.post,.post__avatar,.post__image-container,body{overflow:hidden}*{-webkit-box-sizing:border-box;box-sizing:border-box;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;margin:0;padding:0}body{width:100vw;min-width:320px;height:100vh;font-family:Helvetica,Arial,sans-serif}.container{width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;transform:scale(.75)}@media screen and (min-width:375px){.container{transform:scale(.85)}}@media screen and (min-width:425px){.container{transform:scale(1)}}.hidden{display:none}.link{color:#cc106a;text-decoration:none}.link:hover{text-decoration:underline}.post{width:320px;padding:16px 12px;border-radius:8px;box-shadow:0 0 16px rgba(17,17,17,.2);background:#fff}.post__top{display:flex;flex-direction:row}.post__top__names{padding:0 0 0 8px;display:flex;flex-direction:column;justify-content:center}.post__main{padding:16px 0 0}.post__bottom{display:flex;flex-direction:row;padding:16px 0 12px}.post__avatar{border-radius:100%;border:1px solid #333;width:50px;height:50px}.post__avatar .post__avatar__action{cursor:default;outline:0;border:0;border-radius:0;box-shadow:none;background:0 0}.post__avatar img,.post__avatar svg{object-fit:cover;display:block;width:100%;height:100%}.post__avatar svg path{stroke:#000;fill:#000}.post__name{display:block;font-size:13px;font-weight:700;line-height:100%;color:#111}.post__username{display:block;padding:3px 0 0;font-size:13px;line-height:100%;color:#666}.post__content{font-size:14px;font-weight:400;line-height:136%;color:#111}.post__content p{margin:0 0 .5em}.post__image-container{cursor:default;position:relative;width:100%;height:0;margin:12px 0 0;padding:0 0 30%;border-radius:8px}.post__image-container__inner{position:absolute;left:0;top:0;right:0;bottom:0}.post__image-container img{object-fit:cover;object-position:center center;display:block;width:100%;height:100%}@keyframes glow-rainbow{0%,100%{border-color:#cc106a}25%{border-color:#cc9a00}50%{border-color:#00ae55}75%{border-color:#3e3ecc}}@keyframes ring-rainbow{0%,100%{border-color:#cc106a}25%{border-color:#cc9a00}50%{border-color:#00ae55}75%{border-color:#3e3ecc}}.post__image{position:relative;width:100%;height:100%;background:#222}.post__image__glow,.post__image__ring{position:absolute;left:50%;top:50%;transform:translate(-15px,-15px);width:30px;height:30px}.post__image__glow{border-radius:100%;border:2px solid transparent;filter:blur(4px)}.post__image__ring{border-radius:100%;border:1.5px solid transparent;opacity:1;animation:10s ring-rainbow infinite}@keyframes time-denied{0%{color:#cc106a}100%{color:#666}}.post__time{display:block;font-size:13px;line-height:100%;color:#666}.post__time--denied{animation:1s time-denied ease-out;animation-fill-mode:forwards}.post__time-divider{padding:0 4px;font-weight:400;font-size:12px;color:#666}.post__date{display:block;font-size:13px;line-height:100%;color:#666}.post__actions{display:flex;flex-direction:row;justify-content:center;padding:10px 0 8px;border-top:1px solid #eee;border-bottom:1px solid #eee}.post__action{cursor:default;outline:0;border:0;border-radius:0;box-shadow:none;background:0 0;display:flex;flex-direction:row;align-items:center;padding:0 24px}.post__action__container{position:relative;width:16px;height:16px}.post__action__label{display:none;margin:0 0 0 8px;font-weight:400;font-size:12px;line-height:100%;color:#888}.post__action__reply,.post__action__share{cursor:not-allowed}.post__action__like{cursor:pointer}.post__icon{position:absolute}.post__icon svg{stroke:#999}@keyframes icon-like-triggered{0%{fill:transparent;transform:scale(0);opacity:1}50%{opacity:1}100%{fill:#cc106a;transform:scale(4);opacity:0}}.post__icon__like--triggered svg{stroke:none;animation:1s icon-like-triggered ease-out;animation-fill-mode:forwards}