translator-tamagui / vietai.html
huuquyet's picture
feat: Using bun
119bf38 verified
raw
history blame
43.4 kB
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/css/611e16be65383aa2.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/c07dfed9e589ce2b.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-6b77191a6467b1a0.js"/><script src="/_next/static/chunks/fd9d1056-81dbe5a32ad27c5b.js" async=""></script><script src="/_next/static/chunks/190-74c2ef00dd22af5b.js" async=""></script><script src="/_next/static/chunks/main-app-fa52e3055e2c0d83.js" async=""></script><script src="/_next/static/chunks/590caa2a-59a62e414f0cb318.js" async=""></script><script src="/_next/static/chunks/6139e184-f911fd69801d47e5.js" async=""></script><script src="/_next/static/chunks/50bd76a3-7f4929e6d77cc44d.js" async=""></script><script src="/_next/static/chunks/143-c7b592a3726d7fed.js" async=""></script><script src="/_next/static/chunks/466-f54fd63f687cc06e.js" async=""></script><script src="/_next/static/chunks/946-a8fc9ef4b57da2f1.js" async=""></script><script src="/_next/static/chunks/app/%5Bmodel%5D/page-1ad28b3ad643ed0e.js" async=""></script><script src="/_next/static/chunks/755-7de149ecff927fc3.js" async=""></script><script src="/_next/static/chunks/876-318ea795d18aa12d.js" async=""></script><script src="/_next/static/chunks/app/%5Bmodel%5D/layout-81c98ff8b290c9fd.js" async=""></script><script src="/_next/static/chunks/app/layout-f833b5332569507c.js" async=""></script><title>Translator demo app built with Transformers.js + Tamagui + Next.js</title><meta name="description" content="Translator demo app built with Transformer.js + Tamagui + Next.js"/><meta name="application-name" content="Translator Demo"/><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"/><meta name="keywords" content="Translator,Transformers.js,Next.js,Tamagui"/><meta name="format-detection" content="telephone=no"/><meta name="apple-mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-title" content="Translator demo app built with Transformers.js + Tamagui + Next.js"/><meta name="apple-mobile-web-app-status-bar-style" content="default"/><meta property="og:title" content="Translator demo app built with Transformers.js + Tamagui + Next.js"/><meta property="og:description" content="Translator demo app built with Transformer.js + Tamagui + Next.js"/><meta property="og:url" content="https://hf.co/spaces/huuquyet/translator-tamagui/"/><meta property="og:site_name" content="Translator Demo"/><meta property="og:image" content="https://${process.env.vercel_url}/images/vercel.svg"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary"/><meta name="twitter:site" content="@HuuQuyetNg"/><meta name="twitter:title" content="Translator demo app built with Transformers.js + Tamagui + Next.js"/><meta name="twitter:description" content="Translator demo app built with Transformer.js + Tamagui + Next.js"/><meta name="twitter:image" content="https://${process.env.vercel_url}/images/vercel.svg"/><script src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js" noModule=""></script><style></style><style>:root ._h-10037{height:100%;}
:root ._w-10037{width:100%;}
:root ._btlr-1307609998{border-top-left-radius:var(--radius-5);}
:root ._btrr-1307609998{border-top-right-radius:var(--radius-5);}
:root ._bbrr-1307609998{border-bottom-right-radius:var(--radius-5);}
:root ._bblr-1307609998{border-bottom-left-radius:var(--radius-5);}
:root ._dsp-flex{display:flex;}
:root ._ai-center{align-items:center;}
:root ._fd-column{flex-direction:column;}
:root ._fb-auto{flex-basis:auto;}
:root ._bxs-border-box{box-sizing:border-box;}
:root ._pos-relative{position:relative;}
:root ._mih-0px{min-height:0px;}
:root ._miw-0px{min-width:0px;}
:root ._fs-1{flex-shrink:1;}
:root ._fg-1{flex-grow:1;}
:root ._jc-center{justify-content:center;}
:root ._pt-1316330145{padding-top:var(--space-11);}
:root ._pr-1316330145{padding-right:var(--space-11);}
:root ._pb-1316330145{padding-bottom:var(--space-11);}
:root ._pl-1316330145{padding-left:var(--space-11);}
:root ._gap-1316330145{gap:var(--space-11);}
:root ._ai-stretch{align-items:stretch;}
:root ._fs-0{flex-shrink:0;}
:root ._col-675002279{color:var(--color);}
:root ._tt-1440318557{text-transform:var(--f-tr-10);}
:root ._ff-299667014{font-family:var(--f-fa);}
:root ._fow-1366436877{font-weight:var(--f-we-10);}
:root ._ls-905095908{letter-spacing:var(--f-21-10);}
:root ._fos-1477259397{font-size:var(--f-si-10);}
:root ._lh-1677663454{line-height:var(--f-li-10);}
:root ._dsp-inline{display:inline;}
:root ._ww-break-word{word-wrap:break-word;}
:root ._whiteSpace-normal{white-space:normal;}
:root ._mt-0px{margin-top:0px;}
:root ._mr-0px{margin-right:0px;}
:root ._mb-0px{margin-bottom:0px;}
:root ._ml-0px{margin-left:0px;}
:root ._ussel-auto{user-select:auto;-webkit-user-select:auto;}
:root ._ta-center{text-align:center;}
:root ._fow-233016140{font-weight:var(--f-we-4);}
:root ._ls-167744059{letter-spacing:var(--f-21-4);}
:root ._fos-229441220{font-size:var(--f-si-4);}
:root ._lh-222976573{line-height:var(--f-li-4);}
:root ._whiteSpace-pre-wrap{white-space:pre-wrap;}
:root ._fd-row{flex-direction:row;}
:root ._btc-2122800589{border-top-color:var(--borderColor);}
:root ._brc-2122800589{border-right-color:var(--borderColor);}
:root ._bbc-2122800589{border-bottom-color:var(--borderColor);}
:root ._blc-2122800589{border-left-color:var(--borderColor);}
:root ._btw-0px{border-top-width:0px;}
:root ._brw-0px{border-right-width:0px;}
:root ._bbw-1px{border-bottom-width:1px;}
:root ._blw-0px{border-left-width:0px;}
:root ._h-0px{height:0px;}
:root ._mah-0px{max-height:0px;}
:root ._als-stretch{align-self:stretch;}
:root ._bbs-solid{border-bottom-style:solid;}
:root ._bts-solid{border-top-style:solid;}
:root ._bls-solid{border-left-style:solid;}
:root ._brs-solid{border-right-style:solid;}
:root ._transform-d0t1394298074{transform:translateY(-0.5px);}
:root ._jc-2055030478{justify-content:space-evenly;}
@media (hover) {:root ._bg-0hover-513675900:hover{background-color:var(--backgroundHover) !important;}}
@media (hover) {:root ._btc-0hover-1394778429:hover{border-top-color:var(--borderColorHover) !important;}}
@media (hover) {:root ._brc-0hover-1394778429:hover{border-right-color:var(--borderColorHover) !important;}}
@media (hover) {:root ._bbc-0hover-1394778429:hover{border-bottom-color:var(--borderColorHover) !important;}}
@media (hover) {:root ._blc-0hover-1394778429:hover{border-left-color:var(--borderColorHover) !important;}}
:root:root ._bg-0active-744986709:active{background-color:var(--backgroundPress) !important;}
:root:root ._btc-0active-1163467620:active{border-top-color:var(--borderColorPress) !important;}
:root:root ._brc-0active-1163467620:active{border-right-color:var(--borderColorPress) !important;}
:root:root ._bbc-0active-1163467620:active{border-bottom-color:var(--borderColorPress) !important;}
:root:root ._blc-0active-1163467620:active{border-left-color:var(--borderColorPress) !important;}
:root:root:root ._outlineStyle-0focus-visible-solid:focus-visible{outline-style:solid !important;}
:root:root:root ._outlineWidth-0focus-visible-2px:focus-visible{outline-width:2px !important;}
:root:root:root ._outlineColor-0focus-visible-834034279:focus-visible{outline-color:var(--outlineColor) !important;}
:root ._mih-1611761821{min-height:var(--size-12);}
:root ._pr-1316330176{padding-right:var(--space-12);}
:root ._pl-1316330176{padding-left:var(--space-12);}
:root ._pt-1481558183{padding-top:var(--space-8);}
:root ._pb-1481558183{padding-bottom:var(--space-8);}
:root ._jc-441309761{justify-content:space-between;}
:root ._fw-nowrap{flex-wrap:nowrap;}
:root ._w-1611762844{width:var(--size-24);}
:root ._maw-10037{max-width:100%;}
:root ._ox-hidden{overflow-x:hidden;}
:root ._oy-hidden{overflow-y:hidden;}
:root ._bg-1633501478{background-color:var(--background);}
:root ._btlr-1881200812{border-top-left-radius:var(--radius-14);}
:root ._btrr-1881200812{border-top-right-radius:var(--radius-14);}
:root ._bbrr-1881200812{border-bottom-right-radius:var(--radius-14);}
:root ._bblr-1881200812{border-bottom-left-radius:var(--radius-14);}
:root ._cur-pointer{cursor:pointer;}
:root ._o-0d0t546{opacity:0.5;}
:root ._pe-none{pointer-events:none !important;}
:root ._btw-1px{border-top-width:1px;}
:root ._brw-1px{border-right-width:1px;}
:root ._blw-1px{border-left-width:1px;}
:root ._whiteSpace-nowrap{white-space:nowrap;}
:root ._ussel-none{user-select:none;-webkit-user-select:none;}
:root ._textOverflow-ellipsis{text-overflow:ellipsis;}
:root ._mih-14px{min-height:14px;}
:root ._miw-14px{min-width:14px;}
:root ._w-14px{width:14px;}
:root ._h-14px{height:14px;}
:root:root:root ._btc-0focus-1452587353:focus{border-top-color:var(--borderColorFocus) !important;}
:root:root:root ._brc-0focus-1452587353:focus{border-right-color:var(--borderColorFocus) !important;}
:root:root:root ._bbc-0focus-1452587353:focus{border-bottom-color:var(--borderColorFocus) !important;}
:root:root:root ._blc-0focus-1452587353:focus{border-left-color:var(--borderColorFocus) !important;}
:root ._pr-1316330238{padding-right:var(--space-14);}
:root ._pl-1316330238{padding-left:var(--space-14);}
:root ._h-196px{height:196px;}
:root ._fow-233016202{font-weight:var(--f-we-6);}
:root ._ls-167744121{letter-spacing:var(--f-21-6);}
:root ._fos-229441282{font-size:var(--f-si-6);}
:root ._lh-222976635{line-height:var(--f-li-6);}
:root ._pt-1316330207{padding-top:var(--space-13);}
:root ._pb-1316330207{padding-bottom:var(--space-13);}
:root ._outlineWidth-0px{outline-width:0px;}
:root ._maw-340px{max-width:340px;}
:root ._miw-9d0t24px46{min-width:9.24px;}
:root ._w-9d0t24px46{width:9.24px;}
:root ._fg-0{flex-grow:0;}
:root ._h-1611761976{height:var(--size-17);}
:root ._h-30px{height:30px;}
:root ._miw-320px{min-width:320px;}
:root ._btlr-100000px{border-top-left-radius:100000px;}
:root ._btrr-100000px{border-top-right-radius:100000px;}
:root ._bbrr-100000px{border-bottom-right-radius:100000px;}
:root ._bblr-100000px{border-bottom-left-radius:100000px;}
:root ._h-16px{height:16px;}
:root ._w-0px{width:0px;}
:root ._o-0{opacity:0;}
:root ._pos-absolute{position:absolute;}
:root ._b-1316330145{bottom:var(--space-11);}</style><script class="jsx-6d3d93ee53889f68">document.documentElement.classList.add('t_unmounted')</script></head><body><span class=" _dsp_contents"><span class=" t_light _dsp_contents is_Theme" style="color:var(--color)"><span class="_dsp_contents"><div class="css-175oi2r r-150rngu r-eqz5dr r-16y2uox r-1wbh5a2 r-11yh6sk r-1rnoaur r-agouwx is_ScrollView _h-10037 _w-10037 _btlr-1307609998 _btrr-1307609998 _bbrr-1307609998 _bblr-1307609998"><div class="css-175oi2r"><div class="_dsp-flex _ai-center _fd-column _fb-auto _bxs-border-box _pos-relative _mih-0px _miw-0px _fs-1 _fg-1 _h-10037 _w-10037 _jc-center _pt-1316330145 _pr-1316330145 _pb-1316330145 _pl-1316330145 _gap-1316330145"><div class="_dsp-flex _ai-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _mih-0px _miw-0px _fs-0 _jc-center _gap-1316330145"><h1 role="heading" class="is_H1 font_heading _col-675002279 _tt-1440318557 _ff-299667014 _fow-1366436877 _ls-905095908 _fos-1477259397 _lh-1677663454 _dsp-inline _bxs-border-box _ww-break-word _whiteSpace-normal _mt-0px _mr-0px _mb-0px _ml-0px _ussel-auto _ta-center">Transformers.js + Tamagui</h1><span class="is_SizableText font_body _ff-299667014 _fow-233016140 _ls-167744059 _fos-229441220 _lh-222976573 _dsp-inline _bxs-border-box _ww-break-word _whiteSpace-pre-wrap _mt-0px _mr-0px _mb-0px _ml-0px _col-675002279 _ta-center">ML-powered multilingual translation directly in your browser!</span></div><div class="_dsp-flex _ai-stretch _fd-row _fb-auto _bxs-border-box _pos-relative _mih-0px _miw-0px _fs-0 _jc-center _gap-1316330145"><span class="is_SizableText font_body _ff-299667014 _fow-233016140 _ls-167744059 _fos-229441220 _lh-222976573 _dsp-inline _bxs-border-box _ww-break-word _whiteSpace-pre-wrap _mt-0px _mr-0px _mb-0px _ml-0px _col-675002279">Model:</span><div aria-haspopup="dialog" aria-expanded="false" data-state="closed" class="_dsp-flex _ai-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _mih-0px _miw-0px _fs-0"><a style="text-decoration:underline" href="/nllb200"><span class="is_SizableText font_body _ff-299667014 _fow-233016140 _ls-167744059 _fos-229441220 _lh-222976573 _dsp-inline _bxs-border-box _ww-break-word _whiteSpace-pre-wrap _mt-0px _mr-0px _mb-0px _ml-0px _col-675002279">NLLB200</span></a></div><div aria-haspopup="dialog" aria-expanded="false" data-state="closed" class="_dsp-flex _ai-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _mih-0px _miw-0px _fs-0"><a style="text-decoration:underline" href="/vinaivi2en"><span class="is_SizableText font_body _ff-299667014 _fow-233016140 _ls-167744059 _fos-229441220 _lh-222976573 _dsp-inline _bxs-border-box _ww-break-word _whiteSpace-pre-wrap _mt-0px _mr-0px _mb-0px _ml-0px _col-675002279">VinAI Vi-En</span></a></div><div aria-haspopup="dialog" aria-expanded="false" data-state="closed" class="_dsp-flex _ai-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _mih-0px _miw-0px _fs-0"><a style="text-decoration:underline" href="/vinaien2vi"><span class="is_SizableText font_body _ff-299667014 _fow-233016140 _ls-167744059 _fos-229441220 _lh-222976573 _dsp-inline _bxs-border-box _ww-break-word _whiteSpace-pre-wrap _mt-0px _mr-0px _mb-0px _ml-0px _col-675002279">VinAI En-Vi</span></a></div><div aria-haspopup="dialog" aria-expanded="false" data-state="closed" class="_dsp-flex _ai-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _mih-0px _miw-0px _fs-0"><a style="text-decoration:none" href="/vietai"><span class="is_SizableText font_body _ff-299667014 _fow-233016140 _ls-167744059 _fos-229441220 _lh-222976573 _dsp-inline _bxs-border-box _ww-break-word _whiteSpace-pre-wrap _mt-0px _mr-0px _mb-0px _ml-0px _col-675002279">VietAI Vi-En</span></a></div></div><div class="is_Separator _dsp-flex _ai-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _mih-0px _miw-0px _fs-1 _btc-2122800589 _brc-2122800589 _bbc-2122800589 _blc-2122800589 _btw-0px _brw-0px _bbw-1px _blw-0px _fg-1 _h-0px _mah-0px _als-stretch _bbs-solid _bts-solid _bls-solid _brs-solid _transform-d0t1394298074"></div><div class="_dsp-flex _ai-stretch _fd-row _fb-auto _bxs-border-box _pos-relative _mih-0px _miw-0px _fs-0 _gap-1316330145"><div class="_dsp-flex _ai-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _mih-0px _miw-0px _fs-0 _gap-1316330145"><div class="_dsp-flex _ai-center _fd-row _fb-auto _bxs-border-box _pos-relative _mih-0px _miw-0px _fs-1 _fg-1 _jc-2055030478"><span class="is_SizableText font_body _ff-299667014 _fow-233016140 _ls-167744059 _fos-229441220 _lh-222976573 _dsp-inline _bxs-border-box _ww-break-word _whiteSpace-pre-wrap _mt-0px _mr-0px _mb-0px _ml-0px _col-675002279">Source<!-- -->: </span><span class="t_sub_theme t_SelectTrigger _dsp_contents is_Theme" style="color:var(--color)"><button type="button" aria-expanded="false" aria-autocomplete="none" aria-haspopup="listbox" role="combobox" data-disable-theme="true" tabindex="0" class="is_ListItem _bg-0hover-513675900 _btc-0hover-1394778429 _brc-0hover-1394778429 _bbc-0hover-1394778429 _blc-0hover-1394778429 _bg-0active-744986709 _btc-0active-1163467620 _brc-0active-1163467620 _bbc-0active-1163467620 _blc-0active-1163467620 _outlineStyle-0focus-visible-solid _outlineWidth-0focus-visible-2px _outlineColor-0focus-visible-834034279 _dsp-flex _ai-center _fd-row _fb-auto _bxs-border-box _pos-relative _mih-1611761821 _miw-0px _fs-0 _pr-1316330176 _pl-1316330176 _pt-1481558183 _pb-1481558183 _jc-441309761 _fw-nowrap _w-1611762844 _btc-2122800589 _brc-2122800589 _bbc-2122800589 _blc-2122800589 _maw-10037 _ox-hidden _oy-hidden _bg-1633501478 _btlr-1881200812 _btrr-1881200812 _bbrr-1881200812 _bblr-1881200812 _cur-pointer _btw-1px _brw-1px _bbw-1px _blw-1px _bts-solid _brs-solid _bbs-solid _bls-solid SelectTrigger"><span class=" _dsp_contents is_Theme"><span data-disable-theme="true" class="is_SelectValue font_body _ff-299667014 _fow-233016140 _ls-167744059 _fos-229441220 _lh-222976573 _dsp-inline _bxs-border-box _ww-break-word _whiteSpace-nowrap _mt-0px _mr-0px _mb-0px _ml-0px _col-675002279 _ussel-none _maw-10037 _ox-hidden _oy-hidden _textOverflow-ellipsis _pe-none"></span></span><span class="is_Spacer _dsp-flex _ai-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _mih-14px _miw-14px _fs-0 _pe-none _w-14px _h-14px"></span><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--color)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="font_unset "><path d="m6 9 6 6 6-6" stroke="var(--color)"></path></svg></button></span></div><span class="t_sub_theme t_TextArea _dsp_contents is_Theme" style="color:var(--color)"><span class="_dsp_contents"><textarea rows="7" autoCapitalize="sentences" autoComplete="on" autoCorrect="on" dir="auto" spellCheck="true" virtualkeyboardpolicy="auto" tabindex="0" class="css-11aywtz r-6taxm2 is_TextArea font_body _btc-0hover-1394778429 _brc-0hover-1394778429 _bbc-0hover-1394778429 _blc-0hover-1394778429 _btc-0focus-1452587353 _brc-0focus-1452587353 _bbc-0focus-1452587353 _blc-0focus-1452587353 _outlineColor-0focus-visible-834034279 _outlineWidth-0focus-visible-2px _outlineStyle-0focus-visible-solid _pr-1316330238 _pl-1316330238 _h-196px _btlr-1307609998 _btrr-1307609998 _bbrr-1307609998 _bblr-1307609998 _ff-299667014 _fow-233016202 _ls-167744121 _fos-229441282 _lh-222976635 _pt-1316330207 _pb-1316330207 _btw-1px _brw-1px _bbw-1px _blw-1px _outlineWidth-0px _col-675002279 _btc-2122800589 _brc-2122800589 _bbc-2122800589 _blc-2122800589 _bg-1633501478 _miw-0px _bbs-solid _bts-solid _bls-solid _brs-solid _whiteSpace-pre-wrap _maw-340px" style="--placeholderTextColor:var(--placeholderColor)">VietAI là tổ chức phi lợi nhuận với sứ mệnh ươm mầm tài năng về trí tuệ nhân tạo và xây dựng một cộng đồng các chuyên gia trong lĩnh vực trí tuệ nhân tạo đẳng cấp quốc tế tại Việt Nam.</textarea></span></span></div><div class="_dsp-flex _ai-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _mih-0px _miw-0px _fs-0 _gap-1316330145"><div class="_dsp-flex _ai-center _fd-row _fb-auto _bxs-border-box _pos-relative _mih-0px _miw-0px _fs-1 _fg-1 _jc-2055030478"><span class="is_SizableText font_body _ff-299667014 _fow-233016140 _ls-167744059 _fos-229441220 _lh-222976573 _dsp-inline _bxs-border-box _ww-break-word _whiteSpace-pre-wrap _mt-0px _mr-0px _mb-0px _ml-0px _col-675002279">Target<!-- -->: </span><span class="t_sub_theme t_SelectTrigger _dsp_contents is_Theme" style="color:var(--color)"><button type="button" aria-expanded="false" aria-autocomplete="none" aria-haspopup="listbox" role="combobox" data-disable-theme="true" tabindex="0" class="is_ListItem _bg-0hover-513675900 _btc-0hover-1394778429 _brc-0hover-1394778429 _bbc-0hover-1394778429 _blc-0hover-1394778429 _bg-0active-744986709 _btc-0active-1163467620 _brc-0active-1163467620 _bbc-0active-1163467620 _blc-0active-1163467620 _outlineStyle-0focus-visible-solid _outlineWidth-0focus-visible-2px _outlineColor-0focus-visible-834034279 _dsp-flex _ai-center _fd-row _fb-auto _bxs-border-box _pos-relative _mih-1611761821 _miw-0px _fs-0 _pr-1316330176 _pl-1316330176 _pt-1481558183 _pb-1481558183 _jc-441309761 _fw-nowrap _w-1611762844 _btc-2122800589 _brc-2122800589 _bbc-2122800589 _blc-2122800589 _maw-10037 _ox-hidden _oy-hidden _bg-1633501478 _btlr-1881200812 _btrr-1881200812 _bbrr-1881200812 _bblr-1881200812 _cur-pointer _btw-1px _brw-1px _bbw-1px _blw-1px _bts-solid _brs-solid _bbs-solid _bls-solid SelectTrigger"><span class=" _dsp_contents is_Theme"><span data-disable-theme="true" class="is_SelectValue font_body _ff-299667014 _fow-233016140 _ls-167744059 _fos-229441220 _lh-222976573 _dsp-inline _bxs-border-box _ww-break-word _whiteSpace-nowrap _mt-0px _mr-0px _mb-0px _ml-0px _col-675002279 _ussel-none _maw-10037 _ox-hidden _oy-hidden _textOverflow-ellipsis _pe-none"></span></span><span class="is_Spacer _dsp-flex _ai-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _mih-14px _miw-14px _fs-0 _pe-none _w-14px _h-14px"></span><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--color)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="font_unset "><path d="m6 9 6 6 6-6" stroke="var(--color)"></path></svg></button></span></div><span class="t_sub_theme t_TextArea _dsp_contents is_Theme" style="color:var(--color)"><span class="_dsp_contents"><textarea rows="7" readOnly="" autoCapitalize="sentences" autoComplete="on" autoCorrect="on" dir="auto" spellCheck="true" virtualkeyboardpolicy="auto" tabindex="0" class="css-11aywtz r-6taxm2 is_TextArea font_body _btc-0hover-1394778429 _brc-0hover-1394778429 _bbc-0hover-1394778429 _blc-0hover-1394778429 _btc-0focus-1452587353 _brc-0focus-1452587353 _bbc-0focus-1452587353 _blc-0focus-1452587353 _outlineColor-0focus-visible-834034279 _outlineWidth-0focus-visible-2px _outlineStyle-0focus-visible-solid _pr-1316330238 _pl-1316330238 _h-196px _btlr-1307609998 _btrr-1307609998 _bbrr-1307609998 _bblr-1307609998 _ff-299667014 _fow-233016202 _ls-167744121 _fos-229441282 _lh-222976635 _pt-1316330207 _pb-1316330207 _btw-1px _brw-1px _bbw-1px _blw-1px _outlineWidth-0px _col-675002279 _btc-2122800589 _brc-2122800589 _bbc-2122800589 _blc-2122800589 _bg-1633501478 _miw-0px _bbs-solid _bts-solid _bls-solid _brs-solid _whiteSpace-pre-wrap _maw-340px" style="--placeholderTextColor:var(--placeholderColor)"></textarea></span></span></div></div><span class="t_sub_theme t_Button _dsp_contents is_Theme" style="color:var(--color)"><button role="button" aria-disabled="true" disabled="" data-disable-theme="true" class="is_Button " style="display:flex;align-items:center;flex-direction:row;flex-basis:auto;box-sizing:border-box;position:relative;min-height:0px;min-width:0px;flex-shrink:0;padding-right:var(--space-12);padding-left:var(--space-12);height:var(--size-12);border-top-left-radius:var(--radius-14);border-top-right-radius:var(--radius-14);border-bottom-right-radius:var(--radius-14);border-bottom-left-radius:var(--radius-14);justify-content:center;flex-wrap:nowrap;cursor:pointer;background-color:var(--background);border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;outline-color:rgba(0,0,0,0);border-bottom-style:solid;border-top-style:solid;border-left-style:solid;border-right-style:solid;pointer-events:none"><span class=" _dsp_contents is_Theme"><div data-disable-theme="true" class="_dsp-flex _ai-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _mih-0px _miw-0px _fs-0"><div role="progressbar" aria-valuemax="1" aria-valuemin="0" class="css-175oi2r r-1awozwy r-1777fci"><div class="css-175oi2r r-z80fyv r-19wmn03 r-17bb2tj r-1muvv40 r-1yef0xd r-1ldzwu0"><svg height="100%" viewBox="0 0 32 32" width="100%"><circle cx="16" cy="16" fill="none" r="14" stroke-width="4" style="stroke:var(--color);opacity:0.2"></circle><circle cx="16" cy="16" fill="none" r="14" stroke-width="4" style="stroke:var(--color);stroke-dasharray:80;stroke-dashoffset:60"></circle></svg></div></div></div></span><span class="is_Spacer _dsp-flex _ai-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _mih-0px _miw-9d0t24px46 _fs-0 _pe-none _w-9d0t24px46 _h-0px"></span><span class="t_sub_theme t_Button _dsp_contents is_Theme" style="color:var(--color)"><span class="is_Button font_body _ff-299667014 _fow-233016140 _ls-167744059 _fos-229441220 _lh-222976573 _dsp-inline _bxs-border-box _ww-break-word _whiteSpace-nowrap _mt-0px _mr-0px _mb-0px _ml-0px _col-675002279 _ussel-none _cur-pointer _fg-0 _fs-1 _maw-10037 _ox-hidden _oy-hidden _textOverflow-ellipsis">Translate</span></span></button></span><div class="_dsp-flex _ai-center _fd-column _fb-auto _bxs-border-box _pos-relative _mih-0px _miw-0px _fs-0 _h-1611761976 _gap-1316330145"><span class="is_SizableText font_body _ff-299667014 _fow-233016140 _ls-167744059 _fos-229441220 _lh-222976573 _dsp-inline _bxs-border-box _ww-break-word _whiteSpace-pre-wrap _mt-0px _mr-0px _mb-0px _ml-0px _col-675002279 _h-30px _o-0d0t546">Loading huuquyet/envit5-translation model (330MB)...<!-- --> </span><span class="t_sub_theme t_Progress _dsp_contents is_Theme" style="color:var(--color)"><div aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" aria-valuetext="0%" role="progressbar" data-state="loading" data-value="0" data-max="100" data-disable-theme="true" class="is_Progress _dsp-flex _ai-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _mih-0px _miw-320px _fs-0 _btlr-100000px _btrr-100000px _bbrr-100000px _bblr-100000px _ox-hidden _oy-hidden _bg-1633501478 _h-16px _w-10037"><span class="t_sub_theme t_ProgressIndicator _dsp_contents is_Theme" style="color:var(--color)"><div data-state="loading" data-value="0" data-max="100" data-disable-theme="true" class="is_ProgressIndicator _dsp-flex _ai-stretch _fd-column _fb-auto _bxs-border-box _pos-relative _mih-0px _miw-0px _fs-0 _h-10037 _w-0px _bg-1633501478 _o-0" style="transform:translateX(-300px);transition:transform ease-in 200ms"></div></span></div></span></div><div class="_dsp-flex _ai-stretch _fd-row _fb-auto _bxs-border-box _pos-absolute _mih-0px _miw-0px _fs-0 _b-1316330145"><span class="is_SizableText font_body _ff-299667014 _fow-233016140 _ls-167744059 _fos-229441220 _lh-222976573 _dsp-inline _bxs-border-box _ww-break-word _whiteSpace-pre-wrap _mt-0px _mr-0px _mb-0px _ml-0px _col-675002279 _ta-center">Made with<!-- --> <span class=" _dsp_contents is_Theme"><a role="link" data-disable-theme="true" href="https://github.com/xenova/transformers.js" class="is_Anchor font_body _ff-299667014 _fow-233016140 _ls-167744059 _fos-229441220 _lh-222976573 _dsp-inline _bxs-border-box _ww-break-word _whiteSpace-pre-wrap _mt-0px _mr-0px _mb-0px _ml-0px _col-675002279">🤗 Transformers.js</a></span> + <span class=" _dsp_contents is_Theme"><a role="link" data-disable-theme="true" href="https://github.com/tamagui/tamagui" class="is_Anchor font_body _ff-299667014 _fow-233016140 _ls-167744059 _fos-229441220 _lh-222976573 _dsp-inline _bxs-border-box _ww-break-word _whiteSpace-pre-wrap _mt-0px _mr-0px _mb-0px _ml-0px _col-675002279">Tamagui 🪄</a></span>. <span class=" _dsp_contents is_Theme"><a role="link" data-disable-theme="true" href="https://github.com/huuquyet/tranlator-tamagui" class="is_Anchor font_body _ff-299667014 _fow-233016140 _ls-167744059 _fos-229441220 _lh-222976573 _dsp-inline _bxs-border-box _ww-break-word _whiteSpace-pre-wrap _mt-0px _mr-0px _mb-0px _ml-0px _col-675002279">Give it a ⭐️</a></span></span></div><span class="t_sub_theme t_Button _dsp_contents is_Theme" style="color:var(--color)"><button role="button" data-disable-theme="true" tabindex="0" class="is_Button " style="display:flex;align-items:center;flex-direction:row;flex-basis:auto;box-sizing:border-box;min-height:var(--size-12);min-width:var(--size-12);flex-shrink:0;justify-content:center;flex-wrap:nowrap;cursor:pointer;background-color:var(--background);border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;outline-color:rgba(0,0,0,0);border-bottom-style:solid;border-top-style:solid;border-left-style:solid;border-right-style:solid;border-top-left-radius:100000px;border-top-right-radius:100000px;border-bottom-right-radius:100000px;border-bottom-left-radius:100000px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;width:var(--size-12);height:var(--size-12);max-width:var(--size-12);max-height:var(--size-12);position:absolute;bottom:40px;left:30px"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--color)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="font_unset " style="color:var(--color)"><rect width="20" height="14" x="2" y="3" rx="2" stroke="var(--color)"></rect><line x1="8" x2="16" y1="21" y2="21" stroke="var(--color)"></line><line x1="12" x2="12" y1="17" y2="21" stroke="var(--color)"></line></svg></button></span></div></div></div></span></span></span><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><script src="/_next/static/chunks/webpack-6b77191a6467b1a0.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/_next/static/css/611e16be65383aa2.css\",\"style\"]\n2:HL[\"/_next/static/css/c07dfed9e589ce2b.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"3:I[5751,[],\"\"]\n5:I[9750,[\"165\",\"static/chunks/590caa2a-59a62e414f0cb318.js\",\"132\",\"static/chunks/6139e184-f911fd69801d47e5.js\",\"193\",\"static/chunks/50bd76a3-7f4929e6d77cc44d.js\",\"143\",\"static/chunks/143-c7b592a3726d7fed.js\",\"466\",\"static/chunks/466-f54fd63f687cc06e.js\",\"946\",\"static/chunks/946-a8fc9ef4b57da2f1.js\",\"400\",\"static/chunks/app/%5Bmodel%5D/page-1ad28b3ad643ed0e.js\"],\"Translator\"]\n6:I[9115,[\"143\",\"static/chunks/143-c7b592a3726d7fed.js\",\"466\",\"static/chunks/466-f54fd63f687cc06e.js\",\"755\",\"static/chunks/755-7de149ecff927fc3.js\",\"876\",\"static/chunks/876-318ea795d18aa12d.js\",\"762\",\"static/chunks/app/%5Bmodel%5D/layout-81c98ff8b290c9fd.js\"],\"default\"]\n7:I[9275,[],\"\"]\n9:I[1343,[],\"\"]\na:I[6657,[\"143\",\"static/chunks/143-c7b592a3726d7fed.js\",\"755\",\"static/chunks/755-7de149ecff927fc3.js\",\"185\",\"static/chunks/app/layout-f833b5332569507c.js\"],\"default\"]\nb:I[2944,[\"143\",\"static/chunks/143-c7b592a3726d7fed.js\",\"755\",\"static/chunks/755-7de149ecff927fc3.js\",\"185\",\"static/chunks/app/layout-f833b5332569507c.js\"],\"Analytics\"]\nd:I[6130,[],\"\"]\n8:[\"model\",\"vietai\",\"d\"]\ne:[]\n"])</script><script>self.__next_f.push([1,"0:[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/611e16be65383aa2.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/c07dfed9e589ce2b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"$L3\",null,{\"buildId\":\"T4kgNp_52zYV_hplOcNWG\",\"assetPrefix\":\"\",\"initialCanonicalUrl\":\"/vietai\",\"initialTree\":[\"\",{\"children\":[[\"model\",\"vietai\",\"d\"],{\"children\":[\"__PAGE__?{\\\"model\\\":\\\"vietai\\\"}\",{}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[[\"model\",\"vietai\",\"d\"],{\"children\":[\"__PAGE__\",{},[[\"$L4\",[\"$\",\"$L5\",null,{\"initSource\":\"vi_VN\",\"initTarget\":\"en_XX\",\"model\":\"huuquyet/envit5-translation\",\"example\":\"VietAI là tổ chức phi lợi nhuận với sứ mệnh ươm mầm tài năng về trí tuệ nhân tạo và xây dựng một cộng đồng các chuyên gia trong lĩnh vực trí tuệ nhân tạo đẳng cấp quốc tế tại Việt Nam.\",\"size\":\"330MB\",\"disableSelect\":false,\"LANGUAGES\":{\"Vietnamese\":\"vi_VN\",\"English\":\"en_XX\"}}]],null],null]},[[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$8\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\",\"styles\":null}]}],null],null]},[[\"$\",\"html\",null,{\"lang\":\"en\",\"children\":[[\"$\",\"head\",null,{}],[\"$\",\"body\",null,{\"children\":[[\"$\",\"$La\",null,{\"children\":[\"$\",\"$L7\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L9\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[],\"styles\":null}]}],[\"$\",\"$Lb\",null,{}]]}]]}],null],null],\"couldBeIntercepted\":false,\"initialHead\":[false,\"$Lc\"],\"globalErrorComponent\":\"$d\",\"missingSlots\":\"$We\"}]]\n"])</script><script>self.__next_f.push([1,"c:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"Translator demo app built with Transformers.js + Tamagui + Next.js\"}],[\"$\",\"meta\",\"3\",{\"name\":\"description\",\"content\":\"Translator demo app built with Transformer.js + Tamagui + Next.js\"}],[\"$\",\"meta\",\"4\",{\"name\":\"application-name\",\"content\":\"Translator Demo\"}],[\"$\",\"link\",\"5\",{\"rel\":\"manifest\",\"href\":\"/manifest.json\",\"crossOrigin\":\"use-credentials\"}],[\"$\",\"meta\",\"6\",{\"name\":\"keywords\",\"content\":\"Translator,Transformers.js,Next.js,Tamagui\"}],[\"$\",\"meta\",\"7\",{\"name\":\"format-detection\",\"content\":\"telephone=no\"}],[\"$\",\"meta\",\"8\",{\"name\":\"apple-mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"9\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Translator demo app built with Transformers.js + Tamagui + Next.js\"}],[\"$\",\"meta\",\"10\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"default\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:title\",\"content\":\"Translator demo app built with Transformers.js + Tamagui + Next.js\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:description\",\"content\":\"Translator demo app built with Transformer.js + Tamagui + Next.js\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:url\",\"content\":\"https://hf.co/spaces/huuquyet/translator-tamagui/\"}],[\"$\",\"meta\",\"14\",{\"property\":\"og:site_name\",\"content\":\"Translator Demo\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:image\",\"content\":\"https://${process.env.vercel_url}/images/vercel.svg\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:card\",\"content\":\"summary\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:site\",\"content\":\"@HuuQuyetNg\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:title\",\"content\":\"Translator demo app built with Transformers.js + Tamagui + Next.js\"}],[\"$\",\"meta\",\"20\",{\"name\":\"twitter:description\",\"content\":\"Translator demo app built with Transformer.js + Tamagui + Next.js\"}],[\"$\",\"meta\",\"21\",{\"name\":\"twitter:image\",\"content\":\"https://${process.env.vercel_url}/images/vercel.svg\"}]]\n4:null\n"])</script></body></html><style></style><style>:root ._h-10037{height:100%;}
:root ._w-10037{width:100%;}
:root ._btlr-1307609998{border-top-left-radius:var(--radius-5);}
:root ._btrr-1307609998{border-top-right-radius:var(--radius-5);}
:root ._bbrr-1307609998{border-bottom-right-radius:var(--radius-5);}
:root ._bblr-1307609998{border-bottom-left-radius:var(--radius-5);}
:root ._dsp-flex{display:flex;}
:root ._ai-center{align-items:center;}
:root ._fd-column{flex-direction:column;}
:root ._fb-auto{flex-basis:auto;}
:root ._bxs-border-box{box-sizing:border-box;}
:root ._pos-relative{position:relative;}
:root ._mih-0px{min-height:0px;}
:root ._miw-0px{min-width:0px;}
:root ._fs-1{flex-shrink:1;}
:root ._fg-1{flex-grow:1;}
:root ._jc-center{justify-content:center;}
:root ._pt-1316330145{padding-top:var(--space-11);}
:root ._pr-1316330145{padding-right:var(--space-11);}
:root ._pb-1316330145{padding-bottom:var(--space-11);}
:root ._pl-1316330145{padding-left:var(--space-11);}
:root ._gap-1316330145{gap:var(--space-11);}
:root ._ai-stretch{align-items:stretch;}
:root ._fs-0{flex-shrink:0;}
:root ._col-675002279{color:var(--color);}
:root ._tt-1440318557{text-transform:var(--f-tr-10);}
:root ._ff-299667014{font-family:var(--f-fa);}
:root ._fow-1366436877{font-weight:var(--f-we-10);}
:root ._ls-905095908{letter-spacing:var(--f-21-10);}
:root ._fos-1477259397{font-size:var(--f-si-10);}
:root ._lh-1677663454{line-height:var(--f-li-10);}
:root ._dsp-inline{display:inline;}
:root ._ww-break-word{word-wrap:break-word;}
:root ._whiteSpace-normal{white-space:normal;}
:root ._mt-0px{margin-top:0px;}
:root ._mr-0px{margin-right:0px;}
:root ._mb-0px{margin-bottom:0px;}
:root ._ml-0px{margin-left:0px;}
:root ._ussel-auto{user-select:auto;-webkit-user-select:auto;}
:root ._ta-center{text-align:center;}
:root ._fow-233016140{font-weight:var(--f-we-4);}
:root ._ls-167744059{letter-spacing:var(--f-21-4);}
:root ._fos-229441220{font-size:var(--f-si-4);}
:root ._lh-222976573{line-height:var(--f-li-4);}
:root ._whiteSpace-pre-wrap{white-space:pre-wrap;}
:root ._fd-row{flex-direction:row;}
:root ._btc-2122800589{border-top-color:var(--borderColor);}
:root ._brc-2122800589{border-right-color:var(--borderColor);}
:root ._bbc-2122800589{border-bottom-color:var(--borderColor);}
:root ._blc-2122800589{border-left-color:var(--borderColor);}
:root ._btw-0px{border-top-width:0px;}
:root ._brw-0px{border-right-width:0px;}
:root ._bbw-1px{border-bottom-width:1px;}
:root ._blw-0px{border-left-width:0px;}
:root ._h-0px{height:0px;}
:root ._mah-0px{max-height:0px;}
:root ._als-stretch{align-self:stretch;}
:root ._bbs-solid{border-bottom-style:solid;}
:root ._bts-solid{border-top-style:solid;}
:root ._bls-solid{border-left-style:solid;}
:root ._brs-solid{border-right-style:solid;}
:root ._transform-d0t1394298074{transform:translateY(-0.5px);}
:root ._jc-2055030478{justify-content:space-evenly;}
@media (hover) {:root ._bg-0hover-513675900:hover{background-color:var(--backgroundHover) !important;}}
@media (hover) {:root ._btc-0hover-1394778429:hover{border-top-color:var(--borderColorHover) !important;}}
@media (hover) {:root ._brc-0hover-1394778429:hover{border-right-color:var(--borderColorHover) !important;}}
@media (hover) {:root ._bbc-0hover-1394778429:hover{border-bottom-color:var(--borderColorHover) !important;}}
@media (hover) {:root ._blc-0hover-1394778429:hover{border-left-color:var(--borderColorHover) !important;}}
:root:root ._bg-0active-744986709:active{background-color:var(--backgroundPress) !important;}
:root:root ._btc-0active-1163467620:active{border-top-color:var(--borderColorPress) !important;}
:root:root ._brc-0active-1163467620:active{border-right-color:var(--borderColorPress) !important;}
:root:root ._bbc-0active-1163467620:active{border-bottom-color:var(--borderColorPress) !important;}
:root:root ._blc-0active-1163467620:active{border-left-color:var(--borderColorPress) !important;}
:root:root:root ._outlineStyle-0focus-visible-solid:focus-visible{outline-style:solid !important;}
:root:root:root ._outlineWidth-0focus-visible-2px:focus-visible{outline-width:2px !important;}
:root:root:root ._outlineColor-0focus-visible-834034279:focus-visible{outline-color:var(--outlineColor) !important;}
:root ._mih-1611761821{min-height:var(--size-12);}
:root ._pr-1316330176{padding-right:var(--space-12);}
:root ._pl-1316330176{padding-left:var(--space-12);}
:root ._pt-1481558183{padding-top:var(--space-8);}
:root ._pb-1481558183{padding-bottom:var(--space-8);}
:root ._jc-441309761{justify-content:space-between;}
:root ._fw-nowrap{flex-wrap:nowrap;}
:root ._w-1611762844{width:var(--size-24);}
:root ._maw-10037{max-width:100%;}
:root ._ox-hidden{overflow-x:hidden;}
:root ._oy-hidden{overflow-y:hidden;}
:root ._bg-1633501478{background-color:var(--background);}
:root ._btlr-1881200812{border-top-left-radius:var(--radius-14);}
:root ._btrr-1881200812{border-top-right-radius:var(--radius-14);}
:root ._bbrr-1881200812{border-bottom-right-radius:var(--radius-14);}
:root ._bblr-1881200812{border-bottom-left-radius:var(--radius-14);}
:root ._cur-pointer{cursor:pointer;}
:root ._o-0d0t546{opacity:0.5;}
:root ._pe-none{pointer-events:none !important;}
:root ._btw-1px{border-top-width:1px;}
:root ._brw-1px{border-right-width:1px;}
:root ._blw-1px{border-left-width:1px;}
:root ._whiteSpace-nowrap{white-space:nowrap;}
:root ._ussel-none{user-select:none;-webkit-user-select:none;}
:root ._textOverflow-ellipsis{text-overflow:ellipsis;}
:root ._mih-14px{min-height:14px;}
:root ._miw-14px{min-width:14px;}
:root ._w-14px{width:14px;}
:root ._h-14px{height:14px;}
:root:root:root ._btc-0focus-1452587353:focus{border-top-color:var(--borderColorFocus) !important;}
:root:root:root ._brc-0focus-1452587353:focus{border-right-color:var(--borderColorFocus) !important;}
:root:root:root ._bbc-0focus-1452587353:focus{border-bottom-color:var(--borderColorFocus) !important;}
:root:root:root ._blc-0focus-1452587353:focus{border-left-color:var(--borderColorFocus) !important;}
:root ._pr-1316330238{padding-right:var(--space-14);}
:root ._pl-1316330238{padding-left:var(--space-14);}
:root ._h-196px{height:196px;}
:root ._fow-233016202{font-weight:var(--f-we-6);}
:root ._ls-167744121{letter-spacing:var(--f-21-6);}
:root ._fos-229441282{font-size:var(--f-si-6);}
:root ._lh-222976635{line-height:var(--f-li-6);}
:root ._pt-1316330207{padding-top:var(--space-13);}
:root ._pb-1316330207{padding-bottom:var(--space-13);}
:root ._outlineWidth-0px{outline-width:0px;}
:root ._maw-340px{max-width:340px;}
:root ._miw-9d0t24px46{min-width:9.24px;}
:root ._w-9d0t24px46{width:9.24px;}
:root ._fg-0{flex-grow:0;}
:root ._h-1611761976{height:var(--size-17);}
:root ._h-30px{height:30px;}
:root ._miw-320px{min-width:320px;}
:root ._btlr-100000px{border-top-left-radius:100000px;}
:root ._btrr-100000px{border-top-right-radius:100000px;}
:root ._bbrr-100000px{border-bottom-right-radius:100000px;}
:root ._bblr-100000px{border-bottom-left-radius:100000px;}
:root ._h-16px{height:16px;}
:root ._w-0px{width:0px;}
:root ._o-0{opacity:0;}
:root ._pos-absolute{position:absolute;}
:root ._b-1316330145{bottom:var(--space-11);}</style><script class="jsx-6d3d93ee53889f68">document.documentElement.classList.add('t_unmounted')</script>