*{font-family:Roboto,sans-serif}:root{--app-bg: #373943}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden;background:var(--app-bg)}.active{color:red}.myScrollContainer{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.myScrollContainer::-webkit-scrollbar{width:6px}.myScrollContainer::-webkit-scrollbar-track{background:transparent}.myScrollContainer::-webkit-scrollbar-thumb{background-color:#00000080;border-radius:6px}.myScrollContainer::-webkit-scrollbar-thumb{opacity:0;transition:opacity .3s}.myScrollContainer:hover::-webkit-scrollbar-thumb{opacity:1}[id^=hanzi-container-]:focus,[id^=hanzi-container-] svg:focus{outline:none}[id^=hanzi-container-] svg:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px;border-radius:8px}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}