@import url(https://fonts.googleapis.com/css?family=Spectral:500,500i);@font-face{font-family:Kaznet;src:url(/fonts/kaznet.2efe4782.ttf) format("truetype")}body,html{height:100%;width:100%;margin:0;padding:0}*{-webkit-box-sizing:border-box;box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh;margin:0 auto;max-width:1440px}#app #body{padding:25px;overflow-y:scroll;height:100vh}@media (max-width:599px){#app #body{padding:10px}}#app #navigation{width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:horizontical;flex-direction:horizontical;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;text-align:right;background-color:#efefef;-ms-flex-negative:1;flex-shrink:1}#app #navigation .menu{display:none}@media (max-width:599px){#app #navigation .menu{-ms-flex-item-align:end;align-self:flex-end;display:initial;position:absolute;top:10px;right:10px;cursor:pointer}#app #navigation .menu div{width:30px;height:4px;background-color:#000;margin:6px 0}}#app #navigation ul{margin:0;padding:0;color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;text-decoration:none;list-style-type:none}#app #navigation ul li{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}#app #navigation ul li:first-child{margin-right:auto}#app #navigation ul li:first-child a{font-size:20px}#app #navigation ul li:first-child a.router-link-exact-active{color:#2c3e50}#app #navigation ul li:first-child:after{content:""}#app #navigation ul li:after{content:"|";color:#666}#app #navigation ul li:last-child:after{content:""}#app #navigation ul li a{text-decoration:none;color:#2c3e50;margin:0 8px}#app #navigation ul li a.router-link-exact-active{color:#42b983}@media (max-width:599px){#app #navigation ul li:not(:first-child){-ms-flex-preferred-size:100%;flex-basis:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;display:none;text-align:center}#app #navigation ul li:not(:first-child).show{display:-webkit-box;display:-ms-flexbox;display:flex}#app #navigation ul li:not(:first-child):after{content:""}}.basic{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}.basic .center{margin:auto;text-align:center}.basic .center.large{font-size:15vmin}.transliterate[data-v-2fa095f6]{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:distribute;justify-content:space-around}.transliterate>[data-v-2fa095f6]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:400px;padding:25px}.transliterate .input-area textarea[data-v-2fa095f6],.transliterate .result-area .text[data-v-2fa095f6]{font-family:sans-serif;font-size:24px;color:#000;width:100%;padding:10px;height:90%}.transliterate .result-area .text[data-v-2fa095f6]{border:2px dotted #42b983;margin:0;font-weight:400;background-color:#f5f5f5;text-align:left;overflow:scroll;white-space:pre-wrap;word-wrap:break-word}.transliterate .result-area .text #editable[data-v-2fa095f6]{outline:none}.transliterate .result-area .text.arabic[data-v-2fa095f6]{font-family:Kaznet;direction:rtl;text-align:right}button[data-v-2fa095f6]{border:none;outline:none;cursor:pointer;height:30px;font-size:15px;background:#f5f5f5}button.convert[data-v-2fa095f6]{width:100%;color:#42b983;height:40px;font-size:20px;background-color:#42b983;color:#fff;font-weight:700}button.selected[data-v-2fa095f6]{background-color:#42b983;color:#fff}h3[data-v-2fa095f6]{margin:40px 0 0}ul[data-v-2fa095f6]{list-style-type:none;padding:0}li[data-v-2fa095f6]{display:inline-block;margin:0 10px}a[data-v-2fa095f6]{color:#42b983}.transliterate-parent[data-v-63b9a01d]{height:100%}.tool-title[data-v-63b9a01d]{color:#297050;font-weight:700}.main .title[data-v-a10f2cd6]{font-size:1.5em}.main .language[data-v-a10f2cd6]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main .language .resource-title[data-v-a10f2cd6]{font-weight:700}.main .language .resource[data-v-a10f2cd6]{padding-left:20px}.main .language a[data-v-a10f2cd6]{color:#084696;text-decoration:none}.about[data-v-e122568e]{width:95%;max-width:800px}.about table[data-v-e122568e],.about td[data-v-e122568e],.about th[data-v-e122568e]{border:1px solid #ddd;text-align:left}.about table[data-v-e122568e]{border-collapse:collapse;width:100%}.about td[data-v-e122568e],.about th[data-v-e122568e]{padding:15px}.about pre code[data-v-e122568e]{overflow:scroll;font-family:monospace;background-color:#eee;border:1px solid #999;display:block;padding:10px}.token.string[data-v-e122568e]{color:#690}.token.keyword[data-v-e122568e]{color:#07a}.token.operator[data-v-e122568e],.token.url[data-v-e122568e]{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.comment[data-v-e122568e]{color:#708090}.token.punctuation[data-v-e122568e]{color:#999}.token.function[data-v-e122568e]{color:#dd4a68}.center.small[data-v-7b57a9e2],.center.small[data-v-759c6923]{font-size:3vh}.tooltip{display:block!important;z-index:10000}.tooltip .tooltip-inner{background:#000;color:#fff;border-radius:16px;padding:5px 10px 4px}.tooltip .tooltip-arrow{width:0;height:0;border-style:solid;position:absolute;margin:5px;border-color:#000}.tooltip[x-placement^=top]{margin-bottom:5px}.tooltip[x-placement^=top] .tooltip-arrow{border-width:5px 5px 0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;bottom:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=bottom]{margin-top:5px}.tooltip[x-placement^=bottom] .tooltip-arrow{border-width:0 5px 5px;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important;top:-5px;left:calc(50% - 5px);margin-top:0;margin-bottom:0}.tooltip[x-placement^=right]{margin-left:5px}.tooltip[x-placement^=right] .tooltip-arrow{border-width:5px 5px 5px 0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important;left:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip[x-placement^=left]{margin-right:5px}.tooltip[x-placement^=left] .tooltip-arrow{border-width:5px 0 5px 5px;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important;right:-5px;top:calc(50% - 5px);margin-left:0;margin-right:0}.tooltip[aria-hidden=true]{visibility:hidden;opacity:0;-webkit-transition:opacity .15s,visibility .15s;transition:opacity .15s,visibility .15s}.tooltip[aria-hidden=false]{visibility:visible;opacity:1;-webkit-transition:opacity .15s;transition:opacity .15s}.tooltip.info .tooltip-inner{background:rgba(8,70,150,.9);color:#fff;border-radius:5px;-webkit-box-shadow:0 5px 30px rgba(0,0,0,.1);box-shadow:0 5px 30px rgba(0,0,0,.1);max-width:250px}.tooltip.info .tooltip-arrow{border-color:rgba(8,70,150,.9)}.video-dialogue{top:0;bottom:0;left:0;position:absolute;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}@media (max-width:599px){.video-dialogue{overflow:scroll}}.video-dialogue>*{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.video-dialogue .left-column{padding-right:10px}@media (max-width:599px){.video-dialogue .left-column{padding-right:0;padding-top:10px}}.video-dialogue .left-column .controls{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:10px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.video-dialogue .left-column .controls .back-button{-webkit-box-flex:0;-ms-flex:0;flex:0;text-decoration:none;display:inline-block;background-color:#ddd;color:#000;border-radius:50%;margin-right:10px;max-height:34px;font-size:24px;padding:0 12px}.video-dialogue .left-column .controls .back-button:hover{background-color:#084696;color:#fff}.video-dialogue .left-column .controls .title{font-family:Spectral,serif;font-size:20px;padding-right:10px}.video-dialogue .left-column .controls .switches{display:-webkit-box;display:-ms-flexbox;display:flex}.video-dialogue .left-column .controls .switches .control-switch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.video-dialogue .left-column .controls .switches .control-switch .switch-title{padding:6px;font-size:14px;text-align:center}.video-dialogue .left-column .controls .switches .control-switch .switch{-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row-wrap;flex-flow:row-wrap;position:relative;display:inline-block;width:60px;height:34px}.video-dialogue .left-column .text{-webkit-box-flex:1;-ms-flex:1;flex:1;font-family:Spectral,serif;overflow-y:auto;font-size:18px}.video-dialogue .left-column .text .translation{font-style:italic;color:#084696}.video-dialogue .left-column .text .current{text-decoration:underline}.video-dialogue .left-column .text .sentence{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.video-dialogue .left-column .text .sentence .word:after{white-space:pre;content:"\A0"}.video-dialogue .right-column{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:300px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media (max-width:599px){.video-dialogue .right-column{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;padding:0}}.video-dialogue .right-column .video{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;height:100%}.video-dialogue .right-column .credits{font-size:10px;color:grey}@media (max-width:599px){.video-dialogue .right-column .credits{display:none}}.switch input{display:none}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#084696}input:focus+.slider{-webkit-box-shadow:0 0 1px #084696;box-shadow:0 0 1px #084696}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.video-dialogue-parent[data-v-4a30928e]{height:100%;position:relative}.tool-title[data-v-4a30928e]{color:#297050;font-weight:700}.main .title{font-size:30px}.main .grid{padding:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.main .grid .tile{cursor:pointer;width:250px;height:100px;background:#ddd;border:1px solid;margin:10px;padding:10px;font-size:20px}.main .grid .tile:hover{background:#084696;color:#fff}