@font-face{font-family:"RexiMemo Subtitle NDS BIOS";src:url('/assets/ndsbios.ttf') format('truetype');font-display:swap}
@font-face{font-family:"RexiMemo Subtitle Paxalah";src:url('/assets/paxalah.otf') format('opentype');font-display:swap}
.web-subtitles{position:absolute;z-index:4;left:4%;right:4%;bottom:5%;display:flex;justify-content:center;text-align:center;pointer-events:none;color:#fff;font-family:"RexiMemo Subtitle NDS BIOS","RexiMemo Subtitle Paxalah",sans-serif;font-size:calc(var(--subtitle-font-size,24px) * var(--subtitle-size,1) * var(--subtitle-script-scale,1));font-weight:400;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere;text-shadow:0 1px 2px #000}
.web-subtitles[hidden]{display:none!important}
.web-subtitles>span{display:inline-block;box-sizing:border-box;min-width:0;max-width:100%;padding:.2em .4em .3em;border-radius:2px;background:rgba(0,0,0,.8);unicode-bidi:plaintext}
/* Paxalah's vowel marks extend well above the NDS font's normal line box. */
.web-subtitles-arabic>span{line-height:2.6;padding-top:.65em}
@media(hover:hover) and (pointer:fine){.web-subtitles-arabic{--subtitle-script-scale:.5}}
.web-subtitles-draggable>span{pointer-events:auto;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.web-subtitles-draggable.is-dragging>span{cursor:grabbing}
.web-subtitles-positioned{left:var(--subtitle-x,50%);top:var(--subtitle-y,50%);right:auto;bottom:auto;width:max-content;max-width:92%;transform:translate(-50%,-50%)}
.web-subtitles-visible .rx-fp-frame-counter{bottom:auto;top:12px}
.web-subtitles-toggle{display:inline-flex!important;align-items:center;justify-content:center;min-width:34px;height:32px!important;margin:0;padding:2px 5px!important;border:0!important;border-radius:3px;background:transparent!important;color:inherit;font:700 14px/1 Arial,sans-serif;cursor:pointer;box-shadow:none!important}
.web-subtitles-toggle[aria-pressed=true]{box-shadow:inset 0 -3px var(--red,#b33121)!important}
.web-subtitles-toggle:hover{background:rgba(128,128,128,.2)!important}
.web-subtitles-toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.web-subtitle-control{position:relative;display:flex;align-items:center;flex:none}
.web-subtitles-language{width:24px;min-width:24px;height:32px;padding:0!important;border:0!important;background:transparent!important;color:inherit;cursor:pointer}
.web-subtitles-language[hidden],.web-subtitles-menu[hidden]{display:none!important}
.web-subtitles-menu{position:absolute;z-index:20;bottom:calc(100% + 8px);left:0;min-width:170px;max-height:min(280px,45vh);overflow:auto;padding:5px;border:1px solid var(--line,#444);border-radius:5px;background:var(--surface,#181818);box-shadow:0 5px 20px #0008}
.web-subtitles-menu>button{display:block;width:100%;height:auto!important;padding:8px 10px!important;border:0!important;background:transparent!important;color:var(--text,#eee);text-align:left;white-space:nowrap;font:inherit;cursor:pointer}
.web-subtitles-menu>button:hover,.web-subtitles-menu>button[aria-checked=true]{background:var(--surface-hover,#333)!important;color:var(--red,#db5d42)}
.player-controls.has-web-subtitles-control{grid-template-columns:40px 34px 34px minmax(70px,1fr) auto 52px 58px 86px 42px var(--subtitle-control-width,34px)}
@media(max-width:850px){.player-controls.has-web-subtitles-control{grid-template-columns:38px 32px 32px minmax(50px,1fr) var(--subtitle-control-width,34px)}}