.message{background-color:#f0f0f0;padding:8px;display:flex;flex-direction:row;align-items:center}@media only screen and (min-width:640px){.message{padding:10px 15px}}.message .message-content{word-break:break-word;flex:1 1}.message .message-actions .icon,.message .message-content .icon{vertical-align:middle;height:16px;margin-right:4px}.message .message-origin{margin-right:12px;width:32px;height:32px;text-align:center}.message .message-origin .icon{height:32px;max-width:32px}.message .message-name{font-weight:700;margin-right:8px}.message .message-info{font-size:.8rem;line-height:1.2em;margin-top:4px}.message.message-is-liked .icon-heart{-webkit-animation:heartbeat;animation:heartbeat;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-delay:10s;animation-delay:10s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.message .separator{margin:0 6px;background-color:#999;display:inline-block;width:3px;height:3px;border-radius:100%;vertical-align:middle}.message button{color:#666;font-size:.8rem;background:none;padding:0;margin:0;border:0;cursor:pointer;outline:none}.message button:hover{color:#000;text-decoration:underline}.message button:hover .icon{-webkit-filter:brightness(.7);filter:brightness(.7)}.message button:active{color:#000}.message .message-actions{flex:0 1;margin-left:10px}.message .message-actions button{white-space:nowrap;margin-top:.5em}.message .message-actions button:first-child{margin-top:0}.message .message-actions button .icon{margin-right:0}.message .message-actions .message-action-label{margin-left:4px;display:none}@media only screen and (min-width:640px){.message .message-actions .message-action-label{display:inline}}@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(1.2);transform:scale(1.2)}10%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1)}5%{-webkit-transform:scale(1.2);transform:scale(1.2)}10%{-webkit-transform:scale(1);transform:scale(1)}}.message-list>li{margin-top:8px}.message-list>li:first-child{margin-top:0}.message.placeholder .message-origin{opacity:.6}.message.placeholder .message-origin .icon{width:32px;height:32px;-webkit-animation:heartbeat-slow;animation:heartbeat-slow;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.message.placeholder .message-text{position:relative}.message.placeholder .message-text:after{content:"";display:block;width:100%;height:1rem;border-radius:3px;background:-webkit-linear-gradient(left,hsla(0,0%,80%,.5) 8%,hsla(0,0%,80%,.75) 18%,hsla(0,0%,80%,.5) 33%);background:linear-gradient(90deg,hsla(0,0%,80%,.5) 8%,hsla(0,0%,80%,.75) 18%,hsla(0,0%,80%,.5) 33%);background-size:300% 300%;-webkit-animation:gradient 2s linear infinite;animation:gradient 2s linear infinite;opacity:.75}.message.placeholder .message-info{position:relative}.message.placeholder .message-info:after{content:"";display:block;max-width:175px;height:.8rem;border-radius:2px;background:-webkit-linear-gradient(left,hsla(0,0%,80%,.5) 8%,hsla(0,0%,80%,.75) 18%,hsla(0,0%,80%,.5) 33%);background:linear-gradient(90deg,hsla(0,0%,80%,.5) 8%,hsla(0,0%,80%,.75) 18%,hsla(0,0%,80%,.5) 33%);background-size:300% 300%;-webkit-animation:gradient 2s linear infinite;animation:gradient 2s linear infinite;opacity:.5}@-webkit-keyframes gradient{0%{background-position:100% 50%}to{background-position:-100% 50%}}@keyframes gradient{0%{background-position:100% 50%}to{background-position:-100% 50%}}@-webkit-keyframes heartbeat-slow{0%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(1.2);transform:scale(1.2)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartbeat-slow{0%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(1.2);transform:scale(1.2)}40%{-webkit-transform:scale(1);transform:scale(1)}}.message-post{margin-bottom:8px}@media only screen and (min-width:480px){.message-post{margin-bottom:1em}}.message-post .message-post-show{text-align:center}.message-post .message-post-show button{display:block;background:none;padding:1em;border:none;background-color:#f4f4f4;width:100%;max-width:320px;margin:0 auto;cursor:pointer}@media only screen and (min-width:640px){.message-post .message-post-show{text-align:left}.message-post .message-post-show button{margin:0}}.message-post.hidden form>input{display:none}.message-post form{display:flex;flex-direction:column;max-width:480px;margin:0 auto}@media only screen and (min-width:640px){.message-post form{margin:0}}.message-post form input{width:100%;box-sizing:border-box;line-height:32px;padding:0 .5em;margin-top:.5em;border:1px solid #aaa;border-radius:3px;-webkit-appearance:none}.message-post form input:focus{border:1px solid #666;outline:none}.message-post form .message-post-form-wrapper{display:flex;flex-direction:row}.message-post form .message-post-form-wrapper input{margin-top:0;border-radius:3px 0 0 3px}.message-post form .message-post-form-wrapper input:focus+button{background-color:#666}.message-post form button[type=submit]{flex-grow:1;background-color:#aaa;border-radius:0 3px 3px 0;height:34px;margin:0;padding:0 6px 0 3px;border:none;cursor:pointer}.message-post form button[type=submit]:hover{background-color:#999}.message-post form button[type=submit]:focus{background-color:#999;outline:none}.message-post form button[type=submit] img{height:32px}.message-post.disabled input{border-color:#ccc;background-color:#f8f8f8}.message-post.disabled button[type=submit]{background-color:#ccc}.ol-loader{display:flex;align-items:center;justify-content:center;width:100%;height:60px}.ol-loader>div{display:inline-block;width:8px;height:16px;margin:0 2px;background-color:#ddd;-webkit-animation:color-cycle 1.25s cubic-bezier(0,.5,.5,1) infinite;animation:color-cycle 1.25s cubic-bezier(0,.5,.5,1) infinite}.ol-loader>div:first-child{-webkit-animation-delay:-1s;animation-delay:-1s}.ol-loader>div:nth-child(2){-webkit-animation-delay:-.9s;animation-delay:-.9s}.ol-loader>div:nth-child(3){-webkit-animation-delay:-.8s;animation-delay:-.8s}.ol-loader>div:nth-child(4){-webkit-animation-delay:-.7s;animation-delay:-.7s}.ol-loader>div:nth-child(5){-webkit-animation-delay:-.6s;animation-delay:-.6s}.ol-loader>div:nth-child(6){-webkit-animation-delay:-.5s;animation-delay:-.5s}.ol-loader>div:nth-child(7){-webkit-animation-delay:-.4s;animation-delay:-.4s}.ol-loader>div:nth-child(8){-webkit-animation-delay:-.3s;animation-delay:-.3s}.ol-loader>div:nth-child(9){-webkit-animation-delay:-.2s;animation-delay:-.2s}.ol-loader>div:nth-child(10){-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes color-cycle{0%{background-color:#000}50%,to{background-color:#ddd}}@keyframes color-cycle{0%{background-color:#000}50%,to{background-color:#ddd}}.message-details{margin:0 .7em}@media only screen and (min-width:480px){.message-details{margin:0 2em}}@media only screen and (min-width:640px){.message-details{margin:0}}.message-details blockquote{font-family:Georgia,serif;font-size:1.5rem;font-style:italic;line-height:1.25em;margin:1.5em 0;word-break:break-word}.message-details blockquote:before{content:"\201C";margin:0 .15em 0 0}.message-details blockquote:after{content:"\201D";margin:0 0 0 .15em}@media only screen and (min-width:640px){.message-details blockquote{font-size:2rem}}.message-details .attribution{text-align:right;line-height:1.25em;font-size:.9rem}.message-details .attribution p{margin:0 0 .25em}@media only screen and (min-width:640px){.message-details .attribution{font-size:1.2rem}}.message-details .date-long{display:none}.message-details.placeholder blockquote:after,.message-details.placeholder blockquote:before{content:"";margin:0}.message-details.placeholder blockquote .message-text{margin-bottom:.5em}.message-details.placeholder blockquote .message-text:after{height:1.2rem}@media only screen and (min-width:640px){.message-details.placeholder blockquote .message-text:after{height:2rem}}.message-details.placeholder .attribution .message-text{display:inline-block}.message-details.placeholder .attribution .message-text:after{width:250px;height:.9rem}@media only screen and (min-width:640px){.message-details.placeholder .attribution .message-text:after{height:1.2rem}}.message-details.placeholder .message-text{position:relative}.message-details.placeholder .message-text:after{content:"";display:block;width:100%;height:1rem;border-radius:3px;background:-webkit-linear-gradient(left,hsla(0,0%,80%,.5) 8%,hsla(0,0%,80%,.75) 18%,hsla(0,0%,80%,.5) 33%);background:linear-gradient(90deg,hsla(0,0%,80%,.5) 8%,hsla(0,0%,80%,.75) 18%,hsla(0,0%,80%,.5) 33%);background-size:300% 300%;-webkit-animation:gradient 2s linear infinite;animation:gradient 2s linear infinite;opacity:.75}.ol-header{margin-bottom:2em}.ol-header h1{color:#666;text-align:center;font-size:1.8rem;padding-top:1em;margin:0 0 .2em;white-space:nowrap}.ol-header h1 img{width:280px;max-width:100%}@media only screen and (min-width:480px){.ol-header h1{font-size:2.2rem}.ol-header h1 img{width:320px}}@media only screen and (min-width:640px){.ol-header h1{padding-top:1.75em;text-align:left;font-size:2.5rem}.ol-header h1 img{width:400px}}.ol-header h1>a,.ol-header h1>a:active,.ol-header h1>a:hover{color:#666;text-decoration:none}.ol-header h2{color:#666;text-align:center;font-size:1rem;margin:0}.ol-header h2 img{width:280px;max-width:100%}@media only screen and (min-width:480px){.ol-header h2{display:block;font-size:1.2rem}.ol-header h2 img{width:320px}}@media only screen and (min-width:640px){.ol-header h2{text-align:left;font-size:1.5rem}.ol-header h2 img{width:420px}}.ol-header h2>a,.ol-header p>a{text-decoration:underline}.ol-header p{color:#666}.ol-header .ol-header-more{background:none;padding:0;border:0;cursor:pointer;display:block;margin:0 auto}.ol-header .ol-subheader{text-align:center;font-size:.8rem}.ol-header .ol-subheader p{margin:0}@media only screen and (min-width:640px){.ol-header .ol-subheader{text-align:left;font-size:1rem}}.ol-login{display:flex;flex-direction:column;max-width:480px;margin:0 auto}@media only screen and (min-width:640px){.ol-login{margin:0}}.ol-login label{margin-bottom:.25em}.ol-login label input{font-size:1rem;width:100%;box-sizing:border-box;line-height:40px;padding:0 .5em;margin-top:.5em;border:1px solid #aaa;border-radius:3px;-webkit-appearance:none}.ol-login label input:focus{border:1px solid #666;outline:none}.ol-login button{font-size:1rem;line-height:40px;width:100%;margin:.5em 0 0;padding:0;border:none;border-radius:4px;background:#ccc;color:#fff;cursor:pointer}.ol-login button:hover{background:#bbb}.ol-main{max-width:640px;margin:0 auto;padding:0 10px}.ol-main a{text-decoration:none;color:#666}.ol-main a:hover{color:#000;text-decoration:underline}.ol-main a:active{color:#000}@media only screen and (min-width:480px){.ol-main{padding:0 15px}}body,html{width:100%;height:100%}html{font-size:16px}body{margin:0;padding:0;background-color:#fff;color:#666;font-family:Roboto,sans-serif;font-size:1rem;line-height:1.3em}input[type=password],input[type=text]{font-size:inherit}h1,h2,h3,h4,h5{font-family:Roboto Condensed,sans-serif;line-height:1em;margin:0 0 1em;text-transform:lowercase}h1>a:active,h1>a:hover{color:#999}ul{list-style:none;padding:0;margin:0}
/*# sourceMappingURL=main.c7d486a7.chunk.css.map */