main{background:#333;display:grid;grid-template-columns:100%;width:100%}@media(min-width:768px){main{grid-template-columns:calc(100% - 350px) 350px}}main .article-list-header{align-items:center;background:#fff;border-radius:7px;display:flex;grid-column:1/span 2;margin:20px;padding:10px;position:relative}main .article-list-header form{display:flex;position:absolute;right:10px}main .article-list-header form input{height:26px;width:250px}main .article-list-header form button{align-items:center;background:#c0392b;display:flex;height:32px;justify-items:center;width:32px}main .article-list-header form button svg{fill:#fff;height:24px;margin:0 auto;width:24px}main .article-links-container{background:#fff;border-radius:7px;color:#000;margin:20px;padding:10px}main .article-list-body .home-news-item{text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased;border-radius:10px;color:#fff;max-height:145px;overflow:hidden;position:relative;width:100%}main .article-list-body .home-news-item-img{height:145px;-o-object-fit:cover;object-fit:cover;-o-object-position:center right;object-position:center right;position:relative;width:100%;z-index:0}main .article-list-body .home-news-item-panel{backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border-radius:10px;box-shadow:0 0 10px 2px #000;height:100%;left:0;max-width:325px;min-width:325px;overflow:hidden;position:absolute;top:0;transition:backdrop-filter .25s,-webkit-backdrop-filter .25s;width:325px}main .article-list-body .home-news-item:hover .home-news-item-panel{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}main .article-list-body .home-news-item:hover .home-news-panel-indicator,main .article-list-body .home-news-item:hover .home-news-title{background-color:#0b0b0b}@supports((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur())){main .article-list-body .home-news-item:hover .home-news-panel-indicator,main .article-list-body .home-news-item:hover .home-news-title{background-color:hsla(0,0%,4%,.75)}}main .article-list-body .home-news-panel-indicator{background-color:rgba(33,33,33,.95);display:table;height:35px;transition:background-color .25s;width:100%}@supports((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur())){main .article-list-body .home-news-panel-indicator{background-color:rgba(33,33,33,.75)}}main .article-list-body .home-news-title{background-color:rgba(33,33,33,.95);color:#fff;font-size:14px;font-weight:200;height:calc(100% - 90px);margin:0;padding:10px;transition:background-color .25s}@supports((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur())){main .article-list-body .home-news-title{background-color:rgba(33,33,33,.75)}}main .article-list-body .home-news-footer-bar{background:rgba(255,59,59,.95);color:#fff;display:table;height:35px;width:100%}@supports((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur())){main .article-list-body .home-news-footer-bar{background:rgba(255,59,59,.6)}}main .article-list-body .home-news-time{display:table-cell;font-size:13px;font-weight:200;padding:0 15px;vertical-align:middle;width:105px}main .article-list-body .home-news-panel-indicator-text{color:#fff;display:table-cell;font-size:13px;font-weight:200;height:100%;letter-spacing:3px;padding:0 10px;position:relative;text-transform:uppercase;vertical-align:middle;width:100%}main .article-list-body .home-news-comment-count{display:table-cell;font-size:13px;font-weight:200;padding:0 15px;text-align:right;vertical-align:middle}main .article-list-body .home-news-comment-count svg{height:20px;width:20px}main .article-list-body .home-news-panel-indicator-pipe{font-size:17px;left:5px;position:relative;top:-1px}main .article-list-body .home-news-highlight-review{background:rgba(230,126,34,.75)!important}main .article-list-body .home-news-highlight-sysreq{background:rgba(39,174,96,.75)!important}main .article-list-body .home-news-highlight-ufd{background:rgba(216,39,39,.75)!important}main .article-list-body .home-news-highlight-hardware{background:rgba(100,149,237,.75)!important}@media(min-width:768px){main .article-list-body .home-news-item{height:255px;max-height:unset}main .article-list-body .home-news-item-img{height:100%}main .article-list-body .home-news-title{font-size:20px}main .article-list-body .home-news-item-panel{height:100%;max-height:unset;max-width:355px;width:60%}}main .article-list-body .home-news-item{box-shadow:0 0 10px 2px #000;margin:30px 20px;width:calc(100% - 40px)}main .article-list-sidebar .np--news-debate-component{background:#fff;font-family:Open Sans,arial,sans-serif;padding:2%;width:96%}main .article-list-sidebar .np--news-debate-component h1{color:#e50000;font-family:Open Sans,arial,sans-serif;font-size:15px;font-weight:600;letter-spacing:2px;margin:0;text-align:left;text-transform:uppercase}main .article-list-sidebar .np--news-debate-component h1 span{color:#000;font-family:sans-serif;font-size:16px;font-weight:600;left:0;position:relative;top:-1px}main .article-list-sidebar .ndc--row{margin:10px 0;padding:10px 5px;position:relative}main .article-list-sidebar .ndc--title{width:calc(100% - 40px)}main .article-list-sidebar .ndc--title a{color:#000}main .article-list-sidebar .ndc--title h4{color:#000;font-weight:600;margin:0}main .article-list-sidebar .ndc--title h4 span{font-weight:600}main .article-list-sidebar .ndc--category,main .article-list-sidebar .ndc--title a:hover h4{color:#ff3030}main .article-list-sidebar .ndc--comments{bottom:0;color:#ff3535;display:flex;float:right;padding:5px;position:absolute;right:0}main .article-list-sidebar .ndc--comments svg{height:20px;margin-right:5px;width:20px}main .article-list-sidebar .nbc--break{border:0;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:0 5%;width:90%}main .article-list-sidebar .np--news-debate-component .nbc--break:not(:first-child){border-bottom:0}main .article-list-sidebar .np--news-debate-component .nbc--break:last-child{display:none}main .article-list-sidebar .nbc--comment-count{font-family:Roboto,arial,sans-serif}main .article-list-sidebar .news-component{background:#fff;font-family:Open Sans,arial,sans-serif;padding:2%;width:96%}main .article-list-sidebar .news-component h1{color:#e50000;font-family:Open Sans,arial,sans-serif;font-size:15px;font-weight:600;letter-spacing:2px;margin:0;text-align:left;text-transform:uppercase}main .article-list-sidebar .news-component h1 span{color:#000;font-family:sans-serif;font-size:16px;font-weight:600;left:0;position:relative;top:-1px}main .article-list-sidebar .nc--row{margin:10px 0;padding:10px 5px;position:relative}main .article-list-sidebar .nc--title{width:calc(100% - 40px)}main .article-list-sidebar .nc--title a{color:#fff}main .article-list-sidebar .nc--title a:hover h4{color:#ff3030}main .article-list-sidebar .nc--title h4{color:#000;font-weight:600;margin:0}main .article-list-sidebar .nc--title em,main .article-list-sidebar .nc--title span{color:#000;font-weight:600}main .article-list-sidebar .nc--title em:hover{color:#ff3030}main .article-list-sidebar .nc--title em span{color:#000;font-weight:700;text-transform:none}main .article-list-sidebar .nc--category{color:#ff3030}main .article-list-sidebar .nc--comments{bottom:0;color:#ff3535;display:flex;float:right;padding:5px;position:absolute;right:0}main .article-list-sidebar .nc--comments svg{height:20px;margin-right:5px;width:20px}main .article-list-sidebar .nc--break{border:0;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:0 5%;width:90%}main .article-list-sidebar .news--component .nc--break:not(:first-child){border-bottom:0}main .article-list-sidebar .news--component .nc--break:last-child{display:none}main .article-list-sidebar .nc--comment-count{font-family:Roboto,arial,sans-serif}