.highlight-spoken{font-style:inherit;stroke-opacity:.8;border-radius:5px;color:#000!important;stroke:#ff6f00!important;stroke-width:10px!important;fill:#ff6f00!important;fill-opacity:.1!important;background-color:#ff6f00!important}.highlight-sentence{stroke-opacity:.8;background-color:#ffe082;border-radius:5px;color:#000!important;stroke:#ffe082!important;stroke-width:10px!important;fill:#ffe082!important;fill-opacity:.1!important}sps:hover{background-color:#82c5ff62}sps:active{background-color:#007bff}.loading_tts{cursor:wait;pointer-events:none;-webkit-backdrop-filter:blur(2px);background-color:#ffffff80}.highlight-spoken-hover{border-radius:5px;transition:all .1s;color:#000!important;background-color:#82c5ffa3!important}.RSHL_SVG svg{pointer-events:none;z-index:0;position:absolute}.RSHL_SVG svg polygon{fill-opacity:0;pointer-events:auto}.RSHL_SVG svg polygon:hover{fill:#2599ff;fill-opacity:.5}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.z-50{z-index:50}.container{width:100%}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.max-w-\[70\%\]{max-width:70%}.flex-1{flex:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.items-start{align-items:flex-start}.justify-end{justify-content:flex-end}.overflow-y-auto{overflow-y:auto}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}body{margin:0}h1,h2,h3,h4,h5{font-weight:700}ul{list-style-type:circle}h1{font-size:larger}h2{font-size:large}h3{font-size:medium}h4{font-size:small}@keyframes example{0%{background-color:#ff6f00}to{background-color:#ffe082}}.highlight-spoken-still{background-color:#ff6f00;border-radius:5px;animation-name:example;animation-duration:1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate-reverse;color:#000!important}.highlight-sentence-still{color:#000;background-color:#ffe082;border-radius:5px}table,th,td{border-collapse:collapse;border:1px solid #000}.wrap-box{white-space:pre-wrap;width:100px;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;display:table}.pinyin-card{border:2px solid #ff6f00}.rshl_word:hover{cursor:pointer;background-color:#82c5ff62}.rshl_word:active{cursor:pointer;background-color:#007bff}.video-container{width:100%;padding-top:56.25%;position:relative;overflow:hidden}.video-container iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}