body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{margin:0;overflow-x:hidden}@media(orientation:portrait){body .App{display:flex;flex-direction:column;height:100vh}}body .App #area{width:100vw;height:100vh;background-color:#eee;display:flex;justify-content:center;align-items:center}@media(orientation:portrait){body .App #area{height:auto;flex:1 1}}body .App #area #tweet-inner{border-radius:20px;background-color:#fff}@media(orientation:portrait){body .App #area #tweet-inner{width:100%}}body .App #area #tweet-inner #tweet-heading{padding-left:16px;height:53px;border-bottom:1px solid #c4cfd6;display:flex;align-items:center}body .App #area #tweet-inner #tweet-heading svg{width:20px;height:20px;fill:#1da1f2}body .App #area #tweet-inner #tweet-content{display:flex;padding:16px;width:100%}body .App #area #tweet-inner #tweet-content #user-avatar{margin-right:12px}body .App #area #tweet-inner #tweet-content #user-avatar img{border-radius:50%}body .App #area #tweet-inner #tweet-content #tweet-editor{position:relative;flex:1 1}body .App #area #tweet-inner #tweet-content #tweet-editor textarea{width:504px;height:120px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:20px;border:0;resize:none}body .App #area #tweet-inner #tweet-content #tweet-editor textarea#only-android{position:absolute;display:none;opacity:0}@media(orientation:portrait){body .App #area #tweet-inner #tweet-content #tweet-editor textarea{width:100%}body .App #area #tweet-inner #tweet-content #tweet-editor textarea#only-android{display:block;width:100%}}body .App #area #tweet-inner #tweet-content #tweet-editor textarea:focus{outline:0}body .App #area #tweet-inner #tweet-content #tweet-editor #tweet-buttonbar{border-top:1px solid #ebeef0;padding-top:12px;display:flex;justify-content:space-between}body .App #area #tweet-inner #tweet-content #tweet-editor #tweet-buttonbar #tweet-bar-buttons{flex:1 1;display:flex;align-items:center}@media(orientation:portrait){body .App #area #tweet-inner #tweet-content #tweet-editor #tweet-buttonbar #tweet-bar-buttons{width:0;flex:0 1}}body .App #area #tweet-inner #tweet-content #tweet-editor #tweet-buttonbar #tweet-action{background-color:#1da1f2;border:0;transition-property:background-color,box-shadow;border-radius:9999px;transition-duration:.2s;font-weight:700;padding-left:1em;padding-right:1em;color:#fff;height:40px;width:100px;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center}body .App #area #tweet-inner #tweet-content #tweet-editor #tweet-buttonbar #tweet-action:focus{outline:0}body .App #area #tweet-inner #tweet-content #tweet-editor #tweet-buttonbar #tweet-action:hover:not([disabled]){background-color:#1a91da}body .App #area #tweet-inner #tweet-content #tweet-editor #tweet-buttonbar #tweet-action[disabled]{opacity:.5;cursor:default}body .App .button-placeholder{width:15px;height:15px;background-color:#1da1f2;border-radius:100%;display:inline-block;margin:10px}body .App footer{background-color:#ddd;padding:30px;display:flex;flex-direction:column;align-items:center}body .App footer p{margin-bottom:0}