@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.article-page{margin-top:40px;margin-bottom:40px}@media screen and (width<=1023px){.article-page{margin-top:16px;margin-bottom:0}}.article-page .article--wrapper{max-width:700px}.article-page .article--header{margin-bottom:40px}@media screen and (width<=1023px){.article-page .article--header{margin-bottom:32px}}.article-page .article--header>*+*{margin-top:8px}.article-page .article--header>*+.article-info{margin-top:24px}.article-page .article--header .username-area{margin-top:16px}.article-page .article--header .username-area img{border-radius:50%;margin-right:8px}@media screen and (width<=1023px){.article-page .article--header .username-area img{width:58px;height:58px}}.article-page .article--header .article-info{color:#8b8b8b;margin-top:4px;margin-left:-5px;margin-right:-5px;font-size:14px}.article-page .article--header .article-info>*{padding:0 5px}.article-page .article--header .article-info .sep{align-items:center;display:flex}.article-page .article--header .article-info .sep:before{content:"";background:currentColor;width:2px;height:2px}.article-page .article--image{margin-bottom:40px}@media screen and (width<=1023px){.article-page .article--image{margin-bottom:32px}}.article-page .article--content{margin-bottom:60px}@media screen and (width<=1023px){.article-page .article--content{margin-bottom:40px}}.article-page .article--content>*+ul{margin-top:20px}.article-page .article--content ul>*+*{margin-top:0}.article-page .article--content h2{font-size:22px}@media screen and (width>=1024px){.article-page .article--content h2{font-size:30px}}.article-page .article--may-also-like>h2{margin-bottom:24px}.article-page .article--may-also-like>ul{margin:0 -8px}.article-page .article--may-also-like>ul>*{width:33.3333%;margin-bottom:40px;padding:0 8px}@media screen and (width<=1023px){.article-page .article--may-also-like>ul>*{width:100%;margin-bottom:32px}.article-page .article--may-also-like>ul>* .article-grid-item .image-area{margin:0 -16px}}