@charset "UTF-8";body{font-family:Klavika,sans-serif;color:#333;font-size:18px;line-height:24px;margin:0}.hero-text-box{max-width:500px;margin-bottom:40px;padding:15px 20px 10px;background-color:#fff}.hero-text-box.mobile-hero-text-box{display:none}.hero{width:100%;background:#000;background-position:center;position:relative;height:auto}.hero img{width:100%;height:auto}.hero-mobile-img{display:none}.hero .call-out{padding:25px;background:linear-gradient(to right,#fff 0% 30%,#fffc 51%,#ffffffa8 69%,#ffffffb5 90%,#ffffff80);display:flex;display:-ms-flexbox;flex-direction:row;flex-wrap:wrap;justify-content:space-between;line-height:1.1;margin-bottom:96px}.hero .call-out .copy{flex:0 1 100%;align-self:center;padding-right:20px}.hero .call-out .copy p{margin-top:0;margin-bottom:0;font-size:24px}.hero .call-out .logo{flex:0 1 55%;align-self:left}.hero .call-out .logo img{vertical-align:baseline;padding-top:30px}.hero .call-out-box{position:absolute;bottom:35%;right:50%;transform:translate(5%,20%);display:flex;display:-ms-flexbox;justify-content:flex-end;align-items:flex-end;width:35%;min-width:520px}.hero .call-out-box img.amd-arrow{flex-shrink:0;width:96px}.mobile-img,.fnatic-mobile-img,.products-RyzenRadeon-mobile-img,.Radeon-Performance-mobile-img,.Ryzen-Fastest-mobile-img{display:block;margin-left:auto;margin-right:auto}.img-right img,.img-left img,.scroll-video,div.product img,div.vendor img{width:100%;height:auto}.comparison-chart p{margin-top:0;margin-bottom:0;font-size:100%}.comparison-chart{position:relative}.comparison-chart .text h3,.comparison-chart .text .driver .field--name-name,.driver .comparison-chart .text .field--name-name{font-weight:700;text-align:left;display:inline-block}.comparison-chart .text h3 span,.comparison-chart .text .driver .field--name-name span,.driver .comparison-chart .text .field--name-name span{vertical-align:super;font-size:60%}.comparison-chart .chart-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative}.comparison-chart .chart-wrapper.legend-below .legend{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin:40px 0 0}.comparison-chart .chart-wrapper.legend-below .chart{margin:0!important}.comparison-chart .chart-wrapper .legend{margin:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center}.comparison-chart .chart-wrapper .legend .legend-item .legend-color{height:25px;width:25px;margin-right:5px;float:left}.comparison-chart .chart-wrapper .legend .legend-item .legend-text{padding-right:15px;float:left}.comparison-chart .chart-wrapper .chart-container{position:relative}.comparison-chart .chart-wrapper .chart-container .chart{margin:0 auto;height:auto;position:relative;width:100%}.comparison-chart .chart-wrapper .chart-container .chart .chart-content{overflow:hidden;position:relative}.comparison-chart .chart-wrapper .chart-container .chart .scale{width:100%;position:absolute;height:87%;top:0;display:block;z-index:1}.comparison-chart .chart-wrapper .chart-container .chart .scale div{height:100%;border-right:1px dashed #a6a6a6;float:left;position:relative}.comparison-chart .chart-wrapper .chart-container .chart .scale div span{position:absolute;bottom:-22px;font-size:10px;right:0;-webkit-transform:translateX(50%);transform:translate(50%)}.comparison-chart .chart-wrapper .chart-container .chart .scale div:first-child span{min-width:30px;left:-12px}.comparison-chart .chart-wrapper .chart-container .chart .scale div:last-child{display:none}.comparison-chart .chart-wrapper .chart-container .chart .chart-item{padding-top:8px;text-align:left;position:relative;z-index:2}.comparison-chart .chart-wrapper .chart-container .chart .chart-item:first-child,.comparison-chart .chart-wrapper .chart-container .chart .chart-item:first-child .chart-group{padding-top:0}.comparison-chart .chart-wrapper .chart-container .chart .chart-item .chart-group{font-size:16px;font-weight:700;padding-top:15px}.comparison-chart .chart-wrapper .chart-container .chart .chart-item .chart-group span{vertical-align:super;font-size:60%}.comparison-chart .chart-wrapper .chart-container .chart .chart-item .bar-label{padding-top:10px;font-size:16px}.comparison-chart .chart-wrapper .chart-container .chart .chart-item .bar-label:first-child{padding-top:0}.comparison-chart .chart-wrapper .chart-container .chart .chart-item div.score{width:1px;height:35px;font-size:16px;line-height:36px;padding-right:8px;text-align:right;margin-top:2px;color:#fff}.comparison-chart .chart-wrapper .chart-container .chart .chart-item div.score.dark-text,.comparison-chart .chart-wrapper .chart-container .chart .chart-item .partner-webinars div.score.partner-webinar,.partner-webinars .comparison-chart .chart-wrapper .chart-container .chart .chart-item div.score.partner-webinar{color:#000}.comparison-chart .field--name-field-paragraph-link{text-align:left}.comparison-chart.text-center .text,.comparison-chart.pagination .text,ul.comparison-chart.pager__items .text,.paragraph ul.comparison-chart.pager .text,.comparison-chart.js-pager__items .text,.node--type-amd-game-page .comparison-chart#game-logos .text,.comparison-chart.text-center .field--name-field-paragraph-link,.comparison-chart.pagination .field--name-field-paragraph-link,ul.comparison-chart.pager__items .field--name-field-paragraph-link,.paragraph ul.comparison-chart.pager .field--name-field-paragraph-link,.comparison-chart.js-pager__items .field--name-field-paragraph-link,.node--type-amd-game-page .comparison-chart#game-logos .field--name-field-paragraph-link{text-align:center}@media screen and (max-width: 992px){.chart .legend>span{font-size:14px}.chart .legend>span span{height:20px;width:20px}.chart .chart-item span{font-size:14px}.chart .chart-item div.score{height:20px;font-size:12px}}@media screen and (max-width: 640px){.chart .legend>span{font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex}.chart .legend>span span{height:15px;width:15px}.chart .chart-item span{font-size:12px}.chart .chart-item div.score{height:15px;font-size:10px}.chart .scale{height:65%}}@media (min-width: 1921px){.chart{max-width:1920px}}.paragraph.chart-animate .chart-item{overflow:hidden}.paragraph.chart-animate .chart-item div.score{margin-left:-100%}@media (max-width: 2400px){.hero .call-out-box{width:35%}}@media (max-width: 2200px){.hero .call-out-box{width:35%}}@media (max-width: 1920px){.hero .call-out-box{width:50%;bottom:30%}}@media (max-width: 1700px){.hero .call-out-box{width:45%;transform:translate(10%);bottom:10%}.hero .call-out .logo{flex:0 1 45%}}@media (max-width: 1500px){.hero .call-out-box{transform:translate(0);bottom:7%;width:50%}}@media (max-width: 1300px){.hero .call-out-box{transform:translate(-10%);width:55%;bottom:5%;right:3%}.hero .call-out{padding:10px 20px;margin-bottom:50px}.hero .call-out-box img.amd-arrow{width:50px}}@media (max-width: 1150px){.hero{height:auto;background:#000}.hero-mobile-img{display:block}.hero .mobile-img{display:none}.hero .call-out-box{transform:translate(5%,-25%)}.hero .call-out-box{transform:none;position:relative;margin:0 auto;top:0;left:0;padding:0 0 20px;justify-content:center;width:75%;min-width:inherit}.hero .call-out{background:#fff;padding:10px 20px;margin-bottom:40px}.hero .call-out .logo img{padding-bottom:15px}.hero .call-out-box img.amd-arrow{width:40px}}@media (max-width: 991px){.hero .call-out-box{width:90%}br.hide-break{display:block}}@media (max-width: 767px){.hero .call-out{flex-direction:column}.hero .call-out .logo{margin-top:20px;border-left:0}br.hide-break{display:none}}.hero-info{display:flex;display:-ms-flexbox;justify-content:flex-end;align-items:flex-end;margin-top:310px}.hero-wrapper{width:100%;max-width:1100px}h1{font-size:48px;line-height:48px}h2{font-size:40px;line-height:40px}h3{font-size:24px;text-align:center}div.container-grey{background-color:#e1e1e2}div.container-white{background-color:#fff}div.section{max-width:1464px;margin:auto;display:flex;width:100%;justify-content:center;padding:80px 0;flex-wrap:nowrap;align-items:center}div.section-short{max-width:1464px;margin:auto;display:flex;width:100%;justify-content:center;padding:80px 0 10px;flex-wrap:nowrap;align-items:center}div.subsection{max-width:1464px;margin:auto;display:flex;width:100%;justify-content:center;padding:0 0 80px;flex-wrap:nowrap;align-items:center}div.footnotes{margin:auto;max-width:1464px;padding:50px 0}.footnotes p,.footnotes ol{font-size:10px;line-height:13px}.img-right,.img-left,.video-container{width:55%}.video-container-yt{width:55%;position:relative;padding-bottom:30%;height:0;overflow:hidden}.video-container-yt iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.img-right img,.img-left img,.scroll-video,div.product img{width:100%;height:auto}div.product img{max-width:290px}.text-left{margin-right:50px;width:45%}.text-right{margin-left:0;width:45%}.chart-left{margin-right:50px;width:45%}.chart-right{margin-left:0;width:45%}.text-middle{width:100%}div.product{margin:0 50px;text-align:center;width:25%}sup{font-size:50%;line-height:50%}.product .button{margin-top:15px;padding:7px 15px 5px;border:2px solid #000;background-color:transparent;color:#000;font-weight:700;text-transform:uppercase;text-decoration:none}.product .button:hover{background-color:#000;color:#fff}.section .button{margin-top:15px;padding:7px 15px 5px;border:2px solid #000;background-color:transparent;color:#000;font-weight:700;text-transform:uppercase;text-decoration:none}.section .button:hover{background-color:#000;color:#fff}ol{margin-left:0;padding-left:10px}ul{margin-left:0;padding-left:18px;list-style-type:square}ul li{padding-bottom:5px}@media (max-width: 1500px){div.container-grey,div.container-white{padding:0 50px}}@media (max-width: 992px){div.product{margin:0 10px 10px;width:50%}}@media (max-width: 768px){div.section{flex-wrap:wrap;padding:80px 0}.img-right,.img-left,.video-container{width:100%}.img-right,.video-container{order:1}.text-left{margin-right:0;width:100%;order:2}.text-right{margin-left:0;width:100%}div.container-grey,div.container-white{padding:0 50px}div.product{margin:0 25px 50px;width:50%}}