.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}.input-block-level,.post-list .recommendations-wrapper{display:block;width:100%}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{min-height:30px;box-sizing:border-box}.post-list{-webkit-backface-visibility:hidden;backface-visibility:hidden}.recommend-main,.recommend-post{display:inline-block;position:relative}.recommend-main{color:#444;font-family:"Helvetica Neue",arial,sans-serif;font-size:14px;clear:both;margin-top:20px;width:100%}.recommend-main:hover .scroll-btn{opacity:1}.recommend-main.no-meta .recommend-content,.recommend-main.no-meta .recommend-top-comment-wrapper{max-height:4.8em;padding-top:2px}.recommend-main.no-meta.has-preview-title .recommend-content,.recommend-main.no-meta.has-preview-title .recommend-content .recommend-post-title{max-height:5em}.recommend-main .scroll-btn{position:absolute;background:rgba(255,255,255,.7);color:rgba(0,0,0,.5);font-size:36px;top:45%;line-height:.9;border:1px solid #e7e9ee;border-radius:3px;padding:8px;opacity:0;transition:all 250ms ease-in-out;cursor:pointer;outline:0;z-index:99999}.recommend-main .scroll-btn:hover{background:rgba(255,255,255,.9);color:rgba(0,0,0,.6);opacity:1}.recommend-main .scroll-btn.scroll-left{left:0;padding-left:4px}.recommend-main .scroll-btn.scroll-right{right:0;padding-right:4px}.recommend-col-header{margin-bottom:.8em}.recommend-col-header h2{font-size:12px;font-weight:700;text-transform:uppercase;color:#99A3AA;color:rgba(34,59,74,.5)}.recommend-col-header h2 strong{color:#413a3a}.recommend-wrapper{display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;height:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;margin:0 auto}.recommend-post{background:#fff;width:12%;height:192px;min-width:200px;border:1px solid #e7e9ee;border-radius:6px;-ms-flex-pack:justify;justify-content:space-between;vertical-align:middle;transform:translate3d(0,0,0);transition:all .2s ease-in-out;margin:4px 4px 10px;cursor:pointer;transform-style:preserve-3d;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000}.recommend-post:first-child{margin-left:0}.recommend-post:last-child{margin-right:0}.recommend-post:hover{transform:translate3d(0,-2px,0)}.recommend-post .recommend-post-header{position:relative;width:100%;height:50%;overflow:hidden}.recommend-post .recommend-post-header .recommend-image-wrapper{position:relative;width:100%;height:100%;border-top-left-radius:6px;border-top-right-radius:6px;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,#000)}.recommend-post .recommend-post-header .recommend-image-wrapper img{position:absolute;left:50%;top:50%;width:100%;height:calc(96px);object-fit:cover;transform:translate(-50%,-50%)}.recommend-post .recommend-post-header .recommend-image-wrapper .overlay{position:absolute;background:linear-gradient(to top,rgba(0,0,0,.35) 10%,rgba(0,0,0,.1) 60%,transparent 90%);width:100%;height:100%;top:0;left:0}.recommend-post .recommend-top-comment-wrapper{display:block}.recommend-post .media-container img{border-radius:3px;display:block;max-width:100%;max-height:480px;z-index:-1}.recommend-post .media-button{text-align:left;font-size:10px;padding:3px 5px 4px 0;border-radius:5px;border-style:solid;border-width:2px}.recommend-post .media-content-placeholder{display:none;position:relative;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:100%;min-height:100px}.recommend-post .media-content-placeholder.media-video{width:100%}.recommend-post .media-button-contract,.recommend-post .media-button-expand,.recommend-post .media-container{display:none}.recommend-post .media-container.media-activated,.recommend-post .media-container.media-mode-deferred,.recommend-post .media-container.media-show-buttons{display:block}.recommend-post .media-show-buttons .media-button-expand{display:inline-block;cursor:zoom-in}.recommend-post .media-show-buttons .media-button-contract{display:none;margin-bottom:15px;cursor:zoom-out}.recommend-post .media-show-buttons .media-button-contract i,.recommend-post .media-show-buttons .media-button-expand i{font-size:8px;color:#fff;padding:4px 5px 4px 4px;margin-right:2px}.recommend-post .media-activated .media-content-placeholder{display:block;clear:both}.recommend-post .media-show-buttons.media-activated .media-button-contract{display:inline-block}.recommend-post .media-show-buttons.media-activated .media-button-expand{display:none}.recommend-post .media-mode-deferred .media-content-placeholder{display:block}.recommend-post .media-loading.media-activated .media-content-placeholder,.recommend-post .media-mode-deferred.media-show-buttons .media-button-contract,.recommend-post .media-mode-deferred.media-show-buttons .media-button-expand{display:none}.recommend-post .media-content-loader{display:none;height:300px;text-align:center;background:url(https://c.disquscdn.com/next/embed/assets/img/loader.5cc23909da9c4a9874500d7a85c4125f.gif) center center no-repeat}.recommend-post .media-loading.media-activated .media-content-loader{display:block}.recommend-post .media-loading.media-activated .media-Imgur{position:absolute}.recommend-post .media-content-placeholder .media-force-load{position:absolute;left:0;top:0;right:0;bottom:0;display:block;border-radius:3px;border:2px solid rgba(0,39,59,.2);color:rgba(0,39,59,.2)!important}.recommend-post .media-content-placeholder .media-force-load i{width:100%;position:absolute;top:50%;font-size:32px;margin-top:-16px;text-align:center}.recommend-post .media-Imgur{display:block!important;position:relative}.recommend-post .media-webpage{height:36px;border-left:5px solid;border-color:#7f919e;padding:0 0 0 15px;width:100%;display:inline-block}.recommend-post .media-webpage img{float:left;max-height:36px;max-width:36px}.recommend-post .media-webpage .media-webpage-title{padding-top:2px}.recommend-post .media-webpage .media-webpage-domain{padding-top:3px;font-size:80%;color:#656c7a}.recommend-post .post-media-link i{padding-right:4px}.recommend-post .post-media-link .post-media-link-domain{font-size:11px;color:#656c7a!important}.recommend-post spoiler{display:inline;background:#7f919e;color:transparent;padding:0 .5em}.recommend-post spoiler a{visibility:hidden;transition:none}.recommend-post spoiler .media-content-placeholder{background:#7f919e}.recommend-post spoiler:focus,.recommend-post spoiler:hover{background:#e7e9ee;color:inherit}.recommend-post spoiler:focus a,.recommend-post spoiler:hover a{visibility:visible}.recommend-post spoiler:focus .media-content-placeholder,.recommend-post spoiler:hover .media-content-placeholder{background:0 0}.dark .recommend-post spoiler:focus,.dark .recommend-post spoiler:hover{background:rgba(255,255,255,.2)}.recommend-post .recommend-post-title{position:absolute;color:#fff;color:rgba(255,255,255,.95);font-size:16px;font-weight:700;text-shadow:0 .5px 2px rgba(0,0,0,.35);width:90%;left:5%;bottom:0;white-space:normal;margin:8px auto;display:block;line-height:1.25em;max-height:2.5em;overflow:hidden}.recommend-post a.title{font-size:16px;font-weight:700;word-wrap:break-word;line-height:1.25em}.recommend-post .meta{color:#777;color:rgba(30,55,70,.5);width:90%;margin:8px 5% 0;text-overflow:ellipsis;overflow:hidden}.recommend-post .meta li{display:inline;font-weight:500;line-height:1.2em}.recommend-post .meta li:not(:first-child)::before{content:'\2022';position:relative;font-size:10px;top:-1px;padding-right:4px;opacity:.9}.recommend-post .content-preview-wrapper,.recommend-post .top-comment{color:#333;display:inline-block;width:90%;margin:6px 5%;font-size:14px}.recommend-post .content-preview-wrapper .top-comment-header,.recommend-post .top-comment .top-comment-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:center;align-items:center;width:100%;height:30px;margin-bottom:8px}.recommend-post .content-preview-wrapper .top-comment-header .top-comment-avatar-wrapper,.recommend-post .top-comment .top-comment-header .top-comment-avatar-wrapper{position:relative;min-width:30px;min-height:30px;border-radius:50%;margin-right:8px;overflow:hidden}.recommend-post .content-preview-wrapper .top-comment-header .top-comment-avatar-wrapper img,.recommend-post .top-comment .top-comment-header .top-comment-avatar-wrapper img{position:absolute;width:30px;top:50%;left:50%;object-fit:cover;transform:translate(-50%,-50%)}.recommend-post .content-preview-wrapper .top-comment-header .user,.recommend-post .top-comment .top-comment-header .user{font-size:13px;font-weight:600;text-overflow:ellipsis;overflow:hidden;transition:all .2s ease-in-out}.recommend-post .content-preview-wrapper .top-comment-header:hover,.recommend-post .top-comment .top-comment-header:hover{text-decoration:none;color:#666}.recommend-post .content-preview-wrapper .recommend-content,.recommend-post .content-preview-wrapper .recommend-top-comment-wrapper,.recommend-post .top-comment .recommend-content,.recommend-post .top-comment .recommend-top-comment-wrapper{line-height:1.2em;max-height:3.6em;padding-top:0;margin-top:2px;white-space:pre-wrap;text-overflow:ellipsis;overflow:hidden}.recommend-post .content-preview-wrapper .recommend-content .recommend-post-title,.recommend-post .content-preview-wrapper .recommend-top-comment-wrapper .recommend-post-title,.recommend-post .top-comment .recommend-content .recommend-post-title,.recommend-post .top-comment .recommend-top-comment-wrapper .recommend-post-title{position:relative;color:#222;color:rgba(0,0,0,.65);font-weight:500;text-shadow:none;width:100%;left:0;margin-top:0}.recommend-post .content-preview-wrapper p,.recommend-post .top-comment p{display:block;color:#42474a;font-size:14px;line-height:1.2em;margin-bottom:0;white-space:pre-wrap}.dark .recommend-col-header h2{color:#bbb;color:rgba(255,255,255,.65)}.dark .recommend-col-header h2 strong{color:#fff}.dark .recommend-post{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15)}.dark .recommend-post .meta{color:#aaa;color:rgba(255,255,255,.55)}@media (max-width:501px){.dark .recommend-post .meta{color:#ccc;color:rgba(255,255,255,.75)}}.dark .recommend-post .top-comment p{color:#eee;color:rgba(255,255,255,.9)}.serif .recommend-post .top-comment p{font-family:Georgia,Times,serif}.serif .recommend-post .top-comment p span.user{font-family:"Helvetica Neue",arial,sans-serif}@media screen and (max-width:440px){.recommend-col-header{margin-bottom:.4em}}.recommend-main.no-preview .recommend-post{height:192px}.recommend-main.no-preview .recommend-post .recommend-post-header{height:100%}.recommend-main.no-preview .recommend-post .recommend-post-header .recommend-image-wrapper{height:100%;border-radius:6px}.recommend-main.no-preview .recommend-post .recommend-post-header .recommend-image-wrapper img{width:auto;min-width:100%;min-height:192px;border-radius:6px}.recommend-main.no-preview .recommend-post .recommend-post-header .recommend-image-wrapper .overlay{background:linear-gradient(to top,rgba(0,0,0,.5) 20%,transparent);border-radius:6px}.recommend-main.no-preview .recommend-post .recommend-post-header .recommend-post-title{font-size:22px;max-height:3.75em;margin-bottom:16px}.recommend-main.no-preview .recommend-post .meta{position:absolute;font-size:13px;color:#eee;color:rgba(255,255,255,.95);bottom:45%}.recommend-main.no-preview .recommend-post .content-preview-wrapper{display:none}@media (max-width:501px){.recommend-main .recommend-post{height:192px}.recommend-main .recommend-post .recommend-post-header{height:100%}.recommend-main .recommend-post .recommend-post-header .recommend-image-wrapper{height:100%;border-radius:6px}.recommend-main .recommend-post .recommend-post-header .recommend-image-wrapper img{width:auto;min-width:100%;min-height:192px;border-radius:6px}.recommend-main .recommend-post .recommend-post-header .recommend-image-wrapper .overlay{background:linear-gradient(to top,rgba(0,0,0,.5) 20%,transparent);border-radius:6px}.recommend-main .recommend-post .recommend-post-header .recommend-post-title{font-size:22px;max-height:3.75em;margin-bottom:16px}.recommend-main .recommend-post .meta{position:absolute;font-size:13px;color:#eee;color:rgba(255,255,255,.95);bottom:45%}.recommend-main .recommend-post .content-preview-wrapper{display:none}.recommend-main .scroll-btn{opacity:1!important}}