@charset "UTF-8";.post-wrap .post-title{font-size:var(--title-size)}.post-wrap .post-meta{display:flex;align-items:center;color:var(--color-gray);margin-top:var(--padding);margin-bottom:var(--padding-x2)}.post-wrap .post-meta>a:before{content:" · ";margin:0 .5rem 0 .75rem}.post-wrap .post-meta>a:first-child:before{display:none}.post-wrap .post-meta time:before{content:" · ";margin:0 .5rem 0 .75rem}.post-wrap .post-meta .favorite-button{background:none;border:none;padding:0;margin-left:var(--padding);cursor:pointer;display:flex;align-items:center;transition:transform .2s ease}.post-wrap .post-meta .favorite-button:hover{transform:scale(1.2)}.post-wrap .post-meta .favorite-button:hover svg{fill:var(--font-color)}.post-wrap .post-meta .favorite-button:disabled{opacity:.5;cursor:not-allowed}.post-wrap .post-meta .favorite-button .heart-icon{width:20px;height:20px;fill:var(--gray-dark);transition:fill .2s ease}.post-wrap .post-meta .favorite-button.is-favorited .heart-icon{fill:#ff4d4f}.post-wrap .post-inner{display:flex;align-items:flex-start;padding:var(--padding-x2) 0}@media only screen and (max-width: 580px){.post-wrap .post-inner{display:block}}.post-wrap .post-inner .date{padding-right:var(--padding-x2);top:9.8rem;opacity:0}.post-wrap .post-inner .date .ui-button{z-index:9}@media screen and (max-width: 580px){.post-wrap .post-inner .date{display:none}}.post-wrap .post-inner.have-chat{max-width:120rem}.post-wrap .post-inner.have-chat .post-content{flex:1;border-radius:1rem;padding:0 var(--padding-x2) var(--padding-x2);background-color:#fff}@media screen and (max-width: 1024px){.post-wrap .post-inner.have-chat .post-content{padding:0 var(--padding) var(--padding-x2)}}.post-wrap .post-inner.have-chat .ui-sidebar{width:30rem;padding-left:var(--padding-x2);position:sticky;top:9.8rem;z-index:9}.post-wrap .post-inner.no-chat{max-width:92rem}.post-wrap .post-inner.no-chat .post-content{flex:1;padding:0 var(--padding-x2) var(--padding-x2);max-width:74rem}@media screen and (max-width: 1024px){.post-wrap .post-inner.no-chat .post-content{padding:0 var(--padding) var(--padding-x2);max-width:100%}}.post-wrap .related-posts header:before{content:"";display:block;height:1px;background-color:var(--gray);margin-top:var(--padding-x2);margin-bottom:var(--padding-x3)}