@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
@import "https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Mouse+Memoirs&family=Noto+Sans+SC:wght@300;400;700&family=Noto+Serif+SC:wght@300;400;600&family=Yanone+Kaffeesatz:wght@300;400;600&display=swap";
.cookieAcceptBar {
  text-align: center;
  color: #000;
  background-color: #fbf4ec;
  border-color: currentColor #000 #000;
  border-top-style: none;
  border-top-width: 1px;
  padding: 20px 0;
  font-family: Yanone Kaffeesatz, sans-serif;
  font-size: 22px;
  font-weight: 600;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
}

.cookieAcceptBar a {
  color: #00afa9;
  font-weight: bold;
  text-decoration: underline;
}

.cookieAcceptBar button {
  cursor: pointer;
  color: #000;
  text-transform: uppercase;
  height: 40px;
  background-color: #081519;
  border: none;
  margin-top: 10px;
  padding: 0 20px;
  line-height: 40px;
}

.cookieAcceptBar .btn-success {
  color: #fff;
  background-color: #00afa9;
  border-color: #e2dad1;
}

.cookieAcceptBar .btn-success.focus, .cookieAcceptBar .btn-success :focus {
  box-shadow: 0 0 0 .2rem #08151980;
}

.cookieAcceptBar .btn-success:hover {
  background-color: #4ec2bd;
}

.cookieAcceptBar .btn-reject {
  color: #fff;
  background-color: #f52b2b;
  border-color: #e2dad1;
}

.cookieAcceptBar .btn-reject.focus, .cookieAcceptBar .btn-reject :focus {
  box-shadow: 0 0 0 .2rem #08151980;
}

.cookieAcceptBar .btn-reject:hover {
  background-color: #4ec2bd;
}

.text-button[data-v-8d063b] {
  height: 50px;
  perspective: 1px;
  justify-content: center;
  align-items: center;
  padding: 30px;
  line-height: 35px;
  display: flex;
  transform: perspective(1px)translateZ(0);
}

.text-button.disabled[data-v-8d063b] {
  cursor: default;
  filter: brightness() grayscale();
  border-image: url("basic-button-dark.9fed0e09.png") 37 61 fill / 37px 61px;
}

.text-button:active .button-text[data-v-8d063b]:not(.disabled) {
  transform: scale(.9);
}

.text-button.large-font[data-v-8d063b] {
  height: 100px;
}

.text-button.blue[data-v-8d063b] {
  border-image: url("basic-button-dark.9fed0e09.png") 37 61 fill / 37px 61px;
}

.text-button.blue[data-v-8d063b]:hover {
  border-image: url("basic-button-dark-hover.ac07a2d0.png") 37 61 fill / 37px 61px;
}

.text-button.blue[data-v-8d063b]:active {
  border-image: url("basic-button-dark-active.0db80044.png") 37 61 fill / 37px 61px;
}

.text-button.blue.selected[data-v-8d063b] {
  border-image: url("basic-button-dark-active.0db80044.png") 37 61 fill / 37px 61px;
}

.text-button.green[data-v-8d063b] {
  border-image: url("basic-button-alt.f9d6b503.png") 37 61 fill / 37px 61px;
}

.text-button.green[data-v-8d063b]:hover {
  border-image: url("basic-button-alt-hover.d0020e97.png") 37 61 fill / 37px 61px;
}

.text-button.green[data-v-8d063b]:active {
  border-image: url("basic-button-alt-active.124b6a58.png") 37 61 fill / 37px 61px;
}

.text-button.green .button-text[data-v-8d063b] {
  color: #fbfdfc;
}

.text-button.green.selected[data-v-8d063b] {
  border-image: url("basic-button-alt-active.124b6a58.png") 37 61 fill / 37px 61px;
}

.text-button.bright-green[data-v-8d063b] {
  border-image: url("bright-green-button.bd16218f.png") 37 61 fill / 37px 61px;
}

.text-button.bright-green[data-v-8d063b]:hover {
  border-image: url("bright-green-button-hover.d0f8f623.png") 37 61 fill / 37px 61px;
}

.text-button.bright-green[data-v-8d063b]:active {
  border-image: url("bright-green-button-active.246e0e60.png") 37 61 fill / 37px 61px;
}

.text-button.bright-green .button-text[data-v-8d063b] {
  color: #060a23;
}

.text-button.bright-green.selected[data-v-8d063b] {
  border-image: url("basic-button-alt-active.124b6a58.png") 37 61 fill / 37px 61px;
}

.text-button .button-text[data-v-8d063b] {
  pointer-events: none;
  color: #0dd14d;
}

.text-button .button-text[lang="en"][data-v-8d063b] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 45px;
}

.text-button .button-text[lang="zh"][data-v-8d063b] {
  font-family: Noto Serif SC, serif;
  font-size: 32px;
}

.text-button .button-text.small-text[lang="en"][data-v-8d063b] {
  font-size: 35px;
}

.text-button .button-text.small-text[lang="zh"][data-v-8d063b] {
  font-size: 22px;
}

.text-button .button-text.disabled[data-v-8d063b] {
  opacity: .3;
}

.text-button .button-text.offWhite[data-v-8d063b] {
  color: #fbfdfc !important;
}

.text-button .button-text.green[data-v-8d063b] {
  color: #0dd14d !important;
}

.text-button .button-text.cream[data-v-8d063b] {
  color: #fafb8e !important;
}

.text-button .button-text.darkBlue[data-v-8d063b] {
  color: #060a23 !important;
}

.text-button .button-text.failureRed[data-v-8d063b] {
  color: #f50f35 !important;
}

.text-button .loading[data-v-8d063b] {
  width: 70px;
  text-align: center;
  justify-content: center;
  display: flex;
}

.text-button .loading .bounce1[data-v-8d063b] {
  animation-delay: -.32s;
}

.text-button .loading .bounce2[data-v-8d063b] {
  animation-delay: -.16s;
}

.text-button .loading > div[data-v-8d063b] {
  width: 18px;
  height: 18px;
  background-color: #0dd14d;
  border-radius: 100%;
  animation: bounceDelay-8d063b 1.4s ease-in-out infinite both;
  display: inline-block;
}

.text-button.highlight[data-v-8d063b] {
  animation: pulseShadow 3s infinite;
}

@keyframes bounceDelay-8d063b {
  0%, 80%, 100% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}

.panel .under-construction[data-v-539c0a] {
  text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 30px #fff;
  color: #00ffc4;
  font-family: Do Hyeon;
  font-size: 50px;
  font-weight: 1000;
  position: absolute;
  top: 30%;
  left: 15px;
  transform: rotate(-35deg);
}

.panel .panel-inner[data-v-539c0a] {
  min-width: 100%;
  min-height: 125px;
  pointer-events: all;
  perspective: 1px;
  border-style: solid;
  border-width: 46px 11px 70px;
  border-image-source: url("main-panel.d7e6fe66.png");
  border-image-slice: 94 133 fill;
  border-image-width: 94px 133px;
  position: relative;
  transform: translateZ(0);
}

.panel .panel-inner .content.noBanner[data-v-539c0a] {
  height: 100%;
  margin-top: 90px;
}

#generic-prompt .prompt[data-v-f8fa8b] {
  flex-direction: column;
  align-items: center;
  display: flex;
}

#generic-prompt .prompt .header[data-v-f8fa8b] {
  color: #fafb8e;
}

#generic-prompt .prompt .header[lang="en"][data-v-f8fa8b] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 45px;
}

#generic-prompt .prompt .header[lang="zh"][data-v-f8fa8b] {
  font-family: Noto Sans SC, sans-serif;
}

#generic-prompt .prompt .description[data-v-f8fa8b] {
  color: #fafb8e;
  padding: 10px 30px;
}

#generic-prompt .prompt .description[lang="en"][data-v-f8fa8b] {
  font-family: sl_pixlregular;
  font-size: 32px;
}

#generic-prompt .prompt .description[lang="zh"][data-v-f8fa8b] {
  font-family: Noto Sans SC, sans-serif;
}

#generic-prompt .prompt .button-container[data-v-f8fa8b] {
  margin: 30px 0;
}

.description-body .information-content[data-v-050812] {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.description-body .information-content .header[data-v-050812] {
  color: #fafb8e;
}

.description-body .information-content .header[lang="en"][data-v-050812] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 45px;
}

.description-body .information-content .header[lang="zh"][data-v-050812] {
  font-family: Noto Sans SC, sans-serif;
}

.description-body .information-content .description[data-v-050812] {
  color: #fafb8e;
  padding: 10px 30px;
}

.description-body .information-content .description[lang="en"][data-v-050812] {
  font-family: sl_pixlregular;
  font-size: 32px;
}

.description-body .information-content .description[lang="zh"][data-v-050812] {
  font-family: Noto Sans SC, sans-serif;
}

.buttons-container[data-v-050812] {
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.buttons-container .button[data-v-050812] {
  margin: 30px 10px 10px;
}

.icon-button[data-v-d01e57] {
  width: 132px;
  height: 87px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon-button.disabled[data-v-d01e57] {
  cursor: default;
  border-image: url("button-disable.9c8ec8ad.png") 26 fill / 26px !important;
}

.icon-button:active .icon[data-v-d01e57]:not(.disabled) {
  transform: scale(.9);
}

.icon-button.bright-green[data-v-d01e57] {
  border-image: url("bright-green-button.bd16218f.png") 26 fill / 26px;
}

.icon-button.bright-green[data-v-d01e57]:hover, .icon-button.bright-green.hovered[data-v-d01e57] {
  border-image: url("bright-green-button-hover.d0f8f623.png") 26 fill / 26px;
}

.icon-button.bright-green[data-v-d01e57]:active {
  border-image: url("bright-green-button-active.246e0e60.png") 26 fill / 26px;
}

.icon-button.dark-blue[data-v-d01e57] {
  opacity: .5;
  border-image: url("basic-button-dark.9fed0e09.png") 26 fill / 26px;
}

.icon-button.dark-blue[data-v-d01e57]:hover, .icon-button.dark-blue.hovered[data-v-d01e57] {
  border-image: url("basic-button-dark-hover.ac07a2d0.png") 26 fill / 26px;
}

.icon-button.dark-blue[data-v-d01e57]:active {
  border-image: url("basic-button-dark-active.0db80044.png") 26 fill / 26px;
}

.icon-button.green[data-v-d01e57] {
  opacity: .5;
  border-image: url("basic-button-alt.f9d6b503.png") 26 fill / 26px;
}

.icon-button.green[data-v-d01e57]:hover, .icon-button.green.hovered[data-v-d01e57] {
  border-image: url("basic-button-alt-hover.d0020e97.png") 26 fill / 26px;
}

.icon-button.green[data-v-d01e57]:active {
  border-image: url("basic-button-alt-active.124b6a58.png") 26 fill / 26px;
}

.icon-button .icon[data-v-d01e57] {
  width: 77px;
  height: 51px;
  background-size: contain;
}

.icon-button .icon.disabled[data-v-d01e57] {
  opacity: .3;
}

.icon-button .icon.stash[data-v-d01e57] {
  background-image: url("stash-icon.c1f6aece.png");
}

.icon-button .icon.furnace[data-v-d01e57] {
  background-image: url("furnace-icon.79db5002.png");
}

.icon-button .icon.market[data-v-d01e57] {
  background-image: url("market-icon.3cf1f9ca.png");
}

.icon-button .icon.pit-of-chance[data-v-d01e57] {
  background-image: url("pit-of-chances-icon.d147337a.png");
}

.icon-button .icon.delete[data-v-d01e57] {
  background-image: url("delete-icon.8d3107f5.png");
}

.icon-button .icon.key[data-v-d01e57] {
  background-image: url("key-icon.f4fd6414.png");
}

.icon-button .icon.boat[data-v-d01e57] {
  background-image: url("depart-icon.e9568b39.png");
}

.icon-button .icon.back[data-v-d01e57] {
  background-image: url("back-icon.3dc59f61.png");
}

.icon-button .icon.createaccount[data-v-d01e57] {
  background-image: url("create-account-icon.ba9e9ec4.png");
}

.icon-button .icon.add[data-v-d01e57] {
  background-image: url("add-icon.cceca042.png");
}

.icon-button .icon.adventure[data-v-d01e57] {
  background-image: url("adventure-icon.c38076ca.png");
}

.icon-button .icon.augment[data-v-d01e57] {
  background-image: url("augment-icon.1836502a.png");
}

.icon-button .icon.forward[data-v-d01e57] {
  background-image: url("forward-icon.634051e4.png");
}

.icon-button .icon.hub[data-v-d01e57] {
  background-image: url("hub-icon.f74872d4.png");
}

.icon-button .icon.logout[data-v-d01e57] {
  background-image: url("login-icon.ebffe39f.png");
  transform: scale(-1, 1);
}

.icon-button .icon.login[data-v-d01e57] {
  background-image: url("login-icon.ebffe39f.png");
}

.icon-button .icon.page[data-v-d01e57] {
  background-image: url("mylistings-icon.798a2609.png");
}

.icon-button .icon.no[data-v-d01e57] {
  background-image: url("no-icon.02eb01b0.png");
}

.icon-button .icon.refresh[data-v-d01e57] {
  background-image: url("refresh-icon.cd118873.png");
}

.icon-button .icon.worm[data-v-d01e57] {
  background-image: url("worm-icon.1c90d220.png");
}

.icon-button .icon.yes[data-v-d01e57] {
  background-image: url("yes-button.5e90a6a1.png");
}

.icon-button .icon.party[data-v-d01e57] {
  background-image: url("create-party-icon.47a92752.png");
}

.icon-button .icon.copy[data-v-d01e57] {
  background-image: url("copy-icon.3a4e4563.png");
}

.icon-button .icon.sale[data-v-d01e57] {
  background-image: url("login-icon.ebffe39f.png");
}

.icon-button .icon.invite[data-v-d01e57] {
  width: 71px;
  background-image: url("send-invite-button.bfb7e793.png");
}

.icon-button .icon.coin[data-v-d01e57] {
  background-image: url("coin-button.d0f6c13a.png");
  background-position-x: 10px;
  background-repeat: no-repeat;
}

.icon-button .icon.gift[data-v-d01e57] {
  background-image: url("free-listing-button.ca6b0919.png");
}

.icon-button .icon.faction-standing[data-v-d01e57] {
  background-image: url("faction-standings-button.b50dd21d.png");
}

.icon-button .icon.leave-faction[data-v-d01e57] {
  background-image: url("leave-faction-button.e92bb9db.png");
}

.icon-button .icon.join-faction[data-v-d01e57] {
  background-image: url("join-faction-button.3427e4b9.png");
}

.icon-button .icon.wave[data-v-d01e57] {
  background-image: url("leave-faction-button.e92bb9db.png");
}

.icon-button .icon.lock[data-v-d01e57] {
  background-image: url("lock-button.3e9b65d1.png");
}

.icon-button .icon.play[data-v-d01e57] {
  background-image: url("play-icon.8fb3e188.png");
  background-position: center;
  background-repeat: no-repeat;
}

.icon-button .icon.pause[data-v-d01e57] {
  background-image: url("pause-icon.7ce29396.png");
  background-position: center;
  background-repeat: no-repeat;
}

.icon-button .icon.timer[data-v-d01e57] {
  filter: contrast(0) brightness(2);
  width: 32px;
  height: 32px;
  background-image: url("timer-icon.f554c694.png");
}

.icon-button .icon.loading[data-v-d01e57] {
  width: 51px;
  height: 51px;
  background-image: url("loading-spinner.3faf028c.gif");
}

.icon-button .icon.chat[data-v-d01e57] {
  background-image: url("chat-icon.63fbbe4a.png");
  background-position: center;
  background-repeat: no-repeat;
}

div[data-v-8403d6] {
  color: #fbfdfc;
  text-align: center;
}

div[lang="en"][data-v-8403d6] {
  font-variant: small-caps;
  font-family: pt_sansbold;
  font-size: 30px;
}

div[lang="zh"][data-v-8403d6] {
  font-family: Noto Sans SC, sans-serif;
}

div[data-v-8403d6] .glossary-term {
  color: #0dd14d;
  border-bottom: 1px dashed #000;
}

div[data-v-8403d6] .glossary-term:before {
  content: attr(definition);
  width: 200px;
  color: #fff;
  text-align: center;
  background: #000;
  border-radius: 10px;
  margin-left: 15px;
  padding: 10px;
  display: none;
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
}

div[data-v-8403d6] .glossary-term:hover:before {
  display: block;
}

.item .item-container[data-v-936693] {
  width: 95px;
  height: 95px;
  pointer-events: all;
  position: relative;
}

.item .item-container:hover > .circle[data-v-936693]:not(.disabled) {
  filter: drop-shadow(0 0 5px #9afe8b);
  transition: all .3s;
}

.item .item-container.small[data-v-936693] {
  width: 66px;
  height: 66px;
}

.item .item-container .book[data-v-936693] {
  margin: auto;
  position: absolute;
  inset: 0;
}

.item .item-container .book.disabled[data-v-936693] {
  filter: grayscale() drop-shadow(0 0 10px gray) !important;
}

.item .item-container .book.selected[data-v-936693]:not(.disabled) {
  transform: scale(1.12);
  filter: drop-shadow(0 0 6px #0dd14d) !important;
}

.item .item-container .book.glow[data-v-936693]:not(.disabled) {
  filter: drop-shadow(0 0 6px #fb3fb2);
}

.item .item-container .book .book-graphics[data-v-936693] {
  width: 108px;
  height: 101px;
  margin: auto;
  position: absolute;
  inset: 0 0 0 -7px;
}

.item .item-container .book .book-graphics.small[data-v-936693] {
  width: 54px;
  height: 50px;
}

.item .item-container .book .book-graphics.small .book-overlay[data-v-936693] {
  -webkit-mask-size: 54px;
}

.item .item-container .book .book-graphics > div[data-v-936693] {
  width: inherit;
  height: inherit;
}

.item .item-container .book .book-graphics .book-cover[data-v-936693] {
  background-image: url("book-gray.96129b77.png");
  background-size: contain;
  position: absolute;
}

.item .item-container .book .book-graphics .book-overlay[data-v-936693] {
  mix-blend-mode: overlay;
  -webkit-mask-image: url("book-gray.96129b77.png");
  background-size: contain;
  position: absolute;
  mask-image: url("book-gray.96129b77.png");
  mask-size: cover;
}

.item .item-container .book .book-graphics .book-accent[data-v-936693] {
  background-image: url("book-accent.7ec900b4.png");
  background-size: contain;
  position: absolute;
}

.item .item-container .background[data-v-936693] {
  margin: auto;
  position: absolute;
  inset: 0;
}

.item .item-container .background.final-tier[data-v-936693] {
  width: 116px;
  height: 131px;
  background-image: url("upgrade-container-epic.94bbdf33.png");
  top: 4px;
  left: -11px;
}

.item .item-container .background.legendary-tier[data-v-936693] {
  width: 134px;
  height: 158px;
  background-image: url("upgrade-container-legendary.d4536b28.png");
  top: 3px;
  left: -19px;
}

.item .item-container .circle[data-v-936693] {
  width: 87px;
  height: 87px;
  margin: auto;
  position: absolute;
  inset: 0;
}

.item .item-container .circle.small[data-v-936693] {
  transform-origin: center;
  transform: scale(.7);
}

.item .item-container .circle[data-v-936693]:not(.disable) {
  background-image: url("upgrade-container-normal.6130b92b.png");
}

.item .item-container .circle.selected[data-v-936693]:not(.disable) {
  width: 95px;
  height: 95px;
  filter: drop-shadow(0 0 5px #9afe8b);
  background-image: url("upgrade-container-selecteds.d0bdd3a2.png");
}

.item .item-container .item-icon[data-v-936693] {
  margin: auto;
  position: absolute;
  inset: 0;
}

.item .item-container .item-icon.not-available[data-v-936693] {
  opacity: .5;
}

.item .item-container .item-icon.locked[data-v-936693] {
  opacity: .2;
}

.item .item-container .item-icon.icon[data-v-936693] {
  background-image: url("in-game-icons.541caa19.png");
  background-repeat: no-repeat;
  align-self: center;
  display: flex;
}

.item .item-container .item-icon.icon.twist[data-v-936693] {
  top: -16px;
}

.item .item-container .item-icon.icon.small[data-v-936693] {
  transform-origin: 100%;
  transform: scale(.67);
}

.item .item-container .item-icon.icon.small.twist[data-v-936693] {
  top: -10px;
  left: -7px;
  transform-origin: center !important;
  transform: scale(.48) !important;
}

.item .item-container .lock-icon[data-v-936693] {
  width: 80px;
  height: 80px;
  opacity: .6;
  background-size: cover;
  margin: auto;
  position: absolute;
  inset: 0;
}

.item .item-container .lock-icon.active[data-v-936693] {
  background-image: url("locked-invert.1f20b6e7.png");
}

.upgrade-information[data-v-dc6c23] {
  display: flex;
}

.upgrade-information .description[data-v-dc6c23] {
  text-align: center;
  width: 100%;
}

.upgrade-information .description .description-header h3[data-v-dc6c23] {
  color: #fff;
}

.upgrade-information .description .description-body[data-v-dc6c23] {
  width: 400px;
  height: 90px;
  text-align: center;
}

.upgrade-information .description .description-body p[data-v-dc6c23] {
  color: #fff;
}

.upgrade-information .description .stat-block[data-v-dc6c23] {
  width: 400px;
  height: 180px;
  text-align: left;
}

.upgrade-information .description .stat-block p[data-v-dc6c23] {
  color: #fff;
  margin-left: 100px;
}

.upgrade-information .upgrade-shape .shape[data-v-dc6c23] {
  position: relative;
}

.upgrade-information .upgrade-shape .shape .background[data-v-dc6c23] {
  margin: auto;
  position: absolute;
  inset: 0;
}

.upgrade-information .upgrade-shape .shape .background.diamond[data-v-dc6c23] {
  width: 221px;
  height: 277px;
  background-image: url("tree-arrows-diamond.625c57e2.png");
  top: 10px;
}

.upgrade-information .upgrade-shape .shape .background.diamond-expanded[data-v-dc6c23] {
  width: 152px;
  height: 342px;
  background-image: url("tree-arrows-diamond-cont.5874d6fa.png");
  top: 154px;
}

.upgrade-information .upgrade-shape .shape .background.line[data-v-dc6c23] {
  width: 35px;
  height: 241px;
  background-image: url("tree-arrows-line.98c7cb4a.png");
  top: 1px;
}

.upgrade-information .upgrade-shape .shape .background-arrows[data-v-dc6c23] {
  width: 464px;
  height: 339px;
  position: absolute;
}

.upgrade-information .upgrade-shape .shape .background-arrows .top-arrow .arrow[data-v-dc6c23], .upgrade-information .upgrade-shape .shape .background-arrows .left-arrow .arrow[data-v-dc6c23], .upgrade-information .upgrade-shape .shape .background-arrows .right-arrow .arrow[data-v-dc6c23] {
  width: 34px;
  height: 86px;
  opacity: .25;
  background-image: url("tree-long-arrows.311e0dfc.png");
  position: absolute;
}

.upgrade-information .upgrade-shape .shape .background-arrows .top-arrow .arrow.left-position[data-v-dc6c23], .upgrade-information .upgrade-shape .shape .background-arrows .left-arrow .arrow.left-position[data-v-dc6c23], .upgrade-information .upgrade-shape .shape .background-arrows .right-arrow .arrow.left-position[data-v-dc6c23] {
  transform: rotate(38deg);
}

.upgrade-information .upgrade-shape .shape .background-arrows .top-arrow .arrow.right-position[data-v-dc6c23], .upgrade-information .upgrade-shape .shape .background-arrows .left-arrow .arrow.right-position[data-v-dc6c23], .upgrade-information .upgrade-shape .shape .background-arrows .right-arrow .arrow.right-position[data-v-dc6c23] {
  transform: rotate(-38deg);
}

.upgrade-information .upgrade-shape .shape .background-arrows .top-arrow .arrow.glow[data-v-dc6c23], .upgrade-information .upgrade-shape .shape .background-arrows .left-arrow .arrow.glow[data-v-dc6c23], .upgrade-information .upgrade-shape .shape .background-arrows .right-arrow .arrow.glow[data-v-dc6c23] {
  opacity: 1;
  background-image: url("tree-long-arrows-glow.cc55092e.png");
  animation: fade-dc6c23 2s ease-in-out infinite;
}

.upgrade-information .upgrade-shape .shape .background-arrows .top-arrow .arrow.show-arrow[data-v-dc6c23], .upgrade-information .upgrade-shape .shape .background-arrows .left-arrow .arrow.show-arrow[data-v-dc6c23], .upgrade-information .upgrade-shape .shape .background-arrows .right-arrow .arrow.show-arrow[data-v-dc6c23] {
  opacity: 1;
}

.upgrade-information .upgrade-shape .shape .background-arrows .top-arrow .left-position[data-v-dc6c23] {
  top: 97px;
  left: 164px;
}

.upgrade-information .upgrade-shape .shape .background-arrows .top-arrow .right-position[data-v-dc6c23] {
  top: 97px;
  left: 267px;
}

.upgrade-information .upgrade-shape .shape .background-arrows .top-arrow .glow[data-v-dc6c23] {
  opacity: 1;
  background-image: url("tree-long-arrows-glow.cc55092e.png");
  animation: fade-dc6c23 2s ease-in-out infinite;
}

.upgrade-information .upgrade-shape .shape .background-arrows .left-arrow .left-position[data-v-dc6c23] {
  top: 232px;
  left: 55px;
}

.upgrade-information .upgrade-shape .shape .background-arrows .left-arrow .right-position[data-v-dc6c23] {
  top: 232px;
  left: 155px;
}

.upgrade-information .upgrade-shape .shape .background-arrows .right-arrow .left-position[data-v-dc6c23] {
  top: 232px;
  left: 275px;
}

.upgrade-information .upgrade-shape .shape .background-arrows .right-arrow .right-position[data-v-dc6c23] {
  top: 232px;
  left: 375px;
}

.upgrade-information .upgrade-shape .shape .background-arrows .expanded[data-v-dc6c23] {
  width: 34px;
  height: 53px;
  position: absolute;
  top: 400px;
  left: -3px;
}

.upgrade-information .upgrade-shape .shape .background-arrows .expanded .expanded-arrow.left[data-v-dc6c23], .upgrade-information .upgrade-shape .shape .background-arrows .expanded .expanded-arrow.middle[data-v-dc6c23], .upgrade-information .upgrade-shape .shape .background-arrows .expanded .expanded-arrow.right[data-v-dc6c23] {
  width: 34px;
  height: 53px;
  opacity: .25;
  background-image: url("tree-single-arrow.001f89d0.png");
  position: absolute;
}

.upgrade-information .upgrade-shape .shape .background-arrows .expanded .expanded-arrow.left.glow[data-v-dc6c23], .upgrade-information .upgrade-shape .shape .background-arrows .expanded .expanded-arrow.middle.glow[data-v-dc6c23], .upgrade-information .upgrade-shape .shape .background-arrows .expanded .expanded-arrow.right.glow[data-v-dc6c23] {
  opacity: 1;
  background-image: url("tree-single-arrow-glow.19caa015.png");
  animation: fade-dc6c23 2s ease-in-out infinite;
}

.upgrade-information .upgrade-shape .shape .background-arrows .expanded .expanded-arrow.left[data-v-dc6c23] {
  top: 0;
  left: 0;
}

.upgrade-information .upgrade-shape .shape .background-arrows .expanded .expanded-arrow.middle[data-v-dc6c23] {
  top: 0;
  left: 218px;
}

.upgrade-information .upgrade-shape .shape .background-arrows .expanded .expanded-arrow.right[data-v-dc6c23] {
  top: 0;
  left: 437px;
}

.upgrade-information .upgrade-shape .shape.diamond[data-v-dc6c23] {
  width: 325px;
}

.upgrade-information .upgrade-shape .shape.diamond .row .item[data-v-dc6c23] {
  padding: 20px 62px;
}

.upgrade-information .upgrade-shape .shape.diamond-expanded[data-v-dc6c23] {
  width: 325px;
}

.upgrade-information .upgrade-shape .shape.diamond-expanded .row .item[data-v-dc6c23] {
  padding: 20px 62px;
}

.upgrade-information .upgrade-shape .shape.diamond-expanded .row.bottom .item[data-v-dc6c23] {
  position: relative;
  top: 9px;
}

.upgrade-information .upgrade-shape .shape.tree[data-v-dc6c23] {
  width: 393px;
}

.upgrade-information .upgrade-shape .shape.tree .row .item[data-v-dc6c23] {
  margin: 20px 62px;
}

.upgrade-information .upgrade-shape .shape.tree-expanded[data-v-dc6c23] {
  width: 393px;
}

.upgrade-information .upgrade-shape .shape.tree-expanded .row .item[data-v-dc6c23] {
  margin: 20px 62px;
}

.upgrade-information .upgrade-shape .shape.line[data-v-dc6c23] {
  margin-top: 40px;
}

.upgrade-information .upgrade-shape .shape.line .row .item[data-v-dc6c23] {
  padding: 0;
}

.upgrade-information .upgrade-shape .shape.line .row .item[data-v-dc6c23]:first-child {
  position: relative;
  top: -12px;
}

.upgrade-information .upgrade-shape .shape.line .row .item[data-v-dc6c23]:last-child {
  position: relative;
  top: 12px;
}

.upgrade-information .upgrade-shape .shape.line .row .item[data-v-dc6c23]:nth-child(2n) {
  margin-right: 90px;
}

.upgrade-information .upgrade-shape .shape.line .row .item[data-v-dc6c23]:nth-child(2n+1) {
  margin-left: 103px;
}

.upgrade-information .upgrade-shape .shape.diamond[data-v-dc6c23], .upgrade-information .upgrade-shape .shape.diamond-expanded[data-v-dc6c23], .upgrade-information .upgrade-shape .shape.line[data-v-dc6c23], .upgrade-information .upgrade-shape .shape.tree[data-v-dc6c23], .upgrade-information .upgrade-shape .shape.tree-expanded[data-v-dc6c23] {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.upgrade-information .upgrade-shape .shape.diamond .row.middle[data-v-dc6c23], .upgrade-information .upgrade-shape .shape.diamond-expanded .row.middle[data-v-dc6c23], .upgrade-information .upgrade-shape .shape.line .row.middle[data-v-dc6c23], .upgrade-information .upgrade-shape .shape.tree .row.middle[data-v-dc6c23], .upgrade-information .upgrade-shape .shape.tree-expanded .row.middle[data-v-dc6c23], .upgrade-information .upgrade-shape .shape.diamond .row.bottom[data-v-dc6c23], .upgrade-information .upgrade-shape .shape.diamond-expanded .row.bottom[data-v-dc6c23], .upgrade-information .upgrade-shape .shape.line .row.bottom[data-v-dc6c23], .upgrade-information .upgrade-shape .shape.tree .row.bottom[data-v-dc6c23], .upgrade-information .upgrade-shape .shape.tree-expanded .row.bottom[data-v-dc6c23] {
  display: flex;
}

@keyframes fade-dc6c23 {
  0% {
    opacity: 1;
  }

  50% {
    opacity: .5;
  }

  100% {
    opacity: 1;
  }
}

#header .header.offWhite[data-v-327357] {
  color: #fbfdfc;
}

#header .header.green[data-v-327357] {
  color: #0dd14d;
}

#header .header.cream[data-v-327357] {
  color: #fafb8e;
}

#header .header.drop-shadow[data-v-327357] {
  filter: drop-shadow(5px 5px 1px #00000080);
}

#header .header[lang="en"][data-v-327357] {
  font-variant: small-caps;
}

#header .header[lang="en"].pixl[data-v-327357] {
  font-family: sl_pixlregular;
}

#header .header[lang="en"].boldPT[data-v-327357] {
  font-family: pt_sansbold;
}

#header .header[lang="zh"][data-v-327357] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 64px;
}

.panel[data-v-e12f56] {
  transform-origin: 100%;
  perspective: 1px;
  align-items: center;
  display: flex;
}

.panel .under-construction[data-v-e12f56] {
  text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 30px #fff;
  color: #00ffc4;
  font-family: Do Hyeon;
  font-size: 50px;
  font-weight: 1000;
  position: absolute;
  top: 30%;
  left: 15px;
  transform: rotate(-35deg);
}

.panel .small-panel-inner[data-v-e12f56] {
  min-width: 55px;
  min-height: 55px;
  pointer-events: all;
  perspective: 1px;
  border-style: solid;
  border-image-source: url("small-panel.80b373f8.png");
  border-image-slice: 41 73 41 94 fill;
  border-image-width: 41px 73px 41px 94px;
  position: relative;
  transform: translateZ(0);
}

.panel .small-panel-inner.alt[data-v-e12f56] {
  filter: drop-shadow(3px 3px 1px #00000080);
  border-image-source: url("small-panel-alt.5d74f829.png");
}

.panel .small-panel-inner .content[data-v-e12f56] {
  height: inherit;
}

.panel .small-panel-inner .content.noBanner[data-v-e12f56] {
  height: 100%;
  margin-top: 90px;
}

.square-item[data-v-9209e6] {
  width: 145px;
  height: 140px;
  margin: 0 20px;
  position: relative;
}

.square-item.selected[data-v-9209e6] {
  filter: drop-shadow(0px 0px 5px var(--6a928ad0));
  transform: scale(1.05);
}

.square-item.disabled[data-v-9209e6] {
  filter: grayscale();
}

.square-item.faded[data-v-9209e6] {
  opacity: .4;
}

.square-item .background[data-v-9209e6] {
  width: 142px;
  height: 138px;
  background-image: url("framed-portrait-background.938f0cca.png");
  background-repeat: no-repeat;
  position: absolute;
}

.square-item .icon[data-v-9209e6] {
  width: 142px;
  height: 138px;
  background-image: url("perks-skills-characters-weapons-icons.bb7695a0.png");
  background-repeat: no-repeat;
  position: absolute;
}

.square-item .twistIcon[data-v-9209e6] {
  width: 142px;
  height: 138px;
  transform-origin: center;
  background-image: url("in-game-icons.541caa19.png");
  background-repeat: no-repeat;
  margin: auto;
  position: absolute;
  inset: 0;
  transform: scale(1.6);
}

.square-item .playerIcon[data-v-9209e6] {
  width: 142px;
  height: 138px;
  transform-origin: center;
  background-image: url("player-icons-gray.05d915e6.png");
  background-repeat: no-repeat;
  margin: auto;
  position: absolute;
  inset: 0;
  transform: scale(1.6);
}

.square-item .icon-overlay[data-v-9209e6] {
  width: 142px;
  height: 138px;
  transform-origin: center;
  mix-blend-mode: overlay;
  -webkit-mask-image: url("player-icons-gray.05d915e6.png");
  background-repeat: no-repeat;
  margin: auto;
  position: absolute;
  inset: 0;
  transform: scale(1.6);
  mask-image: url("player-icons-gray.05d915e6.png");
}

.square-item .map-icon[data-v-9209e6] {
  width: 142px;
  height: 138px;
  background-image: url("perks-skills-characters-weapons-icons.bb7695a0.png");
  background-repeat: no-repeat;
  position: absolute;
}

.square-item .border[data-v-9209e6] {
  width: 145px;
  height: 140px;
  background-image: url("framed-portrait-border.2a2f330c.png");
  background-repeat: no-repeat;
  position: absolute;
}

.square-item .goldHighlight[data-v-9209e6] {
  width: 145px;
  height: 140px;
  background-image: url("framed-portrait-border-gold.af096923.png");
  background-repeat: no-repeat;
  position: absolute;
}

.levelup-prompt[data-v-b9e2ef] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.levelup-prompt #level-up[data-v-b9e2ef] .panel-inner {
  border-width: 46px 11px 22px;
}

.levelup-prompt #level-up[data-v-b9e2ef] .panel-inner .container {
  flex-direction: row;
  display: flex;
}

.levelup-prompt #level-up[data-v-b9e2ef] .panel-inner .container .left-container {
  width: 546px;
  margin: 0 10px 0 20px;
}

.levelup-prompt #level-up[data-v-b9e2ef] .panel-inner .container .left-container .header-container {
  height: 100%;
  width: 546px;
  align-items: center;
  display: flex;
}

.levelup-prompt #level-up[data-v-b9e2ef] .panel-inner .container .left-container .header-container #header {
  width: 546px;
  text-align: center;
  justify-content: center;
  margin: 0 18px;
  padding: 10px 0;
  display: flex;
}

.levelup-prompt #level-up[data-v-b9e2ef] .panel-inner .container .left-container .description {
  min-height: 300px;
  margin: 30px 0 10px;
}

.levelup-prompt #level-up[data-v-b9e2ef] .panel-inner .container .left-container .icons-fixed-container {
  transform-origin: center;
  width: 546px;
  height: 160px;
  flex-flow: column wrap;
  display: flex;
  position: relative;
}

.levelup-prompt #level-up[data-v-b9e2ef] .panel-inner .container .left-container .icons-fixed-container .icons-header {
  align-items: top;
  width: 100%;
  text-align: center;
  justify-content: center;
  position: absolute;
  top: -30px;
}

.levelup-prompt #level-up[data-v-b9e2ef] .panel-inner .container .left-container .icons-fixed-container .icons-header[lang="en"] {
  color: #0dd14d;
  font-family: sl_pixlregular;
  font-size: 30px;
}

.levelup-prompt #level-up[data-v-b9e2ef] .panel-inner .container .left-container .icons-fixed-container .icons-header[lang="zh"] {
  font-family: Noto Sans SC, sans-serif;
}

.levelup-prompt #level-up[data-v-b9e2ef] .panel-inner .container .left-container .icons-fixed-container .icons-resized-container {
  width: 926px;
  transform-origin: 0 0;
  flex-flow: wrap;
  place-content: center;
  display: flex;
  position: absolute;
  left: 60px;
  transform: scale(.47);
}

.levelup-prompt #level-up[data-v-b9e2ef] .panel-inner .container .left-container .icons-fixed-container .icons-resized-container .icon-row {
  flex: 0 0 89px;
  margin-top: 20px;
}

.levelup-prompt #level-up[data-v-b9e2ef] .panel-inner .container .right-container {
  min-width: 540px;
  min-height: 540px;
  margin: 0 20px 0 10px;
}

.levelup-prompt #level-up[data-v-b9e2ef] .panel-inner .container .right-container .rolled-upgrades {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.levelup-prompt #level-up[data-v-b9e2ef] .panel-inner .container .right-container .rolled-upgrades .item {
  margin: 0 5px;
}

.levelup-prompt #level-up[data-v-b9e2ef] .panel-inner .container .right-container .upgrade-tree {
  min-height: 444px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.levelup-prompt .button-container[data-v-b9e2ef] {
  margin-top: 10px;
}

.levelup-prompt .title[data-v-b9e2ef] {
  color: #fbfdfc;
  text-align: center;
  margin-top: -20px;
}

.levelup-prompt .title[lang="en"][data-v-b9e2ef] {
  font-variant: small-caps;
  font-family: pt_sansbold;
  font-size: 45px;
}

.levelup-prompt .title[lang="zh"][data-v-b9e2ef] {
  font-family: Noto Sans SC, sans-serif;
}

.break[data-v-b9e2ef] {
  height: 0;
  flex-basis: 100%;
}

.background[data-v-a9b969] {
  width: 100%;
  height: 100%;
  background-image: url("basic-bg.03915a07.png");
  background-size: cover;
  display: flex;
}

#divider[data-v-161acf] {
  height: 90px;
  position: relative;
}

#divider .embellishment.flip[data-v-161acf] {
  transform: scaleX(-1);
}

#divider .text-container[data-v-161acf] {
  margin: 0 60px;
  position: relative;
  top: -20px;
}

#divider .text-container .header[data-v-161acf] {
  color: #fafb8e;
  filter: drop-shadow(5px 5px 1px #00000080);
  position: relative;
}

#divider .text-container .header[lang="en"][data-v-161acf] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
}

#divider .text-container .header[lang="zh"][data-v-161acf] {
  font-family: Noto Sans SC, sans-serif;
}

#checkbox[data-v-5fbf72] {
  flex-direction: column;
  align-items: center;
  display: flex;
}

#checkbox.inline[data-v-5fbf72] {
  flex-direction: row;
}

#checkbox.inline .label[data-v-5fbf72] {
  margin-left: 15px;
}

#checkbox .checkbox[data-v-5fbf72] {
  width: 35px;
  height: 35px;
  background-color: #040e26;
  position: relative;
}

#checkbox .checkbox.error[data-v-5fbf72] {
  border: 2px solid red;
}

#checkbox .checkbox .check-mark[data-v-5fbf72] {
  width: 44px;
  height: 40px;
  opacity: 0;
  background-image: url("toggle-skull.4bf6a93e.png");
  background-size: cover;
  transition: all .15s;
  position: relative;
  top: -3px;
  left: -6px;
}

#checkbox .checkbox .check-mark.active[data-v-5fbf72] {
  opacity: 1;
}

#checkbox .label[data-v-5fbf72] {
  color: #fbfdfc;
  align-items: center;
}

#checkbox .label[lang="en"][data-v-5fbf72] {
  font-variant: small-caps;
  font-family: pt_sansbold;
}

#checkbox .label[lang="zh"][data-v-5fbf72] {
  font-family: Noto Sans SC, sans-serif;
}

.book-review-prompt[data-v-859cf9] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.book-review-prompt #book-review[data-v-859cf9] .panel-inner {
  border-width: 46px 11px 22px;
}

.book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .top-container .text-error, .book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .middle-container .text-error, .book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .bottom-container .text-error {
  text-align: center;
  color: #f50f35;
}

.book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .top-container .text-error[lang="en"], .book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .middle-container .text-error[lang="en"], .book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .bottom-container .text-error[lang="en"] {
  font-variant: small-caps;
  font-family: pt_sansbold;
  font-size: 24px;
}

.book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .top-container .text-error[lang="zh"], .book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .middle-container .text-error[lang="zh"], .book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .bottom-container .text-error[lang="zh"] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 24px;
}

.book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .top-container, .book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .middle-container {
  margin: 0 15px;
}

.book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .top-container .center-column, .book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .middle-container .center-column {
  width: 910px;
  flex-wrap: wrap;
  margin: 20px 0;
  display: flex;
}

.book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .top-container .center-column .text-button, .book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .middle-container .center-column .text-button {
  width: 259px;
  margin: 5px 20px;
}

.book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .top-container .center-column #checkbox, .book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .middle-container .center-column #checkbox {
  flex: 0 0 300px;
  margin: 8px 0;
}

.book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .bottom-container {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .bottom-container .flex-column.row-gap {
  margin: 0 50px;
}

.book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .bottom-container .flex-column .center-row {
  justify-content: center;
  display: flex;
}

.book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .bottom-container .center-row .item {
  margin: 0 17px;
}

.book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .button-container {
  justify-content: center;
  margin: 40px 0 20px;
  display: flex;
}

.book-review-prompt #book-review[data-v-859cf9] .panel-inner .book-review-container .button-container .text-button {
  width: 290px;
  margin: 0 15px;
}

.progress-bar-wrapper[data-v-1b57f0] {
  width: 100%;
  background-color: #060a23;
  position: relative;
}

.progress-bar-wrapper.pulsate[data-v-1b57f0] {
  animation: pulsate-drop-shadow-1b57f0 3s linear infinite alternate;
}

.progress-bar-wrapper.glow[data-v-1b57f0] {
  filter: drop-shadow(0 0 10px #86efff);
}

.progress-bar-wrapper.huge[data-v-1b57f0] {
  height: 60px;
  border-radius: 4px;
}

.progress-bar-wrapper.huge .inner-bar[data-v-1b57f0], .progress-bar-wrapper.huge .inner-text-wrapper[data-v-1b57f0] {
  height: 60px;
  width: calc(100% - 10px);
  margin: 0 5px;
}

.progress-bar-wrapper.huge .inner-bar .progress-bar-inner[data-v-1b57f0], .progress-bar-wrapper.huge .inner-text-wrapper .progress-bar-inner[data-v-1b57f0] {
  height: 50px;
}

.progress-bar-wrapper.huge .inner-bar .swipe-inner[data-v-1b57f0], .progress-bar-wrapper.huge .inner-text-wrapper .swipe-inner[data-v-1b57f0] {
  width: 446px;
  height: 50px;
}

.progress-bar-wrapper.huge .inner-text-wrapper .text[lang="en"][data-v-1b57f0] {
  font-size: 40px;
}

.progress-bar-wrapper.large[data-v-1b57f0] {
  height: 40px;
  border-radius: 4px;
}

.progress-bar-wrapper.large .inner-bar[data-v-1b57f0], .progress-bar-wrapper.large .inner-text-wrapper[data-v-1b57f0] {
  height: 40px;
  width: calc(100% - 8px);
  margin: 0 4px;
}

.progress-bar-wrapper.large .inner-bar .progress-bar-inner[data-v-1b57f0], .progress-bar-wrapper.large .inner-text-wrapper .progress-bar-inner[data-v-1b57f0] {
  height: 32px;
}

.progress-bar-wrapper.large .inner-bar .swipe-inner[data-v-1b57f0], .progress-bar-wrapper.large .inner-text-wrapper .swipe-inner[data-v-1b57f0] {
  width: 286px;
  height: 32px;
}

.progress-bar-wrapper.large .inner-text-wrapper .text[lang="en"][data-v-1b57f0] {
  font-size: 32px;
}

.progress-bar-wrapper.medium[data-v-1b57f0] {
  height: 30px;
  border-radius: 4px;
}

.progress-bar-wrapper.medium .inner-bar[data-v-1b57f0], .progress-bar-wrapper.medium .inner-text-wrapper[data-v-1b57f0] {
  height: 30px;
  width: calc(100% - 8px);
  margin: 0 4px;
}

.progress-bar-wrapper.medium .inner-bar .progress-bar-inner[data-v-1b57f0], .progress-bar-wrapper.medium .inner-text-wrapper .progress-bar-inner[data-v-1b57f0] {
  height: 22px;
}

.progress-bar-wrapper.medium .inner-bar .swipe-inner[data-v-1b57f0], .progress-bar-wrapper.medium .inner-text-wrapper .swipe-inner[data-v-1b57f0] {
  width: 196px;
  height: 22px;
}

.progress-bar-wrapper.medium .inner-text-wrapper .text[lang="en"][data-v-1b57f0] {
  font-size: 22px;
}

.progress-bar-wrapper.small[data-v-1b57f0] {
  height: 20px;
  border-radius: 3px;
}

.progress-bar-wrapper.small .inner-bar[data-v-1b57f0], .progress-bar-wrapper.small .inner-text-wrapper[data-v-1b57f0] {
  height: 20px;
  width: calc(100% - 6px);
  margin: 0 3px;
}

.progress-bar-wrapper.small .inner-bar .progress-bar-inner[data-v-1b57f0], .progress-bar-wrapper.small .inner-text-wrapper .progress-bar-inner[data-v-1b57f0] {
  height: 14px;
}

.progress-bar-wrapper.small .inner-bar .swipe-inner[data-v-1b57f0], .progress-bar-wrapper.small .inner-text-wrapper .swipe-inner[data-v-1b57f0] {
  width: 125px;
  height: 14px;
}

.progress-bar-wrapper.small .inner-text-wrapper .text[data-v-1b57f0] {
  display: none;
}

.progress-bar-wrapper.extra-small[data-v-1b57f0] {
  height: 12px;
  border-radius: 2px;
}

.progress-bar-wrapper.extra-small .inner-bar[data-v-1b57f0], .progress-bar-wrapper.extra-small .inner-text-wrapper[data-v-1b57f0] {
  height: 12px;
  width: calc(100% - 6px);
  margin: 0 3px;
}

.progress-bar-wrapper.extra-small .inner-bar .progress-bar-inner[data-v-1b57f0], .progress-bar-wrapper.extra-small .inner-text-wrapper .progress-bar-inner[data-v-1b57f0] {
  height: 9px;
}

.progress-bar-wrapper.extra-small .inner-bar .swipe-inner[data-v-1b57f0], .progress-bar-wrapper.extra-small .inner-text-wrapper .swipe-inner[data-v-1b57f0] {
  width: 125px;
  height: 14px;
}

.progress-bar-wrapper.extra-small .inner-text-wrapper .text[data-v-1b57f0] {
  display: none;
}

.progress-bar-wrapper.green .inner-bar .progress-bar-inner[data-v-1b57f0], .progress-bar-wrapper.green .inner-text-wrapper .progress-bar-inner[data-v-1b57f0] {
  background-color: #0dd14d;
}

.progress-bar-wrapper.green .inner-bar .progress-bar-inner[data-v-1b57f0]:after, .progress-bar-wrapper.green .inner-text-wrapper .progress-bar-inner[data-v-1b57f0]:after {
  border-color: #0000 #0000 #0000 #0dd14d;
}

.progress-bar-wrapper.red .inner-bar .progress-bar-inner[data-v-1b57f0], .progress-bar-wrapper.red .inner-text-wrapper .progress-bar-inner[data-v-1b57f0] {
  background-color: #f52b2b;
}

.progress-bar-wrapper.red .inner-bar .progress-bar-inner[data-v-1b57f0]:after, .progress-bar-wrapper.red .inner-text-wrapper .progress-bar-inner[data-v-1b57f0]:after {
  border-color: #0000 #0000 #0000 #f52b2b;
}

.progress-bar-wrapper.cream .inner-bar .progress-bar-inner[data-v-1b57f0], .progress-bar-wrapper.cream .inner-text-wrapper .progress-bar-inner[data-v-1b57f0] {
  background-color: #fafb8e;
}

.progress-bar-wrapper.cream .inner-bar .progress-bar-inner[data-v-1b57f0]:after, .progress-bar-wrapper.cream .inner-text-wrapper .progress-bar-inner[data-v-1b57f0]:after {
  border-color: #0000 #0000 #0000 #fafb8e;
}

.progress-bar-wrapper.swipe .swipe-inner[data-v-1b57f0] {
  visibility: visible !important;
}

.progress-bar-wrapper.twinkle .stars-container[data-v-1b57f0] {
  visibility: visible;
}

.progress-bar-wrapper .inner-bar[data-v-1b57f0], .progress-bar-wrapper .inner-text-wrapper[data-v-1b57f0] {
  align-items: center;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.progress-bar-wrapper .inner-bar .progress-bar-inner[data-v-1b57f0], .progress-bar-wrapper .inner-text-wrapper .progress-bar-inner[data-v-1b57f0] {
  width: 0%;
  margin: 0;
  transition: all 75ms ease-in;
  position: relative;
}

.progress-bar-wrapper .inner-bar .progress-bar-inner[data-v-1b57f0]:after, .progress-bar-wrapper .inner-text-wrapper .progress-bar-inner[data-v-1b57f0]:after {
  content: " ";
  border-style: solid;
  position: absolute;
}

.progress-bar-wrapper .inner-bar .swipe-inner[data-v-1b57f0], .progress-bar-wrapper .inner-text-wrapper .swipe-inner[data-v-1b57f0] {
  visibility: hidden;
  background-image: url("progress-bar-shine.8283566e.png");
  background-size: cover;
  animation: swipe-1b57f0 4.5s infinite;
  position: absolute;
}

.progress-bar-wrapper .inner-text-wrapper[data-v-1b57f0] {
  justify-content: center;
}

.progress-bar-wrapper .inner-text-wrapper .text[data-v-1b57f0] {
  color: #fbfdfc;
}

.progress-bar-wrapper .inner-text-wrapper .text[lang="en"][data-v-1b57f0] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
}

.progress-bar-wrapper .inner-text-wrapper .text[lang="zh"][data-v-1b57f0] {
  font-family: Noto Sans SC, sans-serif;
}

.progress-bar-wrapper .stars-container[data-v-1b57f0] {
  visibility: hidden;
}

.progress-bar-wrapper .stars-container .star-image[data-v-1b57f0] {
  width: 19px;
  height: 29px;
  background-image: url("sparkle-large.32194b5b.png");
  position: absolute;
}

.progress-bar-wrapper .stars-container .star-1[data-v-1b57f0] {
  animation: twinkle-large-1b57f0 1s infinite;
  top: -8px;
  right: 200px;
}

.progress-bar-wrapper .stars-container .star-2[data-v-1b57f0] {
  animation: twinkle-large-1b57f0 1s -1.6s infinite;
  bottom: -5px;
  right: 125px;
}

.progress-bar-wrapper .stars-container .star-3[data-v-1b57f0] {
  animation: twinkle-large-1b57f0 1s -1.3s infinite;
  top: -10px;
  right: 50px;
}

.progress-bar-wrapper .stars-container .star-4[data-v-1b57f0] {
  animation: twinkle-small-1b57f0 1s -1.5s infinite;
  bottom: 10px;
  right: 80px;
}

@keyframes swipe-1b57f0 {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(200%);
  }
}

@keyframes twinkle-large-1b57f0 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.5);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes twinkle-small-1b57f0 {
  0% {
    transform: scale(.8);
  }

  50% {
    transform: scale(.5);
  }

  100% {
    transform: scale(.8);
  }
}

@keyframes pulsate-drop-shadow-1b57f0 {
  0% {
    filter: drop-shadow(0 0 5px #000);
  }

  50% {
    filter: drop-shadow(0 0 10px #b9b9b9);
  }

  100% {
    filter: drop-shadow(0 0 5px #000);
  }
}

#vote-progress[data-v-23da51] {
  width: 780px;
}

#vote-progress[data-v-23da51] .panel-inner {
  border-width: 46px 28px 70px;
}

#vote-progress .loss-vote .text-body[data-v-23da51] {
  margin: 40px 0;
}

#vote-progress .loss-vote .text-body .twist-container[data-v-23da51] {
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 20px;
  display: flex;
}

#vote-progress .win-vote .row-margin[data-v-23da51], #vote-progress .loss-vote .row-margin[data-v-23da51] {
  margin: 15px 0;
}

#vote-progress .win-vote .text-body[data-v-23da51], #vote-progress .loss-vote .text-body[data-v-23da51] {
  text-align: center;
  color: #fbfdfc;
  margin: 20px 0;
}

#vote-progress .win-vote .text-body[lang="en"][data-v-23da51], #vote-progress .loss-vote .text-body[lang="en"][data-v-23da51] {
  font-family: sl_pixlregular;
  font-size: 30px;
}

#vote-progress .win-vote .text-body[lang="zh"][data-v-23da51], #vote-progress .loss-vote .text-body[lang="zh"][data-v-23da51] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 24px;
}

#vote-progress .win-vote .rolled-twists[data-v-23da51], #vote-progress .loss-vote .rolled-twists[data-v-23da51] {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

#vote-progress .win-vote .rolled-twists .item[data-v-23da51], #vote-progress .loss-vote .rolled-twists .item[data-v-23da51] {
  margin: 15px;
}

#vote-progress .button-container[data-v-23da51] {
  width: 100%;
  justify-content: center;
  margin: 20px 0;
  display: flex;
  position: relative;
}

#vote-progress .button-container .text-button[data-v-23da51] {
  width: 230px;
  margin: 0 15px;
}

.drop-down.center-label .label[data-v-c29e25] {
  width: 100%;
  text-align: center;
  display: block;
}

.drop-down .label[data-v-c29e25] {
  color: #fbfdfc;
  margin-top: 10px;
  font-size: 32px;
}

.drop-down .label[lang="en"][data-v-c29e25] {
  font-variant: small-caps;
  font-family: pt_sansbold;
}

.drop-down .label[lang="zh"][data-v-c29e25] {
  font-family: Noto Sans SC, sans-serif;
}

.drop-down select[data-v-c29e25] {
  width: 100%;
  color: #0dd14d;
  background-color: #060a23;
  background-image: url("data:image/svg+xml,<svg height='20px' width='20px' viewBox='0 0 16 16' fill='%230DD14D' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");
  background-position: 100% 13px;
  background-repeat: no-repeat;
  border: none;
  padding: 8px;
  font-family: pt_sansbold;
  font-size: 24px;
  appearance: none !important;
}

.drop-down select[lang="en"][data-v-c29e25] {
  font-family: pt_sansbold;
}

.drop-down select[lang="zh"][data-v-c29e25] {
  font-family: Noto Sans SC, sans-serif;
}

#find-create-story[data-v-beb903] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

#find-create-story #book-review[data-v-beb903] {
  width: 660px;
}

#find-create-story #book-review .create-story-container[data-v-beb903] {
  width: 640px;
  justify-content: center;
  display: flex;
}

#find-create-story #book-review .create-story-container .explain-game-type[data-v-beb903] {
  color: #fbfdfc;
  padding: 8px 0;
  font-family: pt_sansbold;
  font-size: 20px;
}

#find-create-story #book-review .create-story-container .form-data[data-v-beb903] {
  width: 578px;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

#find-create-story #book-review .create-story-container .form-data .input-wrapper[data-v-beb903] {
  width: 578px;
  align-self: center;
}

#find-create-story #book-review .create-story-container .form-data .input-wrapper .input[data-v-beb903] {
  margin-top: 20px;
}

#find-create-story #book-review .create-story-container .form-data .input-wrapper select[data-v-beb903] {
  width: 100%;
  color: #0dd14d;
  background-color: #060a23;
  padding: 8px 0;
  font-family: pt_sansbold;
  font-size: 24px;
}

#find-create-story #book-review .create-story-container .form-data .input-wrapper #checkbox[data-v-beb903] {
  margin-top: 10px;
}

#find-create-story #book-review .create-story-container .form-data .input-wrapper .votes-container input[data-v-beb903] {
  color: #0dd14d;
  height: 35px;
  width: 85px;
  background-color: #060a23;
  border: none;
  font-size: 24px;
}

#find-create-story #book-review .create-story-container .form-data .input-wrapper .game-type-info[data-v-beb903] {
  color: #fbfdfc;
  margin: 10px 0;
}

#find-create-story #book-review .create-story-container .form-data .input-wrapper .game-type-info[lang="en"][data-v-beb903] {
  letter-spacing: 2px;
  font-family: pt_sansbold;
  font-size: 22px;
}

#find-create-story #book-review .create-story-container .form-data .button-container[data-v-beb903] {
  align-self: center;
  margin-top: 40px;
  display: flex;
}

#find-create-story #book-review .create-story-container .form-data .button-container .text-button[data-v-beb903] {
  height: 77px;
  width: 253px;
}

#find-create-story #book-review .create-story-container .form-data .button-container .text-button[data-v-beb903]:first-child {
  margin-right: 20px;
}

#find-create-story #book-review .create-story-container .form-data .button-container .text-button[data-v-beb903]:last-child {
  margin-left: 20px;
}

#find-create-story #book-review .create-story-container .map-selection-container[data-v-beb903] {
  width: 578px;
  margin: 20px 0 0;
}

#find-create-story #book-review .create-story-container .map-selection-container .icons-resized-container[data-v-beb903] {
  width: 578px;
  flex-flow: wrap;
  place-content: center;
  margin: 20px 0 0;
  display: flex;
  transform: scale(.97);
}

#find-create-story #book-review .create-story-container .map-selection-container .pagination[data-v-beb903] {
  align-items: center;
  margin: 10px 0;
  display: flex;
}

.currency-container[data-v-ee23c4] {
  width: 219px;
  height: 48px;
  background-color: #005a50;
  align-items: center;
  margin-left: 20px;
  display: flex;
}

.currency-container.disable-background[data-v-ee23c4] {
  background-color: #0000;
}

.currency-container .currency-icon[data-v-ee23c4] {
  background-repeat: no-repeat;
  background-size: contain;
}

.currency-container .currency-icon.paper_scraps[data-v-ee23c4] {
  width: 54px;
  height: 55px;
  background-image: url("icon-paper-scraps.a3692b8e.png");
}

.currency-container .currency-icon.lost_scrolls[data-v-ee23c4] {
  width: 54px;
  height: 65px;
  background-image: url("icon-lost-scroll.f5168c38.png");
  position: relative;
  top: -8px;
}

.currency-container .currency-icon.magic_tomes[data-v-ee23c4] {
  width: 63px;
  height: 67px;
  background-image: url("icon-magic-tome.6746f8a1.png");
  position: relative;
  top: -3px;
}

.currency-container .currency[data-v-ee23c4] {
  color: #fbfdfc;
  margin-left: 5px;
}

.currency-container .currency[lang="en"][data-v-ee23c4] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 45px;
}

.currency-container .currency[lang="zh"][data-v-ee23c4] {
  font-family: Noto Sans SC, sans-serif;
}

.currency-container .currency.animated[data-v-ee23c4] {
  animation: number-pulse-ee23c4 1s infinite;
  animation-fill-mode: both;
}

@-webkit-keyframes number-pulse-ee23c4 {
  0% {
    -webkit-transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
  }
}

@keyframes number-pulse-ee23c4 {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.2);
  }

  100% {
    transform: scale(1);
  }
}

.square-item-container[data-v-947397] {
  justify-content: center;
  display: flex;
}

.square-item-container .items[data-v-947397] {
  width: 900px;
  height: 511px;
  flex-flow: wrap;
  align-content: flex-start;
  padding-top: 11px;
  display: flex;
  overflow: hidden auto;
}

.square-item-container .items .item-wrapper[data-v-947397] {
  height: 185px;
  flex-direction: column;
  align-items: center;
  margin: 0;
  display: flex;
}

.square-item-container .items .item-wrapper[data-v-947397] .square-item {
  margin: 0 15px;
}

.square-item-container .items .item-wrapper .text-container[data-v-947397] {
  color: #fbfdfc;
  padding-top: 4px;
}

.square-item-container .items .item-wrapper .text-container.unlocked[data-v-947397] {
  color: #ffba02;
}

.square-item-container .items .item-wrapper .text-container.purchasable[data-v-947397] {
  color: #0dd14d;
}

.square-item-container .items .item-wrapper .text-container[lang="en"][data-v-947397] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 32px;
}

.square-item-container .items .item-wrapper .text-container[lang="zh"][data-v-947397] {
  font-family: Noto Sans SC, sans-serif;
}

.square-item-container .items .item-wrapper .text-container .highlight-text[data-v-947397] {
  color: #ffba02;
}

.perks-store[data-v-c0f1a7] {
  width: 1920px;
  height: 1080px;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin: 0 40px;
  display: flex;
}

.perks-store #perks-category[data-v-c0f1a7] {
  width: 580px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.perks-store #perks-category .perks-buttons[data-v-c0f1a7] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.perks-store #perks-category .perks-buttons .button[data-v-c0f1a7] {
  width: 300px;
  height: 103px;
  margin: 5px 0;
}

.perks-store #perks-category .perks-buttons .button[data-v-c0f1a7]:last-child {
  margin-top: 30px;
}

.perks-store #perks-collection[data-v-c0f1a7] {
  width: 1000px;
}

.perks-store #perks-collection[data-v-c0f1a7] .panel-inner {
  border-width: 38px 35px 15px 30px;
}

.perks-store #perks-collection .perks-collections[data-v-c0f1a7] {
  width: 932px;
  height: 845px;
}

.perks-store #perks-collection .perks-collections .header[data-v-c0f1a7] {
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.perks-store #perks-collection .perks-collections .collections[data-v-c0f1a7] {
  margin-bottom: 20px;
}

.perks-store #perks-collection .perks-collections .perk-unlock-container .perk-info-container[data-v-c0f1a7] {
  height: 150px;
  background-color: #060a23;
  padding: 4px 8px;
  display: flex;
}

.perks-store #perks-collection .perks-collections .perk-unlock-container .perk-info-container .perk-text[data-v-c0f1a7] {
  width: 632px;
  height: 147px;
  overflow-y: auto;
}

.perks-store #perks-collection .perks-collections .perk-unlock-container .perk-info-container .perk-text .description[data-v-c0f1a7] {
  margin-bottom: 15px;
}

.perks-store #perks-collection .perks-collections .perk-unlock-container .perk-info-container .perk-text .description[lang="en"][data-v-c0f1a7] {
  color: #fbfdfc;
  font-family: sl_pixlregular;
  font-size: 39px;
}

.perks-store #perks-collection .perks-collections .perk-unlock-container .perk-info-container .perk-text .description[lang="zh"][data-v-c0f1a7] {
  font-family: Noto Sans SC, sans-serif;
}

.perks-store #perks-collection .perks-collections .perk-unlock-container .perk-info-container .perk-text .unlock-condition[data-v-c0f1a7] {
  margin-bottom: 15px;
}

.perks-store #perks-collection .perks-collections .perk-unlock-container .perk-info-container .perk-text .unlock-condition[lang="en"][data-v-c0f1a7] {
  color: #fbfdfc;
  font-family: sl_pixlregular;
  font-size: 29px;
}

.perks-store #perks-collection .perks-collections .perk-unlock-container .perk-info-container .perk-text .unlock-condition[lang="zh"][data-v-c0f1a7] {
  font-family: Noto Sans SC, sans-serif;
}

.perks-store #perks-collection .perks-collections .perk-unlock-container .perk-info-container .perk-text .unlock-condition span[data-v-c0f1a7] {
  color: #0dd14d;
}

.perks-store #perks-collection .perks-collections .perk-unlock-container .perk-info-container .perk-text .unlock-state[data-v-c0f1a7] {
  margin-bottom: 6px;
}

.perks-store #perks-collection .perks-collections .perk-unlock-container .perk-info-container .perk-text .unlock-state[lang="en"][data-v-c0f1a7] {
  color: #fafb8e;
  font-family: sl_pixlregular;
  font-size: 29px;
}

.perks-store #perks-collection .perks-collections .perk-unlock-container .perk-info-container .perk-text .unlock-state[lang="zh"][data-v-c0f1a7] {
  font-family: Noto Sans SC, sans-serif;
}

.perks-store #perks-collection .perks-collections .perk-unlock-container .perk-info-container .button-wrapper[data-v-c0f1a7] {
  width: 300px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.perks-store #perks-collection .perks-collections .perk-unlock-container .perk-info-container .button-wrapper .mission-container[data-v-c0f1a7] {
  font-variant: small-caps;
  color: #fbfdfc;
  width: 219px;
  height: 48px;
  background-color: #060a23;
  justify-content: center;
  padding: 0 8px 0 4px;
  font-family: sl_pixlregular;
  font-size: 45px;
  display: flex;
  position: absolute;
  top: -58px;
  right: -8px;
}

.perks-store #perks-collection .perks-collections .perk-unlock-container .perk-info-container .button-wrapper .float-above[data-v-c0f1a7] {
  background-color: #060a23;
  padding: 0 8px 0 4px;
  position: absolute;
  top: -58px;
  right: -8px;
}

.perks-store #perks-collection .perks-collections .perk-unlock-container .perk-info-container .button-wrapper .text-button[data-v-c0f1a7] {
  width: 243px;
  margin: 5px;
}

.perks-store #perks-collection .perks-collections .checkbox-container[data-v-c0f1a7] {
  justify-content: center;
  display: flex;
}

#chat[data-v-b090d1] {
  pointer-events: all;
  min-width: 760px;
  width: 760px;
  height: 100%;
  background-color: #060a23;
  border-top-right-radius: 3px;
}

#chat .chat-inner[data-v-b090d1] {
  width: 100%;
  height: 264px;
  border-radius: 7px;
  transition: all .25s;
  position: relative;
}

#chat .chat-inner.large-feed[data-v-b090d1] {
  height: 532px;
}

#chat .chat-inner .messages[data-v-b090d1] {
  height: calc(100% - 60px);
  flex-direction: column;
  padding: 5px 10px 0;
  overflow-y: scroll;
}

#chat .chat-inner .messages .message[lang="en"][data-v-b090d1] {
  font-variant: small-caps;
  font-family: pt_sansregular;
  font-size: 27px;
}

#chat .chat-inner .messages .message[lang="zh"][data-v-b090d1] {
  font-family: Noto Sans SC, sans-serif;
}

#chat .chat-inner .messages .message .won-msg[data-v-b090d1], #chat .chat-inner .messages .message .voted-msg[data-v-b090d1], #chat .chat-inner .messages .message .twist-won-msg[data-v-b090d1] {
  color: #0dd14d;
}

#chat .chat-inner .messages .message .chat-msg[data-v-b090d1] {
  color: #fbfdfc;
}

#chat .chat-inner .messages .message .lost-msg[data-v-b090d1] {
  color: #f50f35;
}

#chat .chat-inner .messages .message .wishlist[data-v-b090d1] {
  font-size: 27px;
}

#chat .chat-inner .messages .message .wishlist[data-v-b090d1]:link {
  color: #86efff;
  text-decoration: none;
}

#chat .chat-inner .messages .message .wishlist[data-v-b090d1]:visited {
  color: #86efff;
}

#chat .chat-inner .messages .message .wishlist[data-v-b090d1]:hover {
  color: #fff;
}

#chat .chat-inner .messages .message .wishlist[data-v-b090d1]:active {
  color: #86efff;
}

#chat .chat-inner .chat-input[data-v-b090d1] {
  width: 100%;
  border: 4px solid #060a23;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  display: flex;
  position: relative;
}

#chat .chat-inner .chat-input.disabled[data-v-b090d1] {
  cursor: default;
  filter: brightness() grayscale();
  border-image: url("basic-button-dark.9fed0e09.png") 37 61 fill / 37px 61px;
}

#chat .chat-inner .chat-input input[data-v-b090d1] {
  height: 60px;
  width: calc(100% - 70px);
  color: #fbfdfc;
  background-color: #003948;
  border: none;
  outline: none;
}

#chat .chat-inner .chat-input input[lang="en"][data-v-b090d1] {
  letter-spacing: 2px;
  font-family: pt_sansregular;
  font-size: 32px;
}

#chat .chat-inner .chat-input input[lang="zh"][data-v-b090d1] {
  font-family: Noto Sans SC, sans-serif;
}

#chat .chat-inner .chat-input button[data-v-b090d1] {
  width: 70px;
  height: 60px;
  background-color: #005a50;
}

#chat .chat-inner .chat-input button img[data-v-b090d1] {
  filter: invert();
}

#chat .chat-inner .chat-input button[data-v-b090d1]:hover {
  background-color: #006459;
}

#chat .chat-inner .chat-input button[data-v-b090d1]:active {
  background-color: #005047;
}

#chat .chat-inner .chat-input button.disabled[data-v-b090d1] {
  pointer-events: none;
}

.activity-feed-prompt #activity-feed[data-v-98f951] .panel-inner {
  border-width: 53px 51px 68px 46px;
}

.activity-feed-prompt #activity-feed[data-v-98f951] #chat .chat-inner {
  height: 750px !important;
}

.activity-feed-prompt #activity-feed .flex[data-v-98f951] {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.activity-feed-prompt #activity-feed .flex .text-button[data-v-98f951] {
  margin-top: 20px;
}

#error-prompt[data-v-be49d3] {
  max-width: 500px;
}

#error-prompt .prompt[data-v-be49d3] {
  flex-direction: column;
  align-items: center;
  display: flex;
}

#error-prompt .prompt img[data-v-be49d3] {
  margin-bottom: 10px;
}

#error-prompt .prompt .header[data-v-be49d3] {
  color: #fafb8e;
  margin-bottom: 20px;
}

#error-prompt .prompt .header[lang="en"][data-v-be49d3] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 45px;
}

#error-prompt .prompt .header[lang="zh"][data-v-be49d3] {
  font-family: Noto Sans SC, sans-serif;
}

#error-prompt .prompt .description[data-v-be49d3] {
  text-align: center;
  color: #fafb8e;
  padding: 10px 30px;
}

#error-prompt .prompt .description[lang="en"][data-v-be49d3] {
  font-family: sl_pixlregular;
  font-size: 32px;
}

#error-prompt .prompt .description[lang="zh"][data-v-be49d3] {
  font-family: Noto Sans SC, sans-serif;
}

#game-search[data-v-735f14] {
  width: 500px;
}

#game-search .container[data-v-735f14] {
  flex-direction: column;
  align-items: center;
  display: flex;
}

#game-search .container .game-id-input[data-v-735f14] {
  margin: 20px 0;
}

#game-search .container .game-id-input input[data-v-735f14] {
  height: 55px;
  width: 200px;
  color: #006c5b;
  text-align: center;
  caret-color: red;
  border: none;
  border-radius: 2px;
  outline: none;
  font-size: 32px;
  background-color: #040e26 !important;
}

#game-search .container .text-error[data-v-735f14] {
  height: 0;
  color: red;
  opacity: 0;
  margin-bottom: 20px;
  transition: all .25s ease-in-out;
  display: block;
}

#game-search .container .text-error[lang="en"][data-v-735f14] {
  font-family: pt_sansbold;
  font-size: 30px;
}

#game-search .container .text-error[lang="zh"][data-v-735f14] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 24px;
}

#game-search .container .text-error.error[data-v-735f14] {
  opacity: 1;
  height: 50px;
}

#game-search .container .button-container[data-v-735f14] {
  display: flex;
}

#game-search .container .button-container .text-button[data-v-735f14] {
  width: 200px;
  margin: 0 10px;
}

.pip-bar-wrapper[data-v-a2be19] {
  position: relative;
}

.pip-bar-wrapper div[data-v-a2be19] {
  display: flex;
}

.pip-bar-wrapper .pip-bar-segment[data-v-a2be19] {
  height: 50px;
  width: 50px;
  color: #fff;
  background-color: #011025;
  margin: 0 5px;
}

.pip-bar-wrapper .pip-bar-segment.filled[data-v-a2be19] {
  background-color: #00c45a;
}

.pip-bar-wrapper .pip-bar-segment.half[data-v-a2be19] {
  background-color: #005a2a;
}

#pip.selected .pip-background .inner-pip[data-v-fa6f5c] {
  opacity: 1;
}

#pip .pip-background[data-v-fa6f5c] {
  width: 30px;
  height: 30px;
  background-image: url("pip-empty.778bea52.png");
  position: relative;
}

#pip .pip-background .inner-pip[data-v-fa6f5c] {
  width: 20px;
  height: 20px;
  opacity: 0;
  background-image: url("pip-green-fill.321b175e.png");
  transition: opacity .25s ease-in-out;
  position: absolute;
  top: 5px;
  left: 5px;
}

.main-container[data-v-17524d] {
  width: 109px;
  height: 105px;
  position: relative;
}

.main-container .icon[data-v-17524d] {
  text-align: center;
  color: #000;
  transform-origin: 0 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  overflow: hidden;
  transform: scale(.75);
}

.main-container .icon[data-v-17524d] .square-item {
  margin: 0;
}

.main-container .icon .cooldown-text-container[data-v-17524d] {
  flex-direction: column;
  display: flex;
  position: absolute;
}

.main-container .icon .cooldown-text-container .text[data-v-17524d] {
  z-index: 1;
  text-align: center;
  color: #fafb8e;
}

.main-container .icon .cooldown-text-container .text[lang="en"][data-v-17524d] {
  letter-spacing: 2px;
  font-family: sl_pixlregular;
  font-size: 24px;
}

.main-container .icon .cooldown-text-container .text[lang="zh"][data-v-17524d] {
  font-family: Noto Sans SC, sans-serif;
}

.main-container .icon .cooldown-text-container .text.timer-text[data-v-17524d] {
  align-self: center;
  font-size: 60px;
  position: absolute;
  top: -25px;
}

.main-container .icon .cooldown-text-container .text.ammo-text[data-v-17524d] {
  position: absolute;
  top: 35px;
  left: 25px;
}

.main-container .icon .cooldown-fill[data-v-17524d] {
  width: 185px;
  height: 170px;
  transform-origin: center;
  border-radius: 50%;
  position: absolute;
  transform: translateX(-3px)translateY(0);
}

.main-container .icon svg[data-v-17524d] {
  width: 185px;
  background: none;
  border-radius: 50%;
  position: absolute;
  top: -22px;
  left: -22px;
  transform: rotate(-270deg)scaleX(-1);
}

.main-container .icon svg.cooldown[data-v-17524d] {
  opacity: .5;
  background-color: #000;
}

.main-container .icon circle[data-v-17524d] {
  fill: none;
  stroke-width: 32px;
}

.main-container .icon .slice[data-v-17524d] {
  stroke: gray;
  opacity: .5;
}

.main-container .pip-container[data-v-17524d] {
  height: 105px;
  transform-origin: 100% 0;
  flex-flow: column wrap-reverse;
  align-content: flex-start;
  margin: auto 0;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -40px;
  transform: scale(.75);
}

.main-container .pip-container .pip-column[data-v-17524d] {
  flex-flow: column wrap;
  align-content: flex-start;
  display: flex;
}

.main-container .cooldown-icon-header[data-v-17524d] {
  width: 109px;
  text-align: center;
  position: absolute;
  top: -30px;
}

.main-container .cooldown-icon-header[lang="en"][data-v-17524d] {
  color: #fafb8e;
  font-variant: all-small-caps;
  font-family: sl_pixlregular;
  font-size: 30px;
}

.main-container .cooldown-icon-header[lang="zh"][data-v-17524d] {
  font-family: Noto Sans SC, sans-serif;
}

.main-container .cooldown-icon-header.forest-color[data-v-17524d] {
  color: #fafb8e;
}

.main-container .cooldown-icon-header.mountain-color[data-v-17524d] {
  color: #0dd14d;
}

.container-bottom[data-v-f87bb4] {
  width: 100%;
  height: 50px;
  text-align: center;
  background-color: #64646400;
  justify-content: center;
  align-items: center;
  animation: blinker-f87bb4 .5s linear infinite;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
}

.container-bottom .warning-sign[data-v-f87bb4] {
  width: 100px;
  height: 100px;
  transform-origin: bottom;
  background-image: url("offscreen-warning.03d4e5bb.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 70px;
}

.container-bottom .arrow[data-v-f87bb4] {
  width: 50px;
  height: 50px;
  transform-origin: bottom;
  background-image: url("offscreen-warning-arrow.dc358e63.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
}

.container-bottom .arrow-right[data-v-f87bb4] {
  width: 50px;
  height: 50px;
  transform-origin: bottom;
  background-image: url("offscreen-warning-arrow.dc358e63.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  right: 25%;
}

.container-bottom .arrow-left[data-v-f87bb4] {
  width: 50px;
  height: 50px;
  transform-origin: bottom;
  background-image: url("offscreen-warning-arrow.dc358e63.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  left: 25%;
}

.container-top[data-v-f87bb4] {
  width: 100%;
  height: 50px;
  text-align: center;
  background-color: #64646400;
  justify-content: center;
  align-items: center;
  animation: blinker-f87bb4 .5s linear infinite;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.container-top .warning-sign[data-v-f87bb4] {
  width: 100px;
  height: 100px;
  transform-origin: bottom;
  background-image: url("offscreen-warning.03d4e5bb.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 70px;
}

.container-top .arrow[data-v-f87bb4] {
  width: 50px;
  height: 50px;
  transform-origin: bottom;
  background-image: url("offscreen-warning-arrow.dc358e63.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  transform: rotate(180deg)translateY(70px);
}

.container-top .arrow-right[data-v-f87bb4] {
  width: 50px;
  height: 50px;
  transform-origin: bottom;
  background-image: url("offscreen-warning-arrow.dc358e63.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  right: 25%;
  transform: rotate(180deg)translateY(70px);
}

.container-top .arrow-left[data-v-f87bb4] {
  width: 50px;
  height: 50px;
  transform-origin: bottom;
  background-image: url("offscreen-warning-arrow.dc358e63.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  left: 25%;
  transform: rotate(180deg)translateY(70px);
}

.container-right[data-v-f87bb4] {
  width: 50px;
  height: 100%;
  text-align: center;
  background-color: #64646400;
  justify-content: center;
  align-items: center;
  animation: blinker-f87bb4 .5s linear infinite;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.container-right .warning-sign[data-v-f87bb4] {
  width: 100px;
  height: 100px;
  transform-origin: bottom;
  background-image: url("offscreen-warning.03d4e5bb.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  right: 70px;
}

.container-right .arrow[data-v-f87bb4] {
  width: 50px;
  height: 50px;
  transform-origin: center;
  background-image: url("offscreen-warning-arrow.dc358e63.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  transform: rotate(270deg);
}

.container-right .arrow-top[data-v-f87bb4] {
  width: 50px;
  height: 50px;
  transform-origin: center;
  background-image: url("offscreen-warning-arrow.dc358e63.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 25%;
  transform: rotate(270deg);
}

.container-right .arrow-bottom[data-v-f87bb4] {
  width: 50px;
  height: 50px;
  transform-origin: center;
  background-image: url("offscreen-warning-arrow.dc358e63.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 25%;
  transform: rotate(270deg);
}

.container-left[data-v-f87bb4] {
  width: 50px;
  height: 100%;
  text-align: center;
  background-color: #64646400;
  justify-content: center;
  align-items: center;
  animation: blinker-f87bb4 .5s linear infinite;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.container-left .warning-sign[data-v-f87bb4] {
  width: 100px;
  height: 100px;
  transform-origin: bottom;
  background-image: url("offscreen-warning.03d4e5bb.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  left: 70px;
}

.container-left .arrow[data-v-f87bb4] {
  width: 50px;
  height: 50px;
  transform-origin: center;
  background-image: url("offscreen-warning-arrow.dc358e63.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  transform: rotate(90deg);
}

.container-left .arrow-top[data-v-f87bb4] {
  width: 50px;
  height: 50px;
  transform-origin: center;
  background-image: url("offscreen-warning-arrow.dc358e63.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 25%;
  transform: rotate(90deg);
}

.container-left .arrow-bottom[data-v-f87bb4] {
  width: 50px;
  height: 50px;
  transform-origin: center;
  background-image: url("offscreen-warning-arrow.dc358e63.png");
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 25%;
  transform: rotate(90deg);
}

@keyframes blinker-f87bb4 {
  50% {
    opacity: 0;
  }
}

#social-links[data-v-a46697] {
  align-items: center;
  display: flex;
}

#social-links .text-link[data-v-a46697] {
  color: #0dd14d;
  margin: 3px;
  padding: 4px;
  text-decoration: underline;
}

#social-links .text-link[lang="en"][data-v-a46697] {
  font-family: sl_pixlregular;
  font-size: 24px;
}

#social-links .text-link[lang="zh"][data-v-a46697] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 24px;
}

#social-links .text-link[data-v-a46697]:hover {
  color: #fbfdfc;
}

#social-links .social-link[data-v-a46697] {
  margin: 3px;
  padding: 4px;
}

#social-links .social-link[data-v-a46697]:hover {
  filter: brightness(20);
}

#map-event[data-v-f690d8] {
  pointer-events: all;
  position: relative;
  top: 60px;
}

#map-event .background[data-v-f690d8] {
  width: 400px;
  height: 424px;
  filter: drop-shadow(5px 10px 5px #00000080);
  background-image: url("ransom_note_large.0b363cd6.png");
  background-repeat: no-repeat;
  background-size: contain;
  animation: fadeIn-f690d8 .5s;
  position: relative;
}

#map-event .close-btn[data-v-f690d8] {
  width: 61px;
  height: 58px;
  opacity: 0;
  background-image: url("map-x-button.a84b13a7.png");
  background-size: contain;
  animation: fadeIn-f690d8 .5s 1s forwards;
  position: absolute;
  top: -19px;
  right: -50px;
}

#map-event .close-btn[data-v-f690d8]:hover {
  background-image: url("map-x-button-hover.25fdb236.png");
}

#map-event .close-btn[data-v-f690d8]:active {
  background-image: url("map-x-button-pressed.fa0aa311.png");
}

#map-event .close-btn.disabled[data-v-f690d8] {
  cursor: default;
  background-image: url("map-x-button-pressed.fa0aa311.png");
}

@keyframes fadeIn-f690d8 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.control-scheme .mouse-control[data-v-8afc13], .control-scheme .pause-control[data-v-8afc13], .control-scheme .move-control[data-v-8afc13], .control-scheme .skill-control[data-v-8afc13] {
  width: 200px;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.control-scheme .mouse-control .pause-keyboard[data-v-8afc13], .control-scheme .pause-control .pause-keyboard[data-v-8afc13], .control-scheme .move-control .pause-keyboard[data-v-8afc13], .control-scheme .skill-control .pause-keyboard[data-v-8afc13], .control-scheme .mouse-control .up-keyboard[data-v-8afc13], .control-scheme .pause-control .up-keyboard[data-v-8afc13], .control-scheme .move-control .up-keyboard[data-v-8afc13], .control-scheme .skill-control .up-keyboard[data-v-8afc13], .control-scheme .mouse-control .right-keyboard[data-v-8afc13], .control-scheme .pause-control .right-keyboard[data-v-8afc13], .control-scheme .move-control .right-keyboard[data-v-8afc13], .control-scheme .skill-control .right-keyboard[data-v-8afc13], .control-scheme .mouse-control .bottom-keyboard[data-v-8afc13], .control-scheme .pause-control .bottom-keyboard[data-v-8afc13], .control-scheme .move-control .bottom-keyboard[data-v-8afc13], .control-scheme .skill-control .bottom-keyboard[data-v-8afc13], .control-scheme .mouse-control .left-keyboard[data-v-8afc13], .control-scheme .pause-control .left-keyboard[data-v-8afc13], .control-scheme .move-control .left-keyboard[data-v-8afc13], .control-scheme .skill-control .left-keyboard[data-v-8afc13], .control-scheme .mouse-control .skill-square[data-v-8afc13], .control-scheme .pause-control .skill-square[data-v-8afc13], .control-scheme .move-control .skill-square[data-v-8afc13], .control-scheme .skill-control .skill-square[data-v-8afc13] {
  margin: 10px 5px;
}

.control-scheme .mouse-control .pause-keyboard .outline-square[data-v-8afc13], .control-scheme .pause-control .pause-keyboard .outline-square[data-v-8afc13], .control-scheme .move-control .pause-keyboard .outline-square[data-v-8afc13], .control-scheme .skill-control .pause-keyboard .outline-square[data-v-8afc13], .control-scheme .mouse-control .up-keyboard .outline-square[data-v-8afc13], .control-scheme .pause-control .up-keyboard .outline-square[data-v-8afc13], .control-scheme .move-control .up-keyboard .outline-square[data-v-8afc13], .control-scheme .skill-control .up-keyboard .outline-square[data-v-8afc13], .control-scheme .mouse-control .right-keyboard .outline-square[data-v-8afc13], .control-scheme .pause-control .right-keyboard .outline-square[data-v-8afc13], .control-scheme .move-control .right-keyboard .outline-square[data-v-8afc13], .control-scheme .skill-control .right-keyboard .outline-square[data-v-8afc13], .control-scheme .mouse-control .bottom-keyboard .outline-square[data-v-8afc13], .control-scheme .pause-control .bottom-keyboard .outline-square[data-v-8afc13], .control-scheme .move-control .bottom-keyboard .outline-square[data-v-8afc13], .control-scheme .skill-control .bottom-keyboard .outline-square[data-v-8afc13], .control-scheme .mouse-control .left-keyboard .outline-square[data-v-8afc13], .control-scheme .pause-control .left-keyboard .outline-square[data-v-8afc13], .control-scheme .move-control .left-keyboard .outline-square[data-v-8afc13], .control-scheme .skill-control .left-keyboard .outline-square[data-v-8afc13], .control-scheme .mouse-control .skill-square .outline-square[data-v-8afc13], .control-scheme .pause-control .skill-square .outline-square[data-v-8afc13], .control-scheme .move-control .skill-square .outline-square[data-v-8afc13], .control-scheme .skill-control .skill-square .outline-square[data-v-8afc13] {
  width: 52px;
  height: 49px;
  background-image: url("controls-outline-square.2d337044.png");
}

.control-scheme .mouse-control .pause-keyboard .outline-square.text-align[data-v-8afc13], .control-scheme .pause-control .pause-keyboard .outline-square.text-align[data-v-8afc13], .control-scheme .move-control .pause-keyboard .outline-square.text-align[data-v-8afc13], .control-scheme .skill-control .pause-keyboard .outline-square.text-align[data-v-8afc13], .control-scheme .mouse-control .up-keyboard .outline-square.text-align[data-v-8afc13], .control-scheme .pause-control .up-keyboard .outline-square.text-align[data-v-8afc13], .control-scheme .move-control .up-keyboard .outline-square.text-align[data-v-8afc13], .control-scheme .skill-control .up-keyboard .outline-square.text-align[data-v-8afc13], .control-scheme .mouse-control .right-keyboard .outline-square.text-align[data-v-8afc13], .control-scheme .pause-control .right-keyboard .outline-square.text-align[data-v-8afc13], .control-scheme .move-control .right-keyboard .outline-square.text-align[data-v-8afc13], .control-scheme .skill-control .right-keyboard .outline-square.text-align[data-v-8afc13], .control-scheme .mouse-control .bottom-keyboard .outline-square.text-align[data-v-8afc13], .control-scheme .pause-control .bottom-keyboard .outline-square.text-align[data-v-8afc13], .control-scheme .move-control .bottom-keyboard .outline-square.text-align[data-v-8afc13], .control-scheme .skill-control .bottom-keyboard .outline-square.text-align[data-v-8afc13], .control-scheme .mouse-control .left-keyboard .outline-square.text-align[data-v-8afc13], .control-scheme .pause-control .left-keyboard .outline-square.text-align[data-v-8afc13], .control-scheme .move-control .left-keyboard .outline-square.text-align[data-v-8afc13], .control-scheme .skill-control .left-keyboard .outline-square.text-align[data-v-8afc13], .control-scheme .mouse-control .skill-square .outline-square.text-align[data-v-8afc13], .control-scheme .pause-control .skill-square .outline-square.text-align[data-v-8afc13], .control-scheme .move-control .skill-square .outline-square.text-align[data-v-8afc13], .control-scheme .skill-control .skill-square .outline-square.text-align[data-v-8afc13] {
  color: #0dd14d;
  justify-content: center;
  align-items: center;
  display: flex;
}

.control-scheme .mouse-control .pause-keyboard .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .pause-control .pause-keyboard .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .move-control .pause-keyboard .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .skill-control .pause-keyboard .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .mouse-control .up-keyboard .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .pause-control .up-keyboard .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .move-control .up-keyboard .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .skill-control .up-keyboard .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .mouse-control .right-keyboard .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .pause-control .right-keyboard .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .move-control .right-keyboard .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .skill-control .right-keyboard .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .mouse-control .bottom-keyboard .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .pause-control .bottom-keyboard .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .move-control .bottom-keyboard .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .skill-control .bottom-keyboard .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .mouse-control .left-keyboard .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .pause-control .left-keyboard .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .move-control .left-keyboard .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .skill-control .left-keyboard .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .mouse-control .skill-square .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .pause-control .skill-square .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .move-control .skill-square .outline-square.text-align[lang="en"][data-v-8afc13], .control-scheme .skill-control .skill-square .outline-square.text-align[lang="en"][data-v-8afc13] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 30px;
}

.control-scheme .mouse-control .pause-keyboard .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .pause-control .pause-keyboard .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .move-control .pause-keyboard .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .skill-control .pause-keyboard .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .mouse-control .up-keyboard .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .pause-control .up-keyboard .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .move-control .up-keyboard .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .skill-control .up-keyboard .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .mouse-control .right-keyboard .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .pause-control .right-keyboard .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .move-control .right-keyboard .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .skill-control .right-keyboard .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .mouse-control .bottom-keyboard .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .pause-control .bottom-keyboard .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .move-control .bottom-keyboard .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .skill-control .bottom-keyboard .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .mouse-control .left-keyboard .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .pause-control .left-keyboard .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .move-control .left-keyboard .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .skill-control .left-keyboard .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .mouse-control .skill-square .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .pause-control .skill-square .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .move-control .skill-square .outline-square.text-align[lang="zh"][data-v-8afc13], .control-scheme .skill-control .skill-square .outline-square.text-align[lang="zh"][data-v-8afc13] {
  font-family: Noto Sans SC, sans-serif;
}

.control-scheme .mouse-control .pause-keyboard[data-v-8afc13], .control-scheme .pause-control .pause-keyboard[data-v-8afc13], .control-scheme .move-control .pause-keyboard[data-v-8afc13], .control-scheme .skill-control .pause-keyboard[data-v-8afc13], .control-scheme .mouse-control .up-keyboard[data-v-8afc13], .control-scheme .pause-control .up-keyboard[data-v-8afc13], .control-scheme .move-control .up-keyboard[data-v-8afc13], .control-scheme .skill-control .up-keyboard[data-v-8afc13], .control-scheme .mouse-control .skill-square[data-v-8afc13], .control-scheme .pause-control .skill-square[data-v-8afc13], .control-scheme .move-control .skill-square[data-v-8afc13], .control-scheme .skill-control .skill-square[data-v-8afc13] {
  flex: 0 0 100%;
  justify-content: center;
  display: flex;
}

.control-scheme .mouse-control.center-items[data-v-8afc13] {
  flex-direction: column;
  align-content: center;
}

.control-scheme .mouse-control.center-items .outline-mouse[data-v-8afc13] {
  width: 108px;
  height: 160px;
  background-image: url("controls-outline-mouse.ac993d7e.png");
  position: relative;
}

.control-scheme .mouse-control.center-items .outline-mouse .fill-mouse[data-v-8afc13] {
  width: 31px;
  height: 44px;
  background-image: url("controls-inside-mouse-1.355a39e2.png");
  position: relative;
  top: 10px;
  left: 15px;
}

.control-scheme .skill-control .rectangle .outline-rectangle[data-v-8afc13] {
  width: 169px;
  height: 50px;
  background-image: url("controls-outline-rectangle.e42598a7.png");
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.control-scheme .skill-control .rectangle .outline-rectangle .fill-rectangle[data-v-8afc13] {
  width: 150px;
  height: 31px;
  background-image: url("controls-inside-rectangle.393a3bb4.png");
  position: relative;
}

#landing-page[data-v-2c2be0] {
  height: 1080px;
  align-items: center;
  margin: auto 0;
  display: flex;
}

#landing-page[data-v-2c2be0] .panel-inner {
  border-width: 45px 28px 70px;
}

#landing-page .info[data-v-2c2be0] {
  height: 792px;
  width: 340px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

#landing-page .info .header-text[data-v-2c2be0] {
  text-shadow: 4px 4px #000;
}

#landing-page .info .header-text[lang="en"][data-v-2c2be0] {
  font-variant: small-caps;
  color: #fafb8e;
  font-family: sl_pixlregular;
  font-size: 50px;
}

#landing-page .info .header-text[lang="zh"][data-v-2c2be0] {
  font-family: Noto Sans SC, sans-serif;
}

#landing-page .info .game-description[data-v-2c2be0] {
  text-align: center;
}

#landing-page .info .game-description[lang="en"][data-v-2c2be0] {
  font-variant: small-caps;
  color: #fbfdfc;
  font-family: pt_sansbold;
  font-size: 24px;
}

#landing-page .info .game-description[lang="zh"][data-v-2c2be0] {
  font-family: Noto Sans SC, sans-serif;
}

#landing-page .info .info-container[data-v-2c2be0] {
  margin-bottom: 40px;
  position: relative;
}

#landing-page .info .info-container .embellishment img[data-v-2c2be0] {
  transform: scaleX(-1);
}

#landing-page .info .info-container .text-container[data-v-2c2be0] {
  width: 400px;
  position: relative;
  top: 10px;
}

#landing-page .info .info-container .text-container .content[data-v-2c2be0] {
  text-align: center;
  overflow-y: auto;
}

#landing-page .info .info-container .text-container .content div[lang="en"][data-v-2c2be0] {
  font-variant: small-caps;
  color: #fbfdfc;
  font-family: pt_sansbold;
  font-size: 26px;
}

#landing-page .info .info-container .text-container .content div[lang="zh"][data-v-2c2be0] {
  font-family: Noto Sans SC, sans-serif;
}

#tooltip .tooltip[data-v-5ed587] {
  pointer-events: none;
  z-index: 2147483647;
  min-height: 50px;
  min-width: 100px;
  max-width: 400px;
  border-style: solid;
  border-image: url("tool-tip-container.1e2f51bc.png") 42 fill / 42px;
  padding: 15px 24px;
  position: fixed;
}

#tooltip .tooltip .header[data-v-5ed587] {
  color: #0dd14d;
}

#tooltip .tooltip .header[lang="en"][data-v-5ed587] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 38px;
}

#tooltip .tooltip .header[lang="zh"][data-v-5ed587] {
  font-family: Noto Sans SC, sans-serif;
}

#tooltip .tooltip .body[data-v-5ed587] {
  color: #fafb8e;
}

#tooltip .tooltip .body[lang="en"][data-v-5ed587] {
  font-family: pt_sansregular;
  font-size: 18px;
}

#tooltip .tooltip .body[lang="zh"][data-v-5ed587] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 24px;
}

#big-message[data-v-593756] {
  width: 100vw;
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
}

#big-message .fade-enter-active[data-v-593756], #big-message .fade-leave-active[data-v-593756] {
  transition: opacity .8s;
}

#big-message .fade-enter-from[data-v-593756], #big-message .fade-leave-to[data-v-593756] {
  opacity: 0;
}

.big-message-wrapper[data-v-593756] {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.big-message-wrapper .decoration[data-v-593756] {
  height: 85px;
  margin-top: 50px;
}

.big-message-wrapper .decoration img[data-v-593756] {
  transform-origin: top;
  transform: scale(.35);
}

.big-message-wrapper div[data-v-593756] {
  color: #0dd14d;
  text-transform: uppercase;
}

.big-message-wrapper div[lang="en"][data-v-593756] {
  font-family: sl_pixlregular;
}

.big-message-wrapper div[lang="zh"][data-v-593756] {
  font-family: Noto Sans SC, sans-serif;
}

.big-message-wrapper .text-container[data-v-593756] {
  width: fit-content;
  height: fit-content;
  background-color: #05192dbf;
  border-radius: 25% 45%;
  flex-direction: column;
  align-items: center;
  display: flex;
  box-shadow: 0 0 40px 50px #05192dbf;
}

.big-message-wrapper .text-container .title[data-v-593756] {
  padding-left: 1.5em;
  padding-right: 1.5em;
  font-size: 50px;
}

.big-message-wrapper .text-container .subtitle[data-v-593756] {
  margin-bottom: -.5em;
  font-size: 40px;
}

.currency-container[data-v-e2689a] {
  z-index: 9999999;
  position: absolute;
  top: 92px;
  right: 14px;
}

.currency-container .currency-list .currency-list-item[data-v-e2689a] {
  height: 80px;
  position: relative;
}

.currency-container .currency-list .currency-list-item .currency-container[data-v-e2689a] {
  justify-content: flex-end;
}

#wishlist[data-v-a248ad] {
  width: 100%;
  height: 100%;
  pointer-events: none;
}

#wishlist .animated[data-v-a248ad] {
  transform-origin: top;
  width: 500px;
  height: 180px;
  pointer-events: all;
  cursor: pointer;
  filter: drop-shadow(0 0 2px #000);
  z-index: 500;
  background-color: #0dd14d;
  flex-direction: column;
  align-items: center;
  animation: grow-a248ad 2s ease-in infinite alternate;
  display: flex;
  position: absolute;
  top: 0;
  right: -250px;
  rotate: 45deg;
}

#wishlist .animated[data-v-a248ad]:hover {
  background-color: #fff;
}

#wishlist .animated .logo-image[data-v-a248ad] {
  pointer-events: none;
  width: 72px;
  height: 71px;
  z-index: 501;
  background-image: url("steam-icon.fdba2bea.png");
  background-size: cover;
  margin-top: 20px;
  position: relative;
}

#wishlist .animated .text[data-v-a248ad] {
  pointer-events: none;
  z-index: 502;
  margin-top: 20px;
  position: relative;
}

#wishlist .animated .text[lang="en"][data-v-a248ad] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 50px;
}

#wishlist .animated .text[lang="zh"][data-v-a248ad] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 24px;
}

@keyframes grow-a248ad {
  0% {
    transform: scale(.8);
  }

  100% {
    transform: scale(.9);
  }
}

.webgl-check[data-v-df7bed] {
  position: absolute;
}

.cookieAcceptBar .text-link[data-v-fca16f] {
  color: #1dd2ff;
  text-decoration: underline;
}

.cookieAcceptBar .text-link[lang="en"][data-v-fca16f] {
  font-family: sl_pixlregular;
  font-size: 28px;
}

.cookieAcceptBar .text-link[lang="zh"][data-v-fca16f] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 28px;
}

.cookieAcceptBar .text-link[data-v-fca16f]:hover {
  color: #060a23;
}

#logo[data-v-5dfd48] {
  text-align: center;
}

#logo.logged-in .logo[data-v-5dfd48] {
  width: 620px;
}

#logo .logo[data-v-5dfd48] {
  width: 578px;
}

#logo .title[data-v-5dfd48] {
  filter: drop-shadow(4px 5px 1px #000);
}

#logo .title[lang="en"][data-v-5dfd48] {
  color: #0dd14d;
  font-family: sl_pixlregular;
  font-size: 106px;
}

#logo .title[lang="zh"][data-v-5dfd48] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 64px;
}

#logo .subtitle[data-v-5dfd48] {
  filter: drop-shadow(2px 3px 1px #000);
}

#logo .subtitle[lang="en"][data-v-5dfd48] {
  color: #0dd14d;
  font-family: sl_pixlregular;
  font-size: 70px;
}

#logo .subtitle[lang="zh"][data-v-5dfd48] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 44px;
}

#logo .author-subtitle[data-v-5dfd48] {
  filter: drop-shadow(2px 3px 1px #000);
  margin: 30px;
}

#logo .author-subtitle[lang="en"][data-v-5dfd48] {
  color: #0dd14d;
  font-family: sl_pixlregular;
  font-size: 64px;
}

#logo .author-subtitle[lang="zh"][data-v-5dfd48] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 44px;
}

#landing-page[data-v-c982d2] {
  width: 692px;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  display: flex;
}

#landing-page .title[data-v-c982d2] {
  filter: drop-shadow(4px 5px 1px #000);
}

#landing-page .title[lang="en"][data-v-c982d2] {
  color: #0dd14d;
  font-family: sl_pixlregular;
  font-size: 106px;
}

#landing-page .title[lang="zh"][data-v-c982d2] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 64px;
}

#landing-page .sign-in-content[data-v-c982d2] {
  width: 670px;
}

#landing-page .sign-in-content.kongregate .button-container[data-v-c982d2] {
  margin-top: 20%;
}

#landing-page .sign-in-content.armorgames .only-text-container[data-v-c982d2] {
  color: #fafb8e;
  text-align: center;
  margin: 10px;
}

#landing-page .sign-in-content.armorgames .only-text-container[lang="en"][data-v-c982d2] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 50px;
}

#landing-page .sign-in-content.armorgames .only-text-container[lang="zh"][data-v-c982d2] {
  font-family: Noto Sans SC, sans-serif;
}

#landing-page .sign-in-content.steam .only-text-container[data-v-c982d2] {
  color: #fafb8e;
  text-align: center;
  margin: 10px;
}

#landing-page .sign-in-content.steam .only-text-container[lang="en"][data-v-c982d2] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 50px;
}

#landing-page .sign-in-content.steam .only-text-container[lang="zh"][data-v-c982d2] {
  font-family: Noto Sans SC, sans-serif;
}

#landing-page .sign-in-content .header[data-v-c982d2] {
  color: #fafb8e;
  text-align: center;
  margin-bottom: 10px;
}

#landing-page .sign-in-content .header[lang="en"][data-v-c982d2] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 50px;
}

#landing-page .sign-in-content .header[lang="zh"][data-v-c982d2] {
  font-family: Noto Sans SC, sans-serif;
}

#landing-page .sign-in-content .user-inputs[data-v-c982d2] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

#landing-page .sign-in-content .user-inputs label[data-v-c982d2] {
  color: #fbfdfc;
  margin: 10px 10px 5px 0;
  display: block;
}

#landing-page .sign-in-content .user-inputs label[lang="en"][data-v-c982d2] {
  font-variant: small-caps;
  font-family: pt_sansbold;
  font-size: 30px;
}

#landing-page .sign-in-content .user-inputs label[lang="zh"][data-v-c982d2] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 24px;
}

#landing-page .sign-in-content .user-inputs input[data-v-c982d2] {
  height: 35px;
  width: 400px;
  color: #006c5b;
  border: none;
  outline: none;
  font-size: 18px;
  background-color: #040e26 !important;
}

#landing-page .sign-in-content .user-inputs input[lang="en"][data-v-c982d2] {
  font-family: pt_sansbold;
  font-size: 24px;
}

#landing-page .sign-in-content .user-inputs input[lang="zh"][data-v-c982d2] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 24px;
}

#landing-page .sign-in-content .user-inputs input.error[data-v-c982d2] {
  filter: drop-shadow(0 0 2px red);
  border: 2px solid red;
  border-radius: 2px;
}

#landing-page .sign-in-content .user-inputs .reset-pass-container[data-v-c982d2] {
  margin-left: 130px;
  margin-right: auto;
  display: flex;
}

#landing-page .sign-in-content .user-inputs .reset-pass-container .text-link[data-v-c982d2] {
  color: #0dd14d;
  margin-top: 15px;
  padding: 4px;
  font-size: 20px;
  text-decoration: underline;
}

#landing-page .sign-in-content .user-inputs .reset-pass-container .text-link[lang="en"][data-v-c982d2] {
  font-variant: small-caps;
  font-family: pt_sansregular;
}

#landing-page .sign-in-content .user-inputs .reset-pass-container .text-link[lang="zh"][data-v-c982d2] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 16px;
}

#landing-page .sign-in-content .user-inputs .reset-pass-container .text-link[data-v-c982d2]:hover {
  color: #fbfdfc;
}

#landing-page .sign-in-content .text-error[data-v-c982d2] {
  width: 410px;
  color: red;
  min-height: 26px;
  opacity: 0;
  margin-left: 130px;
  margin-right: auto;
  transition: all .5s;
  display: flex;
}

#landing-page .sign-in-content .text-error[lang="en"][data-v-c982d2] {
  font-variant: small-caps;
  font-family: pt_sansbold;
  font-size: 20px;
}

#landing-page .sign-in-content .text-error[lang="zh"][data-v-c982d2] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 24px;
}

#landing-page .sign-in-content .text-error.error[data-v-c982d2] {
  opacity: 1;
}

#landing-page .sign-in-content .button-container[data-v-c982d2] {
  flex-direction: column;
  align-items: center;
  margin-top: 25px;
  display: flex;
}

#landing-page .sign-in-content .button-container .text-button[data-v-c982d2] {
  width: 450px;
  margin: 5px;
}

#landing-page .sign-in-content .button-container .chrome-message[data-v-c982d2] {
  text-align: center;
  color: #f50f35;
  margin-top: 10px;
}

#landing-page .sign-in-content .button-container .chrome-message[lang="en"][data-v-c982d2] {
  font-variant: small-caps;
  font-family: pt_sansbold;
  font-size: 35px;
}

#landing-page .sign-in-content .button-container .chrome-message[lang="zh"][data-v-c982d2] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 35px;
}

input[data-v-c982d2]:-webkit-autofill, input[data-v-c982d2]:-webkit-autofill:hover, input[data-v-c982d2]:-webkit-autofill:focus, input[data-v-c982d2]:-webkit-autofill:active {
  -webkit-text-fill-color: #006c5b;
  -webkit-box-shadow: inset 0 0 0 30px #040e26 !important;
}

.container[data-v-17e866] {
  width: 480px;
  height: 60px;
  background-color: #5865f2;
  border: 3px solid #000;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container[data-v-17e866]:hover, .container.hovered[data-v-17e866] {
  background-color: #fff;
}

.container:hover .text[data-v-17e866], .container.hovered .text[data-v-17e866] {
  color: #5865f2;
}

.container:hover .icon[data-v-17e866], .container.hovered .icon[data-v-17e866] {
  background-image: url("discord-mark-blue.7cd1ee8c.png");
}

.container .text[data-v-17e866] {
  color: #fff;
}

.container .text[lang="en"][data-v-17e866] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 52px;
}

.container .text[lang="zh"][data-v-17e866] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 35px;
}

.container .icon[data-v-17e866] {
  width: 50px;
  height: 38px;
  background-image: url("discord-mark-white.7536ad70.png");
  background-size: cover;
  margin-left: 20px;
}

#Logged-in[data-v-15e8d7] {
  width: 692px;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  display: flex;
}

#Logged-in .title[data-v-15e8d7] {
  filter: drop-shadow(4px 5px 1px #000);
}

#Logged-in .title[lang="en"][data-v-15e8d7] {
  color: #0dd14d;
  font-family: sl_pixlregular;
  font-size: 106px;
}

#Logged-in .title[lang="zh"][data-v-15e8d7] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 64px;
}

#Logged-in .button-container[data-v-15e8d7] {
  flex-direction: column;
  align-items: center;
  margin: 80px 0;
  display: flex;
}

#Logged-in .button-container .text-button[data-v-15e8d7] {
  width: 450px;
  margin: 30px;
}

#Logged-in .button-container .chrome-message[data-v-15e8d7] {
  text-align: center;
  color: #f50f35;
}

#Logged-in .button-container .chrome-message[lang="en"][data-v-15e8d7] {
  font-variant: small-caps;
  font-family: pt_sansbold;
  font-size: 35px;
}

#Logged-in .button-container .chrome-message[lang="zh"][data-v-15e8d7] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 35px;
}

#you-died[data-v-6f9bf9] {
  width: 100vw;
  height: 100vh;
  background-color: #000a;
  animation: fadeToBlack-6f9bf9 4s linear;
  position: fixed;
  top: 0;
  left: 0;
}

#you-died div[data-v-6f9bf9] {
  width: 100vw;
  text-align: center;
  color: #f52b2b;
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 120px;
  position: absolute;
  top: 20%;
  left: 0;
}

@keyframes fadeToBlack-6f9bf9 {
  0% {
    background-color: #0000;
  }

  100% {
    background-color: #000a;
  }
}

#victory[data-v-89c302] {
  width: 100vw;
  height: 100vh;
  background-color: #ffffff80;
  animation: fadeToWhite-89c302 4s linear;
  position: fixed;
  top: 0;
  left: 0;
}

#victory div[data-v-89c302] {
  width: 100vw;
  text-align: center;
  color: #4e8cff;
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 120px;
  position: absolute;
  top: 20%;
  left: 0;
}

@keyframes fadeToWhite-89c302 {
  0% {
    background-color: #fff0;
  }

  100% {
    background-color: #ffffff80;
  }
}

.progress-bar-wrapper[data-v-962676] {
  height: 100%;
  min-height: 20px;
  background-color: #0a1f4b;
  position: relative;
}

.progress-bar-wrapper .progress-bar-inner[data-v-962676] {
  height: 100%;
  min-height: 20px;
  background-color: #ffa914;
}

.progress-bar-wrapper .progress-bar-inner.glow[data-v-962676] {
  filter: drop-shadow(0 0 10px #ffa914cc);
}

#debug-tools[data-v-1bd7bb] {
  z-index: 999999999;
  height: calc(100vh - 20px);
  min-width: 280px;
  max-width: 330px;
  color: #fff;
  background-color: #333333b3;
  margin: 5px 10px;
  padding: 5px;
  position: absolute;
  top: 0;
  left: -9000px;
  overflow-y: auto;
  box-shadow: 10px 10px 5px #000000bf;
}

#debug-tools.visible[data-v-1bd7bb] {
  pointer-events: all;
  left: 0;
}

#toggle-debug-output[data-v-1bd7bb] {
  position: absolute;
  bottom: 10px;
  right: 10px;
}

#toggle-debug-tools[data-v-1bd7bb] {
  z-index: 100001;
  position: absolute;
  bottom: 15px;
  left: 10px;
}

.toggle-button[data-v-1bd7bb] {
  width: 24px;
  height: 24px;
  pointer-events: all;
  border: 1px solid #000;
}

#debug-output[data-v-1bd7bb] {
  color: #fff;
  visibility: hidden;
  background-color: #3333334d;
  font-family: Courier New, Courier, monospace;
  font-size: 14px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}

#debug-output .stupid-table[data-v-1bd7bb] {
  width: 100%;
  padding: 3px;
  font-size: 14px;
}

#debug-output.visible[data-v-1bd7bb] {
  visibility: visible;
}

#debug-toolbar[data-v-1bd7bb] {
  width: calc(100vw - 360px);
  height: 120px;
  color: #fff;
  background-color: #333333b3;
  margin: 5px 10px;
  padding: 5px;
  position: absolute;
  bottom: 10px;
  left: -9000px;
  overflow: auto;
  box-shadow: 10px 10px 5px #000000bf;
}

#debug-toolbar.visible[data-v-1bd7bb] {
  pointer-events: all;
  left: 340px;
}

#debug-toolbar .button-list[data-v-1bd7bb] {
  width: calc(100% - 180px);
  flex-wrap: wrap;
  display: flex;
}

#debug-toolbar .button-list button[data-v-1bd7bb] {
  min-width: 80px;
  min-height: 32px;
  background-color: #333;
  border: 1px solid #fff;
  border-radius: 2px;
  margin: 2px;
  padding: 4px;
}

#debug-toolbar .button-list button.no-min-width[data-v-1bd7bb] {
  min-width: unset;
}

#debug-toolbar .button-list button.no-margin[data-v-1bd7bb] {
  margin-left: 0;
  margin-right: 0;
}

#debug-toolbar .button-list button.speed[data-v-1bd7bb] {
  background-color: #7a4100;
}

#debug-toolbar .button-list button.clock[data-v-1bd7bb] {
  background-color: #00337a;
}

.debug-small .multiselect__tags {
  font-size: 12px;
}

.debug-small .multiselect__tags .multiselect__tag {
  margin-bottom: 2px;
}

.container-embellishment[data-v-d8bce1] {
  min-height: 100px;
  filter: drop-shadow(7px 7px #000);
  max-width: 674px;
  background-color: #060a23;
  align-items: center;
  margin: 30px 0;
  display: flex;
  position: relative;
}

.container-embellishment .container-embellishment-inner .content[data-v-d8bce1] {
  width: 100%;
  margin: 15px 0;
  padding: 0 0 0 18px;
  position: relative;
}

.container-embellishment .embellishment[data-v-d8bce1] {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: -20px;
  overflow: hidden;
}

#checkbox[data-v-7a65b1] {
  flex-direction: column;
  align-items: center;
  display: flex;
}

#checkbox.inline[data-v-7a65b1] {
  flex-direction: row;
}

#checkbox.inline .label[data-v-7a65b1] {
  margin-left: 15px;
}

#checkbox .checkbox[data-v-7a65b1] {
  width: 68px;
  height: 40px;
  background-image: url("toggle-off.67a78cc8.png");
  transition: background-image .15s ease-in;
}

#checkbox .checkbox.active[data-v-7a65b1] {
  width: 68px;
  height: 40px;
  background-image: url("toggle-on.461b11cc.png");
}

#checkbox .checkbox.error[data-v-7a65b1] {
  border: 2px solid red;
}

#checkbox .checkbox .check-mark[data-v-7a65b1] {
  width: 44px;
  height: 40px;
  background-image: url("toggle-skull.4bf6a93e.png");
  background-size: cover;
  transition: left .15s ease-in;
  position: relative;
  top: -3px;
  left: -6px;
}

#checkbox .checkbox .check-mark.active[data-v-7a65b1] {
  left: 30px;
}

#checkbox .label[data-v-7a65b1] {
  color: #fbfdfc;
  align-items: center;
}

#checkbox .label[lang="en"][data-v-7a65b1] {
  font-variant: small-caps;
  font-family: pt_sansbold;
}

#checkbox .label[lang="zh"][data-v-7a65b1] {
  font-family: Noto Sans SC, sans-serif;
}

#range[data-v-7f52c5], #range .slider[data-v-7f52c5] {
  width: 100%;
}

.radial[data-v-85e741] {
  pointer-events: all;
}

.radial .radial-outline[data-v-85e741] {
  width: 30px;
  height: 30px;
  background-image: url("player-icon-colour.52697467.png");
  background-size: contain;
  position: relative;
}

.radial .radial-outline.selected[data-v-85e741] {
  background-image: url("player-icon-colour-select.dfa22f1e.png");
}

.radial .radial-outline .inner-radial[data-v-85e741] {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  left: 5px;
}

.radial .radial-outline .inner-radial.blue[data-v-85e741] {
  background-image: url("player-icon-colour-blue.7d9970ae.png");
}

.radial .radial-outline .inner-radial.green[data-v-85e741] {
  background-image: url("player-icon-colour-green.39a4c6f0.png");
}

.radial .radial-outline .inner-radial.orange[data-v-85e741] {
  background-image: url("player-icon-colour-orange.156a01e4.png");
}

#pagination[data-v-adb63e] {
  width: 100%;
  display: flex;
}

#pagination .arrow-back button img.disable[data-v-adb63e] {
  filter: grayscale(90%);
}

#pagination .arrow-back button[data-v-adb63e]:hover {
  filter: brightness(1.2);
}

#pagination .arrow-back button[data-v-adb63e]:active {
  filter: brightness(.8);
}

#pagination .middle[data-v-adb63e] {
  color: #fff;
  text-align: center;
  flex-grow: 1;
  align-self: center;
}

#pagination .middle .pips[data-v-adb63e], #pagination .middle .middle-text[data-v-adb63e] {
  justify-content: center;
  align-items: center;
  display: flex;
}

#pagination .middle .middle-text .text[data-v-adb63e] {
  color: #fafb8e;
  text-align: center;
  position: absolute;
}

#pagination .middle .middle-text .text.disable[data-v-adb63e] {
  color: gray;
}

#pagination .middle .middle-text .text[lang="en"][data-v-adb63e] {
  font-family: sl_pixlregular;
  font-size: 40px;
}

#pagination .middle .middle-text .text[lang="zh"][data-v-adb63e] {
  font-family: Noto Sans SC, sans-serif;
}

#pagination .arrow-forward button img.disable[data-v-adb63e] {
  filter: grayscale(90%);
}

#pagination .arrow-forward button[data-v-adb63e]:hover {
  filter: brightness(1.2);
}

#pagination .arrow-forward button[data-v-adb63e]:active {
  filter: brightness(.8);
}

#pagination .fade-move[data-v-adb63e], #pagination .fade-enter-active[data-v-adb63e], #pagination .fade-leave-active[data-v-adb63e] {
  transition: all .15s ease-out;
}

#pagination .fade-enter-from[data-v-adb63e], #pagination .fade-leave-to[data-v-adb63e] {
  opacity: 0;
}

.items[data-v-b44210] {
  width: 480px;
  height: 100%;
  position: absolute;
}

.items.square-items[data-v-b44210] {
  width: 615px;
}

.items.square-items .square-items-grid[data-v-b44210] {
  height: 262px;
}

.items .items-grid[data-v-b44210], .items .upgrades-grid[data-v-b44210], .items .square-items-grid[data-v-b44210] {
  widows: 100%;
  height: 197px;
  background-color: #060a23;
  border-radius: 7px;
}

.items .pagination-container[data-v-b44210] {
  padding: 10px;
}

.items .upgrade-items-list[data-v-b44210], .items .items-list[data-v-b44210] {
  height: 135px;
  flex-wrap: wrap;
  place-content: flex-start;
  display: flex;
  position: relative;
  left: 9px;
  overflow: hidden;
}

.items .upgrade-items-list .item-wrapper[data-v-b44210], .items .items-list .item-wrapper[data-v-b44210] {
  height: 171px;
  margin: 0;
  display: flex;
}

.items .upgrade-items-list .item-wrapper[data-v-b44210] .square-item, .items .items-list .item-wrapper[data-v-b44210] .square-item {
  margin: 0 15px;
}

.items .icons-fixed-container[data-v-b44210] {
  transform-origin: center;
  width: 678px;
  height: 160px;
  flex-flow: column wrap;
  display: flex;
  position: relative;
}

.items .icons-fixed-container .icons-resized-container[data-v-b44210] {
  width: 1329px;
  transform-origin: 0 0;
  flex-flow: wrap;
  display: flex;
  position: absolute;
  transform: scale(.47);
}

.items .list-move[data-v-b44210], .items .list-enter-active[data-v-b44210], .items .list-leave-active[data-v-b44210] {
  transition: all .25s;
}

.items .list-enter-active[data-v-b44210] {
  transition-delay: .25s;
}

.items .list-enter-from[data-v-b44210] {
  opacity: 0;
  transform: translateX(30px);
}

.items .list-leave-to[data-v-b44210] {
  opacity: 0;
  transform: translateX(-30px);
}

.fullscreen-container[data-v-9d9287] {
  width: 660px;
  align-items: center;
  display: flex;
}

.fullscreen-container .label[data-v-9d9287] {
  color: #fbfdfc;
  width: 200px;
  margin-right: 175px;
  padding-left: 50px;
  font-size: 30px;
}

.fullscreen-container .label[lang="en"][data-v-9d9287] {
  font-variant: small-caps;
  font-family: pt_sansbold;
}

.fullscreen-container .label[lang="zh"][data-v-9d9287] {
  font-family: Noto Sans SC, sans-serif;
}

.fullscreen-container .fullscreen-on-off[data-v-9d9287] {
  width: 70px;
  height: 40px;
  display: flex;
}

.music-container[data-v-bb23ea], .sfx-container[data-v-bb23ea] {
  width: 660px;
  align-items: center;
  display: flex;
}

.music-container .label[data-v-bb23ea], .sfx-container .label[data-v-bb23ea] {
  color: #fbfdfc;
  width: 200px;
  margin-right: 175px;
  padding-left: 50px;
  font-size: 30px;
}

.music-container .label[lang="en"][data-v-bb23ea], .sfx-container .label[lang="en"][data-v-bb23ea] {
  font-variant: small-caps;
  font-family: pt_sansbold;
}

.music-container .label[lang="zh"][data-v-bb23ea], .sfx-container .label[lang="zh"][data-v-bb23ea] {
  font-family: Noto Sans SC, sans-serif;
}

.music-container .fullscreen-on-off[data-v-bb23ea], .sfx-container .fullscreen-on-off[data-v-bb23ea] {
  width: 70px;
  height: 40px;
  display: flex;
}

.music-container .music-user-input[data-v-bb23ea], .sfx-container .music-user-input[data-v-bb23ea], .music-container .sfx-user-input[data-v-bb23ea], .sfx-container .sfx-user-input[data-v-bb23ea] {
  align-items: center;
  display: flex;
  position: relative;
}

.music-container .music-user-input[data-v-bb23ea] #range, .sfx-container .music-user-input[data-v-bb23ea] #range, .music-container .sfx-user-input[data-v-bb23ea] #range, .sfx-container .sfx-user-input[data-v-bb23ea] #range, .music-container .music-user-input[data-v-bb23ea] #range input, .sfx-container .music-user-input[data-v-bb23ea] #range input, .music-container .sfx-user-input[data-v-bb23ea] #range input, .sfx-container .sfx-user-input[data-v-bb23ea] #range input {
  width: 160px;
}

.icons-label-container[data-v-4a95d1] {
  height: 100%;
  flex-flow: row;
  display: flex;
}

.icons-label-container .label[data-v-4a95d1] {
  color: #fbfdfc;
  width: 200px;
  margin-right: 175px;
  padding-left: 50px;
  font-size: 30px;
}

.icons-label-container .label[lang="en"][data-v-4a95d1] {
  font-variant: small-caps;
  font-family: pt_sansbold;
}

.icons-label-container .label[lang="zh"][data-v-4a95d1] {
  font-family: Noto Sans SC, sans-serif;
}

.icons-label-container .color-select-input .radial-container[data-v-4a95d1] {
  flex-flow: row;
  display: flex;
}

.icons-color-container[data-v-4a95d1] {
  display: flex;
  position: relative;
}

.icons-color-container .label[data-v-4a95d1] {
  color: #fbfdfc;
  width: 200px;
  margin-right: 175px;
  padding-left: 50px;
  font-size: 30px;
}

.icons-color-container .label[lang="en"][data-v-4a95d1] {
  font-variant: small-caps;
  font-family: pt_sansbold;
}

.icons-color-container .label[lang="zh"][data-v-4a95d1] {
  font-family: Noto Sans SC, sans-serif;
}

.icons-color-container .label.custom[data-v-4a95d1] {
  margin-right: 140px;
}

.icons-color-container .color-select-input .radial-container[data-v-4a95d1] {
  flex-flow: row;
  display: flex;
}

.player-icons-grid[data-v-4a95d1] {
  widows: 100%;
  height: 262px;
  border-radius: 7px;
}

.window-mode-container[data-v-d18aa9] {
  width: 660px;
  align-items: center;
  display: flex;
}

.window-mode-container .label[data-v-d18aa9] {
  color: #fbfdfc;
  width: 258px;
  padding-left: 50px;
  font-size: 30px;
}

.window-mode-container .label[lang="en"][data-v-d18aa9] {
  font-variant: small-caps;
  font-family: pt_sansbold;
}

.window-mode-container .label[lang="zh"][data-v-d18aa9] {
  font-family: Noto Sans SC, sans-serif;
}

.window-mode-container .mode-selector[data-v-d18aa9] {
  width: 60%;
  height: 40px;
  display: flex;
}

.window-mode-container[data-v-29bc5a] {
  width: 660px;
  align-items: center;
  display: flex;
}

.window-mode-container .label[data-v-29bc5a] {
  color: #fbfdfc;
  width: 258px;
  padding-left: 50px;
  font-size: 30px;
}

.window-mode-container .label[lang="en"][data-v-29bc5a] {
  font-variant: small-caps;
  font-family: pt_sansbold;
}

.window-mode-container .label[lang="zh"][data-v-29bc5a] {
  font-family: Noto Sans SC, sans-serif;
}

.window-mode-container .mode-selector[data-v-29bc5a] {
  width: 60%;
  height: 40px;
  display: flex;
}

.controller-selector-container[data-v-7de282] {
  width: 660px;
  align-items: center;
  display: flex;
}

.controller-selector-container .label[data-v-7de282] {
  color: #fbfdfc;
  width: 258px;
  padding-left: 50px;
  font-size: 30px;
}

.controller-selector-container .label[lang="en"][data-v-7de282] {
  font-variant: small-caps;
  font-family: pt_sansbold;
}

.controller-selector-container .label[lang="zh"][data-v-7de282] {
  font-family: Noto Sans SC, sans-serif;
}

.controller-selector-container .controller-selector[data-v-7de282] {
  width: 60%;
  height: 40px;
  display: flex;
}

[data-v-0c097c] .content {
  flex-direction: column;
}

.controller-binding-container[data-v-0c097c] {
  width: 660px;
  align-items: center;
  margin: 5px 0;
  display: flex;
}

.controller-binding-container .label[data-v-0c097c] {
  color: #fbfdfc;
  width: 258px;
  padding-left: 50px;
  font-size: 30px;
}

.controller-binding-container .label[lang="en"][data-v-0c097c] {
  font-variant: small-caps;
  font-family: pt_sansbold;
}

.controller-binding-container .label[lang="zh"][data-v-0c097c] {
  font-family: Noto Sans SC, sans-serif;
}

.controller-binding-container .binding-selector[data-v-0c097c] {
  width: 60%;
  height: 40px;
  justify-content: center;
  display: flex;
}

.controller-binding-container .binding-selector button[data-v-0c097c] {
  width: 35px;
  height: 35px;
  color: #060a23;
  background: #0dd14d;
  border-radius: 3px;
  padding-top: 4px;
  padding-left: 3px;
}

.controller-binding-container .binding-selector button.mouse[data-v-0c097c] {
  background: none;
}

.controller-binding-container .binding-selector button.mouse[data-v-0c097c]:hover {
  border: none;
}

.controller-binding-container .binding-selector button.mouse[data-v-0c097c]:active {
  background: none;
}

.controller-binding-container .binding-selector button[data-v-0c097c]:hover {
  border: 2px solid #006c5b;
}

.controller-binding-container .binding-selector button[data-v-0c097c]:active {
  background: #006c5b;
}

.controller-binding-container .binding-selector button.wide[data-v-0c097c] {
  width: 100%;
  padding: 3px 5px 0;
}

.controller-binding-container .binding-selector button .key[lang="en"][data-v-0c097c] {
  text-transform: uppercase;
  font-family: sl_pixlregular;
  font-size: 32px;
  line-height: 23px;
}

.controller-binding-container .binding-selector button .key[lang="zh"][data-v-0c097c] {
  font-family: sl_pixlregular;
}

.controller-binding-container .binding-selector button .mouse-icon[data-v-0c097c] {
  width: 55px;
  height: 35px;
  background-image: url("Mouse.172d3757.png");
  background-size: cover;
  position: relative;
}

.controller-binding-container .binding-selector button .mouse-icon.right[data-v-0c097c] {
  transform: scaleX(-1);
}

.controller-binding-container .binding-selector .input[data-v-0c097c] {
  height: 33px;
  width: 400px;
  color: #006c5b;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  display: flex;
  background-color: #003948 !important;
}

.controller-binding-container .binding-selector .input[lang="en"][data-v-0c097c] {
  font-family: pt_sansbold;
  font-size: 28px;
}

.controller-binding-container .binding-selector .input[lang="zh"][data-v-0c097c] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 30px;
}

.group[data-v-8c96e9] {
  width: 660px;
  align-items: center;
  margin: 5px 0 0;
  display: flex;
}

.group .label[data-v-8c96e9] {
  color: #fbfdfc;
  width: 238px;
  margin-right: 85px;
  padding-left: 50px;
  font-size: 30px;
}

.group .label[lang="en"][data-v-8c96e9] {
  font-variant: small-caps;
  font-family: pt_sansbold;
}

.group .label[lang="zh"][data-v-8c96e9] {
  font-family: Noto Sans SC, sans-serif;
}

.group .button-container[data-v-8c96e9] {
  width: 423px;
  display: flex;
}

.group .button-container .text-button[data-v-8c96e9] {
  width: 350px;
}

.auto-container[data-v-78438e] {
  width: 660px;
  align-items: center;
  display: flex;
}

.auto-container .label[data-v-78438e] {
  color: #fbfdfc;
  width: 200px;
  margin-right: 175px;
  padding-left: 50px;
  font-size: 30px;
}

.auto-container .label[lang="en"][data-v-78438e] {
  font-variant: small-caps;
  font-family: pt_sansbold;
}

.auto-container .label[lang="zh"][data-v-78438e] {
  font-family: Noto Sans SC, sans-serif;
}

.auto-container .auto-on-off[data-v-78438e] {
  width: 70px;
  height: 40px;
  display: flex;
}

.explanation[data-v-78438e] {
  color: #fbfdfc;
  padding-left: 50px;
  font-size: 18px;
}

.explanation[lang="en"][data-v-78438e] {
  font-variant: small-caps;
  font-family: pt_sansbold;
}

.explanation[lang="zh"][data-v-78438e] {
  font-family: Noto Sans SC, sans-serif;
}

#settings[data-v-24223f] {
  width: 780px;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  display: flex;
  position: absolute;
  inset: 0;
}

#settings .pagination-container[data-v-24223f] {
  width: 400px;
  margin: 0 auto;
}

#settings .control-scheme[data-v-24223f] {
  margin: 10px 0;
  position: absolute;
  right: -125px;
  transform: translateY(-50%);
}

#settings .settings-container[data-v-24223f] {
  width: 712px;
  height: 570px;
  margin: 0 auto;
  overflow: hidden auto;
}

#settings .settings-container[data-v-24223f] .content {
  align-items: center;
  display: flex;
}

#settings .settings-container .controls-container .label[data-v-24223f] {
  color: #fbfdfc;
  width: 660px;
  padding-left: 50px;
  font-size: 30px;
}

#settings .settings-container .controls-container .label[lang="en"][data-v-24223f] {
  font-variant: small-caps;
  font-family: pt_sansbold;
}

#settings .settings-container .controls-container .label[lang="zh"][data-v-24223f] {
  font-family: Noto Sans SC, sans-serif;
}

#settings .settings-container .visit-steam-controller[data-v-24223f] {
  margin-left: 50px;
}

#settings .settings-container .visit-steam-controller[lang="en"][data-v-24223f] {
  font-variant: small-caps;
  color: #fbfdfc;
  font-family: pt_sansbold;
  font-size: 30px;
}

#settings .settings-container .visit-steam-controller[lang="zh"][data-v-24223f] {
  font-family: Noto Sans SC, sans-serif;
}

#settings .settings-container .centered[data-v-24223f] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

#settings .button-container[data-v-24223f] {
  flex-direction: column;
  align-items: center;
  display: flex;
}

#settings .button-container[data-v-24223f] .text-button {
  width: 500px;
  margin: 10px 0;
}

#paused[data-v-161b7b] {
  z-index: 9999999;
  position: relative;
}

#paused .upgrade-desc[data-v-161b7b] {
  justify-content: left;
  position: absolute;
  top: 50%;
  left: 40%;
}

#paused .upgrade-container[data-v-161b7b] {
  position: absolute;
}

#paused .upgrade-container .upgrades[data-v-161b7b] {
  height: 100vh;
  width: 200px;
  flex-direction: column;
  display: flex;
  position: relative;
}

#paused .upgrade-container .upgrades .upgrade-list[data-v-161b7b] {
  pointer-events: all;
  height: 904px;
  flex-flow: column wrap;
  align-content: flex-start;
  display: flex;
}

#paused .upgrade-container .upgrades .upgrade-list[data-v-161b7b] .item {
  flex: 0 0 82px;
  align-items: center;
  margin: 0 5px;
  display: flex;
}

#paused .settings-container[data-v-161b7b] {
  z-index: 9999999;
  pointer-events: all;
}

#paused .controls[data-v-161b7b] {
  flex-direction: column;
  justify-content: right;
  display: flex;
  position: absolute;
  bottom: 9.5%;
  right: 2%;
}

#paused .controls div[data-v-161b7b] {
  color: #fbfdfc;
  text-align: right;
}

#paused .controls div[lang="en"][data-v-161b7b] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 35px;
}

#paused .controls div[lang="zh"][data-v-161b7b] {
  font-family: Noto Sans SC, sans-serif;
}

.slide-left-leave-active[data-v-161b7b] {
  transition: all .25s ease-out;
}

.slide-left-enter-active[data-v-161b7b] {
  transition: all 50ms ease-out 15s;
}

.slide-left-enter-from[data-v-161b7b], .slide-left-leave-to[data-v-161b7b] {
  opacity: 0;
  transform: translateX(-30px);
}

#signup-page .signup-content[data-v-e256a0] {
  width: 500px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

#signup-page .signup-content .header[data-v-e256a0] {
  color: #fafb8e;
  text-align: center;
  color: #0dd14d;
  margin-bottom: 10px;
}

#signup-page .signup-content .header[lang="en"][data-v-e256a0] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 50px;
}

#signup-page .signup-content .header[lang="zh"][data-v-e256a0] {
  font-family: Noto Sans SC, sans-serif;
}

#signup-page .signup-content .form-progressbar[data-v-e256a0] {
  text-align: center;
  width: 270px;
  margin: 10px 0;
  position: relative;
}

#signup-page .signup-content .form-progressbar .row[data-v-e256a0] {
  table-layout: fixed;
  width: 100%;
  margin: 0 0 10px;
  display: table;
}

#signup-page .signup-content .form-progressbar .row .col[data-v-e256a0] {
  vertical-align: top;
  padding: 0 1.5rem;
  transition: all .5s ease-in;
  display: table-cell;
  position: relative;
}

#signup-page .signup-content .form-progressbar .row .col[data-v-e256a0]:first-child {
  text-align: left;
  padding-left: 0;
}

#signup-page .signup-content .form-progressbar .row .col[data-v-e256a0]:last-child {
  text-align: right;
  padding-right: 0;
}

#signup-page .signup-content .form-progressbar .row .col.complete[data-v-e256a0] {
  background: #0dd14d;
  border: 2px solid #060a23;
}

#signup-page .signup-content .form-progressbar .row .badge[data-v-e256a0] {
  width: 30px;
  height: 30px;
  text-align: center;
  z-index: 9;
  background: #060a23;
  border-radius: 50%;
  line-height: 30px;
  transition: all .5s ease-in .2s;
  display: inline-block;
  position: relative;
}

#signup-page .signup-content .form-progressbar .row .badge.active[data-v-e256a0] {
  border: 2px solid #0dd14d;
  transform: scale(1.4);
}

#signup-page .signup-content .form-progressbar .row .badge.error[data-v-e256a0] {
  background: red;
  border: 2px solid #060a23;
  transform: scale(1.4);
}

#signup-page .signup-content .form-progressbar .row .badge.complete[data-v-e256a0] {
  background: #0dd14d;
  border: 2px solid #060a23;
}

#signup-page .signup-content .form-progressbar[data-v-e256a0]:after {
  content: " ";
  height: 7px;
  width: 99%;
  z-index: 2;
  background: #060a23;
  margin: 0 1px;
  position: absolute;
  top: 13px;
  left: 0;
}

#signup-page .signup-content .form-progressbar .styled-line[data-v-e256a0] {
  height: 7px;
  width: 0%;
  z-index: 3;
  background: #0dd14d;
  border: 2px solid #060a23;
  margin: 0 1px;
  transition: all .5s ease-out;
  position: absolute;
  top: 13px;
  left: 0;
}

#signup-page .signup-content .form-progressbar .styled-line.half[data-v-e256a0] {
  width: 50%;
}

#signup-page .signup-content .form-progressbar .styled-line.full[data-v-e256a0] {
  width: 100%;
}

#signup-page .signup-content .create-username[data-v-e256a0], #signup-page .signup-content .enter-email[data-v-e256a0], #signup-page .signup-content .enter-password[data-v-e256a0] {
  width: 400px;
}

#signup-page .signup-content .create-username label[data-v-e256a0], #signup-page .signup-content .enter-email label[data-v-e256a0], #signup-page .signup-content .enter-password label[data-v-e256a0] {
  color: #fbfdfc;
  margin: 10px 10px 5px 0;
  display: block;
}

#signup-page .signup-content .create-username label[lang="en"][data-v-e256a0], #signup-page .signup-content .enter-email label[lang="en"][data-v-e256a0], #signup-page .signup-content .enter-password label[lang="en"][data-v-e256a0] {
  font-variant: small-caps;
  font-family: pt_sansbold;
  font-size: 30px;
}

#signup-page .signup-content .create-username label[lang="zh"][data-v-e256a0], #signup-page .signup-content .enter-email label[lang="zh"][data-v-e256a0], #signup-page .signup-content .enter-password label[lang="zh"][data-v-e256a0] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 24px;
}

#signup-page .signup-content .create-username input[data-v-e256a0], #signup-page .signup-content .enter-email input[data-v-e256a0], #signup-page .signup-content .enter-password input[data-v-e256a0] {
  height: 35px;
  width: 400px;
  color: #006c5b;
  border: 0 solid red;
  outline: none;
  margin-bottom: 10px;
  font-size: 18px;
  background-color: #040e26 !important;
}

#signup-page .signup-content .create-username input[lang="en"][data-v-e256a0], #signup-page .signup-content .enter-email input[lang="en"][data-v-e256a0], #signup-page .signup-content .enter-password input[lang="en"][data-v-e256a0] {
  font-family: pt_sansbold;
  font-size: 24px;
}

#signup-page .signup-content .create-username input[lang="zh"][data-v-e256a0], #signup-page .signup-content .enter-email input[lang="zh"][data-v-e256a0], #signup-page .signup-content .enter-password input[lang="zh"][data-v-e256a0] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 24px;
}

#signup-page .signup-content .create-username input.error[data-v-e256a0], #signup-page .signup-content .enter-email input.error[data-v-e256a0], #signup-page .signup-content .enter-password input.error[data-v-e256a0] {
  filter: drop-shadow(0 0 2px red);
  border: 2px solid red;
  border-radius: 2px;
}

#signup-page .signup-content .create-username .bi[data-v-e256a0], #signup-page .signup-content .enter-email .bi[data-v-e256a0], #signup-page .signup-content .enter-password .bi[data-v-e256a0] {
  padding: 10px;
  position: absolute;
}

#signup-page .signup-content .create-username .checkbox-container[data-v-e256a0], #signup-page .signup-content .enter-email .checkbox-container[data-v-e256a0], #signup-page .signup-content .enter-password .checkbox-container[data-v-e256a0] {
  width: 400px;
  margin: 15px 0;
}

#signup-page .signup-content .create-username .text-error[data-v-e256a0], #signup-page .signup-content .enter-email .text-error[data-v-e256a0], #signup-page .signup-content .enter-password .text-error[data-v-e256a0] {
  color: red;
  min-height: 26px;
  opacity: 0;
  transition: all .5s;
}

#signup-page .signup-content .create-username .text-error[lang="en"][data-v-e256a0], #signup-page .signup-content .enter-email .text-error[lang="en"][data-v-e256a0], #signup-page .signup-content .enter-password .text-error[lang="en"][data-v-e256a0] {
  font-variant: small-caps;
  font-family: pt_sansbold;
  font-size: 20px;
}

#signup-page .signup-content .create-username .text-error[lang="zh"][data-v-e256a0], #signup-page .signup-content .enter-email .text-error[lang="zh"][data-v-e256a0], #signup-page .signup-content .enter-password .text-error[lang="zh"][data-v-e256a0] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 24px;
}

#signup-page .signup-content .create-username .text-error.error[data-v-e256a0], #signup-page .signup-content .enter-email .text-error.error[data-v-e256a0], #signup-page .signup-content .enter-password .text-error.error[data-v-e256a0] {
  opacity: 1;
}

#signup-page .signup-content .button-container .text-button[data-v-e256a0] {
  width: 410px;
  margin: 20px 0;
}

.progress-bar-wrapper[data-v-1ad1ee] {
  width: 100%;
  height: 60px;
  background-color: #060a23;
  border-radius: 4px;
  position: relative;
}

.progress-bar-wrapper .inner-bar[data-v-1ad1ee], .progress-bar-wrapper .inner-text[data-v-1ad1ee] {
  width: calc(100% - 10px);
  height: 60px;
  align-items: center;
  margin: 0 5px;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.progress-bar-wrapper .inner-bar .progress-bar-inner[data-v-1ad1ee], .progress-bar-wrapper .inner-text .progress-bar-inner[data-v-1ad1ee] {
  width: 0%;
  height: 50px;
  background-color: #0dd14d;
  margin: 0;
  transition: all .2s ease-in;
  position: relative;
  left: -50px;
}

.progress-bar-wrapper .inner-bar .progress-bar-inner[data-v-1ad1ee]:after, .progress-bar-wrapper .inner-text .progress-bar-inner[data-v-1ad1ee]:after {
  content: " ";
  border: 0 solid #0000;
  border-top-width: 50px;
  border-left: 50px solid #0dd14d;
  position: absolute;
  right: -50px;
}

.progress-bar-wrapper .inner-text[data-v-1ad1ee] {
  justify-content: center;
}

.progress-bar-wrapper .inner-text .level-text[data-v-1ad1ee] {
  color: #fbfdfc;
}

.progress-bar-wrapper .inner-text .level-text[lang="en"][data-v-1ad1ee] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 40px;
}

.progress-bar-wrapper .inner-text .level-text[lang="zh"][data-v-1ad1ee] {
  font-family: Noto Sans SC, sans-serif;
}

#countdown .timer[data-v-72d6c9] {
  color: #060a23;
  filter: drop-shadow(0 0 3px green);
}

#countdown .timer[lang="en"][data-v-72d6c9] {
  font-variant: small-caps;
  font-family: pt_sansbold;
  font-size: 45px;
}

#countdown .timer[lang="zh"][data-v-72d6c9] {
  font-family: Noto Sans SC, sans-serif;
}

@supports (-webkit-text-stroke: 1px #0DD14D) {
  #countdown .timer[data-v-72d6c9] {
    -webkit-text-stroke: 1px #0dd14d;
    -webkit-text-fill-color: #060a23;
  }
}

#ammo[data-v-c2037f] {
  flex-flow: row;
  align-items: center;
  display: flex;
}

#ammo .ammo-image[data-v-c2037f] {
  margin-right: 30px;
}

#ammo .ammo-image img[data-v-c2037f] {
  transform: rotate(90deg);
}

#ammo .ammo-text[data-v-c2037f] {
  color: #060a23;
  filter: drop-shadow(0 0 3px green);
  padding-right: 50px;
}

#ammo .ammo-text[lang="en"][data-v-c2037f] {
  font-variant: small-caps;
  letter-spacing: 4px;
  font-family: pt_sansbold;
  font-size: 65px;
}

#ammo .ammo-text[lang="zh"][data-v-c2037f] {
  font-family: Noto Sans SC, sans-serif;
}

@supports (-webkit-text-stroke: 3px #0DD14D) {
  #ammo .ammo-text[data-v-c2037f] {
    -webkit-text-stroke: 2px #0dd14d;
    -webkit-text-fill-color: #060a23;
  }
}

#good[data-v-753d3c] {
  display: flex;
}

#good .good-text[data-v-753d3c] {
  color: #0dd14d;
  filter: drop-shadow(0 0 3px #000);
}

#good .good-text[lang="en"][data-v-753d3c] {
  font-variant: small-caps;
  letter-spacing: 5px;
  font-family: sl_pixlregular;
  font-size: 40px;
}

#good .good-text[lang="zh"][data-v-753d3c] {
  font-family: Noto Sans SC, sans-serif;
}

#good .good-image[data-v-753d3c] {
  margin-left: 10px;
}

@supports (-webkit-text-stroke: 1px #060A23) {
  #good .good-text[data-v-753d3c] {
    -webkit-text-stroke: 1px #060a23;
    -webkit-text-fill-color: #0dd14d;
  }
}

#killstreak[data-v-269d0c] {
  min-height: 100px;
  flex-direction: column;
  display: flex;
}

#killstreak .bar-container[data-v-269d0c] {
  width: 200px;
  margin-bottom: 15px;
}

#killstreak .bar-container .header[data-v-269d0c] {
  height: 20px;
  color: #fbfdfc;
  filter: drop-shadow(0 0 3px #000);
}

#killstreak .bar-container .header[lang="en"][data-v-269d0c] {
  letter-spacing: 1px;
  font-family: sl_pixlregular;
  font-size: 22px;
}

#killstreak .bar-container .header[lang="zh"][data-v-269d0c] {
  font-family: Noto Sans SC, sans-serif;
}

#killstreak .bar-container .header .header-left[data-v-269d0c] {
  float: left;
}

#killstreak .bar-container .header .header-right[data-v-269d0c] {
  float: right;
}

@supports (-webkit-text-stroke: 1px #060A23) {
  #killstreak .killstreak-text[data-v-269d0c] {
    -webkit-text-stroke: 1px #060a23;
    -webkit-text-fill-color: #0dd14d;
  }
}

.health-bar-wrapper[data-v-297587] {
  position: relative;
}

.health-bar-wrapper div[data-v-297587] {
  display: flex;
}

.health-bar-wrapper .heart-segment[data-v-297587] {
  margin: 0 2px;
}

.health-bar-wrapper .heart-segment.filled[data-v-297587] {
  width: 36px;
  height: 40px;
  background-image: url("heart-container-full.d2639d26.png");
}

.health-bar-wrapper .heart-segment.half[data-v-297587] {
  width: 32px;
  height: 34px;
  background-image: url("heart-container-half.22364aa0.png");
  position: relative;
  top: 5px;
}

.health-bar-wrapper .heart-segment.empty[data-v-297587] {
  width: 29px;
  height: 28px;
  background-image: url("heart-container-empty.35407ef0.png");
  position: relative;
  top: 5px;
}

#hud[data-v-6f0bdc] {
  width: 100vw;
  height: 100vh;
  position: absolute;
}

#hud .progressbar-container[data-v-6f0bdc] {
  width: 100vw;
  margin: 10px 0;
  padding: 0 10px;
  position: absolute;
}

#hud .health-container[data-v-6f0bdc] {
  position: absolute;
  top: 85px;
  left: 50%;
  transform: translateX(-50%)scale(1.1);
}

#hud .time-container[data-v-6f0bdc] {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
  top: 80px;
}

#hud .bottom-container[data-v-6f0bdc] {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}

#hud .bottom-container .killstreak-goodboy-container[data-v-6f0bdc] {
  margin: auto 0;
  position: absolute;
  bottom: 0;
  left: 130px;
}

#hud .bottom-container .killstreak-goodboy-container .wrapper[data-v-6f0bdc] {
  flex-direction: column;
  display: flex;
}

#hud .bottom-container .killstreak-goodboy-container .killstreak-container[data-v-6f0bdc] {
  flex-shirk: 1;
  position: relative;
}

#hud .bottom-container .killstreak-goodboy-container .goodboy-container[data-v-6f0bdc] {
  min-width: 300px;
  margin: 4px 0;
  position: relative;
}

#hud .left-container[data-v-6f0bdc] {
  width: 110px;
  height: 220px;
  display: flex;
  position: absolute;
  top: 20%;
  left: 5%;
}

#hud .left-container .fade-out[data-v-6f0bdc] {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}

.slide-down-leave-active[data-v-6f0bdc], .slide-up-leave-active[data-v-6f0bdc], .slide-left-leave-active[data-v-6f0bdc] {
  transition: all .25s ease-out;
}

.slide-down-enter-active[data-v-6f0bdc], .slide-up-enter-active[data-v-6f0bdc], .slide-left-enter-active[data-v-6f0bdc] {
  transition: all 50ms ease-out;
}

.slide-up-enter-from[data-v-6f0bdc], .slide-up-leave-to[data-v-6f0bdc] {
  opacity: 0;
  transform: translateY(-30px);
}

.slide-down-enter-from[data-v-6f0bdc], .slide-down-leave-to[data-v-6f0bdc] {
  opacity: 0;
  transform: translateY(30px);
}

.slide-left-enter-from[data-v-6f0bdc], .slide-left-leave-to[data-v-6f0bdc] {
  opacity: 0;
  transform: translateX(-30px);
}

#table.table-text-white .table-body .table-row .table-cell[data-v-13710b] {
  color: #fafb8e;
}

#table.table-text-white .table-body .table-row .table-cell[data-v-13710b]:first-child {
  color: #fbfdfc;
}

#table[data-v-13710b] {
  width: 100%;
}

#table .header[data-v-13710b] {
  font-size: 25px;
  font-weight: bold;
}

#table .header .col-header[data-v-13710b] {
  text-align: justify;
  text-align: center;
  color: #fbfdfc;
  padding: 15px 0;
}

#table .header .col-header[lang="en"][data-v-13710b] {
  font-family: pt_sansbold;
  font-size: 24px;
}

#table .header .col-header[lang="zh"][data-v-13710b] {
  font-family: Noto Sans SC, sans-serif;
}

#table .header .col-header[data-v-13710b]:first-child {
  text-align: left;
}

#table .header .col-header[data-v-13710b]:last-child {
  text-align: right;
}

#table .table-body .table-row[data-v-13710b] {
  height: 35px;
}

#table .table-body .table-row .table-cell[data-v-13710b] {
  text-align: center;
  color: #fafb8e;
}

#table .table-body .table-row .table-cell .icon[data-v-13710b] {
  width: 74px;
  height: 74px;
  justify-content: center;
  align-items: center;
  display: flex;
  transform: scale(.55);
}

#table .table-body .table-row .table-cell[lang="en"][data-v-13710b] {
  letter-spacing: 2px;
  font-family: sl_pixlregular;
  font-size: 24px;
}

#table .table-body .table-row .table-cell[lang="zh"][data-v-13710b] {
  font-family: Noto Sans SC, sans-serif;
}

#table .table-body .table-row .table-cell[data-v-13710b]:first-child {
  text-align: left;
  color: #0dd14d;
}

#table .table-body .table-row .table-cell[data-v-13710b]:last-child {
  text-align: right;
}

#table .table-body .table-row .table-cell.large-font[data-v-13710b] {
  font-size: 30px;
}

.book-container[data-v-1fbaba] {
  justify-content: center;
  margin-top: 8px;
  display: flex;
}

.book-container .books[data-v-1fbaba] {
  width: 460px;
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.book-container .books .book-wrapper[data-v-1fbaba] {
  height: 115px;
  margin: 8px 5px;
}

.book-container .books .book-wrapper[data-v-1fbaba] .item-container {
  left: 3px;
}

.book-container .books .book-wrapper .progress-bar[data-v-1fbaba] {
  margin: 2px 5px;
}

#chapter-summary[data-v-8481f3] {
  width: 100%;
}

#chapter-summary .summary[data-v-8481f3] {
  width: 670px;
  text-align: center;
  padding: 10px 20px;
}

#chapter-summary .summary .inner-content[data-v-8481f3] {
  flex-direction: column;
  display: flex;
}

#chapter-summary .summary .break[data-v-8481f3] {
  height: 5px;
  background-color: #060a23;
  margin: 12px 20px;
}

#chapter-summary .summary .vote-countdown-container[data-v-8481f3], #chapter-summary .summary .votes-cast-container[data-v-8481f3] {
  color: #0dd14d;
}

#chapter-summary .summary .vote-countdown-container[lang="en"][data-v-8481f3], #chapter-summary .summary .votes-cast-container[lang="en"][data-v-8481f3] {
  letter-spacing: 2px;
  font-family: sl_pixlregular;
  font-size: 32px;
}

#chapter-summary .summary .vote-countdown-container[lang="zh"][data-v-8481f3], #chapter-summary .summary .votes-cast-container[lang="zh"][data-v-8481f3] {
  font-family: Noto Serif SC, serif;
  font-size: 32px;
}

#chapter-summary .summary .row-margin[data-v-8481f3] {
  margin: 15px 0;
}

#scrollable-items[data-v-6927d0] {
  display: flex;
  position: relative;
}

#scrollable-items .arrow-start[data-v-6927d0] {
  width: 89px;
  height: 108px;
  background-repeat: no-repeat;
  position: relative;
}

#scrollable-items .arrow-start.arrow-background[data-v-6927d0] {
  background-image: url("bg-banner-start.97ddf5a1.png");
}

#scrollable-items .arrow-start button[data-v-6927d0] {
  position: absolute;
  top: 35px;
  right: 6px;
}

#scrollable-items .arrow-middle[data-v-6927d0] {
  width: auto;
  height: 108px;
  align-items: center;
  display: flex;
}

#scrollable-items .arrow-middle.arrow-background[data-v-6927d0] {
  background-image: url("bg-banner-middle.01c96fd8.png");
}

#scrollable-items .arrow-end[data-v-6927d0] {
  width: 89px;
  height: 108px;
  background-repeat: no-repeat;
  position: relative;
}

#scrollable-items .arrow-end.arrow-background[data-v-6927d0] {
  background-image: url("bg-banner-end.025e0b15.png");
}

#scrollable-items .arrow-end button[data-v-6927d0] {
  position: absolute;
  top: 35px;
  left: 8px;
}

.end-run-weapons-tab #table[data-v-472213] {
  table-layout: fixed;
  width: 480px;
}

.end-run-weapons-tab #table thead[data-v-472213], .end-run-weapons-tab #table tbody tr[data-v-472213] {
  width: 100%;
  table-layout: fixed;
  display: table;
}

.end-run-weapons-tab #table .header[data-v-472213] {
  font-size: 25px;
  font-weight: bold;
}

.end-run-weapons-tab #table .header .col-header[data-v-472213] {
  text-align: center;
  color: #fbfdfc;
  padding: 15px 0;
}

.end-run-weapons-tab #table .header .col-header[lang="en"][data-v-472213] {
  font-family: pt_sansbold;
  font-size: 23px;
}

.end-run-weapons-tab #table .header .col-header[lang="zh"][data-v-472213] {
  font-family: Noto Sans SC, sans-serif;
}

.end-run-weapons-tab #table .header .col-header[data-v-472213]:first-child {
  text-align: left;
  padding-left: 17px;
}

.end-run-weapons-tab #table .header .col-header[data-v-472213]:last-child {
  padding-right: 17px;
}

.end-run-weapons-tab #table .table-body[data-v-472213] {
  height: 440px;
  display: block;
  overflow: auto;
}

.end-run-weapons-tab #table .table-body .table-row[data-v-472213] {
  padding: 5px 0;
}

.end-run-weapons-tab #table .table-body .table-row .table-cell[data-v-472213] {
  text-align: center;
  color: #fafb8e;
  border-bottom: 6px solid #0000;
}

.end-run-weapons-tab #table .table-body .table-row .table-cell .icon[data-v-472213] {
  width: 74px;
  height: 74px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  transform: scale(.55);
}

.end-run-weapons-tab #table .table-body .table-row .table-cell .icon .square-item[data-v-472213] {
  margin: unset;
}

.end-run-weapons-tab #table .table-body .table-row .table-cell[lang="en"][data-v-472213] {
  letter-spacing: 2px;
  font-family: sl_pixlregular;
  font-size: 30px;
}

.end-run-weapons-tab #table .table-body .table-row .table-cell[lang="zh"][data-v-472213] {
  font-family: Noto Sans SC, sans-serif;
}

.end-run-weapons-tab #table .table-body .table-row .table-cell[data-v-472213]:first-child {
  text-align: left;
  color: #0dd14d;
}

.end-run-weapons-tab #table .table-body .table-row .table-cell.large-font[data-v-472213] {
  font-size: 30px;
}

#end-run[data-v-8361d2] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

#end-run.ratio21By9 .top-container .group[data-v-8361d2], #end-run.ratio21By9 .bottom-container .group[data-v-8361d2] {
  width: 1920px;
  margin: 0 auto;
}

#end-run .top-container[data-v-8361d2] {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  top: 0;
}

#end-run .top-container .group .portrait-text[data-v-8361d2] {
  margin: auto;
  display: flex;
  position: relative;
}

#end-run .top-container .group .portrait-text[data-v-8361d2] .square-item {
  transform-origin: center;
  transform: scale(.58);
}

#end-run .top-container .group .portrait-text .result-text[data-v-8361d2] {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

#end-run .top-container .group .portrait-text .result-text .win-header[lang="en"][data-v-8361d2] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 60px;
}

#end-run .top-container .group .portrait-text .result-text .win-header[lang="zh"][data-v-8361d2] {
  font-family: Noto Sans SC, sans-serif;
}

#end-run .top-container .group .portrait-text .result-text .win-header.green[data-v-8361d2] {
  color: #0dd14d;
}

#end-run .top-container .group .portrait-text .result-text .win-header.red[data-v-8361d2] {
  color: #f50f35;
}

#end-run .top-container .group .portrait-text .result-text .win-header .time[data-v-8361d2] {
  font-size: 30px;
}

#end-run .top-container .currency-container[data-v-8361d2] {
  position: absolute;
  top: 27px;
  right: 65px;
}

#end-run .top-container .currency-container .currency-list[data-v-8361d2] {
  flex-direction: column;
  display: flex;
}

#end-run .top-container .currency-container .currency-list .currency-list-item[data-v-8361d2] {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

#end-run .top-container .currency-container .currency-list .currency-list-item .currency-icon-1[data-v-8361d2], #end-run .top-container .currency-container .currency-list .currency-list-item .currency-icon-2[data-v-8361d2] {
  width: 38px;
  height: 38px;
  background-repeat: no-repeat;
  background-size: contain;
}

#end-run .top-container .currency-container .currency-list .currency-list-item .currency-icon-1[data-v-8361d2] {
  background-image: url("icon-paper-scraps.a3692b8e.png");
}

#end-run .top-container .currency-container .currency-list .currency-list-item .currency-icon-2[data-v-8361d2] {
  background-image: url("icon-lost-scroll.f5168c38.png");
}

#end-run .top-container .currency-container .currency-list .currency-list-item .currency[data-v-8361d2] {
  color: #fbfdfc;
  margin-left: 5px;
}

#end-run .top-container .currency-container .currency-list .currency-list-item .currency[lang="en"][data-v-8361d2] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 30px;
}

#end-run .top-container .currency-container .currency-list .currency-list-item .currency[lang="zh"][data-v-8361d2] {
  font-family: Noto Sans SC, sans-serif;
}

#end-run .main-container[data-v-8361d2] {
  width: 1920px;
  height: calc(100% - 300px);
  display: flex;
}

#end-run .main-container .weapon-stats-container[data-v-8361d2] {
  width: 614px;
  height: 100%;
  align-items: center;
  margin-left: 40px;
  display: flex;
}

#end-run .main-container .weapon-stats-container .wrapper[data-v-8361d2] {
  width: 480px;
  height: 710px;
}

#end-run .main-container .weapon-stats-container .wrapper .pagination-container[data-v-8361d2] {
  background-color: #060a23;
  padding: 10px;
}

#end-run .main-container .weapon-stats-container .wrapper .weapon-stats-table[data-v-8361d2] {
  height: 620px;
  width: 480px;
  background-color: #060a23;
  border-radius: 7px;
}

#end-run .main-container .chapter-summary-container[data-v-8361d2] {
  width: 692px;
  height: 100%;
  align-items: center;
  display: flex;
}

#end-run .main-container .upgrades-and-twists[data-v-8361d2] {
  height: 100%;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

#end-run .main-container .upgrades-and-twists .upgrades[data-v-8361d2], #end-run .main-container .upgrades-and-twists .twists[data-v-8361d2] {
  width: 614px;
  height: 352px;
  margin: 3px 0;
  position: relative;
}

#end-run .main-container .upgrades-and-twists .upgrades .wrapper[data-v-8361d2], #end-run .main-container .upgrades-and-twists .twists .wrapper[data-v-8361d2] {
  width: 480px;
  height: 373px;
  margin-right: 40px;
  position: absolute;
  right: 0;
}

#end-run .main-container .upgrades-and-twists .upgrades .wrapper .twists-grid[data-v-8361d2], #end-run .main-container .upgrades-and-twists .twists .wrapper .twists-grid[data-v-8361d2], #end-run .main-container .upgrades-and-twists .upgrades .wrapper .upgrades-grid[data-v-8361d2], #end-run .main-container .upgrades-and-twists .twists .wrapper .upgrades-grid[data-v-8361d2] {
  widows: 100%;
  height: 202px;
  background-color: #060a23;
  border-radius: 7px;
}

#end-run .main-container .upgrades-and-twists .upgrades .wrapper .pagination-container[data-v-8361d2], #end-run .main-container .upgrades-and-twists .twists .wrapper .pagination-container[data-v-8361d2] {
  padding: 10px;
}

#end-run .main-container .upgrades-and-twists .upgrades .wrapper .upgrade-items-list[data-v-8361d2], #end-run .main-container .upgrades-and-twists .twists .wrapper .upgrade-items-list[data-v-8361d2], #end-run .main-container .upgrades-and-twists .upgrades .wrapper .twist-items-list[data-v-8361d2], #end-run .main-container .upgrades-and-twists .twists .wrapper .twist-items-list[data-v-8361d2] {
  height: 198px;
  flex-wrap: wrap;
  place-content: flex-start;
  display: flex;
  overflow: hidden;
}

#end-run .main-container .upgrades-and-twists .upgrades .wrapper .twist-items-list[data-v-8361d2], #end-run .main-container .upgrades-and-twists .twists .wrapper .twist-items-list[data-v-8361d2] {
  margin-left: 11px;
}

#end-run .top-container[data-v-8361d2], #end-run .bottom-container[data-v-8361d2] {
  height: 150px;
  width: 100%;
  background-color: #060a23;
  position: relative;
}

#end-run .top-container .group[data-v-8361d2], #end-run .bottom-container .group[data-v-8361d2] {
  width: 100%;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 0 60px;
  display: flex;
  position: relative;
}

#end-run .top-container .chat-button[data-v-8361d2], #end-run .bottom-container .chat-button[data-v-8361d2] {
  pointer-events: all;
  z-index: 2;
  position: absolute;
  top: 18%;
  left: 3%;
}

#end-run .top-container .chat-button .icon-button[data-v-8361d2], #end-run .bottom-container .chat-button .icon-button[data-v-8361d2] {
  width: 100px;
}

#end-run .bottom-container[data-v-8361d2] {
  padding: 0 60px;
  position: relative;
  top: 0;
}

#end-run .bottom-container .group .buttons-left-align[data-v-8361d2], #end-run .bottom-container .group .buttons-right-align[data-v-8361d2] {
  flex-direction: row;
  display: flex;
}

#end-run .bottom-container .group .buttons-left-align .text-button[data-v-8361d2], #end-run .bottom-container .group .buttons-right-align .text-button[data-v-8361d2] {
  width: 300px;
  height: 100px;
  margin: 0 10px;
}

#end-run .stat-table-border[data-v-8361d2] {
  padding: 0 30px;
}

#end-run .list-move[data-v-8361d2], #end-run .list-enter-active[data-v-8361d2], #end-run .list-leave-active[data-v-8361d2] {
  transition: all .5s;
}

#end-run .list-enter-active[data-v-8361d2] {
  transition-delay: .5s;
}

#end-run .list-enter-from[data-v-8361d2] {
  opacity: 0;
  transform: translateX(30px);
}

#end-run .list-leave-to[data-v-8361d2] {
  opacity: 0;
  transform: translateX(-30px);
}

#account-linking[data-v-e83620] {
  max-width: 730px;
}

#account-linking[data-v-e83620] .panel-inner {
  border-width: 53px 51px 68px 46px;
}

#account-linking .header[data-v-e83620] {
  color: #fafb8e;
  text-align: center;
  color: #0dd14d;
  margin-bottom: 10px;
}

#account-linking .header[lang="en"][data-v-e83620] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 50px;
}

#account-linking .header[lang="zh"][data-v-e83620] {
  font-family: Noto Sans SC, sans-serif;
}

#account-linking .main-content[data-v-e83620] {
  max-width: 730px;
  color: #fbfdfc;
  text-align: center;
  margin: 10px 0;
}

#account-linking .main-content[lang="en"][data-v-e83620] {
  font-family: sl_pixlregular;
  font-size: 32px;
}

#account-linking .website-buttons[data-v-e83620] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

#account-linking .button-container[data-v-e83620] {
  justify-content: center;
  margin: 40px 0 20px;
  display: flex;
}

#account-linking .button-container .text-button[data-v-e83620] {
  width: 290px;
  margin: 0 15px;
}

.container[data-v-1059da] {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.container .top-section[data-v-1059da] {
  height: max-content;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

.container .top-section .ooi-box[data-v-1059da] {
  width: 400px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container .top-section .ooi-box .header[data-v-1059da] {
  color: #0dd14d;
  font-variant: small-caps;
  text-shadow: 3px 3px #000;
  font-family: sl_pixlregular;
  font-size: 24px;
}

.container .top-section .diebrary-box[data-v-1059da] {
  width: 400px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container .top-section .tlp-box[data-v-1059da] {
  width: 400px;
}

.container .top-section .tlp-box .header[data-v-1059da] {
  color: #0dd14d;
  font-variant: small-caps;
  text-align: center;
  text-shadow: 3px 3px #000;
  font-family: sl_pixlregular;
  font-size: 24px;
}

.container .top-section .tlp-box .content[data-v-1059da] {
  flex-direction: row;
  justify-content: space-evenly;
  display: flex;
}

.container .top-section .tlp-box .content .text-container[data-v-1059da] {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.container .main-section[data-v-1059da] {
  width: 100%;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}

.container .main-section .column[data-v-1059da] {
  width: 350px;
}

.container .main-section .column .double-name-box[data-v-1059da] {
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.container .main-section .column .double-name-box .name-container[data-v-1059da] {
  color: #fafb8e;
  font-variant: small-caps;
  text-align: center;
  letter-spacing: 1px;
  text-shadow: 3px 3px #000;
  font-family: sl_pixlregular;
  font-size: 32px;
}

.header-text[data-v-1059da] {
  color: #0dd14d;
  font-variant: small-caps;
  text-align: center;
  text-shadow: 3px 3px #000;
  text-overflow: nowrap;
  white-space: nowrap;
  margin-top: 10px;
  font-family: sl_pixlregular;
  font-size: 40px;
}

.name-text[data-v-1059da] {
  color: #fafb8e;
  font-variant: small-caps;
  text-align: center;
  letter-spacing: 1px;
  text-shadow: 3px 3px #000;
  font-family: sl_pixlregular;
  font-size: 32px;
}

#flex-table .table-body[data-v-3be5e1] {
  width: 100%;
  flex-wrap: wrap;
  display: flex;
}

#flex-table .table-body .table-row[data-v-3be5e1] {
  flex: 0 100px;
  display: flex;
}

#flex-table .table-body .table-row .table-cell[data-v-3be5e1] {
  width: 100%;
  color: #fafb8e;
  display: flex;
}

#flex-table .table-body .table-row .table-cell[lang="en"][data-v-3be5e1] {
  letter-spacing: 2px;
  font-family: sl_pixlregular;
  font-size: 24px;
}

#flex-table .table-body .table-row .table-cell[lang="zh"][data-v-3be5e1] {
  font-family: Noto Sans SC, sans-serif;
}

#flex-table .table-body .table-row .table-cell[data-v-3be5e1]:first-child {
  text-align: left;
  color: #0dd14d;
}

#flex-table .table-body .table-row .table-cell[data-v-3be5e1]:last-child {
  text-align: right;
  justify-content: flex-end;
  margin-right: 10px;
}

#flex-table .table-body .table-row .table-cell.large-font[data-v-3be5e1] {
  font-size: 30px;
}

#flex-table .table-body .table-row .table-cell.xl-large-font[data-v-3be5e1] {
  font-size: 40px;
}

.copy-container[data-v-339ce5] {
  align-items: center;
  display: flex;
}

.copy-container.small img[data-v-339ce5] {
  width: 26px;
  height: 26px;
  margin-right: 8px;
}

.copy-container img[data-v-339ce5] {
  width: 42px;
  height: 42px;
  margin-right: 15px;
}

.copy-container .span .copy-on-click[data-v-339ce5] {
  pointer-events: all;
  cursor: pointer !important;
}

#text-container .text-field[data-v-87bd68] {
  height: 100%;
  color: #006c5b;
  align-items: center;
  margin: 0 30px 0 15px;
  display: flex;
}

#text-container .text-field[lang="en"][data-v-87bd68] {
  color: #fbfdfc;
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 40px;
}

#character-select[data-v-5abcd5] {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

#character-select.ratio21By9 .bottom-container .group[data-v-5abcd5] {
  width: 1920px;
  margin: 0 auto;
}

#character-select .chat-button[data-v-5abcd5] {
  position: absolute;
  top: 4%;
  left: 3%;
}

#character-select .chat-button .icon-button[data-v-5abcd5] {
  width: 100px;
}

#character-select .main-container[data-v-5abcd5] {
  height: calc(100% - 170px);
  display: flex;
}

#character-select .main-container .story-container[data-v-5abcd5] {
  width: 820px;
  flex-direction: column;
  align-items: center;
  margin: 0 0 0 12px;
  display: flex;
}

#character-select .main-container .story-container .text-container[data-v-5abcd5] {
  width: 100%;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

#character-select .main-container .story-container .text-container .header[data-v-5abcd5] {
  color: #fafb8e;
  margin: 0;
}

#character-select .main-container .story-container .text-container .header[lang="en"][data-v-5abcd5] {
  font-variant: small-caps;
  font-family: pt_sansbold;
  font-size: 40px;
}

#character-select .main-container .story-container .text-container .header[lang="zh"][data-v-5abcd5] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 24px;
}

#character-select .main-container .story-container .text-container .game-id[data-v-5abcd5] {
  height: 100%;
  color: #006c5b;
  align-items: center;
  margin: 0 30px;
  display: flex;
}

#character-select .main-container .story-container .text-container .game-id[lang="en"][data-v-5abcd5] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 40px;
}

#character-select .main-container .story-container .player-story-information[data-v-5abcd5] {
  width: 700px;
  flex-direction: column;
  margin: 20px 0;
  display: flex;
}

#character-select .main-container .story-container .player-story-information[data-v-5abcd5] .panel-inner {
  border-width: 26px 11px 52px;
}

#character-select .main-container .story-container .player-story-information .story-header[data-v-5abcd5] {
  margin-bottom: 15px;
}

#character-select .main-container .story-container .player-story-information .story-header .flex-column[data-v-5abcd5] {
  text-align: center;
  flex-direction: column;
  margin: 0 30px;
  display: flex;
}

#character-select .main-container .story-container .player-story-information .story-header .flex-column .title[data-v-5abcd5] {
  color: #fafb8e;
}

#character-select .main-container .story-container .player-story-information .story-header .flex-column .title[lang="en"][data-v-5abcd5] {
  font-variant: small-caps;
  font-family: pt_sansbold;
  font-size: 40px;
}

#character-select .main-container .story-container .player-story-information .story-header .flex-column .title[lang="zh"][data-v-5abcd5] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 24px;
}

#character-select .main-container .story-container .player-story-information .story-header .flex-column .author[data-v-5abcd5] {
  color: #0dd14d;
}

#character-select .main-container .story-container .player-story-information .story-header .flex-column .author[lang="en"][data-v-5abcd5] {
  font-family: sl_pixlregular;
  font-size: 30px;
}

#character-select .main-container .story-container .player-story-information .story-header .flex-column .author[lang="zh"][data-v-5abcd5] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 24px;
}

#character-select .main-container .story-container .player-story-information .story-info[data-v-5abcd5] {
  justify-content: space-around;
  margin: 0 20px;
  display: flex;
}

#character-select .main-container .story-container .player-story-information .story-info .story-stats[data-v-5abcd5] {
  width: 380px;
}

#character-select .main-container .story-container .player-story-information .story-info .story-id[data-v-5abcd5] {
  width: 380px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

#character-select .main-container .story-container .player-story-information .mutators[data-v-5abcd5] {
  flex-direction: column;
  align-items: center;
  display: flex;
}

#character-select .main-container .story-container .player-story-information .mutators[data-v-5abcd5] #arrow-background {
  margin: 6px 0;
}

#character-select .main-container .story-container .player-story-information .mutators .books-container[data-v-5abcd5] {
  width: 418px;
  margin-bottom: 8px;
  overflow: hidden;
}

#character-select .main-container .story-container .player-story-information .mutators .books-container .book-list[data-v-5abcd5] {
  display: flex;
}

#character-select .main-container .story-container .player-story-information .mutators .books-container .book-list .book[data-v-5abcd5] {
  margin: 0 10px;
}

#character-select .main-container .story-container .portrait[data-v-5abcd5] {
  justify-content: center;
  align-items: center;
  display: flex;
}

#character-select .main-container .story-container .portrait .large-portrait[data-v-5abcd5] {
  width: 543px;
  height: 415px;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}

#character-select .main-container .story-container .portrait .large-portrait.disabled[data-v-5abcd5] {
  filter: grayscale();
}

#character-select .main-container .story-container .portrait .large-portrait.character-cone-dog[data-v-5abcd5] {
  background-image: url("conewolf-portrait-fancy.b9b4c283.png");
  top: 30px;
  left: 30px;
}

#character-select .main-container .story-container .portrait .large-portrait.character-barb[data-v-5abcd5] {
  background-image: url("barb-barian-portrait-fancy.ccc3c408.png");
  top: 10px;
  left: 30px;
}

#character-select .main-container .story-container .portrait .large-portrait.character-elf-n-ranjar[data-v-5abcd5] {
  background-image: url("elf-portrait-fancy.f25db4bb.png");
}

#character-select .main-container .story-container .portrait .large-portrait.character-solara[data-v-5abcd5] {
  background-image: url("solara-potrait-fancy.7ef3eedc.png");
}

#character-select .main-container .story-container .portrait .large-portrait.character-radar[data-v-5abcd5] {
  background-image: url("radar-portrait-fancy.56aacf3b.png");
  top: 20px;
  left: 60px;
  transform: scale(.95);
}

#character-select .main-container .story-container .portrait .large-portrait.locked-character[data-v-5abcd5] {
  background-image: url("locked-character-portrait-fancy.cc430d19.png");
}

#character-select .main-container .chapter-weapon-container[data-v-5abcd5] {
  width: 1103px;
  flex-direction: column;
  align-items: center;
  margin: 40px 60px 0 0;
  display: flex;
}

#character-select .main-container .chapter-weapon-container .character-container .description-container[data-v-5abcd5] {
  height: 230px;
  text-align: center;
  overflow-y: auto;
}

#character-select .main-container .chapter-weapon-container .character-container .description-container .character-description[data-v-5abcd5] {
  color: #fbfdfc;
}

#character-select .main-container .chapter-weapon-container .character-container .description-container .character-description[lang="en"][data-v-5abcd5] {
  letter-spacing: 2px;
  font-family: sl_pixlregular;
  font-size: 24px;
}

#character-select .main-container .chapter-weapon-container .character-container .description-container .active-skill-description[data-v-5abcd5], #character-select .main-container .chapter-weapon-container .character-container .description-container .passive-skill-description[data-v-5abcd5] {
  margin: 5px 0;
}

#character-select .main-container .chapter-weapon-container .character-container .description-container .active-skill-description[lang="en"][data-v-5abcd5], #character-select .main-container .chapter-weapon-container .character-container .description-container .passive-skill-description[lang="en"][data-v-5abcd5] {
  letter-spacing: 2px;
  font-family: sl_pixlregular;
  font-size: 30px;
}

#character-select .main-container .chapter-weapon-container .character-container .description-container .active-skill-description .label[data-v-5abcd5], #character-select .main-container .chapter-weapon-container .character-container .description-container .passive-skill-description .label[data-v-5abcd5] {
  color: #fafb8e;
}

#character-select .main-container .chapter-weapon-container .character-container .description-container .active-skill-description .name[data-v-5abcd5], #character-select .main-container .chapter-weapon-container .character-container .description-container .passive-skill-description .name[data-v-5abcd5] {
  color: #0dd14d;
}

#character-select .main-container .chapter-weapon-container .character-container .description-container .active-skill-description .definition[data-v-5abcd5], #character-select .main-container .chapter-weapon-container .character-container .description-container .passive-skill-description .definition[data-v-5abcd5] {
  color: #fbfdfc;
}

#character-select .main-container .chapter-weapon-container .character-container[data-v-5abcd5], #character-select .main-container .chapter-weapon-container .weapon-container[data-v-5abcd5] {
  width: 1103px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

#character-select .main-container .chapter-weapon-container .character-container[data-v-5abcd5] #scrollable-items, #character-select .main-container .chapter-weapon-container .weapon-container[data-v-5abcd5] #scrollable-items {
  height: 135px;
}

#character-select .main-container .chapter-weapon-container .character-container .character-name-container[data-v-5abcd5], #character-select .main-container .chapter-weapon-container .weapon-container .character-name-container[data-v-5abcd5], #character-select .main-container .chapter-weapon-container .character-container .weapon-name-container[data-v-5abcd5], #character-select .main-container .chapter-weapon-container .weapon-container .weapon-name-container[data-v-5abcd5] {
  align-items: center;
  margin: 10px 0;
  display: flex;
}

#character-select .main-container .chapter-weapon-container .character-container .character-name-container .label[data-v-5abcd5], #character-select .main-container .chapter-weapon-container .weapon-container .character-name-container .label[data-v-5abcd5], #character-select .main-container .chapter-weapon-container .character-container .weapon-name-container .label[data-v-5abcd5], #character-select .main-container .chapter-weapon-container .weapon-container .weapon-name-container .label[data-v-5abcd5] {
  color: #fbfdfc;
  margin-right: 30px;
}

#character-select .main-container .chapter-weapon-container .character-container .character-name-container .label[lang="en"][data-v-5abcd5], #character-select .main-container .chapter-weapon-container .weapon-container .character-name-container .label[lang="en"][data-v-5abcd5], #character-select .main-container .chapter-weapon-container .character-container .weapon-name-container .label[lang="en"][data-v-5abcd5], #character-select .main-container .chapter-weapon-container .weapon-container .weapon-name-container .label[lang="en"][data-v-5abcd5] {
  font-variant: small-caps;
  font-family: pt_sansbold;
  font-size: 50px;
}

#character-select .main-container .chapter-weapon-container .character-container .character-name-container .label[lang="zh"][data-v-5abcd5], #character-select .main-container .chapter-weapon-container .weapon-container .character-name-container .label[lang="zh"][data-v-5abcd5], #character-select .main-container .chapter-weapon-container .character-container .weapon-name-container .label[lang="zh"][data-v-5abcd5], #character-select .main-container .chapter-weapon-container .weapon-container .weapon-name-container .label[lang="zh"][data-v-5abcd5] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 24px;
}

#character-select .main-container .chapter-weapon-container .character-container .weapon-description[data-v-5abcd5], #character-select .main-container .chapter-weapon-container .weapon-container .weapon-description[data-v-5abcd5] {
  text-align: center;
  color: #fbfdfc;
  margin: 5px 0;
}

#character-select .main-container .chapter-weapon-container .character-container .weapon-description[lang="en"][data-v-5abcd5], #character-select .main-container .chapter-weapon-container .weapon-container .weapon-description[lang="en"][data-v-5abcd5] {
  letter-spacing: 2px;
  font-family: sl_pixlregular;
  font-size: 30px;
}

#character-select .main-container .chapter-weapon-container .character-container .evolve-description-container[data-v-5abcd5], #character-select .main-container .chapter-weapon-container .weapon-container .evolve-description-container[data-v-5abcd5] {
  width: 980px;
  flex-direction: row;
  justify-items: center;
  display: flex;
}

#character-select .main-container .chapter-weapon-container .character-container .evolve-description-container[lang="en"][data-v-5abcd5], #character-select .main-container .chapter-weapon-container .weapon-container .evolve-description-container[lang="en"][data-v-5abcd5] {
  letter-spacing: 1px;
  font-family: sl_pixlregular;
  font-size: 26px;
}

#character-select .main-container .chapter-weapon-container .character-container .evolve-description-container div[data-v-5abcd5], #character-select .main-container .chapter-weapon-container .weapon-container .evolve-description-container div[data-v-5abcd5] {
  width: 100%;
  color: #fbfdfc;
  margin: 0 10px;
}

#character-select .main-container .chapter-weapon-container .base-stats-container[data-v-5abcd5] {
  margin-top: 30px;
}

#character-select .main-container .chapter-weapon-container .weapon-container[data-v-5abcd5] {
  margin-top: 20px;
}

#character-select .main-container .chapter-weapon-container .weapon-container .header-container[data-v-5abcd5] {
  margin-top: 15px;
}

#character-select .bottom-container[data-v-5abcd5] {
  height: 150px;
  width: 100%;
  background-color: #060a23;
  position: absolute;
  bottom: 0;
}

#character-select .bottom-container .group[data-v-5abcd5] {
  max-width: 1920px;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0 60px;
  display: flex;
  position: relative;
}

#character-select .bottom-container .group .back-button[data-v-5abcd5], #character-select .bottom-container .group .chapter-button[data-v-5abcd5], #character-select .bottom-container .group .shop-button[data-v-5abcd5], #character-select .bottom-container .group .start-button[data-v-5abcd5] {
  height: 77px;
  width: 290px;
  margin: 0 8px;
}

#character-select .bottom-container .group .left-container[data-v-5abcd5] {
  flex-direction: row;
  align-items: center;
  display: flex;
}

#character-select .bottom-container .group .bottom-middle-container[data-v-5abcd5] {
  flex-direction: column;
  flex: 0 100%;
  align-self: center;
  display: flex;
  position: relative;
  top: -10px;
}

#character-select .bottom-container .group .bottom-middle-container .icon-container[data-v-5abcd5] {
  flex-direction: row;
  justify-content: center;
  display: flex;
}

#character-select .bottom-container .group .right-container[data-v-5abcd5] {
  width: 968px;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.chapter-summary-table .list-data-container[data-v-b9c552] {
  position: relative;
  overflow-x: hidden;
}

.chapter-summary-table .list-data-container .embellishment[data-v-b9c552] {
  z-index: 3;
  pointer-events: none;
  position: absolute;
  top: 38px;
  left: 0;
}

.chapter-summary-table .list-data-container .header[data-v-b9c552] {
  margin-bottom: 10px;
  display: flex;
}

.chapter-summary-table .list-data-container .header.empty[data-v-b9c552] {
  height: 42px;
}

.chapter-summary-table .list-data-container .header .cellData[data-v-b9c552] {
  text-align: center;
  color: #fafb8e;
  flex: 1;
}

.chapter-summary-table .list-data-container .header .cellData[lang="en"][data-v-b9c552] {
  font-family: sl_pixlregular;
  font-size: 40px;
}

.chapter-summary-table .list-data-container .header .cellData[lang="zh"][data-v-b9c552] {
  font-family: Noto Sans SC, sans-serif;
}

.chapter-summary-table .list-data-container .header .cellData[data-v-b9c552]:first-child {
  text-align: left;
  flex: 0 0 478px;
}

.chapter-summary-table .list-data-container .header .cellData[data-v-b9c552]:last-child {
  text-align: right;
  justify-content: flex-end;
  margin-right: 10px;
}

.chapter-summary-table .list-data-container .body[data-v-b9c552] {
  height: 520px;
  overflow-x: hidden;
}

.chapter-summary-table .list-data-container .body .rowData[data-v-b9c552] {
  background-color: #060a23;
  border-radius: 5px;
  align-items: center;
  margin: 6px 0;
  display: flex;
  position: relative;
  overflow-x: hidden;
}

.chapter-summary-table .list-data-container .body .rowData .cellData[data-v-b9c552] {
  text-align: center;
  flex: 1;
  padding: 20px 0;
  overflow-x: hidden;
  color: #0dd14d !important;
}

.chapter-summary-table .list-data-container .body .rowData .cellData[lang="en"][data-v-b9c552] {
  letter-spacing: 2px;
  font-family: sl_pixlregular;
  font-size: 42px;
}

.chapter-summary-table .list-data-container .body .rowData .cellData[lang="zh"][data-v-b9c552] {
  font-family: Noto Sans SC, sans-serif;
}

.chapter-summary-table .list-data-container .body .rowData .cellData[data-v-b9c552]:first-child {
  letter-spacing: 1px;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  flex: 0 0 365px;
  margin-left: 112px;
  overflow: hidden;
  color: #fbfdfc !important;
}

.chapter-summary-table .list-data-container .body .rowData .cellData[data-v-b9c552]:last-child {
  width: 302px;
  text-align: center;
  justify-content: flex-end;
  position: absolute;
  left: 478px;
  overflow-x: hidden;
}

.chapter-summary-table .list-data-container .body .empty-cell[data-v-b9c552] {
  width: inherit;
  color: #fbfdfc;
  background-color: #060a23;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  margin: 10px 0;
  padding: 22px 0;
  display: flex;
  position: relative;
  overflow-x: hidden;
}

.chapter-summary-table .list-data-container .body .empty-cell[lang="en"][data-v-b9c552] {
  letter-spacing: 2px;
  font-family: sl_pixlregular;
  font-size: 38px;
}

.chapter-summary-table .list-data-container .body .empty-cell[lang="zh"][data-v-b9c552] {
  font-family: Noto Sans SC, sans-serif;
}

#chapter-summary[data-v-842282] {
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

#chapter-summary.ratio21By9 .bottom-container .group[data-v-842282] {
  width: 1920px;
  margin: 0 auto;
}

#chapter-summary .main[data-v-842282] {
  height: calc(100% - 170px);
  margin: 37.5px auto auto;
}

#chapter-summary .main .chapter-select .panel[data-v-842282] {
  width: 1590px;
}

#chapter-summary .main .chapter-select .panel[data-v-842282] .panel-inner {
  border-width: 21px 52px 20px 46px;
}

#chapter-summary .main .chapter-select .mutators[data-v-842282] {
  color: #0dd14d;
  flex-direction: column;
  align-items: center;
  display: flex;
}

#chapter-summary .main .chapter-select .mutators.no-mutator[data-v-842282] {
  margin-top: 10px;
}

#chapter-summary .main .chapter-select .mutators.no-mutator[lang="en"][data-v-842282] {
  letter-spacing: 2px;
  font-family: sl_pixlregular;
  font-size: 32px;
}

#chapter-summary .main .chapter-select .mutators.no-mutator[lang="zh"][data-v-842282] {
  font-family: Noto Serif SC, serif;
  font-size: 32px;
}

#chapter-summary .main .chapter-select .mutators[data-v-842282] #scrollable-items {
  margin: 15px 0;
}

#chapter-summary .main .chapter-select .mutators[data-v-842282] #arrow-background {
  margin: 6px 0;
}

#chapter-summary .main .chapter-select .mutators .chapter-container[data-v-842282] {
  min-width: 180px;
  max-width: 1330px;
  margin-bottom: 8px;
  overflow: hidden;
}

#chapter-summary .main .chapter-select .mutators .chapter-container .chapter-list[data-v-842282] {
  display: flex;
}

#chapter-summary .main .chapter-select .mutators .chapter-container .chapter-list .chapter-buttons[data-v-842282] {
  margin: 0 10px;
  display: flex;
}

#chapter-summary .main .chapter-select .mutators .chapter-container .chapter-list .chapter-buttons .text-button[data-v-842282]:not(.prelude) {
  width: 90px;
  margin: 0 10px;
}

#chapter-summary .main .story-stats[data-v-842282] {
  margin: 44px 0;
  display: flex;
}

#chapter-summary .main .story-stats .leaderboard-table-container[data-v-842282] {
  width: 790px;
  height: 600px;
}

#chapter-summary .main .story-stats .chat-twists[data-v-842282] {
  width: 760px;
  height: 600px;
  margin: 0 20px;
  position: relative;
}

#chapter-summary .main .story-stats .chat-twists .twists-wrapper[data-v-842282] {
  width: 100%;
  height: 197px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

#chapter-summary .main .story-stats .chat-twists .twists-wrapper .items[data-v-842282] {
  position: relative;
}

#chapter-summary .main .story-stats .chat-twists .chat-wrapper[data-v-842282] {
  min-height: 364px;
  position: absolute;
  bottom: 0;
}

#chapter-summary .main .story-stats .chat-twists .chat-wrapper.expanded-position[data-v-842282] {
  bottom: 6px;
}

#chapter-summary .main .story-stats .chat-twists .chat-wrapper .header-button[data-v-842282] {
  justify-content: center;
  gap: 25px;
  padding-left: 53px;
  display: flex;
}

#chapter-summary .main .story-stats .chat-twists .chat-wrapper .header-button img[data-v-842282] {
  position: relative;
  top: 5px;
  transform: rotate(90deg);
}

#chapter-summary .main .story-stats .chat-twists .chat-wrapper .header-button img.large-feed[data-v-842282] {
  top: 0;
  transform: rotate(-90deg);
}

#chapter-summary .bottom-container[data-v-842282] {
  height: 150px;
  width: 100%;
  background-color: #060a23;
  position: absolute;
  bottom: 0;
}

#chapter-summary .bottom-container .group[data-v-842282] {
  max-width: 1920px;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0 60px;
  display: flex;
  position: relative;
}

#chapter-summary .bottom-container .button-container[data-v-842282] {
  width: 100%;
  pointer-events: all;
  justify-content: space-between;
  margin: 0 9px;
  display: flex;
}

#chapter-summary .bottom-container .button-container .text-button[data-v-842282] {
  width: 320px;
  height: 100px;
}

#chapter-summary .bottom-container .active-twists-container[data-v-842282] {
  width: 100%;
  justify-content: space-between;
  padding: 0 450px;
  display: flex;
  position: absolute;
  right: 0;
}

#chapter-summary .bottom-container .active-twists-container .twits[data-v-842282] {
  flex-direction: column;
  display: flex;
}

#chapter-summary .bottom-container .active-twists-container .twits .icon-container[data-v-842282] {
  display: flex;
}

#chapter-summary .bottom-container .active-twists-container .vote-timer[data-v-842282] {
  color: #0dd14d;
  align-self: center;
}

#chapter-summary .bottom-container .active-twists-container .vote-timer[lang="en"][data-v-842282] {
  letter-spacing: 2px;
  font-family: sl_pixlregular;
  font-size: 32px;
}

#chapter-summary .bottom-container .active-twists-container .vote-timer[lang="zh"][data-v-842282] {
  font-family: Noto Serif SC, serif;
  font-size: 32px;
}

.fade-enter-active[data-v-842282], .fade-leave-active[data-v-842282] {
  transition: all .25s ease-out;
}

.fade-enter-from[data-v-842282], .fade-leave-to[data-v-842282] {
  opacity: 0;
}

.icons[data-v-0a5373] {
  pointer-events: none;
  background-color: #fff;
  flex-direction: column;
  padding: 20px;
  display: none;
}

.icons.visible[data-v-0a5373] {
  pointer-events: all;
  display: flex;
}

.icons .container[data-v-0a5373] {
  flex-wrap: wrap;
  display: flex;
}

.icons .container.twist .item[data-v-0a5373] {
  margin: 15px 10px;
}

.lighting-container[data-v-da34c5] {
  z-index: 100001;
  width: 100%;
  height: 100%;
}

.lighting-container.visible[data-v-da34c5] {
  pointer-events: all;
}

.lighting-container .config-output[data-v-da34c5] {
  color: #000;
  width: fit-content;
  background-color: #d3d3d3;
  font-size: 14px;
}

.lighting-container .button-list[data-v-da34c5] {
  pointer-events: all;
  flex-wrap: wrap;
  display: flex;
}

.lighting-container .button-list button[data-v-da34c5] {
  pointer-events: all;
  min-width: 100px;
  min-height: 40px;
  background-color: #d3d3d3;
  border: 1px solid #fff;
  border-radius: 2px;
  margin: 3px;
  padding: 5px;
}

.lighting-container .button-list button.no-min-width[data-v-da34c5] {
  min-width: unset;
}

.lighting-container .button-list button.no-margin[data-v-da34c5] {
  margin-left: 0;
  margin-right: 0;
}

.lighting-container .button-list button.speed[data-v-da34c5] {
  background-color: #7a4100;
}

#forgot-password[data-v-1e5ada] {
  width: 500px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

#forgot-password .container .header[data-v-1e5ada] {
  color: #fafb8e;
  text-align: center;
  margin-bottom: 10px;
}

#forgot-password .container .header[lang="en"][data-v-1e5ada] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 50px;
}

#forgot-password .container .header[lang="zh"][data-v-1e5ada] {
  font-family: Noto Sans SC, sans-serif;
}

#forgot-password .container .email-container[data-v-1e5ada] {
  width: 100%;
  color: #fbfdfc;
  flex-direction: column;
  align-items: center;
  display: flex;
}

#forgot-password .container .email-container[lang="en"][data-v-1e5ada] {
  font-family: sl_pixlregular;
  font-size: 30px;
}

#forgot-password .container .email-container[lang="zh"][data-v-1e5ada] {
  font-family: Noto Sans SC, sans-serif;
}

#forgot-password .container .email-container input[data-v-1e5ada] {
  height: 35px;
  width: 400px;
  color: #006c5b;
  border: 0 solid red;
  outline: none;
  margin-bottom: 10px;
  font-size: 18px;
  background-color: #040e26 !important;
}

#forgot-password .container .email-container input[lang="en"][data-v-1e5ada] {
  font-family: pt_sansbold;
  font-size: 24px;
}

#forgot-password .container .email-container input[lang="zh"][data-v-1e5ada] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 24px;
}

#forgot-password .container .email-container input.error[data-v-1e5ada] {
  filter: drop-shadow(0 0 2px red);
  border: 2px solid red;
  border-radius: 2px;
}

#forgot-password .container .email-container .error[data-v-1e5ada] {
  color: #f52b2b;
  font-size: 24px;
}

#forgot-password .container .button-container[data-v-1e5ada] {
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

#forgot-password .container .sent-text-container[data-v-1e5ada] {
  color: #fbfdfc;
  text-align: center;
}

#forgot-password .container .sent-text-container[lang="en"][data-v-1e5ada] {
  font-family: sl_pixlregular;
  font-size: 30px;
}

#forgot-password .container .sent-text-container[lang="zh"][data-v-1e5ada] {
  font-family: Noto Sans SC, sans-serif;
}

#reset-password[data-v-072bb0] {
  width: 600px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

#reset-password .container .header[data-v-072bb0] {
  color: #fafb8e;
  text-align: center;
  margin-bottom: 10px;
}

#reset-password .container .header[lang="en"][data-v-072bb0] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 50px;
}

#reset-password .container .header[lang="zh"][data-v-072bb0] {
  font-family: Noto Sans SC, sans-serif;
}

#reset-password .container .password-container[data-v-072bb0] {
  width: 100%;
  color: #fbfdfc;
  flex-direction: column;
  align-items: center;
  display: flex;
}

#reset-password .container .password-container[lang="en"][data-v-072bb0] {
  font-family: sl_pixlregular;
  font-size: 30px;
}

#reset-password .container .password-container[lang="zh"][data-v-072bb0] {
  font-family: Noto Sans SC, sans-serif;
}

#reset-password .container .password-container .requirements[data-v-072bb0] {
  font-size: 24px;
}

#reset-password .container .password-container input[data-v-072bb0] {
  height: 35px;
  width: 400px;
  color: #006c5b;
  border: 0 solid red;
  outline: none;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  background-color: #040e26 !important;
}

#reset-password .container .password-container input[lang="en"][data-v-072bb0] {
  font-family: pt_sansbold;
  font-size: 24px;
}

#reset-password .container .password-container input[lang="zh"][data-v-072bb0] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 24px;
}

#reset-password .container .password-container input.error[data-v-072bb0] {
  filter: drop-shadow(0 0 2px red);
  border: 2px solid red;
  border-radius: 2px;
}

#reset-password .container .password-container .error[data-v-072bb0] {
  color: #f52b2b;
  font-size: 24px;
}

#reset-password .container .button-container[data-v-072bb0] {
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

#reset-password .container .password-changed-container[data-v-072bb0] {
  color: #fbfdfc;
  text-align: center;
}

#reset-password .container .password-changed-container[lang="en"][data-v-072bb0] {
  font-family: sl_pixlregular;
  font-size: 30px;
}

#reset-password .container .password-changed-container[lang="zh"][data-v-072bb0] {
  font-family: Noto Sans SC, sans-serif;
}

#loading[data-v-b8eaf6] {
  width: 100vw;
  height: 100vh;
  position: relative;
}

#loading .forest-background[data-v-b8eaf6] {
  width: inherit;
  height: inherit;
  position: absolute;
}

#loading .forest-background .background[data-v-b8eaf6] {
  width: inherit;
  height: inherit;
  background-image: url("forest.b2a82f62.png");
  background-position: center;
  background-size: cover;
  position: absolute;
}

#loading .forest-background .flower[data-v-b8eaf6] {
  width: 171px;
  height: 218px;
  background-image: url("flower.75d12bf9.png");
  background-size: 171px 218px;
  position: absolute;
  top: 693px;
  left: 916px;
}

#loading .forest-background .god-ray[data-v-b8eaf6] {
  width: 1134px;
  height: 991px;
  mix-blend-mode: color-dodge;
  transform-origin: 880px 0;
  background-image: url("godrays.f11d28c7.png");
  background-size: 1134px 991px;
  animation: godrays-b8eaf6 20s infinite;
  position: absolute;
  top: -20px;
  left: 210px;
}

@keyframes godrays-b8eaf6 {
  0% {
    opacity: 1;
    transform: rotate(0deg);
  }

  15% {
    opacity: .35;
  }

  25% {
    opacity: .55;
  }

  35% {
    opacity: .75;
  }

  50% {
    opacity: 1;
    transform: rotate(-1.5deg);
  }

  65% {
    opacity: .75;
    filter: saturate();
  }

  75% {
    opacity: .65;
  }

  85% {
    filter: saturate(1.2);
    opacity: .95;
  }

  100% {
    opacity: 1;
    filter: saturate();
    transform: rotate(0deg);
  }
}

#loading .banner[data-v-b8eaf6] {
  width: 900px;
  min-height: 296px;
  text-align: center;
  background-color: #05192d8c;
  border-radius: 25% 25% 10% 10%;
  margin: 0 auto;
  padding: 20px 0;
  position: absolute;
  top: 120px;
  left: 0;
  right: 0;
  box-shadow: 0 0 60px 70px #05192d8c;
}

#loading .banner .banner-img img[data-v-b8eaf6] {
  height: auto;
  width: 650px;
}

#loading .banner .text[data-v-b8eaf6] {
  margin-top: 20px;
}

#loading .banner .text .title[data-v-b8eaf6] {
  font-size: 50px;
}

#loading .banner .text[lang="en"][data-v-b8eaf6] {
  font-family: sl_pixlregular;
  font-size: 30px;
}

#loading .banner .text[lang="zh"][data-v-b8eaf6] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 24px;
}

#loading .banner .text.forest[data-v-b8eaf6] {
  color: #0dd14d;
}

#loading .fade-enter-active[data-v-b8eaf6] {
  transition: all .25s ease-out;
}

#loading .fade-leave-active[data-v-b8eaf6] {
  transition: all .15s ease-out;
}

#loading .fade-enter-from[data-v-b8eaf6], #loading .fade-leave-to[data-v-b8eaf6] {
  opacity: 0;
}

#story[data-v-99793e] {
  width: 1290px;
  height: 255px;
  background-color: #060a23;
  border-radius: 7px;
  flex-direction: row;
  align-items: center;
  margin: 12px 0;
  padding: 10px;
  display: flex;
}

#story.search[data-v-99793e] {
  height: 161px !important;
}

#story .story-details[data-v-99793e] {
  width: 1070px;
  height: 100%;
}

#story .story-details > .header[data-v-99793e] {
  height: 70px;
  line-height: 35px;
}

#story .story-details .story-and-twist-container[data-v-99793e] {
  display: flex;
}

#story .story-details .story-and-twist-container .story-text-details[data-v-99793e] {
  width: 315px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

#story .story-details .story-and-twist-container .story-text-details .author[lang="en"][data-v-99793e], #story .story-details .story-and-twist-container .story-text-details .game-id[lang="en"][data-v-99793e], #story .story-details .story-and-twist-container .story-text-details .latest-chapter[lang="en"][data-v-99793e], #story .story-details .story-and-twist-container .story-text-details .protagonist[lang="en"][data-v-99793e], #story .story-details .story-and-twist-container .story-text-details .story-type[lang="en"][data-v-99793e] {
  font-family: sl_pixlregular;
}

#story .story-details .story-and-twist-container .story-text-details .author[lang="zh"][data-v-99793e], #story .story-details .story-and-twist-container .story-text-details .game-id[lang="zh"][data-v-99793e], #story .story-details .story-and-twist-container .story-text-details .latest-chapter[lang="zh"][data-v-99793e], #story .story-details .story-and-twist-container .story-text-details .protagonist[lang="zh"][data-v-99793e], #story .story-details .story-and-twist-container .story-text-details .story-type[lang="zh"][data-v-99793e] {
  font-family: Noto Sans SC, sans-serif;
}

#story .story-details .story-and-twist-container .story-text-details .author .lock-icon[data-v-99793e], #story .story-details .story-and-twist-container .story-text-details .game-id .lock-icon[data-v-99793e], #story .story-details .story-and-twist-container .story-text-details .latest-chapter .lock-icon[data-v-99793e], #story .story-details .story-and-twist-container .story-text-details .protagonist .lock-icon[data-v-99793e], #story .story-details .story-and-twist-container .story-text-details .story-type .lock-icon[data-v-99793e] {
  height: 24px;
  filter: brightness(2);
}

#story .story-details .story-and-twist-container .story-text-details .author[data-v-99793e], #story .story-details .story-and-twist-container .story-text-details .story-type[data-v-99793e] {
  color: #fbfdfc;
  word-break: keep-all;
  white-space: nowrap;
  font-size: 30px;
}

#story .story-details .story-and-twist-container .story-text-details .game-id[data-v-99793e] {
  color: #006c5b;
  font-size: 30px;
}

#story .story-details .story-and-twist-container .story-text-details .latest-chapter[data-v-99793e], #story .story-details .story-and-twist-container .story-text-details .protagonist[data-v-99793e] {
  color: #0dd14d;
  font-size: 30px;
}

#story .story-details .story-and-twist-container .story-text-details .private-story[data-v-99793e] {
  align-items: center;
  display: flex;
}

#story .story-details .story-and-twist-container .twist-details[data-v-99793e] {
  width: 670px;
  text-align: center;
  color: #fbfdfc;
  flex-direction: column;
  font-size: 30px;
  display: flex;
}

#story .story-details .story-and-twist-container .twist-details[lang="en"][data-v-99793e] {
  font-family: sl_pixlregular;
}

#story .story-details .story-and-twist-container .twist-details[lang="zh"][data-v-99793e] {
  font-family: Noto Sans SC, sans-serif;
}

#story .story-details .story-and-twist-container .twist-details .mutators-list[data-v-99793e] {
  flex-flow: wrap;
  justify-content: center;
  display: flex;
}

#story .story-details .story-and-twist-container .twist-details .mutators-list .no-twists[data-v-99793e] {
  margin-top: 10px;
}

#story .story-details .story-and-twist-container .twist-details .mutators-list .book-container[data-v-99793e] {
  width: 345px;
  margin-bottom: 8px;
  overflow: hidden;
}

#story .story-details .story-and-twist-container .twist-details .mutators-list .book-container .book-list[data-v-99793e] {
  display: flex;
}

#story .story-details .story-and-twist-container .twist-details .mutators-list .book-container .book-list .book[data-v-99793e] {
  margin: 0 10px;
}

#story .story-buttons[data-v-99793e] {
  width: 305px;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

#story .story-buttons .text-button[data-v-99793e] {
  width: 264px;
  height: 65px;
}

#empty-story[data-v-a28a2c] {
  width: 1290px;
  height: 210px;
  background-color: #060a23;
  border-radius: 7px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 12px 0;
  display: flex;
}

#empty-story .text[data-v-a28a2c] {
  text-align: center;
  font-size: 40px;
}

#empty-story .text block[data-v-a28a2c] {
  padding-bottom: 10px;
  display: block;
}

#empty-story .text[lang="en"][data-v-a28a2c] {
  font-family: sl_pixlregular;
}

#empty-story .text[lang="zh"][data-v-a28a2c] {
  font-family: Noto Sans SC, sans-serif;
}

#empty-story .text .green-text[data-v-a28a2c] {
  color: #0dd14d;
}

#empty-story .text .white-text[data-v-a28a2c] {
  color: #fbfdfc;
}

#empty-story .text .count[data-v-a28a2c] {
  font-size: 50px;
}

#empty-story .button-container[data-v-a28a2c] {
  width: 970px;
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

#empty-story .button-container .text-button[data-v-a28a2c] {
  width: 366px;
  height: 65px;
}

.range-container[data-v-cc2a1e] {
  display: flex;
}

.range-container .left-button[data-v-cc2a1e] {
  height: 38px;
}

.range-container .left-button button[data-v-cc2a1e] {
  height: inherit;
}

.range-container .text-input input[data-v-cc2a1e] {
  width: 45px;
  color: #0dd14d;
  text-align: center;
  border-width: 2px;
  border-style: unset;
  border-color: unset;
  border-image: unset;
  background-color: #060a23;
  font-size: 30px;
}

.range-container .text-input input[lang="en"][data-v-cc2a1e] {
  font-family: pt_sansbold;
}

.range-container .text-input input[lang="zh"][data-v-cc2a1e] {
  font-family: Noto Sans SC, sans-serif;
}

.range-container .text-input input[type="number"][data-v-cc2a1e]::-webkit-inner-spin-button, .range-container .text-input input[type="number"][data-v-cc2a1e]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.range-container .text-input input[type="number"][data-v-cc2a1e] {
  -moz-appearance: textfield;
}

.range-container .right-button[data-v-cc2a1e] {
  height: 38px;
}

.range-container .right-button button[data-v-cc2a1e] {
  height: inherit;
}

.search-filters[data-v-b99e15] {
  width: 410px;
  position: absolute;
  top: 75px;
  left: 30px;
}

.search-filters .filters-container .filer-inputs .new-hot-inputs[data-v-b99e15] {
  justify-content: space-between;
  margin: 10px 10px 20px;
  display: flex;
}

.search-filters .filters-container .filer-inputs .member-input .member-dropdown[data-v-b99e15] {
  margin: 10px 10px 20px;
}

.search-filters .filters-container .filer-inputs .range-input[data-v-b99e15] {
  flex-direction: column;
  display: flex;
}

.search-filters .filters-container .filer-inputs .range-input .range-wrapper[data-v-b99e15] {
  background-color: #060a23;
  justify-content: space-between;
  margin: 10px;
  padding: 10px 5px;
  display: flex;
}

.search-filters .filters-container .filer-inputs .range-input .range-wrapper .middle-text[data-v-b99e15] {
  color: #0dd14d;
  align-self: center;
  margin: 0 5px;
  font-size: 24px;
}

.search-filters .filters-container .filer-inputs .range-input .range-wrapper .middle-text[lang="en"][data-v-b99e15] {
  font-family: pt_sansbold;
}

.search-filters .filters-container .filer-inputs .range-input .range-wrapper .middle-text[lang="zh"][data-v-b99e15] {
  font-family: Noto Sans SC, sans-serif;
}

.search-filters .filters-container .filer-inputs .twists-inputs .twist-dropdown[data-v-b99e15] {
  margin: 10px;
}

.search-filters .filters-container .filer-inputs .button-container[data-v-b99e15] {
  justify-content: center;
  margin: 20px 10px 0;
  display: flex;
}

.search-filters .filters-container .filer-inputs .mode-duration-input .mode-duration-dropdown[data-v-b99e15] {
  margin: 10px;
}

#Stories[data-v-b4f7c1] {
  width: 1920px;
  height: 1080px;
  transform-origin: top;
  position: absolute;
  left: 50%;
}

#Stories.ratio16By10[data-v-b4f7c1] {
  height: 1200px;
}

#Stories.find-story .main-panel-container[data-v-b4f7c1] {
  top: 80px;
  left: unset;
  bottom: unset;
  position: absolute;
  margin: unset !important;
  right: 30px !important;
}

#Stories .main-panel-container[data-v-b4f7c1] {
  width: 1430px;
  height: 1080px;
  margin: 0 auto;
  position: absolute;
  inset: 80px 0 0;
}

#Stories .main-panel-container.find-story[data-v-b4f7c1] {
  position: absolute;
  right: 1px;
}

#Stories .main-panel-container[data-v-b4f7c1] .panel-inner {
  border-width: 2px 60px 57px;
}

#Stories .main-panel-container .active-archived-stories .stories[data-v-b4f7c1] {
  width: 1320px;
  height: 675px;
  justify-content: center;
  display: flex;
  overflow: hidden auto;
}

#Stories .main-panel-container .active-archived-stories .stories .active-stories[data-v-b4f7c1], #Stories .main-panel-container .active-archived-stories .stories .find-stories[data-v-b4f7c1] {
  position: relative;
}

#Stories .main-panel-container .active-archived-stories .stories .find-stories.empty-results[data-v-b4f7c1] {
  align-items: center;
  display: flex;
}

#Stories .main-panel-container .active-archived-stories .stories .find-stories.empty-results .no-results[data-v-b4f7c1] {
  line-spacing: 1.5px;
  color: #0dd14d;
  font-size: 41px;
}

#Stories .main-panel-container .active-archived-stories .stories .find-stories.empty-results .no-results[lang="en"][data-v-b4f7c1] {
  font-family: sl_pixlregular;
}

#Stories .main-panel-container .active-archived-stories .stories .find-stories.empty-results .no-results[lang="zh"][data-v-b4f7c1] {
  font-family: Noto Sans SC, sans-serif;
}

#Stories .main-panel-container .active-archived-stories .stories .fetching-stories .idk[data-v-b4f7c1] {
  width: 1290px;
  height: 210px;
  color: #fafb8e;
  background-color: #060a23;
  border-radius: 7px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 12px 0;
  font-size: 40px;
  display: flex;
}

#Stories .main-panel-container .active-archived-stories .stories .fetching-stories[lang="en"][data-v-b4f7c1] {
  font-family: sl_pixlregular;
}

#Stories .main-panel-container .active-archived-stories .stories .fetching-stories[lang="zh"][data-v-b4f7c1] {
  font-family: Noto Sans SC, sans-serif;
}

#Stories .main-panel-container .active-archived-stories .pagination[data-v-b4f7c1] {
  justify-content: center;
  margin-top: 10px;
  display: flex;
}

#Stories .main-panel-container .button-container[data-v-b4f7c1] {
  justify-content: space-evenly;
  margin-top: 30px;
  display: flex;
}

#Stories .main-panel-container .button-container.find-stories[data-v-b4f7c1] {
  justify-content: left;
}

#Stories .main-panel-container .button-container .text-button[data-v-b4f7c1] {
  height: 77px;
  width: 290px;
}

#Stories .fade-enter-active[data-v-b4f7c1] {
  transition: all .25s ease-out;
}

#Stories .fade-leave-active[data-v-b4f7c1] {
  transition: all .15s ease-out;
}

#Stories .fade-enter-from[data-v-b4f7c1], #Stories .fade-leave-to[data-v-b4f7c1] {
  opacity: 0;
}

.tos-text-container[data-v-026ba7] {
  height: 800px;
  color: #fafb8e;
  margin: 20px;
  font-size: 22px;
  overflow-y: auto;
}

.button-container[data-v-026ba7] {
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 20px;
  display: flex;
}

.text-link[data-v-026ba7] {
  color: #0dd14d;
  text-decoration: underline;
}

.text-link[data-v-026ba7]:hover {
  color: #fbfdfc;
}

.privacy-text-container[data-v-bcae0a] {
  height: 800px;
  color: #fafb8e;
  margin: 20px;
  font-size: 22px;
  overflow-y: auto;
}

.button-container[data-v-bcae0a] {
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 20px;
  display: flex;
}

.cookies-text-container[data-v-0f35ce] {
  height: 800px;
  color: #fafb8e;
  margin: 20px;
  font-size: 22px;
  overflow-y: auto;
}

.button-container[data-v-0f35ce] {
  width: 100%;
  justify-content: center;
  align-items: center;
  margin: 20px;
  display: flex;
}

#CallToAction[data-v-a284c4] {
  backdrop-filter: blur(10px);
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

#CallToAction.ratio21By9 .bottom-container .group[data-v-a284c4] {
  width: 1920px;
  margin: 0 auto;
}

#CallToAction .content-container[data-v-a284c4] {
  width: 1920px;
  height: 100%;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

#CallToAction .content-container .floating-border[data-v-a284c4] {
  width: 1920px;
  height: 1080px;
  background-image: url("decorative-border.93694ae6.png");
  background-size: cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#CallToAction .content-container .another-container[data-v-a284c4] {
  width: 970px;
  height: 100%;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  margin: 42px 0 172px;
  display: flex;
}

#CallToAction .content-container .another-container .thank-you-container[data-v-a284c4] {
  margin-top: 25px;
}

#CallToAction .content-container .another-container .thank-you-container .thank-you[data-v-a284c4] {
  width: 831px;
  height: 91px;
}

#CallToAction .content-container .another-container .logo-container[data-v-a284c4] {
  margin-top: 25px;
}

#CallToAction .content-container .another-container .logo-container .logo[data-v-a284c4] {
  width: 800px;
  height: 312px;
}

#CallToAction .content-container .another-container .text-container[data-v-a284c4] {
  color: #0dd14d;
  height: fit-content;
  text-align: center;
  flex-flow: column;
  display: flex;
}

#CallToAction .content-container .another-container .text-container[lang="en"][data-v-a284c4] {
  letter-spacing: 2px;
  font-family: sl_pixlregular;
  font-size: 36px;
}

#CallToAction .content-container .another-container .text-container[lang="zh"][data-v-a284c4] {
  font-family: Noto Serif SC, serif;
  font-size: 36px;
}

#CallToAction .content-container .another-container .text-container .blurb1[data-v-a284c4] {
  width: 100%;
  margin-bottom: 10px;
}

#CallToAction .content-container .another-container .text-container .blurb2[data-v-a284c4] {
  width: 100%;
}

#CallToAction .content-container .another-container .button-container[data-v-a284c4] {
  flex-flow: column;
  justify-content: space-evenly;
  margin-top: 30px;
  display: flex;
}

#CallToAction .content-container .another-container .button-container .text-button[data-v-a284c4] {
  height: 50px;
  width: 450px;
  margin-top: 10px;
}

#CallToAction .content-container .another-container .button-container .steam-button[data-v-a284c4] .text-button {
  filter: drop-shadow(0 0 8px #0dd14d);
}

#CallToAction .content-container .another-container .button-container .steam-button[data-v-a284c4] .text-button .button-text:after {
  content: "";
  height: 30px;
  width: 30px;
  vertical-align: middle;
  background-image: url("steam-icon.ef58d5ad.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 5px;
  margin-left: 30px;
  display: inline-block;
}

#CallToAction .content-container .another-container .button-container .discord-button[data-v-a284c4] .text-button .button-text:after {
  content: "";
  height: 30px;
  width: 30px;
  vertical-align: middle;
  background-image: url("discord-icon-green.57f5cbfe.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 5px;
  margin-left: 10px;
  display: inline-block;
}

.container[data-v-bdb5bb] {
  width: 100%;
  height: 100%;
}

.container .text-container[data-v-bdb5bb] {
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.container .text-container .header[data-v-bdb5bb] {
  color: #f52b2b;
  text-align: center;
  margin-bottom: 50px;
}

.container .text-container .header[lang="en"][data-v-bdb5bb] {
  font-family: sl_pixlregular;
  font-size: 60px;
}

.container .text-container .header[lang="zh"][data-v-bdb5bb] {
  font-family: Noto Sans SC, sans-serif;
}

.container .text-container .warning-text[data-v-bdb5bb] {
  color: #fbfdfc;
  text-align: center;
  margin-left: 10%;
  margin-right: 10%;
}

.container .text-container .warning-text[lang="en"][data-v-bdb5bb] {
  font-family: sl_pixlregular;
  font-size: 30px;
}

.container .text-container .warning-text[lang="zh"][data-v-bdb5bb] {
  font-family: Noto Sans SC, sans-serif;
}

.container .input-prompt[data-v-bdb5bb] {
  text-align: center;
  color: #2ca665;
}

.container .input-prompt[lang="en"][data-v-bdb5bb] {
  font-family: sl_pixlregular;
  font-size: 30px;
}

.container .input-prompt[lang="zh"][data-v-bdb5bb] {
  font-family: Noto Sans SC, sans-serif;
}

.fade-enter-active[data-v-bdb5bb], .fade-leave-active[data-v-bdb5bb] {
  transition: all .3s ease-out;
}

.fade-enter-from[data-v-bdb5bb], .fade-leave-to[data-v-bdb5bb] {
  opacity: 0;
}

#link-account-through-code[data-v-6a5a88] {
  width: 650px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

#link-account-through-code .container .header[data-v-6a5a88] {
  color: #fafb8e;
  text-align: center;
}

#link-account-through-code .container .header[lang="en"][data-v-6a5a88] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 50px;
}

#link-account-through-code .container .header[lang="zh"][data-v-6a5a88] {
  font-family: Noto Sans SC, sans-serif;
}

#link-account-through-code .container .description[data-v-6a5a88] {
  color: #fbfdfc;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
}

#link-account-through-code .container .description[lang="en"][data-v-6a5a88] {
  font-family: sl_pixlregular;
  font-size: 30px;
}

#link-account-through-code .container .description[lang="zh"][data-v-6a5a88] {
  font-family: Noto Serif SC, serif;
}

#link-account-through-code .container .error[data-v-6a5a88] {
  color: #f52b2b;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
}

#link-account-through-code .container .error[lang="en"][data-v-6a5a88] {
  font-family: sl_pixlregular;
  font-size: 30px;
}

#link-account-through-code .container .error[lang="zh"][data-v-6a5a88] {
  font-family: Noto Serif SC, serif;
}

#link-account-through-code .container .buttons[data-v-6a5a88] {
  justify-content: space-evenly;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

#link-account-through-code .container .username[data-v-6a5a88] {
  color: #fbfdfc;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
}

#link-account-through-code .container .username[lang="en"][data-v-6a5a88] {
  font-family: sl_pixlregular;
  font-size: 30px;
}

#link-account-through-code .container .username[lang="zh"][data-v-6a5a88] {
  font-family: Noto Serif SC, serif;
}

#link-account-through-code .container .warning[data-v-6a5a88] {
  color: #0dd14d;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
}

#link-account-through-code .container .warning[lang="en"][data-v-6a5a88] {
  font-family: sl_pixlregular;
  font-size: 30px;
}

#link-account-through-code .container .warning[lang="zh"][data-v-6a5a88] {
  font-family: Noto Serif SC, serif;
}

#link-account-through-code .container .warning .procceed[data-v-6a5a88] {
  color: #fbfdfc;
}

#link-account-through-code .container .input-container[data-v-6a5a88] {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

#link-account-through-code .container .input-container input[data-v-6a5a88] {
  height: 35px;
  width: 400px;
  color: #006c5b;
  border: 0 solid red;
  outline: none;
  margin-bottom: 10px;
  font-size: 18px;
  background-color: #040e26 !important;
}

#link-account-through-code .container .input-container input[lang="en"][data-v-6a5a88] {
  font-family: pt_sansbold;
  font-size: 24px;
}

#link-account-through-code .container .input-container input[lang="zh"][data-v-6a5a88] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 24px;
}

#link-account-through-code .container .input-container input.error[data-v-6a5a88] {
  filter: drop-shadow(0 0 2px red);
  border: 2px solid red;
  border-radius: 2px;
}

#generate-link-code[data-v-ae3af0] {
  width: 650px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

#generate-link-code .container .header[data-v-ae3af0] {
  color: #fafb8e;
  text-align: center;
}

#generate-link-code .container .header[lang="en"][data-v-ae3af0] {
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 50px;
}

#generate-link-code .container .header[lang="zh"][data-v-ae3af0] {
  font-family: Noto Sans SC, sans-serif;
}

#generate-link-code .container .description[data-v-ae3af0] {
  color: #fbfdfc;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
}

#generate-link-code .container .description[lang="en"][data-v-ae3af0] {
  font-family: sl_pixlregular;
  font-size: 30px;
}

#generate-link-code .container .description[lang="zh"][data-v-ae3af0] {
  font-family: Noto Serif SC, serif;
}

#generate-link-code .container .error[data-v-ae3af0] {
  color: #f52b2b;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
}

#generate-link-code .container .error[lang="en"][data-v-ae3af0] {
  font-family: sl_pixlregular;
  font-size: 30px;
}

#generate-link-code .container .error[lang="zh"][data-v-ae3af0] {
  font-family: Noto Serif SC, serif;
}

#generate-link-code .container .buttons[data-v-ae3af0] {
  justify-content: space-evenly;
  align-items: center;
  display: flex;
}

#generate-link-code .container .code-container[data-v-ae3af0] {
  height: 100px;
  justify-content: center;
  align-items: center;
  display: flex;
}

#generate-link-code .container .code-container .text-field[data-v-ae3af0] {
  height: 100%;
  color: #006c5b;
  align-items: center;
  margin: 0 30px 0 15px;
  display: flex;
}

#generate-link-code .container .code-container .text-field[lang="en"][data-v-ae3af0] {
  color: #0dd14d;
  font-variant: small-caps;
  font-family: sl_pixlregular;
  font-size: 40px;
}

#generate-link-code .container .input-container[data-v-ae3af0] {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: flex;
}

#generate-link-code .container .input-container input[data-v-ae3af0] {
  height: 35px;
  width: 400px;
  color: #006c5b;
  border: 0 solid red;
  outline: none;
  margin-bottom: 10px;
  font-size: 18px;
  background-color: #040e26 !important;
}

#generate-link-code .container .input-container input[lang="en"][data-v-ae3af0] {
  font-family: pt_sansbold;
  font-size: 24px;
}

#generate-link-code .container .input-container input[lang="zh"][data-v-ae3af0] {
  font-family: Noto Sans SC, sans-serif;
  font-size: 24px;
}

#generate-link-code .container .input-container input.error[data-v-ae3af0] {
  filter: drop-shadow(0 0 2px red);
  border: 2px solid red;
  border-radius: 2px;
}

@keyframes vertical-slide-in-dcca36 {
  0% {
    transform: translateY(-100%);
  }

  60% {
    transform: translateY(20%);
  }

  100% {
    transform: translateY(0%);
  }
}

@keyframes vertical-slide-out-dcca36 {
  0% {
    transform: translateY(0%);
  }

  40% {
    transform: translateY(10%);
  }

  100% {
    transform: translateY(-100%);
  }
}

.slide-down-enter-active[data-v-dcca36] {
  animation: vertical-slide-in-dcca36 .5s;
}

.slide-down-leave-active[data-v-dcca36] {
  animation: vertical-slide-out-dcca36 .5s;
}

#ui-overlay[data-v-dcca36] {
  pointer-events: none;
  user-select: none;
  flex-direction: column;
  display: flex;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

#ui-overlay .background[data-v-dcca36] {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

#ui-overlay .background.splashbg[data-v-dcca36] {
  background-image: url("landing-image.9803b5d0.png");
}

#ui-overlay .background.basicbg[data-v-dcca36] {
  background-image: url("basic-bg.03915a07.png");
}

#ui-overlay .background.forestbg[data-v-dcca36] {
  background-image: url("end-credits-bg.7501dfbd.png");
}

#ui-overlay .menu[data-v-dcca36] {
  pointer-events: all;
  width: 100%;
  max-height: 100%;
  background-size: cover;
  margin: auto;
  position: absolute;
  inset: 0;
}

#ui-overlay .menu .social-tos[data-v-dcca36] {
  position: absolute;
  bottom: 15px;
  left: 15px;
}

#ui-overlay .menu .landing-page[data-v-dcca36], #ui-overlay .menu .logged-in[data-v-dcca36], #ui-overlay .menu .sign-up[data-v-dcca36], #ui-overlay .menu .menu-panel[data-v-dcca36], #ui-overlay .menu .story[data-v-dcca36], #ui-overlay .menu .end-chapter[data-v-dcca36], #ui-overlay .menu .character-select[data-v-dcca36], #ui-overlay .menu .story-select[data-v-dcca36], #ui-overlay .menu .chapter-select[data-v-dcca36], #ui-overlay .menu .settings[data-v-dcca36], #ui-overlay .menu .account-link[data-v-dcca36], #ui-overlay .menu .call-to-action[data-v-dcca36] {
  height: 100%;
  width: 100%;
  z-index: 100;
  position: absolute;
}

#ui-overlay .menu .landing-page[data-v-dcca36], #ui-overlay .menu .logged-in[data-v-dcca36] {
  flex-direction: row;
  display: flex;
}

#ui-overlay .menu .landing-page .left-quadrant[data-v-dcca36], #ui-overlay .menu .logged-in .left-quadrant[data-v-dcca36] {
  width: 50%;
}

#ui-overlay .menu .landing-page .left-quadrant.ratio21By9[data-v-dcca36], #ui-overlay .menu .logged-in .left-quadrant.ratio21By9[data-v-dcca36] {
  width: 100%;
}

#ui-overlay .menu .landing-page .right-quadrant[data-v-dcca36], #ui-overlay .menu .logged-in .right-quadrant[data-v-dcca36] {
  width: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: absolute;
  right: 0;
}

#ui-overlay .menu .landing-page .right-quadrant.ratio21By9[data-v-dcca36], #ui-overlay .menu .logged-in .right-quadrant.ratio21By9[data-v-dcca36] {
  width: 15%;
}

#ui-overlay .menu .menu-panel[data-v-dcca36] {
  flex-direction: row;
  display: flex;
}

#ui-overlay .menu .menu-panel .center-quadrant[data-v-dcca36] {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

#ui-overlay .loading[data-v-dcca36] {
  height: 100%;
  width: 100%;
  pointer-events: all;
  position: absolute;
  overflow: hidden;
  box-shadow: inset 0 0 300px #000;
}

#ui-overlay .in-game[data-v-dcca36] {
  width: 100vw;
  height: 100vw;
  position: relative;
}

#ui-overlay .in-game #pause-button[data-v-dcca36] {
  z-index: 9999999;
  pointer-events: all;
  position: absolute;
  top: 80px;
  right: 20px;
}

#ui-overlay .in-game #experience-bar[data-v-dcca36] {
  height: 40px;
  position: absolute;
  top: 20px;
  left: 20px;
  right: 150px;
}

#ui-overlay .in-game #health-pip-bar[data-v-dcca36] {
  width: 600px;
  height: 50px;
  position: absolute;
  top: 80px;
  left: calc(50% - 300px);
}

#ui-overlay .in-game .ammo-bar[data-v-dcca36] {
  width: 600px;
  height: 50px;
  display: flex;
  position: absolute;
  top: 143px;
  left: calc(50% - 300px);
}

#ui-overlay .in-game .energy-bar[data-v-dcca36] {
  position: absolute;
  bottom: 50px;
  left: 50%;
}

#ui-overlay .in-game #current-level[data-v-dcca36] {
  color: #fff;
  font-size: 50px;
  position: absolute;
  top: 10px;
  left: 5px;
}

#ui-overlay .in-game #countdown[data-v-dcca36] {
  position: absolute;
  top: 80px;
  left: 5px;
}

#ui-overlay .debug-tools[data-v-dcca36] {
  z-index: 999;
  width: 100%;
  height: 100%;
  position: absolute;
}

#ui-overlay .debug-tools #cooldown[data-v-dcca36] {
  position: absolute;
  bottom: 40px;
  left: 40px;
}

#ui-overlay .debug-icons[data-v-dcca36] {
  z-index: 200;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  right: 0;
  overflow-y: auto;
}

#ui-overlay .debug-lighting[data-v-dcca36] {
  z-index: 999;
  width: 25vw;
  height: 25vh;
  position: absolute;
  top: 50%;
  right: 0;
  overflow-y: visible;
}

#ui-overlay #roller-button[data-v-dcca36] {
  position: absolute;
  top: 150px;
  right: 20px;
}

#ui-overlay .darken[data-v-dcca36] {
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

#ui-overlay .darken.active[data-v-dcca36] {
  z-index: 300;
  pointer-events: all;
  background-color: #0009;
}

.no-story-selected-warning[data-v-dcca36] {
  height: 50px;
  width: 240px;
  pointer-events: all;
  opacity: .75;
  background-color: #dc143c;
  border-radius: 10px;
  font-size: 20px;
  position: absolute;
  top: 100px;
  left: 200px;
}

.no-story-selected-warning[data-v-dcca36]:hover {
  opacity: .1;
}

.perks-modal[data-v-dcca36] {
  z-index: 999;
  width: 100%;
  height: 100%;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.prompts[data-v-dcca36] {
  z-index: 99999999;
  width: 100%;
  height: 100%;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.prompts.pointerEvents[data-v-dcca36] {
  pointer-events: all;
}

.prompts .center-panel[data-v-dcca36] {
  color: red;
  transform-origin: center;
}

.prompts .center-panel.hidden[data-v-dcca36] {
  display: none !important;
}

.cookiePrompt[data-v-dcca36] {
  z-index: 99999;
  pointer-events: all;
}

.fade-enter-active[data-v-dcca36] {
  transition: all .25s ease-out;
}

.fade-leave-active[data-v-dcca36] {
  transition: all .15s ease-out;
}

.fade-enter-from[data-v-dcca36], .fade-leave-to[data-v-dcca36] {
  opacity: 0;
}

.longfade-enter-active[data-v-dcca36] {
  transition: all .5s ease-out;
}

.longfade-leave-active[data-v-dcca36] {
  transition: all .15s ease-out;
}

.longfade-enter-from[data-v-dcca36], .longfade-leave-to[data-v-dcca36] {
  opacity: 0;
}

.main-menu-fade-enter-active[data-v-dcca36] {
  transition: all .5s ease-out .5s;
}

.main-menu-fade-leave-active[data-v-dcca36] {
  transition: all .5s ease-out;
}

.main-menu-fade-enter-from[data-v-dcca36], .main-menu-fade-leave-to[data-v-dcca36] {
  opacity: 0;
}

.loading-fade-enter-active[data-v-dcca36] {
  transition: all 1s ease-out;
}

.loading-fade-leave-active[data-v-dcca36] {
  transition: all 1.5s ease-out;
}

.loading-fade-enter-from[data-v-dcca36], .loading-fade-leave-to[data-v-dcca36] {
  opacity: 0;
}

.splash-fade-enter-active[data-v-dcca36] {
  transition: all 1s ease-out;
}

.splash-fade-leave-active[data-v-dcca36] {
  transition: all 1.75s ease-out;
}

.splash-fade-enter-from[data-v-dcca36], .splash-fade-leave-to[data-v-dcca36] {
  opacity: 0;
}

.in-game-fade-enter-active[data-v-dcca36] {
  transition: all 1s ease-out;
}

.in-game-fade-leave-active[data-v-dcca36] {
  transition: all 1.5s ease-out;
}

.in-game-fade-enter-from[data-v-dcca36], .in-game-fade-leave-to[data-v-dcca36] {
  opacity: 0;
}

.slide-up-enter-active[data-v-dcca36], .slide-up-leave-active[data-v-dcca36] {
  transition: all .25s ease-out;
}

.slide-up-enter-from[data-v-dcca36], .slide-up-leave-to[data-v-dcca36] {
  opacity: 0;
  transform: translateY(-30px);
}

.slide-down-fade-enter-active[data-v-dcca36] {
  transition: all .25s ease-out .5s;
  animation: vertical-slide-in-dcca36 .5s;
}

.slide-down-fade-enter-from[data-v-dcca36] {
  opacity: 0;
}

.slide-down-fade-leave-active[data-v-dcca36] {
  animation: vertical-slide-out-dcca36 .5s;
}

.introjs-overlay {
  box-sizing: content-box;
  z-index: 999999;
  opacity: 0;
  transition: all .3s ease-out;
  position: absolute;
}

.introjs-showElement {
  z-index: 9999999 !important;
}

tr.introjs-showElement > td, tr.introjs-showElement > th {
  position: relative;
  z-index: 9999999 !important;
}

.introjs-disableInteraction {
  opacity: 0;
  background-color: #fff;
  position: absolute;
  z-index: 99999999 !important;
}

.introjs-relativePosition {
  position: relative;
}

.introjs-helperLayer {
  box-sizing: content-box;
  z-index: 9999998;
  border-radius: 4px;
  transition: all .3s ease-out;
  position: absolute;
}

.introjs-helperLayer *, .introjs-helperLayer :before, .introjs-helperLayer :after {
  box-sizing: content-box;
}

.introjs-tooltipReferenceLayer {
  box-sizing: content-box;
  visibility: hidden;
  z-index: 100000000;
  background-color: #0000;
  font-family: Helvetica Neue, Inter, ui-sans-serif, Apple Color Emoji, Helvetica, Arial, sans-serif;
  transition: all .3s ease-out;
  position: absolute;
}

.introjs-tooltipReferenceLayer * {
  font-family: Helvetica Neue, Inter, ui-sans-serif, Apple Color Emoji, Helvetica, Arial, sans-serif;
}

.introjs-helperNumberLayer {
  color: #9e9e9e;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Helvetica Neue, Inter, ui-sans-serif, Apple Color Emoji, Helvetica, Arial, sans-serif;
}

.introjs-arrow {
  content: "";
  border: 5px solid #0000;
  position: absolute;
}

.introjs-arrow.top {
  border-bottom-color: #fff;
  top: -10px;
  left: 10px;
}

.introjs-arrow.top-right {
  border-bottom-color: #fff;
  top: -10px;
  right: 10px;
}

.introjs-arrow.top-middle {
  border-bottom-color: #fff;
  margin-left: -5px;
  top: -10px;
  left: 50%;
}

.introjs-arrow.right {
  border-left-color: #fff;
  top: 10px;
  right: -10px;
}

.introjs-arrow.right-bottom {
  border-left-color: #fff;
  bottom: 10px;
  right: -10px;
}

.introjs-arrow.bottom {
  border-top-color: #fff;
  bottom: -10px;
  left: 10px;
}

.introjs-arrow.bottom-right {
  border-top-color: #fff;
  bottom: -10px;
  right: 10px;
}

.introjs-arrow.bottom-middle {
  border-top-color: #fff;
  margin-left: -5px;
  bottom: -10px;
  left: 50%;
}

.introjs-arrow.left {
  border-right-color: #fff;
  top: 10px;
  left: -10px;
}

.introjs-arrow.left-bottom {
  border-right-color: #fff;
  bottom: 10px;
  left: -10px;
}

.introjs-tooltip {
  box-sizing: content-box;
  visibility: visible;
  min-width: 250px;
  max-width: 300px;
  background-color: #fff;
  border-radius: 5px;
  transition: opacity .1s ease-out;
  position: absolute;
  box-shadow: 0 3px 30px #2121214d;
}

.introjs-tooltiptext {
  padding: 20px;
}

.introjs-dontShowAgain {
  padding-left: 20px;
  padding-right: 20px;
}

.introjs-dontShowAgain input {
  width: 10px;
  height: 10px;
  margin: 0 0 2px;
  padding: 0;
  display: inline;
}

.introjs-dontShowAgain label {
  color: #616161;
  user-select: none;
  background-color: #fff;
  margin: 0 0 0 5px;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.introjs-tooltip-title {
  width: 90%;
  min-height: 1.5em;
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5;
}

.introjs-tooltip-header {
  min-height: 1.5em;
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.introjs-tooltipbuttons {
  text-align: right;
  white-space: nowrap;
  border-top: 1px solid #e0e0e0;
  padding: 10px;
}

.introjs-tooltipbuttons:after {
  content: "";
  visibility: hidden;
  height: 0;
  clear: both;
  display: block;
}

.introjs-button {
  box-sizing: content-box;
  text-shadow: 1px 1px #fff;
  color: #424242;
  white-space: nowrap;
  cursor: pointer;
  zoom: 1;
  background-color: #f4f4f4;
  border: 1px solid #bdbdbd;
  border-radius: .2em;
  outline: 0;
  padding: .5rem 1rem;
  font-size: 14px;
  text-decoration: none;
  display: inline;
  position: relative;
  overflow: visible;
}

.introjs-button:hover {
  color: #212121;
  background-color: #e0e0e0;
  border-color: #9e9e9e;
  outline: 0;
  text-decoration: none;
}

.introjs-button:focus {
  color: #212121;
  background-color: #eee;
  border: 1px solid #616161;
  outline: 0;
  text-decoration: none;
  box-shadow: 0 0 0 .2rem #9e9e9e80;
}

.introjs-button:active {
  color: #212121;
  background-color: #e0e0e0;
  border-color: #9e9e9e;
  outline: 0;
  text-decoration: none;
}

.introjs-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.introjs-skipbutton {
  width: 45px;
  height: 45px;
  color: #616161;
  cursor: pointer;
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 45px;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
}

.introjs-skipbutton:focus, .introjs-skipbutton:hover {
  color: #212121;
  outline: 0;
  text-decoration: none;
}

.introjs-prevbutton {
  float: left;
}

.introjs-nextbutton {
  float: right;
}

.introjs-disabled, .introjs-disabled:focus, .introjs-disabled:hover {
  color: #9e9e9e;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  border-color: #bdbdbd;
  text-decoration: none;
}

.introjs-hidden {
  display: none;
}

.introjs-bullets {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

.introjs-bullets ul {
  box-sizing: content-box;
  clear: both;
  margin: 0 auto;
  padding: 0;
  display: inline-block;
}

.introjs-bullets ul li {
  box-sizing: content-box;
  float: left;
  margin: 0 2px;
  list-style: none;
}

.introjs-bullets ul li a {
  box-sizing: content-box;
  width: 6px;
  height: 6px;
  cursor: pointer;
  background: #ccc;
  border-radius: 10px;
  text-decoration: none;
  transition: width .1s ease-in;
  display: block;
}

.introjs-bullets ul li a:focus, .introjs-bullets ul li a:hover {
  width: 15px;
  background: #999;
  outline: 0;
  text-decoration: none;
}

.introjs-bullets ul li a.active {
  width: 15px;
  background: #999;
}

.introjs-progress {
  box-sizing: content-box;
  height: 10px;
  background-color: #e0e0e0;
  border-radius: 4px;
  margin: 10px;
  overflow: hidden;
}

.introjs-progressbar {
  box-sizing: content-box;
  float: left;
  width: 0%;
  height: 100%;
  text-align: center;
  background-color: #08c;
  font-size: 10px;
  line-height: 10px;
}

.introjsFloatingElement {
  height: 0;
  width: 0;
  position: absolute;
  top: 50%;
  left: 50%;
}

.introjs-fixedTooltip {
  position: fixed;
}

.introjs-hint {
  box-sizing: content-box;
  width: 20px;
  height: 15px;
  cursor: pointer;
  background: none;
  position: absolute;
}

.introjs-hint:focus {
  border: 0;
  outline: 0;
}

.introjs-hint:hover > .introjs-hint-pulse {
  background-color: #3c3c3c91;
}

.introjs-hidehint {
  display: none;
}

.introjs-fixedhint {
  position: fixed;
}

@keyframes introjspulse {
  0% {
    transform: scale(.95);
    box-shadow: 0 0 #000000b3;
  }

  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px #0000;
  }

  100% {
    transform: scale(.95);
    box-shadow: 0 0 #0000;
  }
}

.introjs-hint-pulse {
  box-sizing: content-box;
  width: 15px;
  height: 15px;
  z-index: 10;
  background-color: #8888883d;
  border-radius: 30px;
  transition: all .2s ease-out;
  animation: introjspulse 2s infinite;
  position: absolute;
}

.introjs-hint-no-anim .introjs-hint-pulse {
  animation: none;
}

.introjs-hint-dot {
  box-sizing: content-box;
  height: 50px;
  width: 50px;
  z-index: 1;
  opacity: 0;
  background: none;
  border-radius: 60px;
  position: absolute;
  top: -18px;
  left: -18px;
}

fieldset[disabled] .multiselect {
  pointer-events: none;
}

.multiselect__spinner {
  width: 48px;
  height: 35px;
  background: #fff;
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
}

.multiselect__spinner:after, .multiselect__spinner:before {
  content: "";
  width: 16px;
  height: 16px;
  border: 2px solid #0000;
  border-top-color: #41b883;
  border-radius: 100%;
  margin: -8px 0 0 -8px;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0 0 0 1px #0000;
}

.multiselect__spinner:before {
  animation: spinning 2.4s cubic-bezier(.41, .26, .2, .62) infinite;
}

.multiselect__spinner:after {
  animation: spinning 2.4s cubic-bezier(.51, .09, .21, .8) infinite;
}

.multiselect__loading-enter-active, .multiselect__loading-leave-active {
  opacity: 1;
  transition: opacity .4s ease-in-out;
}

.multiselect__loading-enter, .multiselect__loading-leave-active {
  opacity: 0;
}

.multiselect, .multiselect__input, .multiselect__single {
  touch-action: manipulation;
  font-family: inherit;
  font-size: 16px;
}

.multiselect {
  box-sizing: content-box;
  width: 100%;
  min-height: 40px;
  text-align: left;
  color: #35495e;
  display: block;
  position: relative;
}

.multiselect * {
  box-sizing: border-box;
}

.multiselect:focus {
  outline: none;
}

.multiselect--disabled {
  pointer-events: none;
  opacity: .6;
  background: #ededed;
}

.multiselect--active {
  z-index: 50;
}

.multiselect--active:not(.multiselect--above) .multiselect__current, .multiselect--active:not(.multiselect--above) .multiselect__input, .multiselect--active:not(.multiselect--above) .multiselect__tags {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.multiselect--active .multiselect__select {
  transform: rotate(180deg);
}

.multiselect--above.multiselect--active .multiselect__current, .multiselect--above.multiselect--active .multiselect__input, .multiselect--above.multiselect--active .multiselect__tags {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.multiselect__input, .multiselect__single {
  min-height: 20px;
  width: 100%;
  box-sizing: border-box;
  vertical-align: top;
  background: #fff;
  border: none;
  border-radius: 5px;
  margin-bottom: 8px;
  padding: 0 0 0 5px;
  line-height: 20px;
  transition: border .1s;
  display: inline-block;
  position: relative;
}

.multiselect__input::-moz-placeholder {
  color: #35495e;
}

.multiselect__input:-ms-input-placeholder {
  color: #35495e;
}

.multiselect__input::placeholder {
  color: #35495e;
}

.multiselect__tag ~ .multiselect__input, .multiselect__tag ~ .multiselect__single {
  width: auto;
}

.multiselect__input:hover, .multiselect__single:hover {
  border-color: #cfcfcf;
}

.multiselect__input:focus, .multiselect__single:focus {
  border-color: #a8a8a8;
  outline: none;
}

.multiselect__single {
  margin-bottom: 8px;
  padding-left: 5px;
}

.multiselect__tags-wrap {
  display: inline;
}

.multiselect__tags {
  min-height: 40px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  padding: 8px 40px 0 8px;
  font-size: 14px;
  display: block;
}

.multiselect__tag {
  color: #fff;
  white-space: nowrap;
  max-width: 100%;
  text-overflow: ellipsis;
  background: #41b883;
  border-radius: 5px;
  margin-bottom: 5px;
  margin-right: 10px;
  padding: 4px 26px 4px 10px;
  line-height: 1;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.multiselect__tag-icon {
  cursor: pointer;
  width: 22px;
  text-align: center;
  border-radius: 5px;
  margin-left: 7px;
  font-style: normal;
  font-weight: 700;
  line-height: 22px;
  transition: all .2s;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.multiselect__tag-icon:after {
  content: "×";
  color: #266d4d;
  font-size: 14px;
}

.multiselect__tag-icon:focus:after, .multiselect__tag-icon:hover:after {
  color: #fff;
}

.multiselect__current {
  min-height: 40px;
  white-space: nowrap;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  padding: 8px 30px 0 12px;
  overflow: hidden;
}

.multiselect__current, .multiselect__select {
  box-sizing: border-box;
  cursor: pointer;
  margin: 0;
  line-height: 16px;
  text-decoration: none;
  display: block;
}

.multiselect__select {
  width: 40px;
  height: 38px;
  text-align: center;
  padding: 4px 8px;
  transition: transform .2s;
  position: absolute;
  top: 1px;
  right: 1px;
}

.multiselect__select:before {
  color: #999;
  content: "";
  border: 5px solid #0000;
  border-top-color: #999;
  border-bottom-width: 0;
  margin-top: 4px;
  position: relative;
  top: 65%;
  right: 0;
}

.multiselect__placeholder {
  color: #adadad;
  margin-bottom: 10px;
  padding-top: 2px;
  display: inline-block;
}

.multiselect--active .multiselect__placeholder {
  display: none;
}

.multiselect__content-wrapper {
  width: 100%;
  max-height: 240px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-top: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  display: block;
  position: absolute;
  overflow: auto;
}

.multiselect__content {
  min-width: 100%;
  vertical-align: top;
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}

.multiselect--above .multiselect__content-wrapper {
  border-top: 1px solid #e8e8e8;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  bottom: 100%;
}

.multiselect__content::-webkit-scrollbar {
  display: none;
}

.multiselect__element {
  display: block;
}

.multiselect__option {
  min-height: 40px;
  text-transform: none;
  vertical-align: middle;
  cursor: pointer;
  white-space: nowrap;
  padding: 12px;
  line-height: 16px;
  text-decoration: none;
  display: block;
  position: relative;
}

.multiselect__option:after {
  padding-left: 20px;
  padding-right: 12px;
  font-size: 13px;
  line-height: 40px;
  position: absolute;
  top: 0;
  right: 0;
}

.multiselect__option--highlight {
  color: #fff;
  background: #41b883;
  outline: none;
}

.multiselect__option--highlight:after {
  content: attr(data-select);
  color: #fff;
  background: #41b883;
}

.multiselect__option--selected {
  color: #35495e;
  background: #f3f3f3;
  font-weight: 700;
}

.multiselect__option--selected:after {
  content: attr(data-selected);
  color: silver;
}

.multiselect__option--selected.multiselect__option--highlight {
  color: #fff;
  background: #ff6a6a;
}

.multiselect__option--selected.multiselect__option--highlight:after {
  content: attr(data-deselect);
  color: #fff;
  background: #ff6a6a;
}

.multiselect--disabled .multiselect__current, .multiselect--disabled .multiselect__select {
  color: #a6a6a6;
  background: #ededed;
}

.multiselect__option--disabled {
  cursor: text;
  pointer-events: none;
  color: #a6a6a6 !important;
  background: #ededed !important;
}

.multiselect__option--group {
  color: #35495e;
  background: #ededed;
}

.multiselect__option--group.multiselect__option--highlight {
  color: #fff;
  background: #35495e;
}

.multiselect__option--group.multiselect__option--highlight:after {
  background: #35495e;
}

.multiselect__option--disabled.multiselect__option--highlight {
  background: #dedede;
}

.multiselect__option--group-selected.multiselect__option--highlight {
  color: #fff;
  background: #ff6a6a;
}

.multiselect__option--group-selected.multiselect__option--highlight:after {
  content: attr(data-deselect);
  color: #fff;
  background: #ff6a6a;
}

.multiselect-enter-active, .multiselect-leave-active {
  transition: all .15s;
}

.multiselect-enter, .multiselect-leave-active {
  opacity: 0;
}

.multiselect__strong {
  vertical-align: top;
  margin-bottom: 8px;
  line-height: 20px;
  display: inline-block;
}

[dir="rtl"] .multiselect {
  text-align: right;
}

[dir="rtl"] .multiselect__select {
  left: 1px;
  right: auto;
}

[dir="rtl"] .multiselect__tags {
  padding: 8px 8px 0 40px;
}

[dir="rtl"] .multiselect__content {
  text-align: right;
}

[dir="rtl"] .multiselect__option:after {
  left: 0;
  right: auto;
}

[dir="rtl"] .multiselect__clear {
  left: 12px;
  right: auto;
}

[dir="rtl"] .multiselect__spinner {
  left: 1px;
  right: auto;
}

@keyframes spinning {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(2turn);
  }
}

/*# sourceMappingURL=index.871dfec3.css.map */