.joe_friend_add{position:absolute;top:14px;right:14px;cursor:pointer;font-size:16px;color:var(--main)}.joe_friend_add:hover{color:var(--theme)}.joe_friend_add i{font-size:20px}.joe_friends__list{padding:10px 0 20px}.joe_friends__list.hidden{visibility:hidden}.joe_friend__item{position:relative;padding:0 0 30px 40px}.joe_friend__item:before{position:absolute;left:12px;top:0;z-index:0;content:"";width:0;height:150%;border-left:1px dashed var(--classG)}.joe_friend__item:hover .joe_friend_block{box-shadow:3px 8px 15px 0 var(--box-shadow-friend)}.joe_friend_info{display:flex;justify-content:left;background:var(--background);color:var(--routine);font-size:14px;height:34px;left:-36px;line-height:34px;position:relative;z-index:1}.joe_friend_info_logo{height:35px;width:35px;border-radius:50%;background:var(--classC);border:1px solid var(--classA);padding:3px;margin:0 10px 0 -10px}.joe_friend_info_author{color:var(--theme);font-weight:500}.joe_friend_info_pubDate{margin:0 10px}.joe_friend_block{position:relative;z-index:2;box-sizing:border-box;padding:10px;margin-top:10px;word-break:break-word;color:var(--main);background:var(--background-friend);border-bottom:1px solid var(--classC);border-radius:0 18px 18px 18px;border:1px solid var(--classC);box-shadow:1px 1px 5px 0 var(--box-shadow-friend);text-shadow:0 0 .5px rgba(0,0,0,.25);transition:box-shadow .2s}.joe_friend_body{position:relative;box-sizing:content-box;overflow:hidden;padding:10px 12px;background:var(--background-friend-block);border-radius:0 6px 6px 6px;transition:height .2s}.joe_friend_content_title{margin-bottom:8px;text-align:center}.joe_friend_content_title a{color:var(--theme)}.joe_friend_content_description{line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;text-indent:2em;text-align:justify}.joe_pagination{padding:0 0 20px 0}.page-friends .joe_detail{position:relative;overflow-y:hidden}