Update frontend.
[akkoma] / priv / static / static / css / app.9dc3bfde71c22849aef581d4c69061eb.css
1 #app{background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-position:0 50px;min-height:100vh}i{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}h4{margin:0}#content{box-sizing:border-box;padding-top:60px;margin:auto;min-height:100vh;max-width:980px;background-color:rgba(0,0,0,.15);-ms-flex-line-pack:start;align-content:flex-start}.text-center{text-align:center}body{font-family:sans-serif;font-size:14px;margin:0}a{text-decoration:none}button{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;border-radius:5px;cursor:pointer;border-top:1px solid hsla(0,0%,100%,.2);border-bottom:1px solid rgba(0,0,0,.2);box-shadow:0 0 2px #000;font-size:14px;font-family:sans-serif}button:hover{box-shadow:0 0 4px hsla(0,0%,100%,.3)}button:disabled{cursor:not-allowed;opacity:.5}.container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0 10px}.gaps{margin:-1em 0 0 -1em}.item{-ms-flex:1;flex:1;line-height:21px;height:21px;overflow:hidden}.item .nav-icon{font-size:1.1em;margin-left:.4em}.gaps>.item{padding:1em 0 0 1em}.auto-size{-ms-flex:1;flex:1}nav{width:100%;position:fixed}nav,nav .inner-nav{-ms-flex-align:center;align-items:center;height:50px}nav .inner-nav{padding-left:20px;padding-right:20px;display:-ms-flexbox;display:flex;-ms-flex-preferred-size:970px;flex-basis:970px;margin:auto;background-repeat:no-repeat;background-position:50%;background-size:contain}main-router{-ms-flex:1;flex:1}.status.compact{color:rgba(0,0,0,.42);font-weight:300}.status.compact p{margin:0;font-size:.8em}.panel{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:.5em;border-radius:10px;box-shadow:1px 1px 4px rgba(0,0,0,.6);overflow:hidden}.panel-body:empty:before{content:"\AF\\_(\30C4)_/\AF";display:block;margin:1em;text-align:center}.panel-heading{border-radius:10px 10px 0 0;background-size:cover;padding:.6em 1em;text-align:left;font-size:1.3em;line-height:24px}.panel-footer{border-radius:0 0 10px 10px}.panel-body>p{line-height:18px;padding:1em;margin:0}.container>*{min-width:0}.fa{color:grey}nav{z-index:1000;box-shadow:0 0 4px rgba(0,0,0,.6)}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter,.fade-leave-active{opacity:0}.main{-ms-flex-preferred-size:60%;flex-basis:60%;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1}.sidebar-bounds{-ms-flex:0;flex:0;-ms-flex-preferred-size:35%;flex-basis:35%}.sidebar-flexer{-ms-flex:1;flex:1;-ms-flex-preferred-size:345px;flex-basis:345px;width:365px}.mobile-shown{display:none}.panel-switcher{display:none;width:100%;height:46px}.panel-switcher button{display:block;-ms-flex:1;flex:1;max-height:32px;margin:.5em;padding:.5em}@media (min-width:960px){body{overflow-y:scroll}.sidebar-bounds{overflow:hidden;max-height:100vh;width:345px;position:fixed;margin-top:-10px}.sidebar-bounds .sidebar-scroller{height:96vh;width:365px;padding-top:10px;padding-right:50px;overflow-x:hidden;overflow-y:scroll}.sidebar-bounds .sidebar{width:345px}.sidebar-flexer{max-height:96vh;-ms-flex-negative:0;flex-shrink:0;-ms-flex-positive:0;flex-grow:0}}@media (max-width:959px){.mobile-hidden{display:none}.panel-switcher{display:-ms-flexbox;display:flex}.container{padding:0}.panel{margin:.5em 0}}.item.right{text-align:right;padding-right:20px}.login-form input{border:1px solid silver;border-radius:5px;padding:.1em .2em .2em}.login-form .btn{min-height:28px;width:10em}.login-form .error{border-radius:5px;text-align:center;background-color:rgba(255,48,16,.65);min-height:28px;line-height:28px}.login-form .register{-ms-flex:1 1;flex:1 1}.login-form .login-bottom{margin-top:1em;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.tribute-container ul{padding:0}.tribute-container ul li{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tribute-container img{padding:3px;width:16px;height:16px;border-radius:50%}.login .form-bottom,.post-status-form .form-bottom{display:-ms-flexbox;display:flex;padding:.5em;height:32px}.login .form-bottom button,.post-status-form .form-bottom button{width:10em}.login .error,.post-status-form .error{border-radius:5px;text-align:center;background-color:rgba(255,48,16,.65);padding:.25em;margin:.35em;display:-ms-flexbox;display:flex}.login .attachments,.post-status-form .attachments{padding:0 .5em}.login .attachments .attachment,.post-status-form .attachments .attachment{position:relative;margin:.5em .8em .2em 0}.login .attachments i,.post-status-form .attachments i{position:absolute;margin:10px;padding:5px;background:hsla(0,0%,90%,.6);border-radius:5px;font-weight:700}.login .icon-cancel,.post-status-form .icon-cancel{cursor:pointer}.login form,.post-status-form form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:.6em}.login .form-group,.post-status-form .form-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:.3em .5em .6em;line-height:24px}.login form textarea,.post-status-form form textarea{border:solid;border-width:1px;border-color:inherit;border-radius:5px;line-height:16px;padding:5px;resize:none;overflow:hidden}.login form textarea:focus,.post-status-form form textarea:focus{min-height:48px}.login .btn,.post-status-form .btn{cursor:pointer}.login .btn[disabled],.post-status-form .btn[disabled]{cursor:not-allowed}.login .icon-cancel,.post-status-form .icon-cancel{cursor:pointer;z-index:4}.login .autocomplete-panel,.post-status-form .autocomplete-panel{margin:0 .5em;border-radius:5px;position:absolute;z-index:1;box-shadow:1px 2px 4px rgba(0,0,0,.5);min-width:75%}.login .autocomplete,.post-status-form .autocomplete{cursor:pointer;padding:.2em .4em;border-bottom:1px solid rgba(0,0,0,.4);display:-ms-flexbox;display:flex}.login .autocomplete img,.post-status-form .autocomplete img{width:24px;height:24px;border-radius:2px;object-fit:contain}.login .autocomplete span,.post-status-form .autocomplete span{line-height:24px;margin:0 .1em 0 .2em}.login .autocomplete small,.post-status-form .autocomplete small{font-style:italic}.media-upload{font-size:26px;-ms-flex:1;flex:1}.icon-upload{cursor:pointer}.profile-panel-background{background-size:cover;border-radius:10px}.profile-panel-background .panel-heading{padding:.6em 0;text-align:center}.profile-panel-body{top:0;padding-top:4em;word-wrap:break-word}.user-info{color:#fff;padding:0 16px 16px;margin-bottom:-4em;text-shadow:0 1px 1.5px #000}.user-info .usersettings{color:#fff;opacity:.8}.user-info .container{padding:16px 10px 4px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:start;align-content:flex-start;-ms-flex-pack:center;justify-content:center;max-height:56px;overflow:hidden}.user-info img{border-radius:5px;-ms-flex:1 0 100%;flex:1 0 100%;width:56px;height:56px;box-shadow:0 1px 8px rgba(0,0,0,.75);object-fit:cover}.user-info .name-and-screen-name{display:block;margin-left:.6em;text-align:left;text-overflow:ellipsis;white-space:nowrap}.user-info .user-name{color:#fff}.user-info .user-screen-name{color:#fff;font-weight:lighter;font-size:15px;padding-right:.1em;-ms-flex:0 0 auto;flex:0 0 auto}.user-info .user-interactions{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:justify;justify-content:space-between;margin-top:.7em;margin-bottom:-1em}.user-info .user-interactions div{-ms-flex:1;flex:1}.user-info .user-interactions .following{color:#fff;font-size:14px;-ms-flex:0 0 100%;flex:0 0 100%;margin:-.7em 0 .3em;padding-left:16px;text-align:left}.user-info .user-interactions .follow,.user-info .user-interactions .mute,.user-info .user-interactions .remote-follow{max-width:220px;min-height:28px}.user-info .user-interactions button{width:92%;height:100%}.user-info .user-interactions .remote-button{height:28px!important;width:92%}.user-info .user-interactions .pressed{border-bottom-color:hsla(0,0%,100%,.2);border-top-color:rgba(0,0,0,.2)}.user-counts{display:-ms-flexbox;display:flex;line-height:16px;padding:1em 1.5em 0 1em;text-align:center}.user-count{-ms-flex:1;flex:1}.user-count h5{font-size:1em;font-weight:bolder;margin:0 0 .25em}.user-count a{text-decoration:none}.dailyAvg{font-size:.8em;opacity:.5}.nav-panel ul{list-style:none;margin:0;padding:0}.nav-panel li{border-bottom:1px solid;border-color:inherit;padding:0}.nav-panel li:first-child a{border-top-right-radius:10px;border-top-left-radius:10px}.nav-panel li:last-child a{border-bottom-right-radius:10px;border-bottom-left-radius:10px}.nav-panel li:last-child{border:none}.nav-panel a{display:block;padding:.8em .85em}.nav-panel a:hover{background-color:transparent}.nav-panel a.router-link-active{font-weight:bolder;background-color:transparent}.nav-panel a.router-link-active:hover{text-decoration:underline}.notifications{padding-bottom:15em}.notifications .panel-heading{position:relative}.notifications .panel-heading .read-button{position:absolute;right:.7em;height:1.8em;line-height:100%}.notifications .unseen-count{display:inline-block;background-color:rgba(255,16,8,.8);text-shadow:0 0 3px rgba(0,0,0,.5);min-width:1.3em;border-radius:1.3em;margin:0 .2em 0 -.4em;color:#fff;font-size:.9em;text-align:center;line-height:1.3em}.notifications .notification{padding:.4em 0 0 10px;display:-ms-flexbox;display:flex;border-bottom:1px solid;border-bottom-color:inherit}.notifications .notification .text{min-width:0;word-wrap:break-word;line-height:18px;position:relative;overflow:hidden;padding:.3em .8em .5em}.notifications .notification .text .icon-retweet.lit{color:#0fa00f}.notifications .notification .text .icon-reply.lit,.notifications .notification .text .icon-user-plus.lit{color:#0095ff}.notifications .notification .text .icon-star.lit{color:orange}.notifications .notification .text .status-content{margin:0;max-height:300px}.notifications .notification .text h1{word-break:break-all;margin:0 0 .3em;padding:0;font-size:1em;line-height:20px}.notifications .notification .text h1 small{font-weight:lighter}.notifications .notification .text p{margin:0;margin-top:0;margin-bottom:.3em}.notifications .notification .avatar{padding-top:.3em;width:32px;height:32px;border-radius:50%}.notifications .notification:last-child{border-bottom:none;border-radius:0 0 10px 10px}.notifications .notification-content{max-height:12em;overflow-y:hidden}.notifications .notification-gradient{position:absolute;width:100%;height:4em;margin-top:8em}.notifications .unseen{border-left:4px solid rgba(255,16,8,.75);padding-left:6px}status-text-container{display:block}.status-preview{position:absolute;max-width:34em;padding:.5em;display:-ms-flexbox;display:flex;border-color:inherit;border-style:solid;border-width:1px;border-radius:4px;box-shadow:2px 2px 3px rgba(0,0,0,.5);margin-top:.5em;margin-left:1em}.status-preview .avatar{-ms-flex-negative:0;flex-shrink:0;width:32px;height:32px;border-radius:50%}.status-preview .text{padding:0 .5em .5em}.status-preview .text h4{margin-bottom:.4em}.status-preview .text h4 small{font-weight:lighter}.status-preview-loading{display:block;font-size:2em;min-width:8em;text-align:center}.status-el{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;border-left-width:0;line-height:18px}.timeline .status-el{border-bottom-width:1px;border-bottom-style:solid}.status-el .notify .avatar{border-width:3px;border-style:solid}.status-el .media-body{-ms-flex:1;flex:1;padding-left:.5em}.status-el .user-content{min-height:52px;padding-top:1px}.status-el .media-heading{display:-ms-flexbox;display:flex;min-height:1.4em;margin-bottom:.3em}.status-el .media-heading small{font-weight:lighter}.status-el .media-heading h4{margin-right:.4em}.status-el .media-heading .name-and-links{-ms-flex:1 0;flex:1 0;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.status-el .media-heading .replies{-ms-flex-preferred-size:100%;flex-basis:100%}.status-el .expand{margin-right:-.3em}.status-el a{display:inline-block;word-break:break-all}.status-el .status-content{margin:3px 15px 4px 0;max-height:400px;overflow-y:auto;overflow-x:hidden}.status-el .status-content img,.status-el .status-content video{max-width:100%;max-height:400px;vertical-align:middle;object-fit:contain}.status-el .status-content blockquote{margin:.2em 0 .2em 2em;font-style:italic}.status-el p{margin:0;margin-top:.2em;margin-bottom:.5em}.status-el .media-left{margin:.2em .3em 0 0}.status-el .media-left img{float:right;border-radius:5px}.status-el .retweet-info{padding:.7em 0 0 .6em}.status-el .retweet-info .media-left{display:-ms-flexbox;display:flex}.status-el .retweet-info .media-left i{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;text-align:right;-ms-flex:1;flex:1;padding-right:.3em}.status-fadein{animation-duration:.5s;animation-name:fadein}@keyframes fadein{0%{opacity:0}to{opacity:1}}.greentext{color:green}.status-conversation{border-left-style:solid}.status-actions{padding-top:.15em;width:100%;display:-ms-flexbox;display:flex}.status-actions div,.status-actions favorite-button{max-width:6em;-ms-flex:1;flex:1}.icon-reply.icon-reply-active,.icon-reply:hover{color:#0095ff}.status .avatar{width:48px;height:48px}.status .avatar.retweeted{width:40px;height:40px;margin-right:8px;margin-bottom:8px}.status img.avatar-retweeter{width:24px;height:24px;position:absolute;margin-left:24px;margin-top:24px}.status.compact .avatar{width:32px}.status{padding:.4em .7em .45em;border-left:4px rgba(255,48,16,.65);border-left-style:inherit}.status-conversation:last-child{border-bottom:none}.timeline .panel.timeline{border-radius:10px;overflow:hidden}.muted{padding:.1em .4em .1em .8em}.muted button{margin-left:auto}.muted .muteWords{margin-left:10px}a.unmute{display:block;margin-left:auto}.reply-left{-ms-flex:0;flex:0;min-width:48px}.reply-body{-ms-flex:1;flex:1}@media (max-width:960px){.status-el .name-and-links{margin-left:-.25em}.status{max-width:100%}.status .avatar{width:40px;height:40px}.status .avatar.retweeted{width:34px;height:34px;margin-right:8px;margin-bottom:8px}.status img.avatar-retweeter{width:22px;height:22px;position:absolute;margin-left:18px;margin-top:18px}}.attachments{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-.7em}.attachments .attachment.media-upload-container{-ms-flex:0 0 auto;flex:0 0 auto;max-height:300px;max-width:100%}.attachments .attachment{-ms-flex:1 0 30%;flex:1 0 30%;margin:.5em .7em .6em 0;-ms-flex-item-align:start;align-self:flex-start;border-style:solid;border-width:1px;border-radius:5px;overflow:hidden}.attachments .attachment.video{line-height:0}.attachments .attachment.html{-ms-flex-preferred-size:90%;flex-basis:90%;width:100%;display:-ms-flexbox;display:flex}.attachments .attachment.loading{cursor:progress}.attachments .attachment .hider{position:absolute;margin:10px;padding:5px;background:hsla(0,0%,90%,.6);font-weight:700;z-index:4}.attachments .attachment video{max-height:500px;height:100%;width:100%;z-index:0}.attachments .attachment audio{width:100%}.attachments .attachment img.media-upload{margin-bottom:-2px;max-height:300px;max-width:100%}.attachments .attachment .oembed{width:100%;margin-right:15px;display:-ms-flexbox;display:flex}.attachments .attachment .oembed img{width:100%}.attachments .attachment .oembed .image{-ms-flex:1;flex:1}.attachments .attachment .oembed .image img{border:0;border-radius:5px;height:100%;object-fit:cover}.attachments .attachment .oembed .text{-ms-flex:2;flex:2;margin:8px;word-break:break-all}.attachments .attachment .oembed .text h1{font-size:14px;margin:0}.attachments .attachment a.image-attachment{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}.attachments .attachment a.image-attachment img{object-fit:contain;width:100%;height:100%;max-height:500px;image-orientation:from-image}.fav-active{cursor:pointer;animation-duration:.6s}.fav-active:hover,.favorite-button.icon-star{color:orange}.rt-active{cursor:pointer;animation-duration:.6s}.icon-retweet.retweeted,.rt-active:hover{color:#0fa00f}.delete-status,.icon-cancel{cursor:pointer}.delete-status:hover,.icon-cancel:hover{color:red}.user-finder-container{height:21px;max-width:100%}.user-finder-input{border-width:1px;border-style:solid;border-color:inherit;border-radius:5px;max-width:80%;padding:.1em .2em .2em}.finder-error{background-color:rgba(255,48,16,.65);margin:.35em;border-radius:5px;padding:.25em}.chat-window{max-height:200px;overflow-y:auto;overflow-x:hidden}.chat-message{padding:.2em .5em}.chat-avatar img{height:32px;width:32px;border-radius:5px;margin-right:.5em}.chat-input{display:-ms-flexbox;display:flex}.chat-input form{-ms-flex:auto;flex:auto}.chat-input form input{margin:.5em;width:-webkit-fill-available;width:-moz-available;width:fill-available}.timeline .timeline-heading{position:relative;display:-ms-flexbox;display:flex}.timeline .title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.timeline .loadmore-button{height:1.8em;line-height:100%}.timeline .loadmore-button,.timeline .loadmore-text{position:absolute;right:.6em;font-size:14px;min-width:6em}.timeline .loadmore-text{border-radius:5px;font-family:sans-serif;text-align:center;padding:0 .5em;opacity:.8}.timeline .error{background-color:rgba(255,48,16,.65)}.new-status-notification{position:relative;margin-top:-1px;font-size:1.1em;border-width:1px 0 0;border-style:solid;border-radius:0 0 10px 10px;padding:10px;z-index:1}.spacer{height:1em}.name-and-screen-name{margin-left:.7em;margin-top:0;margin-right:2em;text-align:left;width:100%}.follows-you{margin-left:2em;float:right}.card{display:-ms-flexbox;display:flex;-ms-flex:1 0;flex:1 0;padding:.6em 1em;border-bottom:1px solid;margin:0;border-bottom-color:inherit}.card .avatar{margin-top:.2em;width:32px;height:32px;border-radius:50%}.usercard{width:-webkit-fill-available;width:-moz-available;width:fill-available;margin:.2em 0 .7em;border-radius:10px;border-style:solid;border-color:inherit;border-width:1px;overflow:hidden}.usercard p{margin-bottom:0}.user-profile{-ms-flex:2;flex:2;-ms-flex-preferred-size:500px;flex-basis:500px;padding-bottom:10px;border-radius:10px}.setting-item{margin:1em 1em 1.4em}.setting-item textarea{width:100%;height:100px}.setting-item .new-avatar,.setting-item .old-avatar{width:128px;border-radius:5px}.setting-item .new-avatar{object-fit:cover;height:128px}.setting-item .btn{margin-top:1em;min-height:28px;width:10em}.setting-list{list-style-type:none}.style-switcher{margin-right:1em}.color-container,.color-item{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.color-item{max-width:9em}.theme-color-in{max-width:8em;border-radius:2px;border:0;padding:5px;margin:5px 0}.theme-preview-content{padding:20px}.registration-form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:.6em}.registration-form .container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.registration-form .terms-of-service{-ms-flex:0 1 50%;flex:0 1 50%;margin:.8em}.registration-form .text-fields{margin-top:.6em;-ms-flex:1 0;flex:1 0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.registration-form .form-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:.3em 0;line-height:24px}.registration-form form textarea{border:solid;border-width:1px;border-color:silver;border-radius:5px;line-height:16px;padding:5px;resize:vertical}.registration-form input{border:1px solid silver;border-radius:5px;padding:.1em .2em .2em}.registration-form .captcha{max-width:350px;margin-bottom:.4em}.registration-form .btn{margin-top:.6em;height:28px}.registration-form .error{border-radius:5px;text-align:center;margin:.5em .6em 0;background-color:rgba(255,48,16,.65);min-height:28px;line-height:28px}@media (max-width:959px){.registration-form .container{-ms-flex-direction:column-reverse;flex-direction:column-reverse}}.profile-edit .name-changer{border-width:1px;border-style:solid;border-radius:5px;padding:.2em}.profile-edit .name-submit{padding:.2em .5em}.profile-edit .bio{border-width:1px;border-style:solid;border-radius:5px;margin:0}.profile-edit .banner{max-width:400px;border-radius:5px}.profile-edit .uploading{font-size:1.5em;margin:.25em}
2 /*# sourceMappingURL=app.9dc3bfde71c22849aef581d4c69061eb.css.map*/