.forum-container{position:relative;position:fixed;height:100%;width:50vw;top:0;right:0;background-color:#fff;z-index:103;-webkit-transition:-webkit-transform .5s cubic-bezier(.75,.02,.5,1);transition:-webkit-transform .5s cubic-bezier(.75,.02,.5,1);transition:transform .5s cubic-bezier(.75,.02,.5,1);transition:transform .5s cubic-bezier(.75,.02,.5,1),-webkit-transform .5s cubic-bezier(.75,.02,.5,1)}.forum-container .page-loading-container{position:absolute;left:0;bottom:0}.forum-container.hide{z-index:102;-webkit-transform:translateX(calc(100% - .5rem));transform:translateX(calc(100% - .5rem))}.forum-container.hideAll{-webkit-transform:translateX(100vw)!important;transform:translateX(100vw)!important}.forum-container .bg{position:absolute;z-index:1;width:100%;height:100%;left:-100%;top:0}.forum-container .header-container{background-color:#2da44a;padding:0 2.5rem;height:20%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;z-index:2}.forum-container .header-container .header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.forum-container .header-container .info{position:relative}.forum-container .header-container .info.discussing .brief,.forum-container .header-container .info.discussing .title{opacity:0;pointer-events:none}.forum-container .header-container .info.discussing .discussion-container{opacity:1;pointer-events:auto}.forum-container .header-container .info .title{line-height:1.2;margin-bottom:.75rem}.forum-container .header-container .info .brief,.forum-container .header-container .info .discussion-container,.forum-container .header-container .info .title{-webkit-transition:opacity .5s cubic-bezier(.75,.02,.5,1);transition:opacity .5s cubic-bezier(.75,.02,.5,1)}.forum-container .header-container .info .discussion-container{position:absolute;width:100%;padding:1.3rem 1rem;background-color:#000;border-radius:1rem;bottom:0;opacity:0;pointer-events:none}.forum-container .header-container .discussion-btn{width:8.5rem;margin-left:5rem;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.forum-container .header-container .open-btn{height:2.5rem;padding:0 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-top-left-radius:1.25rem;border-top-right-radius:1.25rem;-webkit-transform:rotate(-90deg) translate(-100%,1%);transform:rotate(-90deg) translate(-100%,1%);background:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;left:0;bottom:0;-webkit-transform-origin:left bottom;transform-origin:left bottom;position:absolute;cursor:pointer}.forum-container .header-container .open-btn .icon-font{font-size:1rem;margin-left:1.5rem}.forum-container .post-list{height:80%;overflow:auto;padding:1.5rem 2.5rem}.forum-container .post-list .post{position:relative;padding:1.5rem 3rem 1.5rem 0;border-bottom:1px solid #f2f2f2;-webkit-transition:all .5s cubic-bezier(.75,.02,.5,1);transition:all .5s cubic-bezier(.75,.02,.5,1)}.forum-container .post-list .post:hover .reply-btn{opacity:1;pointer-events:auto}.forum-container .post-list .post.replying{padding-bottom:6.5rem}.forum-container .post-list .post.replying .reply-container{opacity:1;height:4rem}.forum-container .post-list .post.replying .reply-btn{opacity:1;pointer-events:auto;-webkit-transform:translateY(-2.25rem);transform:translateY(-2.25rem)}.forum-container .post-list .post.shrink .comments-wrapper{height:0!important}.forum-container .post-list .post.shrink .comments-wrapper .comments{margin-top:0}.forum-container .post-list .post.shrink .info .icon-font{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.forum-container .post-list .post .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.forum-container .post-list .post .info .user{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.forum-container .post-list .post .info .icon-font{font-size:1.1rem;color:#ccc;margin-left:.8rem;position:absolute;right:1rem;-webkit-transition:-webkit-transform .5s cubic-bezier(.75,.02,.5,1);transition:-webkit-transform .5s cubic-bezier(.75,.02,.5,1);transition:transform .5s cubic-bezier(.75,.02,.5,1);transition:transform .5s cubic-bezier(.75,.02,.5,1),-webkit-transform .5s cubic-bezier(.75,.02,.5,1);cursor:pointer;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.forum-container .post-list .post .message{white-space:pre-wrap;margin-top:.2rem}.forum-container .post-list .post .reply-container{background-color:#f2f2f2;border-radius:1rem;position:absolute;bottom:1.5rem;left:4rem;width:calc(100% - 6rem);opacity:0;height:0;-webkit-transition:all .5s cubic-bezier(.75,.02,.5,1);transition:all .5s cubic-bezier(.75,.02,.5,1);padding:.7rem 7.5rem .7rem 1rem}.forum-container .post-list .post .reply-btn{position:absolute;width:4.5rem;bottom:.5rem;right:3rem;pointer-events:none;opacity:0;-webkit-transition:opacity .3s cubic-bezier(.75,.02,.5,1),background-color .3s cubic-bezier(.75,.02,.5,1),-webkit-transform .3s cubic-bezier(.75,.02,.5,1);transition:opacity .3s cubic-bezier(.75,.02,.5,1),background-color .3s cubic-bezier(.75,.02,.5,1),-webkit-transform .3s cubic-bezier(.75,.02,.5,1);transition:opacity .3s cubic-bezier(.75,.02,.5,1),transform .3s cubic-bezier(.75,.02,.5,1),background-color .3s cubic-bezier(.75,.02,.5,1);transition:opacity .3s cubic-bezier(.75,.02,.5,1),transform .3s cubic-bezier(.75,.02,.5,1),background-color .3s cubic-bezier(.75,.02,.5,1),-webkit-transform .3s cubic-bezier(.75,.02,.5,1)}.forum-container .post-list .post .comments-wrapper{padding-left:4rem;overflow:hidden;height:0;-webkit-transition:height .5s cubic-bezier(.75,.02,.5,1);transition:height .5s cubic-bezier(.75,.02,.5,1)}.forum-container .post-list .post .comments-wrapper .comment{padding-bottom:1.5rem}.forum-container .post-list .post .comments-wrapper .comment:first-child{padding-top:2.5rem}.forum-container.portrait{width:90%}.forum-container.portrait .header-container .discussion-btn{margin-left:2.5rem}.forum-container.portrait .post-list .post .comments-wrapper{padding-left:1rem}.forum-container.portrait .post-list .post .reply-btn{bottom:1rem}.forum-container.portrait .post-list .post.replying .reply-btn{-webkit-transform:translateY(-1.75rem);transform:translateY(-1.75rem)}