Anonymous edits have been disabled on the wiki. If you want to contribute please login or create an account.


Warning for game developers: PCGamingWiki staff members will only ever reach out to you using the official press@pcgamingwiki.com mail address.
Be aware of scammers claiming to be representatives or affiliates of PCGamingWiki who promise a PCGW page for a game key.

Difference between revisions of "MediaWiki:Common.css"

From PCGamingWiki, the wiki about fixing PC games
m (color site notice hr)
 
(90 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
/* CSS placed here will be applied to all skins */
 
/* CSS placed here will be applied to all skins */
  
h2 + dl {
+
/* color site notice hr */
    margin-top: 0.7em;
+
div#site-notice hr {
 +
  background-color: #FFF;
 
}
 
}
  
/* ===== Hide header section on various pages ==================
+
/* sticky table headers on desktop */
*
+
@media (min-width: 801px)
* Prevents display of the "Edit", "Discussion", etc. tabs and
+
{
* site-sub on various pages.
+
  table.pcgwikitable.sortable thead {
*
+
    position: sticky;
*/
+
    top: 45px;
 +
  }
 +
}
  
.page-PCGamingWiki_About #site-sub, .page-PCGamingWiki_About .article-header, .page-PCGamingWiki_About #catlinks, .page-PCGamingWiki_About #mw-head,
+
/* fix broken three-column overflow in Chromium browsers */
.page-PCGamingWiki_Staff #site-sub, .page-PCGamingWiki_Staff .article-header, .page-PCGamingWiki_Staff #catlinks, .page-PCGamingWiki_Staff #mw-head,
+
/* might not actually solve all situations where this occurs */
.page-PCGamingWiki_FAQ #site-sub, .page-PCGamingWiki_FAQ .article-header, .page-PCGamingWiki_FAQ #catlinks, .page-PCGamingWiki_FAQ #mw-head,
+
#pcgw-references ol.references
.page-PCGamingWiki_Account #site-sub, .page-PCGamingWiki_Account .article-header, .page-PCGamingWiki_Account #catlinks, .page-PCGamingWiki_Account #mw-head,
 
.page-PCGamingWiki_Disclaimer #site-sub, .page-PCGamingWiki_Disclaimer .article-header, .page-PCGamingWiki_Disclaimer #catlinks, .page-PCGamingWiki_Disclaimer #mw-head,
 
.page-PCGamingWiki_Code_of_conduct #site-sub, .page-PCGamingWiki_Code_of_conduct .article-header, .page-PCGamingWiki_Code_of_conduct #catlinks, .page-PCGamingWiki_Code_of_conduct #mw-head,
 
.page-PCGamingWiki_Copyrights #site-sub, .page-PCGamingWiki_Copyrights .article-header, .page-PCGamingWiki_Copyrights #catlinks, .page-PCGamingWiki_Copyrights #mw-head,
 
.page-PCGamingWiki_Privacy_policy #site-sub, .page-PCGamingWiki_Privacy_policy .article-header, .page-PCGamingWiki_Privacy_policy #catlinks, .page-PCGamingWiki_Privacy_policy #mw-head,
 
.page-PCGamingWiki_API #site-sub, .page-PCGamingWiki_API .article-header, .page-PCGamingWiki_API #catlinks, .page-PCGamingWiki_API #mw-head,
 
.page-PCGamingWiki_Extension #site-sub, .page-PCGamingWiki_Extension .article-header, .page-PCGamingWiki_Extension #catlinks, .page-PCGamingWiki_Extension #mw-head,
 
.page-PCGamingWiki_Partnerships #site-sub, .page-PCGamingWiki_Partnerships .article-header, .page-PCGamingWiki_Partnerships #catlinks, .page-PCGamingWiki_Partnerships #mw-head
 
 
{
 
{
     display: none;
+
     margin-bottom: 45px
 
}
 
}
  
/* ===== Fix for links in the editing guide navigation boxes not covering everything================== */
 
  
/* both boxes */
+
/* new Template:File styling */
.editing-guide-list-item.editing-guide-previous > p, .editing-guide-list-item.editing-guide-next > p {
+
code.file-code {
     padding-top: 0px;
+
     font-weight: bold;
 +
    background: none;
 +
    border: none;
 
}
 
}
  
/* next link */
+
span.file-span,
.editing-guide-list-item.editing-guide-next a, .editing-guide-list-item.editing-guide-next a.new, .editing-guide-list-item.editing-guide-next a.new:visited {
+
span.file-span-directory,
     padding: 40px 115px 10px 20px;
+
span.file-span-registr
 +
{
 +
    height: 1em;
 +
    width: 1.5em;
 +
     display: inline-block;
 
}
 
}
  
/* previous link */
+
span.file-span:before {
.editing-guide-list-item.editing-guide-previous a, .editing-guide-list-item.editing-guide-previous a.new, .editing-guide-list-item.editing-guide-previous a.new:visited {
+
    content: "📄";
     padding: 40px 20px 10px 115px;
+
}
 +
 
 +
span.file-span-directory:before {
 +
     content: "📂";
 
}
 
}
  
/* gotta fix icon for previous link */
+
span.file-span-registry:before {
.editing-guide-list-item.editing-guide-previous .editing-guide-icon a, .editing-guide-list-item.editing-guide-previous .editing-guide-icon a.new, .editing-guide-list-item.editing-guide-previous .editing-guide-icon a.new:visited {
+
     content: "🧊";
     padding: 0;
 
 
}
 
}
  
/* gotta prevent "clicks" from registering on the previous / next text labels themselves, and allow the click to register on the underlying link */
+
span.file-span-linebreak {
.editing-guide-list-item.editing-guide-previous > p::before, .editing-guide-list-item.editing-guide-next > p::before {
+
    /* line-break: anywhere; */ /* disabled for testing white-space approach instead */
     pointer-events: none;
+
     white-space: break-spaces; /* disabled 'nowrap' after finding scenarios that it breaks */
 
}
 
}
  
/* ===== Make all images in content responsive by default ========================== */
+
/* prevents scribunto's debug console to extend long past the main content area */
#body-content img {
+
.mw-scribunto-console-fieldset {
     max-width: 100%;
+
     overflow-wrap: anywhere;
    height: auto;
 
 
}
 
}
  
 +
/* fix for weird [Expand] label being added to some scenarios */
 +
 +
/* .client-js td.mw-collapsed:not(.mw-made-collapsible):before, */
 +
.client-js table.mw-collapsed:not(.mw-made-collapsible) :first-child tr:first-child th:last-child:before /* <-- this is the problematic line */
 +
/* .client-js table.mw-collapsed:not(.mw-made-collapsible) > caption:first-child:after, */
 +
/* .client-js div.mw-collapsed:not(.mw-made-collapsible):before */
 +
{
 +
    content: '';
 +
}
  
/* ===== Notificaiton anchor doesn't display properly so cleaner just to hide it ===== */
 
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {display:none}
 
  
 +
/* ProtonDB medals */
 +
.rating-badges {
 +
    padding: 3px 5px;
 +
    margin: 2px;
 +
    height: 25px;
 +
    border-radius: 20px;
 +
    font-weight: bold;
 +
    color: white;
 +
}
 +
.rating-container a {
 +
    text-decoration: none;
 +
}
  
/* ===== Venatus skin (guests only) ========================== */
+
.protondb-click-play-tier-1 {background: rgb(97, 205, 187);}
 +
.protondb-click-play-tier-2 {background: rgb(241, 225, 91);}
 +
.protondb-click-play-tier-3 {background: rgb(232, 193, 160);}
 +
.protondb-click-play-tier-4 {background: rgb(232, 168, 56);}
 +
.protondb-click-play-tier-5 {background: rgb(244, 117, 96);}
 +
.protondb-click-play-tier-unknown {background: grey;}
  
.raiSkinDesktop .ad-header-container, .raiSkinDesktop .ad-footer-container, .raiSkinDesktop #mpu {display:none}
+
.protondb-medals-platinum {background: rgb(180, 199, 220);}
.raiSkinDesktop #pcgw-header {position:static}
+
.protondb-medals-gold    {background: rgb(207, 181, 59);}
.raiSkinDesktop #masthead {margin-top:0}
+
.protondb-medals-silver  {background: rgb(166, 166, 166);}
.raiSkinDesktop #main-content {margin-top:0;margin-bottom:0}
+
.protondb-medals-bronze  {background: rgb(153, 153, 153);}
.raiSkinDesktop {background:black}
+
.protondb-medals-borked  {background: red;}
 +
.protondb-medals-unknown  {background: grey;}
  
 +
/* Steam Deck verified icons */
 +
.steam-deck-verified {
 +
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%231db288'/%3E%3Cpath fill='%23fff' d='m121,189c-4,5-7,8.5-14,8.5-14,0-61-51-63-57-2,-6 4,-10 8-12 9-5 17.5,1 23,7.5 25.5,33 34,13.5 51-11l41.5-61c5.5-7.5 13,-11.5 22.5-5 7.5,5.5 6,12 2,18.5z'/%3E%3C/svg%3E");
 +
}
  
/* ===== Changes to new content width and whatnot ==========================
+
.steam-deck-playable {
*
+
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='125' cy='125' r='125' fill='%23ffc82c'/%3E%3Cg fill='%23fff'%3E%3Ccircle cx='120' cy='60' r='20'/%3E%3Cpath d='M86,95h56v90h19v18H86V185h18V110H86z'/%3E%3C/g%3E%3C/svg%3E");
* There's a sudden disrupted change in width when going below 1630px with the new content size, where basically the content width is allowed to be at 1630px at higher resolutions, then at viewport resolutions below 1830px the main content width starts to shrink below 1630px, until it reaches 1430px or so, where it suddenly jumps up to 1630px again. This is due to #main-column enforcing a width: calc(100vw - 200px); style to it.
+
}
*
+
 
*/
+
.steam-deck-unsupported {
 +
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='125' cy='125' r='121' fill='%237c8ea3'/%3E%3Cpath fill='%23fff' d='M63.4,167 103.2,122 62.6,72.2c-3.4,-5.7-2.5,-11.7 2.2,-15 6.9,-4 16.7,-4.6 22.8,0.2l38.3,46.1 34.5,-40.5c4.1,-5.4 10.4,-8.9 16.6,-9 22.4,1.4 15.1,17 6,27.6l-35,40.4 37.7,45c8,8.3 15.1,21.7 1.9,27.4-7.7,2.8-17.3,2-22.9,-4.1l-39.4,-47.5-38.8,45.7c-4.4,5.1-10.5,7.5-16.8,7.5-21.8,-3.8-15.8,-18.2-6.3,-29z'/%3E%3C/svg%3E");
 +
}
 +
 
 +
/* Add left-margin to notes within fixboxes */
 +
.fixbox-body dl {
 +
    margin-left: 6px;
 +
}
  
#main-column {
+
h2 + dl {
     width: 100vw;
+
     margin-top: 0.7em;
 
}
 
}
  
  
/* Adds fixed top bar on scrolling -- mirroring the mobile view */
+
/* Gamesplanet promo CSS class */
#pcgw-header {
+
.mw-body-with-ads .home-gamesplanet-promo {
     position: fixed;
+
     display: block !important;  
 
}
 
}
  
/* Adds fixed top bar on scrolling -- mirroring the mobile view */
+
.mw-body-with-ads .home-search-examples {
#masthead {
+
     display: none !important;
     margin-top: 45px;
 
 
}
 
}
  
/* Fix vertical scrollbar on sub-1630px views + mobile-view margin issue */
+
.home-gamesplanet-promo {
#main-content {
+
     width: 100%;
     margin-left: 0px;
+
     position: absolute;
     margin-right: 0px;
+
     top: 120px;
     margin-top: 10px;
+
    display: none;
 
}
 
}
  
/* Fix margin on mobile view */
+
.home-gamesplanet-promo a {
@media (max-width: 800px)
+
    color: rgba(255,255,255,0.8) !important;
{
+
    transition: 300ms color;
     #main-content {
+
     display: inline;
        width: 100vw;
+
    padding: 0 5px;
    }
+
}
  
    table.template-seriesbox {
 
        width: 100vw;
 
    }
 
  
    html.client-js #toc {
+
/* ===== Hide header section on various pages ==================
        width: 100vw;
+
*
    }
+
* Prevents display of the "Edit", "Discussion", etc. tabs and
 +
* site-sub on various pages.
 +
*
 +
*/
  
    .container-pcgwikitable {
+
.page-PCGamingWiki_About #site-sub, .page-PCGamingWiki_About .article-header, .page-PCGamingWiki_About #catlinks, .page-PCGamingWiki_About #mw-head,
        width: 100vw;
+
.page-PCGamingWiki_FAQ #site-sub, .page-PCGamingWiki_FAQ .article-header, .page-PCGamingWiki_FAQ #catlinks, .page-PCGamingWiki_FAQ #mw-head,
        max-width: 100vw;
+
.page-PCGamingWiki_Account #site-sub, .page-PCGamingWiki_Account .article-header, .page-PCGamingWiki_Account #catlinks, .page-PCGamingWiki_Account #mw-head,
    }
+
.page-PCGamingWiki_Disclaimer #site-sub, .page-PCGamingWiki_Disclaimer .article-header, .page-PCGamingWiki_Disclaimer #catlinks, .page-PCGamingWiki_Disclaimer #mw-head,
 +
.page-PCGamingWiki_Copyrights #site-sub, .page-PCGamingWiki_Copyrights .article-header, .page-PCGamingWiki_Copyrights #catlinks, .page-PCGamingWiki_Copyrights #mw-head,
 +
.page-PCGamingWiki_Privacy_policy #site-sub, .page-PCGamingWiki_Privacy_policy .article-header, .page-PCGamingWiki_Privacy_policy #catlinks, .page-PCGamingWiki_Privacy_policy #mw-head,
 +
.page-PCGamingWiki_API #site-sub, .page-PCGamingWiki_API .article-header, .page-PCGamingWiki_API #catlinks, .page-PCGamingWiki_API #mw-head,
 +
.page-PCGamingWiki_Extension #site-sub, .page-PCGamingWiki_Extension .article-header, .page-PCGamingWiki_Extension #catlinks, .page-PCGamingWiki_Extension #mw-head,
 +
.page-PCGamingWiki_Partnerships #site-sub, .page-PCGamingWiki_Partnerships .article-header, .page-PCGamingWiki_Partnerships #catlinks, .page-PCGamingWiki_Partnerships #mw-head
 +
{
 +
    display: none;
 +
}
  
    .pcgwikitable {
+
/* ===== Fix for links in the editing guide navigation boxes not covering everything================== */
        width: 100vw;
 
    }
 
  
    /* Further changes to make the personal-bar-flyout in mobile view to get more inline with the rest of the sidebar */
+
/* both boxes */
    #p-personal-mobile #personal-bar-flyout > div li a:hover, #p-personal-mobile #personal-bar-flyout > div li a:active {
+
.editing-guide-list-item.editing-guide-previous > p, .editing-guide-list-item.editing-guide-next > p {
        background-color: #1a1a1a;
+
    padding-top: 0px;
        color: white;
 
        text-decoration: none;
 
    }
 
 
}
 
}
  
 +
/* next link */
 +
.editing-guide-list-item.editing-guide-next a, .editing-guide-list-item.editing-guide-next a.new, .editing-guide-list-item.editing-guide-next a.new:visited {
 +
    padding: 40px 115px 10px 20px;
 +
}
  
/* Fix user menu disappearing into the white of the content area due to lack of borders */
+
/* previous link */
@media (min-width: 801px)
+
.editing-guide-list-item.editing-guide-previous a, .editing-guide-list-item.editing-guide-previous a.new, .editing-guide-list-item.editing-guide-previous a.new:visited {
{
+
    padding: 40px 20px 10px 115px;
    #p-personal #personal-bar-flyout > div {
+
}
        height: 30px;
 
        padding: 2px .2rem 0 .2rem;
 
        background: right 10px top 8px no-repeat;
 
        background-size: auto 12px;
 
        background-image: url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22%3E%3Cpath d=%22M16 6 14 3.8 8 10 2 3.8 0 6 8 14Z%22 fill=%22%23fff%22/%3E%3C/svg%3E);
 
    }
 
  
    div#personal-bar-flyout > div > ul {
+
/* gotta fix icon for previous link */
        border-left: 1px solid #aaa;
+
.editing-guide-list-item.editing-guide-previous .editing-guide-icon a, .editing-guide-list-item.editing-guide-previous .editing-guide-icon a.new, .editing-guide-list-item.editing-guide-previous .editing-guide-icon a.new:visited {
        border-right: 1px solid #aaa;
+
    padding: 0;
        border-bottom: 1px solid #aaa;
 
    }
 
 
}
 
}
  
/* Fix z-index issue on front page where large search box results are displayed above top nav dropdown menus */
+
/* gotta prevent "clicks" from registering on the previous / next text labels themselves, and allow the click to register on the underlying link */
.page-Home div.suggestions + div.suggestions {
+
.editing-guide-list-item.editing-guide-previous > p::before, .editing-guide-list-item.editing-guide-next > p::before {
     z-index: 99; /* previously: 1099; */
+
     pointer-events: none;
 
}
 
}
  
/* Fix social buttons and footer being misaligned at 1200px #masthead width */
+
/* ===== Make all images in content responsive by default ========================== */
.pcgw-footer-column:last-of-type {
+
#body-content img {
     width: 1080px; /* social buttons are 60px width. 1080 + 60 + 60 == 1200px */
+
     max-width: 100%;
     margin-right: 60px; /* push the contents further 60px to the left (the width of the social buttons to the left) to account for the off-center positioning */
+
     height: auto;
 
}
 
}
  
/* Retain sizing in mobile view */
 
@media (max-width: 800px) {
 
    .pcgw-footer-column:last-of-type {
 
        min-width: 0;
 
        width: 100%;
 
        height: auto;
 
    }
 
}
 
  
/* Counteract the floating nav causing direct links to miss their targets */
+
/* ===== Notificaiton anchor doesn't display properly so cleaner just to hide it ===== */
html {
+
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {display:none}
  scroll-padding-top: 45px; /* height of sticky header */
+
 
}
 
  
/* ===== Styling Tocbox ==========================
+
/* ===== Venatus skin (guests only) ========================== */
*
 
*
 
*/
 
  
table.template-tocbox {
+
.raiSkinDesktop .ad-header-container, .raiSkinDesktop .ad-footer-container, .raiSkinDesktop #mpu {display:none}
    float: right;
+
.raiSkinDesktop #pcgw-header {position:static}
    clear: right;
+
.raiSkinDesktop #masthead {margin-top:0}
    color: #333;
+
.raiSkinDesktop #main-content {margin-top:0;margin-bottom:0}
    width: 300px;
+
.raiSkinDesktop {background:black}
    margin: 0;
+
 
    margin-bottom: 15px;
+
 
    margin-left: 15px;
+
/* ===== Changes to new content width and whatnot ==========================
    background-color: #fff;
+
*
    font-size: 1.2rem;
+
* There's a sudden disrupted change in width when going below 1630px with the new content size, where basically the content width is allowed to be at 1630px at higher resolutions, then at viewport resolutions below 1830px the main content width starts to shrink below 1630px, until it reaches 1430px or so, where it suddenly jumps up to 1630px again. This is due to #main-column enforcing a width: calc(100vw - 200px); style to it.
}
+
*
 +
*/
  
table.template-tocbox td.template-tocbox-body {
+
#main-column {
     padding: 0
+
     width: 100vw;
 
}
 
}
  
table.template-tocbox td.template-tocbox-body div#toc {
 
    display: inline block;
 
    background: none;
 
    border: none;
 
    width: 100%;
 
}
 
  
table.template-tocbox td.template-tocbox-body div#toc {
+
/* Adds fixed top bar on scrolling -- mirroring the mobile view */
     display: inline block;
+
#pcgw-header {
    background: none;
+
     position: fixed;
    border: none;
 
    width: 100%;
 
 
}
 
}
  
table.template-tocbox td.template-tocbox-body div#toc > ul {
+
/* Adds fixed top bar on scrolling -- mirroring the mobile view */
     padding: 5px 9px 7px 9px;
+
#masthead {
 +
     margin-top: 45px;
 
}
 
}
  
table.template-tocbox td.template-tocbox-body div.toctitle {
+
/* Fix vertical scrollbar on sub-1630px views + mobile-view margin issue */
    /* display: none; */
+
#main-content {
    background-color: #556db3;
+
     margin-left: 0px;
    padding: 5px;
+
     margin-right: 0px;
    font-size: 1.4rem;
+
     margin-top: 10px;
     font-weight: 600;
 
     box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25);
 
    color: #fff;
 
     text-align: center;
 
 
}
 
}
  
table.template-tocbox td.template-tocbox-body div.toctitle h2 {
+
/* Fix margin on mobile view */
    color: #fff;
+
@media (max-width: 800px)
}
+
{
 +
    #main-content {
 +
        width: 100vw;
 +
    }
  
table.template-tocbox td.template-tocbox-body div.toctitle span.toctoggle {
+
    table.template-seriesbox {
    float: right;
+
        width: 100vw;
}
+
    }
  
table.template-tocbox td.template-tocbox-body div.toctitle span.toctoggle a {
+
    html.client-js #toc {
    color: #fff;
+
        width: 100vw;
     text-decoration: none;
+
     }
}
 
  
table.template-tocbox td.template-tocbox-body a.collapsibletoc-section-toggle {
+
    .container-pcgwikitable {
    float: right;
+
        width: 100vw;
}
+
        max-width: 100vw;
 +
    }
  
table.template-tocbox td.template-tocbox-body span.collapsibletoc-section-neither {
+
    .pcgwikitable {
    display: none;
+
        width: 100vw;
}
+
    }
  
@media (max-width: 800px)
+
    /* Further changes to make the personal-bar-flyout in mobile view to get more inline with the rest of the sidebar */
{
+
     #p-personal-mobile #personal-bar-flyout > div li a:hover, #p-personal-mobile #personal-bar-flyout > div li a:active {
     table.template-tocbox {
+
         background-color: #1a1a1a;
         float: none;
+
         color: white;
        clear: both;
+
         text-decoration: none;
         width: calc(100vw);
 
         margin-left: 0;
 
 
     }
 
     }
 
}
 
}
  
/* Push Contents header of the new tocbox 39px to the right */
 
  
 +
/* Fix user menu disappearing into the white of the content area due to lack of borders */
 
@media (min-width: 801px)
 
@media (min-width: 801px)
 
{
 
{
     .template-tocbox-body div#toc h2 {
+
     #p-personal #personal-bar-flyout > div {
         padding-left: 39px;
+
        height: 30px;
 +
         padding: 2px .2rem 0 .2rem;
 +
        background: right 10px top 8px no-repeat;
 +
        background-size: auto 12px;
 +
        background-image: url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22%3E%3Cpath d=%22M16 6 14 3.8 8 10 2 3.8 0 6 8 14Z%22 fill=%22%23fff%22/%3E%3C/svg%3E);
 
     }
 
     }
}
 
  
/* ===== Hide abbr text decoration underline in the infobox ==========================
+
    div#personal-bar-flyout > div > ul {
*
+
        border-left: 1px solid #aaa;
*
+
        border-right: 1px solid #aaa;
*/
+
        border-bottom: 1px solid #aaa;
 
+
    }
.template-infobox abbr {
 
    text-decoration: none;
 
 
}
 
}
  
/* ===== Cleanup, Stub, Deletion, and State color changes ==========================
+
/* Fix z-index issue on front page where large search box results are displayed above top nav dropdown menus */
*
+
.page-Home div.suggestions + div.suggestions {
*
+
     z-index: 99; /* previously: 1099; */
*/
 
 
 
.notice {
 
     background-color: #d7e3f4;
 
    color: #000;
 
 
}
 
}
  
.notice-stub, .notice-cleanup {
+
/* Fix social buttons and footer being misaligned at 1200px #masthead width */
     background-color: #ffe8b3;
+
.pcgw-footer-column:last-of-type {
 +
     width: 1080px; /* social buttons are 60px width. 1080 + 60 + 60 == 1200px */
 +
    margin-right: 60px; /* push the contents further 60px to the left (the width of the social buttons to the left) to account for the off-center positioning */
 
}
 
}
  
.notice-text a, .notice-text > span > a, .notice-text > span > a.external, .notice-text > span > a.external:visited, .notice-text a.external, .notice-text a.external:visited, .notice-text a.new, .notice-text a.new:visited {
+
/* Retain sizing in mobile view */
    color: #375898;
+
@media (max-width: 800px) {
 +
    .pcgw-footer-column:last-of-type {
 +
        min-width: 0;
 +
        width: 100%;
 +
        height: auto;
 +
    }
 
}
 
}
  
.notice-stub.notice-section, .notice-cleanup.notice-section {
+
/* Counteract the floating nav causing direct links to miss their targets */
    background-color: #FFF;
+
html {
 +
  scroll-padding-top: 45px; /* height of sticky header */
 
}
 
}
  
 
+
/* ===== Styling Tocbox ==========================
/* ===== Styling News section ====================================================
 
 
*  
 
*  
 
*
 
*
 
*/
 
*/
  
.news_ref {
+
table.template-tocbox {
     font-size:70%;
+
     float: right;
     vertical-align: super;
+
    clear: right;
 +
    color: #333;
 +
    width: 300px;
 +
    margin: 0;
 +
    margin-bottom: 15px;
 +
    margin-left: 15px;
 +
    background-color: #fff;
 +
     font-size: 1.2rem;
 
}
 
}
  
.news_li {list-style:none;margin-bottom:4px;margin-left:23px}
+
.template-tocbox label.toctogglelabel {
.news_li > a {font-weight:bold}
+
    color: #fff;
 +
}
  
.news_li::before {
+
table.template-tocbox td.template-tocbox-body {
    content: ''; 
+
     padding: 0
    display: inline-block; 
 
    height: 16px; 
 
    width: 16px;   
 
    background-size: 16px; 
 
    background-repeat: no-repeat; 
 
     margin-right: 8px;
 
    background-position: center center;
 
    vertical-align: bottom;
 
    margin-left:-23px;
 
 
}
 
}
  
.news_icon_info::before {
+
table.template-tocbox td.template-tocbox-body div#toc {
     background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 250 250%22%3E%3Ccircle cx=%22125%22 cy=%22125%22 r=%22125%22 fill=%22%231f3661%22/%3E%3Cg fill=%22%23fff%22%3E%3Ccircle cx=%22120%22 cy=%2260%22 r=%2220%22/%3E%3Cpath d=%22M86%2C95h56v90h19v18H86V185h18V110H86z%22/%3E%3C/g%3E%3C/svg%3E");  
+
    display: inline block;
 +
     background: none;
 +
    border: none;
 +
    width: 100%;
 
}
 
}
  
.news_icon_pin::before {
+
table.template-tocbox td.template-tocbox-body div#toc {
     background-image: url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22UTF-8%22%3F%3E%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 96 96%22%3E%3Cpath fill=%22%23999%22 d=%22M48 17 57 36 78 39 63 53 66 73 48 64 30 73 33 53 18 39 39 36Z%22/%3E%3C/svg%3E");  
+
    display: inline block;
 +
     background: none;
 +
    border: none;
 +
    width: 100%;
 
}
 
}
  
/* ===== Styling collapsible stuff of the seriesbox  ====================================================
+
table.template-tocbox td.template-tocbox-body div#toc > ul {
*
+
    padding: 5px 9px 7px 9px;
*
+
}
*/
 
  
table.template-seriesbox {
+
table.template-tocbox td.template-tocbox-body div.toctitle {
     border-top: 0;
+
     /* display: none; */
     border-bottom: 0;
+
    background-color: #556db3;
 +
    padding: 5px;
 +
    font-size: 1.4rem;
 +
    font-weight: 600;
 +
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25);
 +
    color: #fff;
 +
     text-align: center;
 
}
 
}
  
table.template-seriesbox tr:nth-child(2) {
+
table.template-tocbox td.template-tocbox-body div.toctitle h2 {
     height: 27px; /* 3px padding top -- gets the box in line with Tocbox */
+
     color: #fff;
    vertical-align: bottom; /* workaround for margin/padding refusing to work on this element */
 
 
}
 
}
  
table.template-seriesbox .mw-collapsible-toggle-default:before {
+
table.template-tocbox td.template-tocbox-body div.toctitle span.toctoggle {
     display:none;
+
     float: right;
 
}
 
}
  
table.template-seriesbox .mw-collapsible-toggle-default:after {
+
table.template-tocbox td.template-tocbox-body div.toctitle span.toctoggle a {
     display:none;
+
    color: #fff;
 +
     text-decoration: none;
 
}
 
}
  
table.template-seriesbox .mw-collapsible-toggle {
+
table.template-tocbox td.template-tocbox-body a.collapsibletoc-section-toggle {
    display: block;
+
     float: right;
     float: none;
 
 
}
 
}
  
table.template-seriesbox .mw-collapsible-toggle a:hover, table.template-seriesbox .mw-collapsible-toggle a:focus {
+
table.template-tocbox td.template-tocbox-body span.collapsibletoc-section-neither {
     text-decoration: none;
+
     display: none;
 
}
 
}
  
.template-seriesbox-series-link {
+
@media (max-width: 800px)
    text-align: left;
+
{
    padding-left: 9px;
+
    table.template-tocbox {
 +
        float: none;
 +
        clear: both;
 +
        width: calc(100vw);
 +
        margin-left: 0;
 +
    }
 
}
 
}
  
.template-seriesbox-title {
+
/* Push Contents header of the new tocbox 39px to the right */
     color: #FFF
+
 
 +
@media (min-width: 801px)
 +
{
 +
    .template-tocbox-body div#toc h2 {
 +
        padding-left: 39px;
 +
     }
 
}
 
}
  
.template-seriesbox-title > a {
+
/* ===== Hide abbr text decoration underline in the infobox ==========================
    display: block;
+
*
    text-decoration: none;
+
*
    color: #FFF
+
*/
}
 
  
.template-seriesbox-title > a:visited {
+
.template-infobox abbr {
    display: block;
 
 
     text-decoration: none;
 
     text-decoration: none;
    color: #FFF !important;
 
 
}
 
}
  
.template-seriesbox .mw-collapsible-toggle-expanded {
+
/* ===== Cleanup, Stub, Deletion, and State color changes ==========================
     background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%224%22%20viewBox%3D%2200214%22%3E%3Cpath%20d%3D%22M6.5%204l4-4%204%204z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
+
*
    background-repeat: no-repeat;
+
*
    background-position: center right;
+
*/
     padding: 0 21px;
+
 
 +
.notice {
 +
    background-color: #d7e3f4;
 +
    color: #000;
 +
}
 +
 
 +
.notice-stub, .notice-cleanup {
 +
     background-color: #ffe8b3;
 +
}
 +
 
 +
.notice-text a, .notice-text > span > a, .notice-text > span > a.external, .notice-text > span > a.external:visited, .notice-text a.external, .notice-text a.external:visited, .notice-text a.new, .notice-text a.new:visited {
 +
     color: #375898;
 
}
 
}
  
.template-seriesbox .mw-collapsible-toggle-collapsed {
+
.notice-stub.notice-section, .notice-cleanup.notice-section {
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%224%22%20viewBox%3D%2200214%22%3E%3Cpath%20d%3D%22M14.5%200l-4%204-4-4z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
+
     background-color: #FFF;
     background-repeat: no-repeat;
 
    background-position: center right;
 
    padding: 0 21px;
 
 
}
 
}
  
  
/* ===== RecentChanges spacing fix  ====================================================
+
/* ===== Styling News section ====================================================
 
*  
 
*  
 +
*
 
*/
 
*/
  
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
+
.news_ref {
     padding-top: 0.28571429em;
+
     font-size:70%;
     padding-left: 1.32857143em;
+
     vertical-align: super;
 
}
 
}
  
.oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
+
.news_li {list-style:none;margin-bottom:4px;margin-left:23px}
     left: 0.3em;
+
.news_li > a {font-weight:bold}
 +
 
 +
.news_li::before {
 +
    content: ''; 
 +
    display: inline-block; 
 +
    height: 16px; 
 +
    width: 16px;   
 +
    background-size: 16px; 
 +
    background-repeat: no-repeat; 
 +
    margin-right: 8px;
 +
    background-position: center center;
 +
    vertical-align: bottom;
 +
     margin-left:-23px;
 
}
 
}
  
.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
+
.news_icon_info::before {
     margin-left: 0;
+
     background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 250 250%22%3E%3Ccircle cx=%22125%22 cy=%22125%22 r=%22125%22 fill=%22%231f3661%22/%3E%3Cg fill=%22%23fff%22%3E%3Ccircle cx=%22120%22 cy=%2260%22 r=%2220%22/%3E%3Cpath d=%22M86%2C95h56v90h19v18H86V185h18V110H86z%22/%3E%3C/g%3E%3C/svg%3E");  
 
}
 
}
  
.oo-ui-image-progressive {display:none!important}
+
.news_icon_pin::before {
 +
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22UTF-8%22%3F%3E%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 96 96%22%3E%3Cpath fill=%22%23999%22 d=%22M48 17 57 36 78 39 63 53 66 73 48 64 30 73 33 53 18 39 39 36Z%22/%3E%3C/svg%3E");
 +
}
  
/* Related reference tooltip options fix */
+
/* ===== Styling collapsible stuff of the seriesbox ====================================================
.oo-ui-fieldsetLayout {box-shadow:none!important}
+
*
.oo-ui-numberInputWidget-field {width:auto}
 
 
 
/* ===== Hide tocnumber ====================================================
 
 
*
 
*
* Attempt to fix Google indexing the damn tocnumbers despite them being hidden.
 
*
 
 
*/
 
*/
  
.tocnumber, #toc .tocnumber, .toc .tocnumber, span.tocnumber {
+
table.template-seriesbox {
     display: none;
+
     border-top: 0;
    visibility: hidden;
+
     border-bottom: 0;
     font-size: 0;
 
 
}
 
}
  
/* ===== Mobile TOC  ====================================================
+
table.template-seriesbox tr:nth-child(2) {
*
+
    height: 27px; /* 3px padding top -- gets the box in line with Tocbox */
* Make mobile TOC consistent, arrow shows it can be expanded
+
    vertical-align: bottom; /* workaround for margin/padding refusing to work on this element */
*  
+
}
*/
 
  
@media (max-width: 800px)
+
table.pcgwikitable th.headerSort span.mw-collapsible-toggle {
{
+
    padding-right: 20px;
    #toc > .toctitle {
 
        background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%224%22%20viewBox%3D%2200214%22%3E%3Cpath%20d%3D%22M14.5%200l-4%204-4-4z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
 
        background-repeat: no-repeat;
 
        background-position: center right;
 
        padding: 0 21px;
 
    }
 
    #toc > .toctitle > h2 {
 
        text-transform: none;
 
    }
 
 
}
 
}
  
 +
table.template-seriesbox .mw-collapsible-toggle-default:before {
 +
    display:none;
 +
}
  
/* ===== DD adjust spacing      ====================================================
+
table.template-seriesbox .mw-collapsible-toggle-default:after {
*
+
     display:none;
*/
 
 
 
dd {
 
     margin-top: 0;
 
 
}
 
}
  
/* ===== Code wrap on mobile    ====================================================
+
table.template-seriesbox .mw-collapsible-toggle {
*
+
    display: block;
*/
+
    float: none;
 +
}
  
@media only screen and (max-width : 800px) {
+
table.template-seriesbox .mw-collapsible-toggle a:hover, table.template-seriesbox .mw-collapsible-toggle a:focus {
code {word-wrap:break-word;}
+
    text-decoration: none;
 
}
 
}
  
/* ===== Code block padding     ====================================================
+
.template-seriesbox-series-link {
*
+
     text-align: left;
*/
+
    padding-left: 9px;
 +
}
  
code {padding: 0 1px}
+
.template-seriesbox-title {
 +
    color: #FFF
 +
}
  
/* ===== Introduction     ==========================================================
+
.template-seriesbox-title > a {
*
+
    display: block;
*/
+
     text-decoration: none;
 +
    color: #FFF
 +
}
  
.introduction p, .introduction {line-height:19px;max-width:100%!important}
+
.template-seriesbox-title > a:visited {
.introduction {padding:10px 0 10px 0}
+
    display: block;
 
+
    text-decoration: none;
/* ===== Responsive table ==========================================================
+
    color: #FFF !important;
*
+
}
*/
 
  
.pcgwikitable {overflow-x:auto}
+
.template-seriesbox .mw-collapsible-toggle-expanded {
.page-Taxonomy .pcgwikitable {min-width:800px!important}
+
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%224%22%20viewBox%3D%2200214%22%3E%3Cpath%20d%3D%22M6.5%204l4-4%204%204z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
 +
    background-repeat: no-repeat;
 +
    background-position: center right;
 +
    padding: 0 21px;
 +
}
  
/* ===== Monetization + Microtransaction table ========================================================
+
.template-seriesbox .mw-collapsible-toggle-collapsed {
*
+
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%224%22%20viewBox%3D%2200214%22%3E%3Cpath%20d%3D%22M14.5%200l-4%204-4-4z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
*/
+
    background-repeat: no-repeat;
 +
    background-position: center right;
 +
    padding: 0 21px;
 +
}
  
.table-monetization-head-parameter,
 
.table-monetization-body-parameter,
 
.table-microtransaction-head-parameter,
 
.table-microtransaction-body-parameter
 
{text-align:right;padding:0 6px;width:110px}
 
  
/* ===== Glossary box ==============================================================
+
/* ===== RecentChanges spacing fix  ====================================================
*
+
*  
 
*/
 
*/
  
.glossary-table {padding-bottom:10px}
+
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
.glossary-table p, table-generic-body-row p {line-height:15px}
+
    padding-top: 0.28571429em;
.glossary-navigation ul {list-style:none;justify-content:space-between;margin:4px auto 0 auto !important;width:90%;font-weight:bold}
+
    padding-left: 1.32857143em;
.glossary-navigation ul li {text-align:center}
+
}
.glossary-row {text-align:left;padding-left:10px}
 
.glossary-row ul {margin-left:20px!important}
 
  
+
/* DISABLED 2022-09-05 after site update due to causing misaligned buttons on https://www.pcgamingwiki.com/wiki/Special:CargoTables
/* ===== Generic table =============================================================
+
.oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
*
+
    left: 0.3em;
 +
}
 
*/
 
*/
  
.table-generic-body-row:nth-of-type(2n) {
+
.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
     background-color: #f5f5f5;
+
     margin-left: 0;
 
}
 
}
  
 +
.oo-ui-image-progressive {display:none!important}
  
.table-generic-body-row:nth-of-type(2n+1) {
+
/* Related reference tooltip options fix */
     background-color: #fff;
+
.oo-ui-fieldsetLayout {box-shadow:none!important}
 +
.oo-ui-numberInputWidget-field {width:auto}
 +
 
 +
/* ===== Hide tocnumber  ====================================================
 +
*
 +
* Attempt to fix Google indexing the damn tocnumbers despite them being hidden.
 +
*
 +
*/
 +
 
 +
.tocnumber, #toc .tocnumber, .toc .tocnumber, span.tocnumber {
 +
    display: none;
 +
     visibility: hidden;
 +
    font-size: 0;
 
}
 
}
  
.table-generic-body-row > th {
+
/* ===== Mobile TOC  ====================================================
    text-align: left;
+
*
    padding: 6px 4px;
+
* Make mobile TOC consistent, arrow shows it can be expanded
     vertical-align: top;
+
*
     text-align: center;
+
*/
 +
 
 +
@media (max-width: 800px)
 +
{
 +
    #toc > .toctitle {
 +
        background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%224%22%20viewBox%3D%2200214%22%3E%3Cpath%20d%3D%22M14.5%200l-4%204-4-4z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
 +
        background-repeat: no-repeat;
 +
        background-position: center right;
 +
        padding: 0 21px;
 +
     }
 +
     #toc > .toctitle > h2 {
 +
        text-transform: none;
 +
    }
 
}
 
}
  
.table-generic-body-row > td {
 
    text-align: left;
 
    padding: 6px 4px;
 
    vertical-align: top;
 
}
 
  
/* ===== CHANGE : Fix recent changes box that applies to Special pages only ==============================================================
+
/* ===== DD adjust spacing      ====================================================
*  
+
*
*/
+
*/
  
.ns-special dl {
+
dd {
     margin: 0;
+
     margin-top: 0;
 
}
 
}
  
ul#pagehistory {
+
/* ===== Code wrap on mobile    ====================================================
    max-width:100%!important
+
*
}
 
 
 
/* ===== CHANGE : Improve dd icon and bullet point text widths ==============================================================
 
*
 
* Limit the changes to .cat-Games aka pages that are a part of the Games category.
 
*
 
*/
 
 
 
/* Thumbs, dd, icon, lists, and paragraph max width and alignment */
 
/* Commenting this out as less relevant now that we have max-width on all pages
 
.cat-Games .mw-content-ltr dd, .cat-Games .mw-content-rtl .mw-content-ltr dd { max-width: 800px; }
 
.cat-Games .ns-0 ul { max-width: 790px }
 
.cat-Games p { max-width: 820px }
 
 
*/
 
*/
  
@media only screen and ( min-width: 801px ) {
+
@media only screen and (max-width : 800px) {
    .cat-Games .mw-content-ltr ul, .cat-Games .mw-content-rtl .mw-content-ltr ul { margin: 0.3em 0 0.3em 2.6em; }
+
code {word-wrap:break-word;}
 
}
 
}
  
/* Apply on all pages -- fixes multi-line bullet points */
+
/* ===== Code block padding    ====================================================
.mw-content-ltr dd, .mw-content-rtl .mw-content-ltr dd { margin-left: 36px }
+
*
.thumbs-down, .thumbs-up, .more-info, .info-icon { margin-left: -23px }
+
*/
/* Perform the same on direct list children using the Wikipedia bullet icon */
 
dd > a.extiw:first-child { margin-left: -23px }
 
  
 +
code {padding: 0 1px}
  
/* ===== Infobox game ================================================================================================================== */
+
/* ===== Introduction    ==========================================================
 +
*
 +
*/
  
/* ===== CHANGE : Changes in templates to improve taxonomy look ==============================================================
+
.introduction p, .introduction {line-height:19px;max-width:100%!important}
*
+
.introduction {padding:10px 0 10px 0}
*/
 
  
.template-infobox-type {
+
/* ===== Responsive table ==========================================================
    padding-left: 18px; /* down from 24px */
+
*
    padding-right: 18px; /* up from 1px */
+
*/
    vertical-align: top; /* changed from bottom/middle */
 
}
 
  
.template-infobox-info {
+
.pcgwikitable {overflow-x:auto}
    font-size: 1.1rem; /* down from 1.2rem */
+
.page-Taxonomy .pcgwikitable {min-width:800px!important}
}
 
  
.template-infobox-info > a {
+
/* ===== Monetization + Microtransaction table ========================================================
    /* white-space: nowrap; remove wrapping for individual links - re-enabled this as it broke infobox width */
+
*
}
+
*/
  
/* ===== CHANGE : Hide external link icon on in infobox ==============================================================
+
.table-monetization-head-parameter,
*
+
.table-monetization-body-parameter,
* Hide external link icon on external links in the mediawiki (the right column)
+
.table-microtransaction-head-parameter,
*
+
.table-microtransaction-body-parameter
*/
+
{text-align:right;padding:0 6px;width:110px}
  
td.template-infobox-info .external {
+
/* ===== Glossary box ==============================================================
    padding-right: 0;
+
*
     background: none !important;
+
*/
 +
 
 +
.glossary-table {padding-bottom:10px}
 +
.glossary-table p, table-generic-body-row p {line-height:15px}
 +
.glossary-navigation ul {list-style:none;justify-content:space-between;margin:4px auto 0 auto !important;width:90%;font-weight:bold}
 +
.glossary-navigation ul li {text-align:center}
 +
.glossary-row {text-align:left;padding-left:10px}
 +
.glossary-row ul {margin-left:20px!important}
 +
 
 +
 +
/* ===== Generic table =============================================================
 +
*
 +
*/
 +
 
 +
.table-generic-body-row:nth-of-type(2n) {
 +
     background-color: #f5f5f5;
 
}
 
}
  
/* Size fix for any icon */
 
.template-infobox-icon {
 
    width:24px!important;
 
    height:24px!important
 
}
 
  
.template-infobox-icon > a > img {
+
.table-generic-body-row:nth-of-type(2n+1) {
    width:24px;
+
     background-color: #fff;
    height:24px
 
}
 
@media (max-width: 800px) {.template-infobox-icon > a > img {
 
     width:24px;
 
    height:24px
 
}
 
 
}
 
}
  
.infobox-cooptimus {
+
.table-generic-body-row > th {
     background-image: url(https://pcgw-static.nyc3.digitaloceanspaces.com/logos/cooptimus-32x32.png);
+
     text-align: left;
     background-size: 24px;
+
    padding: 6px 4px;
 +
    vertical-align: top;
 +
     text-align: center;
 
}
 
}
  
.infobox-gogdb {
+
.table-generic-body-row > td {
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11.8204 11.8204'%3E%3Cg stroke='%232e178f' stroke-width='.5'%3E%3Cpath d='m 10.4606,2.2230002 v 7.3744 C 10.4606,10.6871 8.4232,11.5704 5.9098,11.5704 3.3964,11.5704 1.359,10.6871 1.359,9.5974002 v -7.3744 c 0,-1.0897 2.0374,-1.97299996 4.5508,-1.97299996 2.5134,0 4.5508,0.88329996 4.5508,1.97299996 z' fill='%23fff'/%3E%3Cpath d='m 10.4606,2.2230002 a 4.5508,1.973 0 0 1 -4.5508,1.973 4.5508,1.973 0 0 1 -4.5508,-1.973 m 9.1016,4.9162 a 4.5508,1.973 0 0 1 -4.5508,1.973 4.5508,1.973 0 0 1 -4.5508,-1.973 m 9.1016,-2.458 a 4.5508,1.973 0 0 1 -4.5508,1.9728 4.5508,1.973 0 0 1 -4.5508,-1.973' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
+
     text-align: left;
 +
    padding: 6px 4px;
 +
    vertical-align: top;
 
}
 
}
  
.infobox-hltb {
+
/* ===== CHANGE : Fix recent changes box that applies to Special pages only ==============================================================
    background-image: url("https://pcgw-static.nyc3.digitaloceanspaces.com/logos/hltb.svg");
+
*
    background-size:24px;
+
*/
}
 
  
.infobox-igdb {
+
.ns-special dl {
     background-image: url("https://pcgw-static.nyc3.digitaloceanspaces.com/logos/igdb.svg");
+
     margin: 0;
    background-size:24px;
 
 
}
 
}
  
.infobox-itad {
+
ul#pagehistory {
     background-image: url("https://static.pcgamingwiki.com/logos/itad.svg");
+
     max-width:100%!important
    background-size: 24px;
 
 
}
 
}
  
.infobox-mobygames {
+
/* ===== CHANGE : Improve dd icon and bullet point text widths ==============================================================
    background-image: url("https://pcgw-static.nyc3.digitaloceanspaces.com/logos/mobygames.svg");
+
*
    background-size: 24px;
+
* Limit the changes to .cat-Games aka pages that are a part of the Games category.
}
+
*
 +
*/
  
.infobox-protondb {
+
/* Thumbs, dd, icon, lists, and paragraph max width and alignment */
    background-image: url(https://pcgw-static.nyc3.digitaloceanspaces.com/logos/protondb.svg);
+
/* Commenting this out as less relevant now that we have max-width on all pages
    background-size: 24px;
+
.cat-Games .mw-content-ltr dd, .cat-Games .mw-content-rtl .mw-content-ltr dd { max-width: 800px; }
 +
.cat-Games .ns-0 ul { max-width: 790px }
 +
.cat-Games p { max-width: 820px }
 +
*/
 +
 
 +
@media only screen and ( min-width: 801px ) {
 +
    .cat-Games .mw-content-ltr ul, .cat-Games .mw-content-rtl .mw-content-ltr ul { margin: 0.3em 0 0.3em 2.6em; }
 
}
 
}
  
.infobox-wsgf {
+
/* Apply on all pages -- fixes multi-line bullet points */
    background-image: url("https://pcgw-static.nyc3.digitaloceanspaces.com/logos/wsgf-32x32.png");
+
.mw-content-ltr dd, .mw-content-rtl .mw-content-ltr dd { margin-left: 36px }
    background-size: 24px;
+
.thumbs-down, .thumbs-up, .more-info, .info-icon { margin-left: -23px }
}
+
/* Perform the same on direct list children using the Wikipedia bullet icon */
 +
dd > a.extiw:first-child { margin-left: -23px }
 +
 
  
.infobox-official-site {
+
/* ===== Infobox game ================================================================================================================== */
    background:url(https://pcgw-static.nyc3.digitaloceanspaces.com/logos/official-site.svg);
 
    background-size: 24px;
 
}
 
  
/* ===== CHANGE : Break words in infotable monospace class ==============================================================
+
/* ===== CHANGE : Changes in templates to improve taxonomy look ==============================================================
*
 
* Allows long data locations to wrap down instead of expanding the width of the table.
 
 
  *  
 
  *  
 
  */
 
  */
  
.template-infotable-monospace {
+
.template-infobox-type {
     word-break: break-all;
+
     padding-left: 18px; /* down from 24px */
 +
    padding-right: 18px; /* up from 1px */
 +
    vertical-align: top; /* changed from bottom/middle */
 
}
 
}
  
 
+
.template-infobox-info {
/* ===== CHANGE : Hide external link icon on assignees username ==============================================================
+
    font-size: 1.1rem; /* down from 1.2rem */
 +
}
 +
 
 +
.template-infobox-info > a {
 +
    /* white-space: nowrap; remove wrapping for individual links - re-enabled this as it broke infobox width */
 +
}
 +
 
 +
/* ===== CHANGE : Hide external link icon on in infobox ==============================================================
 
  *  
 
  *  
  * Hide external link icon on assignees username (aka hide our ugly hack as we need to rely on fullurl: to get the link working)
+
  * Hide external link icon on external links in the mediawiki (the right column)
 
  *  
 
  *  
* 2020-07-15 - Applied it on the applied links as well.
 
 
  */
 
  */
  
td.table-assignees-row-username .external, td.table-assignment-body-applied .external, td.table-assignment-body-assigned .external {
+
td.template-infobox-info .external {
 
     padding-right: 0;
 
     padding-right: 0;
 
     background: none !important;
 
     background: none !important;
 
}
 
}
  
 +
/* Size fix for any icon */
 +
.template-infobox-icon {
 +
    width:24px!important;
 +
    height:24px!important
 +
}
  
/* ===== CUSTOM CLASSES ================================================================================================================================================== */
+
.template-infobox-icon > a > img {
 
+
    width:24px;
/* Allows wrapping an image in <div class="responsive-image"><img></div> and have it have a responsive width */
+
    height:24px
.responsive-image img {
+
}
     max-width: 100%;
+
@media (max-width: 800px) {.template-infobox-icon > a > img {
     height: auto;
+
     width:24px;
 +
     height:24px
 +
}
 
}
 
}
  
 +
.infobox-cooptimus {
 +
    background-image: url(https://pcgw-static.nyc3.digitaloceanspaces.com/logos/cooptimus-32x32.png);
 +
    background-size: 24px;
 +
}
  
/* ===== CHANGE : Border to the left of H3s to make it easier to separate H3 sections from H4 sections ==============================================================
+
.infobox-gogdb {
*
+
     background-image: url("https://images.pcgamingwiki.com/8/81/GOGDB_icon.svg");
* This is a change I'm somewhat conflicted about. It works, and it merges nice, and works in mobile as well, but it means the H3s are indented more than the H4s, and can give a minor conflicting look because of it.
+
     background-size:24px;
*
 
*/
 
 
 
/* Add a border to H3s by default */
 
h3 {
 
     border-left: 5px solid #7babde; /* 5px cuz visible, but not distracting */
 
    padding-left: 10px; /* need some air to breath */
 
    position: relative;
 
     left: -15px;
 
 
}
 
}
  
/* Remove position change from H3s in category pages */
+
.infobox-hltb {
#mw-subcategories h3, .mw-category h3 {
+
     background-image: url("https://images.pcgamingwiki.com/0/0a/HowLongToBeat_icon.svg");
     left: 0;
+
     background-size:24px;
     border: 0;
 
 
}
 
}
  
/* Dunno why we're using padding-top when margin-top is more appropriate for this. Probably haven't found the edge case yet, I guess. */
+
.infobox-igdb {
/* This is mostly to remove the padding-top that makes the new border extend upwards above the text of the H3. */
+
    background-image: url("https://images.pcgamingwiki.com/1/19/IGDB_logo.svg");
 +
    background-size:24px;
 +
}
  
h1, h2, h3, h4, h5 {
+
.infobox-itad {
     margin-top: 10px; /* 10px for margin-top since padding-top: 5px results in about the same, for some weird reason */
+
     background-image: url("https://images.pcgamingwiki.com/2/2e/IsThereAnyDeal_Icon.svg");
     padding-top: 0; /* let's remove the current 5px default */
+
     background-size: 24px;
 
}
 
}
  
/* Let's add more space between sections?
+
.infobox-lutris {
 +
    background-image: url("https://images.pcgamingwiki.com/1/15/Lutris_Icon.svg");
 +
    background-size: 24px;
 +
}
  
/*
+
.infobox-mobygames {
div#body-content h2 {
+
     background-image: url("https://images.pcgamingwiki.com/e/e1/Mobygames_icon.svg");
     margin-top: 3.6rem;  
+
    background-size: 24px;
 
}
 
}
*//* Default: 1.2rem */
 
  
/* Removing border from the first page of the Editing guide */
+
.infobox-protondb {
.skip-h3-left-border h3 {border:0;left:0}
+
    background-image: url(https://images.pcgamingwiki.com/7/75/ProtonDB_Icon.svg);
 +
    background-size: 24px;
 +
}
  
 +
.infobox-wsgf {
 +
    background-image: url("https://images.pcgamingwiki.com/e/ec/WSGF_Icon.png");
 +
    background-size: 24px;
 +
}
  
/* ===== MOBILE VIEW OVERRIDES ================================================================================================================================================== */
+
.infobox-official-site {
 +
    background: url(https://images.pcgamingwiki.com/4/4c/Official_site_icon.svg);
 +
    background-size: 24px;
 +
}
  
#pcgw-header-logo {
+
.infobox-wikipedia {
     background: url(https://pcgamingwiki.ams3.digitaloceanspaces.com/6/61/PCGamingWiki_wide_white.svg) no-repeat center;
+
     background-image: url("https://images.pcgamingwiki.com/9/91/Wikipedia_Icon.svg");
     height: 40px;
+
     background-size: 24px;
    width: 200px;
 
    left: calc(50% - 100px);
 
    top: 2px;
 
 
}
 
}
  
#pcgw-header-logo img {
+
.infobox-steambase {
     visibility: hidden;
+
    background-image: url("https://pcgw-static.nyc3.digitaloceanspaces.com/images/steambase_icon_24x24.png");
 +
     background-size: 24px;
 
}
 
}
  
 +
.infobox-applegamingwiki{
 +
    background-image: url("https://pcgw-static.nyc3.digitaloceanspaces.com/favicons/applegamingwiki.png");
 +
    background-size: 24px;
 +
}
  
/* ===== BUG FIXES ================================================================================================================================================== */
+
/* ===== CHANGE : Break words in infotable monospace class ==============================================================
 
+
*  
/* Overrides the width set by the theme JavaScript for the search results box to a 600px static one.
+
* Allows long data locations to wrap down instead of expanding the width of the table.
  A proper fix would be to update the underlying theme files. */
+
*
.page-Home .suggestions {
+
*/
    max-width: 600px;
 
}
 
  
/* Fix Discord page */
+
.template-infotable-monospace {
.browser-extension-header, .browser-extension-features-list {
+
     word-break: break-all;
     max-width:100%;
 
}
 
.browser-extension-header > p {
 
    font-size:2.2rem
 
 
}
 
}
  
/* Recent changes legend box */
 
@media (max-width: 800px)
 
dl {
 
    margin-left: 0!important;
 
}
 
  
/* Improve alert and notice CSS styling */
+
/* ===== CHANGE : Hide external link icon on assignees username ==============================================================
#pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-notice .mw-echo-notifications-badge{
+
*
    width: 21px;
+
* Hide external link icon on assignees username (aka hide our ugly hack as we need to rely on fullurl: to get the link working)
    height: 22px;
+
*  
    margin: 0 1px;
+
* 2020-07-15 - Applied it on the applied links as well.
}
+
*/
  
/* Hide Google+ link in footer */
+
td.table-assignees-row-username .external, td.table-assignment-body-applied .external, td.table-assignment-body-assigned .external {
.footer-google {
+
     padding-right: 0;
     display: none;
+
    background: none !important;
 
}
 
}
  
/* Fixes cut of external link icon on A links in Chrome */
 
  
.mw-body a.external {
+
/* ===== CUSTOM CLASSES ================================================================================================================================================== */
    background: center right 0px no-repeat url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 height=%2210%22 width=%2210%22%3E%3Crect width=%226%22 height=%226%22 x=%220.5%22 y=%223.5%22 fill=%22%23fff%22 stroke=%22%2306c%22/%3E%3Cpath d=%22m4.8 0 5.2 0 0 5.4L8.4 6.9 7.1 5.6 4.4 8.4 1.7 5.7 4.5 2.9 3.2 1.5Z%22 fill=%22%2306f%22/%3E%3Cpath d=%22M9 1 9 5.9 7.2 4.1 4.3 7 3.1 5.7 6 2.8 4.1 1Z%22 fill=%22%23fff%22/%3E%3C/svg%3E");
+
 
 +
/* Allows wrapping an image in <div class="responsive-image"><img></div> and have it have a responsive width */
 +
.responsive-image img {
 +
    max-width: 100%;
 +
    height: auto;
 
}
 
}
  
  
/* Fix "more" nav menu on articles appearing above alerts and notices overlays */
+
/* ===== CHANGE : Border to the left of H3s to make it easier to separate H3 sections from H4 sections ==============================================================
/* the issue is that "#mw-head-right #mw-head-more" z-index is set to 50 */
+
*  
.mw-echo-ui-overlay {
+
* This is a change I'm somewhat conflicted about. It works, and it merges nice, and works in mobile as well, but it means the H3s are indented more than the H4s, and can give a minor conflicting look because of it.
    z-index: 51; /* default 1 */
+
*  
}
+
*/
  
/* Larger margin on the right side of some elements in the fixbox for step-based instructions */
+
/* Add a border to H3s by default */
.fixbox ul, .fixbox dl, .fixbox ol  {
+
h3 {
     margin-right: 2em;
+
    border-left: 5px solid #7babde; /* 5px cuz visible, but not distracting */
 +
     padding-left: 10px; /* need some air to breath */
 +
    position: relative;
 +
    left: -15px;
 
}
 
}
  
/* Fixes Chrome crashing on some articles with a lot of references /and/ fixes reference list showing up as a single column in other browsers and not the intended 3 */
+
/* Remove position change from H3s in category pages */
/* "overflow-x: hidden;" is what seemingly breaks it from what I can gather */
+
#mw-subcategories h3, .mw-category h3 {
/* e.g. https://pcgamingwiki.com/wiki/Nier:_Automata */
+
    left: 0;
ol.references {
+
     border: 0;
     overflow: initial;
 
 
}
 
}
  
/* <p> have a bit too much padding on top when used directly after a fixbox title. */
+
/* Dunno why we're using padding-top when margin-top is more appropriate for this. Probably haven't found the edge case yet, I guess. */
td.fixbox-body > p:first-child {
+
/* This is mostly to remove the padding-top that makes the new border extend upwards above the text of the H3. */
    padding-top: 0;
 
}
 
  
/* set max width 820px on fixbox classes */
+
h1, h2, h3, h4, h5 {
th.fixbox-title, td.fixbox-body {
+
    margin-top: 10px; /* 10px for margin-top since padding-top: 5px results in about the same, for some weird reason */
    width: 820px;
+
    padding-top: 0; /* let's remove the current 5px default */
 
}
 
}
  
/* set additional styling */
+
/* Let's add more space between sections?
th.fixbox-title {
 
    text-align: left;
 
}
 
  
.fixbox .fixbox-title {
+
/*
     padding: 12px;
+
div#body-content h2 {
 +
     margin-top: 3.6rem;  
 
}
 
}
 +
*//* Default: 1.2rem */
  
 +
/* Removing border from the first page of the Editing guide */
 +
.skip-h3-left-border h3 {border:0;left:0}
  
/* Bullet points */
 
@media only screen and (min-width : 801px) {
 
    .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
 
        margin: 0.3em 0 0.3em 2.6em;
 
    }
 
}
 
  
 +
/* ===== MOBILE VIEW OVERRIDES ================================================================================================================================================== */
  
#footer-social-links {
+
#pcgw-header-logo {
     height: auto
+
    background: url(https://pcgamingwiki.ams3.digitaloceanspaces.com/6/61/PCGamingWiki_wide_white.svg) no-repeat center;
 +
     height: 40px;
 +
    width: 200px;
 +
    left: calc(50% - 100px);
 +
    top: 2px;
 
}
 
}
  
.page-Home div#body-content input[type="search"] {
+
#pcgw-header-logo img {
     position: static;
+
     visibility: hidden;
    margin-top: 10px;
 
 
}
 
}
  
/* Fixes https://trello.com/c/wSlmbVhf/107-template-icons-in-editing-are-bigger-than-they-should-be */
+
 
.tool-button {
+
/* ===== BUG FIXES ================================================================================================================================================== */
     background-position: center;
+
 
    padding: 0px;
+
/* Overrides the width set by the theme JavaScript for the search results box to a 600px static one.
    margin: 2px;
+
  A proper fix would be to update the underlying theme files. */
 +
.page-Home .suggestions {
 +
     max-width: 600px;
 
}
 
}
  
/* Fixes floating drop down menus shown in the article editor when the width goes below 1025px */
+
/* Fix Discord page */
.wikiEditor-ui-toolbar .group {
+
.browser-extension-header, .browser-extension-features-list {
     height: auto; /* default 26px */
+
     max-width:100%;
 
}
 
}
 
+
.browser-extension-header > p {
/* Fixes wide <pre> when used in fixboxes. Example: https://pcgamingwiki.com/wiki/Descent_3 */
+
     font-size:2.2rem
.fixbox pre, .fixbox code {
 
     max-width: 730px;
 
    overflow-wrap: anywhere;
 
 
}
 
}
  
/* Fixes wide <pre> when used in .mw-code. Example: https://pcgamingwiki.com/wiki/MediaWiki:Common.css */
+
/* Recent changes legend box */
pre, .mw-code {
+
@media (max-width: 800px)
    max-width: 1160px; /* down from 1380px */
+
dl {
     overflow-wrap: anywhere;
+
     margin-left: 0!important;
 
}
 
}
  
/* Attempt to add some space for the table of content / contents list when it follows directly after a ul list */
+
/* Hide Google+ link in footer */
ul + div#toc {
+
.footer-google {
     margin-top: 10px;
+
     display: none;
 
}
 
}
  
/* Fix archive state tags not properly using the full width (is this a weird choice due to the infobox? */
+
/* Fixes cut of external link icon on A links in Chrome */
.notice {
+
 
     /*padding-right: 15px !important;*/ /* down from 350px */ /* commented because this causes the archive tag to stretch across the whole screen when an ad is shown. */
+
.mw-body a.external {
 +
     background: center right 0px no-repeat url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 height=%2210%22 width=%2210%22%3E%3Crect width=%226%22 height=%226%22 x=%220.5%22 y=%223.5%22 fill=%22%23fff%22 stroke=%22%2306c%22/%3E%3Cpath d=%22m4.8 0 5.2 0 0 5.4L8.4 6.9 7.1 5.6 4.4 8.4 1.7 5.7 4.5 2.9 3.2 1.5Z%22 fill=%22%2306f%22/%3E%3Cpath d=%22M9 1 9 5.9 7.2 4.1 4.3 7 3.1 5.7 6 2.8 4.1 1Z%22 fill=%22%23fff%22/%3E%3C/svg%3E");
 
}
 
}
  
  
/* Fix archive state tags in editing guide covering the text above it partially (margin-top is set to -19px for some reason) */
+
/* Fix "more" nav menu on articles appearing above alerts and notices overlays */
.notice ~ .notice {
+
/* the issue is that "#mw-head-right #mw-head-more" z-index is set to 50 */
     margin-top: 0px !important;
+
.mw-echo-ui-overlay {
 +
     z-index: 51; /* default 1 */
 
}
 
}
  
 +
/* Larger margin on the right side of some elements in the fixbox for step-based instructions */
 +
.fixbox ul, .fixbox dl, .fixbox ol  {
 +
    margin-right: 2em;
 +
}
  
/* Fixes .project-intro from going off-screen on widths below 1000ish, but above 800ish */
+
/* Fixes Chrome crashing on some articles with a lot of references /and/ fixes reference list showing up as a single column in other browsers and not the intended 3 */
/* Wrap it around a min width to not break mobile view */
+
/* "overflow-x: hidden;" is what seemingly breaks it from what I can gather */
@media only screen and (min-width : 801px) {
+
/* e.g. https://pcgamingwiki.com/wiki/Nier:_Automata */
    .project-intro {
+
ol.references {
        max-width: 750px;
+
    overflow: initial;
        width: auto;
 
    }
 
 
}
 
}
  
/* fixes guide-nav-wrapper not being 300px (same as seriesbox and other stuff) */
+
/* <p> have a bit too much padding on top when used directly after a fixbox title. */
.guide-nav-wrapper {
+
td.fixbox-body > p:first-child {
     padding: 20px;
+
     padding-top: 0;
    width: 300px;
 
    margin-bottom: 15px;
 
 
}
 
}
  
/* Fix for black text in system req on some articles */
+
/* set max width 820px on fixbox classes */
.table-sysreqs-head-OS {
+
th.fixbox-title, td.fixbox-body {
     color: #FFF;
+
     width: 820px;
 
}
 
}
  
 +
/* set additional styling */
 +
th.fixbox-title {
 +
    text-align: left;
 +
}
  
/* ===== WYSIWYG editor  ================================================================================================================================================== */
+
.fixbox .fixbox-title {
 +
    padding: 12px;
 +
}
  
/* Removes the 70% opacity that was applied to core icons but not custom icons */
 
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 
    opacity: 1.0
 
}
 
  
/* Add padding to custom A element to mirror the padding for core icons on custom icons as well */
+
/* Bullet points */
.group-insert > a {
+
@media only screen and (min-width : 801px) {
     margin: 3px;
+
     .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
    margin-left: 3px;
+
        margin: 0.3em 0 0.3em 2.6em;
     padding: 3px;
+
     }
 
}
 
}
  
/* Fixes special characters crossing the bottom border */
+
 
.wikiEditor-ui-toolbar .page-characters div span {
+
#footer-social-links {
     padding: 0px 8px 0px 8px;
+
     height: auto
 
}
 
}
  
 +
.page-Home div#body-content input[type="search"] {
 +
    position: static;
 +
    margin-top: 10px;
 +
}
  
/* ===== Home page stuff ================================================================================================================================================== */
+
/* Fixes https://trello.com/c/wSlmbVhf/107-template-icons-in-editing-are-bigger-than-they-should-be */
 +
.tool-button {
 +
    background-position: center;
 +
    padding: 0px;
 +
    margin: 2px;
 +
}
  
/* Hides top border for divs in .projects containers */
+
/* Fixes floating drop down menus shown in the article editor when the width goes below 1025px */
.page-Home .projects .project-container {
+
.wikiEditor-ui-toolbar .group {
     border-top: 0px;
+
     height: auto; /* default 26px */
 
}
 
}
  
/* Hides left border for sections relying on the .stats class since it feels useless anyway */
+
/* Fixes wide <pre> when used in fixboxes. Example: https://pcgamingwiki.com/wiki/Descent_3 */
.page-Home .stats li {
+
.fixbox pre, .fixbox code {
     border-right: 0px;
+
     max-width: 730px;
 +
    overflow-wrap: anywhere;
 
}
 
}
  
/* Fix incorrect one-column styling on 1000px <= x <= 1020px viewports */
+
/* Fixes wide <pre> when used in .mw-code. Example: https://pcgamingwiki.com/wiki/MediaWiki:Common.css */
.page-Home .home-information {
+
pre, .mw-code {
     width: 100%;
+
     max-width: 1160px; /* down from 1380px */
 +
    overflow-wrap: anywhere;
 
}
 
}
  
/* Fix misaligned statistics section on screens where two columns are used but there's not enough width to show the whole section on one line */
+
/* Attempt to add some space for the table of content / contents list when it follows directly after a ul list */
.page-Home .stats ul {
+
ul + div#toc {
     text-align: center;
+
     margin-top: 10px;
 
}
 
}
  
/* Fix padding when 3 items on smaller widths */
+
/* Fix archive state tags not properly using the full width (is this a weird choice due to the infobox? */
/* What we're doing is moving the top padding 9px from .home-subheader and assigns it as top margin on .subheader-button instead */
+
.notice {
.page-Home .home-subheader {
+
     /*padding-right: 15px !important;*/ /* down from 350px */ /* commented because this causes the archive tag to stretch across the whole screen when an ad is shown. */
     padding-top: 0;
 
 
}
 
}
  
.page-Home .subheader-button {
+
 
     margin-top: 9px;
+
/* Fix archive state tags in editing guide covering the text above it partially (margin-top is set to -19px for some reason) */
 +
.notice ~ .notice {
 +
     margin-top: 0px !important;
 
}
 
}
  
  
/* Necessary CSS to style the "Troubleshooting guide" button on the Home page */
+
/* Fixes .project-intro from going off-screen on widths below 1000ish, but above 800ish */
.page-Home #subheader-troubleshooting-guide-button {
+
/* Wrap it around a min width to not break mobile view */
    background-color: #ff9900 !important;
+
@media only screen and (min-width : 801px) {
 +
    .project-intro {
 +
        max-width: 750px;
 +
        width: auto;
 +
    }
 
}
 
}
  
.page-Home #subheader-troubleshooting-guide-button:hover {
+
/* fixes guide-nav-wrapper not being 300px (same as seriesbox and other stuff) */
     background-color: #e68a00 !important;
+
.guide-nav-wrapper {
 +
    padding: 20px;
 +
    width: 300px;
 +
     margin-bottom: 15px;
 
}
 
}
  
/* .home-subheader have staticly defined heights that seemingly aren't necessary and only screws up the layout, on both wide and sub-1000px width scenarios */
+
/* Fix for black text in system req on some articles */
/* overrides the height set here https://github.com/PCGamingWiki/overclocked/blob/master/resources/page-home.less#L186-L194 */
+
.table-sysreqs-head-OS {
/* needed now that we have 4 buttons and not 3 */
+
     color: #FFF;
@media (max-width: 1000px) {
 
     .page-Home .home-subheader {
 
        height: auto !important;
 
    }
 
 
}
 
}
  
.page-Home .home-subheader {
 
    height: auto !important;
 
}
 
  
/* list of lists icon on the home page */
+
/* ===== WYSIWYG editor  ================================================================================================================================================== */
.project-list-of-lists {
+
 
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 288 288' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;'%3E%3Ccircle cx='144' cy='144' r='135' style='fill:none;stroke:%231f3661;stroke-width:10px;'/%3E%3Crect x='62.19' y='135.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3Crect x='62.19' y='105.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3Crect x='62.19' y='75.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3Crect x='62.19' y='165.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3Crect x='62.19' y='195.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3C/svg%3E");
+
/* Removes the 70% opacity that was applied to core icons but not custom icons */
 +
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
 +
    opacity: 1.0
 
}
 
}
  
/* Corrects hidden category on front page being offset -25px due to the padding on articles for #main-content being overwritten due to rule on .page-Home #main-content */
+
/* Add padding to custom A element to mirror the padding for core icons on custom icons as well */
.page-Home #main-content div#body-content div#catlinks {
+
.group-insert > a {
     margin-left: 0;
+
    margin: 3px;
 +
     margin-left: 3px;
 +
    padding: 3px;
 
}
 
}
  
/* Adjust height of home search examples for mobile when spanning multiple lines */
+
/* Fixes special characters crossing the bottom border */
@media (max-width: 800px) {
+
.wikiEditor-ui-toolbar .page-characters div span {
    .page-Home .pcgw-home-header .home-search-examples {
+
    padding: 0px 8px 0px 8px;
        top: 135px!important;
 
    }
 
 
}
 
}
  
/* Adds drop shadow to the images and aligns them properly in the middle of the box now that we have 4 items in each. */
+
/* Force inserted toolbar buttons to be 22x22 -- some are otherwise too big */
/* The !important is required since we're basically cheating these sections by piggy-backing off of .stats stylesheets */
+
.group-insert-sections .tool-button,
.page-Home .home-stubs li, .page-Home .home-past-featured li {
+
.group-templates .tool-button
     padding: 0 !important;
+
{
    margin: 0 15px 15px 15px;
+
     background-size: 22px;
 
}
 
}
  
.page-Home .home-stubs li a, .page-Home .home-past-featured li a {
 
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25);
 
}
 
  
/* fixes mobile view from the above rules as otherwise it would end up showing just 1 item per row */
+
/* ===== Home page stuff ================================================================================================================================================== */
@media (max-width: 800px) {
+
 
    .page-Home .home-stubs li, .page-Home .home-past-featured li {
+
/* Hides top border for divs in .projects containers */
        margin: 0 0 15px 0;
+
.page-Home .projects .project-container {
    }
+
    border-top: 0px;
 
}
 
}
  
/* == Featured Article fix == */
+
/* Hides left border for sections relying on the .stats class since it feels useless anyway */
.page-Home .featured-article {
+
.page-Home .stats li {
     height: 200px;
+
     border-right: 0px;
    padding: 25px 0 0 185px;
 
 
}
 
}
  
@media (max-width: 1200px) {
+
/* Fix incorrect one-column styling on 1000px <= x <= 1020px viewports */
    .page-Home .featured-article {
+
.page-Home .home-information {
        height: auto;
+
    width: 100%;
        padding: 0;
 
    }
 
 
}
 
}
  
/* new max-width to allow 3 columns */
+
/* Fix misaligned statistics section on screens where two columns are used but there's not enough width to show the whole section on one line */
@media (min-width: 1610px) {
+
.page-Home .stats ul {
    .page-Home .home-information-column {
+
    text-align: center;
        max-width: 300px;
 
    }
 
 
}
 
}
  
@media (max-width: 1609px) and (min-width: 1001px) {
+
/* Fix padding when 3 items on smaller widths */
    .page-Home .home-information-column {
+
/* What we're doing is moving the top padding 9px from .home-subheader and assigns it as top margin on .subheader-button instead */
        max-width: 300px;
+
.page-Home .home-subheader {
    }
+
    padding-top: 0;
 
}
 
}
  
@media (max-width: 1609px) and (min-width: 1201px) {
+
.page-Home .subheader-button {
     .page-Home .featured-article {
+
     margin-top: 9px;
        padding: 10px 0 0 175px;
+
}
    }
+
 
 +
 
 +
/* Necessary CSS to style the "Troubleshooting guide" button on the Home page */
 +
.page-Home #subheader-troubleshooting-guide-button {
 +
    background-color: #ff9900 !important;
 
}
 
}
  
/* Home Giveaway Gleam hack */
+
.page-Home #subheader-troubleshooting-guide-button:hover {
@media (max-width: 1609px) {
+
    background-color: #e68a00 !important;
.giveaway {padding:0!important;margin:0}
 
.giveaway > .section-title {padding:20px}
 
.e-widget-wrapper {}
 
 
}
 
}
.gleam_banner img {width:100%;height:auto}
 
.e-widget-wrapper {margin:0 0 20px 0}
 
  
/* Home Giveaway Gleam image */
+
/* .home-subheader have staticly defined heights that seemingly aren't necessary and only screws up the layout, on both wide and sub-1000px width scenarios */
.home-gleam-image {
+
/* overrides the height set here https://github.com/PCGamingWiki/overclocked/blob/master/resources/page-home.less#L186-L194 */
width:100%;
+
/* needed now that we have 4 buttons and not 3 */
height:auto;
+
@media (max-width: 1000px) {
overflow:hidden;
+
    .page-Home .home-subheader {
box-shadow:0 0 2px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2);
+
        height: auto !important;
 +
    }
 
}
 
}
  
/* Home banner GOG */
+
.page-Home .home-subheader {
.home-banner {
+
     height: auto !important;
     max-width:350px;
 
    margin: 0 auto 30px auto;
 
 
}
 
}
  
/* Home Most visited */
+
/* list of lists icon on the home page */
.home_visited {width:100%}
+
.project-list-of-lists {
.home_visited ol {margin-left:1.2em}
+
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 288 288' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;'%3E%3Ccircle cx='144' cy='144' r='135' style='fill:none;stroke:%231f3661;stroke-width:10px;'/%3E%3Crect x='62.19' y='135.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3Crect x='62.19' y='105.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3Crect x='62.19' y='75.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3Crect x='62.19' y='165.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3Crect x='62.19' y='195.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3C/svg%3E");
.home_visited tr {height:24px}
+
}
.visited_views {text-align:right}
 
  
/* Donate buttons fix */
+
/* Corrects hidden category on front page being offset -25px due to the padding on articles for #main-content being overwritten due to rule on .page-Home #main-content */
.button.button-with-image a, .button.button-with-image a:hover {display:block}
+
.page-Home #main-content div#body-content div#catlinks {
 +
    margin-left: 0;
 +
}
  
 +
/* Adjust height of home search examples for mobile when spanning multiple lines */
 +
@media (max-width: 800px) {
 +
    .page-Home .pcgw-home-header .home-search-examples {
 +
        top: 135px!important;
 +
    }
 +
}
  
/* ===== CHANGE : Some more spacing for paragraphs ================================================================================================================== */
+
/* Adds drop shadow to the images and aligns them properly in the middle of the box now that we have 4 items in each. */
 +
/* The !important is required since we're basically cheating these sections by piggy-backing off of .stats stylesheets */
 +
.page-Home .home-stubs li, .page-Home .home-past-featured li {
 +
    padding: 0 !important;
 +
    margin: 0 15px 15px 15px;
 +
}
  
/* Limit to mw-parser-output to not affect p's that might be used elsewhere */
+
.page-Home .home-stubs li a, .page-Home .home-past-featured li a {
.mw-parser-output p {
+
     box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25);
     margin: 0.5em 0;
 
 
}
 
}
  
/* ^- affects the p's on the frontpage negatively, let's fix that so it doesn't break spacing on buttons + featured article, which expects 0 margin */
+
/* fixes mobile view from the above rules as otherwise it would end up showing just 1 item per row */
.home-container p {
+
@media (max-width: 800px) {
    margin: 0;
+
    .page-Home .home-stubs li, .page-Home .home-past-featured li {
 +
        margin: 0 0 15px 0;
 +
    }
 
}
 
}
  
 +
/* == Featured Article fix == */
 +
.page-Home .featured-article {
 +
    height: 200px;
 +
    padding: 25px 0 0 185px;
 +
}
  
/* ===== CHANGE : Center the content ================================================================================================================================
+
@media (max-width: 1200px) {
*
+
    .page-Home .featured-article {
* This caps the max width of the content and aligns it all to the center. max-width 1600px because that seems like a good middle-ground.
+
        height: auto;
*
+
        padding: 0;
*/
+
    }
 
 
/* Center stuff - Beautiful! */
 
#masthead {
 
    width: 100%;
 
    max-width: 1200px;
 
 
}
 
}
  
body {
+
/* new max-width to allow 3 columns */
     justify-content: center;
+
@media (min-width: 1610px) {
     width: 100%;
+
     .page-Home .home-information-column {
 +
        max-width: 300px;
 +
     }
 
}
 
}
  
/* Fixes the slightly off-putting ~70% width items in the Editing Guide. Let's have two items per row! */
+
@media (max-width: 1609px) and (min-width: 1001px) {
/* Wrap it around a min width to not break mobile view */
+
     .page-Home .home-information-column {
@media only screen and (min-width : 801px) {
+
         max-width: 300px;
     .editing-guide-list-item-wrapper {
 
         max-width: 50%;
 
 
     }
 
     }
 
}
 
}
  
 
+
@media (max-width: 1609px) and (min-width: 1201px) {
/* ===== CHANGE : Allow left aligned tables =========================================================================================================================
+
    .page-Home .featured-article {
*
+
        padding: 10px 0 0 175px;
* This allows the use of style="text-align: center;" at the top of a table in an article to get all of its contents to align left.
+
    }
*
 
*/
 
 
 
/* This is currently set to Center, let's change that to Inherit */
 
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
 
    text-align: inherit;
 
 
}
 
}
  
/* Let's set the default align to Center, to reproduce the current look */
+
/* Home Giveaway Gleam hack */
table.wikitable {
+
@media (max-width: 1609px) {
    text-align: center;
+
.giveaway {padding:0!important;margin:0}
 +
.giveaway > .section-title {padding:20px}
 +
.e-widget-wrapper {}
 
}
 
}
 +
.gleam_banner img {width:100%;height:auto}
 +
.e-widget-wrapper {margin:0 0 20px 0}
  
 
+
/* Home Giveaway Gleam image */
/* ===== Categorybox styling ================================================================================================================================================== */
+
.home-gleam-image {
table.template-categorybox {
+
width:100%;
    float: right;
+
height:auto;
    clear: right;
+
overflow:hidden;
    color: #333;
+
box-shadow:0 0 2px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2);
    width: 300px;
 
    margin: 0;
 
    margin-bottom: 15px;
 
    margin-left: 15px;
 
    background-color: #fff;
 
    font-size: 1.2rem;
 
    border-top: 4px solid #fff;
 
    border-bottom: 7px solid #fff;
 
 
}
 
}
  
table.template-categorybox caption.template-categorybox-title {
+
/* Home banner GOG */
     background-color: #556db3;
+
.home-banner {
    padding: 5px;
+
     max-width:350px;
    font-size: 1.4rem;
+
     margin: 0 auto 30px auto;
    font-weight: 600;
 
     box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25);
 
    color: #fff;
 
 
}
 
}
  
table.template-categorybox caption.template-categorybox-title a {
+
/* Home Most visited */
    color: #fff;
+
.home_visited {width:100%}
}
+
.home_visited ol {margin-left:1.2em}
 +
.home_visited tr {height:24px}
 +
.visited_views {text-align:right}
  
table.template-categorybox tbody {
+
/* Donate buttons fix */
    background-color: #fff;
+
.button.button-with-image a, .button.button-with-image a:hover {display:block}
}
 
  
tr.template-categorybox-tr {
 
    height: 24px;
 
}
 
  
td.template-categorybox-cell {
+
/* ===== CHANGE : Some more spacing for paragraphs ================================================================================================================== */
    text-align: left;
 
    padding-left: 9px;
 
    padding-right: 9px;
 
}
 
  
@media (max-width: 800px) {
+
/* Limit to mw-parser-output to not affect p's that might be used elsewhere */
 
+
.mw-parser-output p {
table.template-categorybox {
+
     margin: 0.5em 0;
    width: calc(100vw);
 
     margin: 15px auto;
 
    padding: 0;
 
    float: none;
 
    clear: both;
 
    -webkit-transform: translateX(-15px);
 
    transform: translateX(-15px);
 
 
}
 
}
  
 +
/* ^- affects the p's on the frontpage negatively, let's fix that so it doesn't break spacing on buttons + featured article, which expects 0 margin */
 +
.home-container p {
 +
    margin: 0;
 
}
 
}
  
  
/* ===== Seriesbox styling for mobile view ========================================================================================================================== */
+
/* ===== CHANGE : Center the content ================================================================================================================================
/*
+
*  
@media (max-width: 800px) {
+
* This caps the max width of the content and aligns it all to the center. max-width 1600px because that seems like a good middle-ground.
  .template-seriesbox-title:after {
+
*
    content: "[expand]";
+
*/
    color: #FFF;
+
 
    font-size: 11px;
+
/* Center stuff - Beautiful! */
    position: absolute;
+
#masthead {
     right: 15px;
+
     width: 100%;
     line-height: 19px;
+
     max-width: 1200px;
  }
 
 
}
 
}
*/
 
  
/* ===== Series table styling for mobile view ========
+
body {
*
+
    justify-content: center;
* Hides publisher and
+
     width: 100%;
*/
 
@media (max-width: 1395px) {
 
  .table-seriesbox-head-publisher,
 
  .table-seriesbox-body-publisher
 
{
 
     display: none;
 
  }
 
 
}
 
}
  
@media (max-width: 800px) {  
+
/* Fixes the slightly off-putting ~70% width items in the Editing Guide. Let's have two items per row! */
   .table-seriesbox-head-OS,
+
/* Wrap it around a min width to not break mobile view */
   .table-seriesbox-body-OS
+
@media only screen and (min-width : 801px) {
  {
+
    .editing-guide-list-item-wrapper {
     display: none;
+
        max-width: 50%;
   }
+
    }
 +
}
 +
 
 +
 
 +
/* ===== CHANGE : Allow left aligned tables =========================================================================================================================
 +
*
 +
* This allows the use of style="text-align: center;" at the top of a table in an article to get all of its contents to align left.
 +
*
 +
*/
 +
 
 +
/* This is currently set to Center, let's change that to Inherit */
 +
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
 +
    text-align: inherit;
 +
}
 +
 
 +
/* Let's set the default align to Center, to reproduce the current look */
 +
table.wikitable {
 +
    text-align: center;
 +
}
 +
 
 +
 
 +
/* ===== Categorybox styling ================================================================================================================================================== */
 +
table.template-categorybox {
 +
    float: right!important;
 +
    clear: right;
 +
    color: #333;
 +
    width: 300px;
 +
    margin: 0;
 +
    margin-bottom: 15px;
 +
    margin-left: 15px;
 +
    background-color: #fff;
 +
    font-size: 1.2rem;
 +
    border-top: 4px solid #fff;
 +
    border-bottom: 7px solid #fff;
 +
}
 +
 
 +
table.template-categorybox caption.template-categorybox-title {
 +
    background-color: #556db3;
 +
    padding: 5px;
 +
    font-size: 1.4rem;
 +
    font-weight: 600;
 +
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25);
 +
    color: #fff;
 +
}
 +
 
 +
table.template-categorybox caption.template-categorybox-title a {
 +
    color: #fff;
 +
}
 +
 
 +
table.template-categorybox tbody {
 +
    background-color: #fff;
 +
}
 +
 
 +
tr.template-categorybox-tr {
 +
    height: 24px;
 +
}
 +
 
 +
td.template-categorybox-cell {
 +
    text-align: left;
 +
    padding-left: 9px;
 +
    padding-right: 9px;
 +
}
 +
 
 +
td.template-categorybox-cell p {
 +
    margin: 0;
 +
    line-height: 19px;
 +
}
 +
 
 +
@media (max-width: 800px) {
 +
 
 +
table.template-categorybox {
 +
    width: calc(100vw);
 +
    margin: 15px auto;
 +
    padding: 0;
 +
    float: none;
 +
    clear: both;
 +
    -webkit-transform: translateX(-15px);
 +
    transform: translateX(-15px);
 +
}
 +
 
 +
}
 +
 
 +
 
 +
/* ===== Seriesbox styling for mobile view ========================================================================================================================== */
 +
/*
 +
@media (max-width: 800px) {
 +
  .template-seriesbox-title:after {
 +
    content: "[expand]";
 +
    color: #FFF;
 +
    font-size: 11px;
 +
    position: absolute;
 +
    right: 15px;
 +
    line-height: 19px;
 +
  }
 +
}
 +
*/
 +
 
 +
/* ===== Series table styling for mobile view ========
 +
*
 +
* Hides publisher and
 +
*/
 +
@media (max-width: 1395px) {
 +
  .table-seriesbox-head-publisher,
 +
  .table-seriesbox-body-publisher
 +
{
 +
    display: none;
 +
  }
 +
}
 +
 
 +
@media (max-width: 800px) {  
 +
   .table-seriesbox-head-OS,
 +
   .table-seriesbox-body-OS
 +
  {
 +
     display: none;
 +
   }
 +
}
 +
 
 +
 
 +
/* === Creating space between Availability DRM and Keys icons === */
 +
 
 +
.table-availability-body-DRM, .table-availability-body-keys {
 +
    padding-top: 5px !important;
 +
    padding-bottom: 5px !important;
 +
}
 +
 
 +
.table-availability-body-DRM {
 +
    padding-left: 3px !important;
 +
    padding-right: 3px !important;
 +
}
 +
 
 +
.table-availability-body-DRM .svg-25 {
 +
    margin-left: 1px;
 +
    margin-bottom: 1px;
 +
}
 +
 
 +
.table-availability-body-keys .svg-25 {
 +
    margin-bottom: 1px;
 +
}
 +
 
 +
 
 +
/* ===== CHANGE : Right-align 1st column =========================================================================================================================
 +
*
 +
* This will make use of the new CSS template classes to allow right-aligned 1st column in a lot of templates. The rest will default to left-aligned.
 +
*
 +
* For discussions or alternative user-level overrides, see https://pcgamingwiki.com/wiki/User:Aemony/Design_changes
 +
*
 +
*/
 +
 
 +
 
 +
table.wikitable,
 +
.template-infotable,
 +
.page-normaltable,
 +
.table-source-ports-head-notes,
 +
.table-source-ports-body-notes,
 +
.table-standard-head-second-column,
 +
.table-standard-body-second-column
 +
{
 +
    text-align: left;
 +
}
 +
 
 +
 
 +
.table-availability-head-DRM,
 +
.table-availability-body-DRM,
 +
.table-availability-head-keys,
 +
.table-availability-body-keys,
 +
.table-availability-head-OS,
 +
.table-availability-body-OS,
 +
.table-dlc-body-OS,
 +
.table-cloudsync-head-rating,
 +
.table-cloudsync-body-rating,
 +
.table-settings-video-head-rating,
 +
.table-settings-video-body-rating,
 +
.table-settings-video-head-rating-WSGF,
 +
.table-settings-video-body-rating-WSGF,
 +
.table-settings-input-head-rating,
 +
.table-settings-input-body-rating,
 +
.table-settings-input-body-dualshock-modes,
 +
.table-settings-input-body-button-prompts,
 +
.table-settings-audio-head-rating,
 +
.table-settings-audio-body-rating,
 +
.table-l10n-head-rating-ui,
 +
.table-l10n-body-rating-ui,
 +
.table-l10n-head-rating-audio,
 +
.table-l10n-body-rating-audio,
 +
.table-l10n-head-rating-sub,
 +
.table-l10n-body-rating-sub,
 +
.table-network-multiplayer-head-rating,
 +
.table-network-multiplayer-body-rating,
 +
.table-network-multiplayer-head-players,
 +
.table-network-multiplayer-body-players,
 +
.table-network-connection-head-rating,
 +
.table-network-connection-body-rating,
 +
.table-settings-vr-head-rating,
 +
.table-settings-vr-body-rating,
 +
.table-settings-vr-head-rating-GG3D,
 +
.table-settings-vr-body-rating-GG3D,
 +
.table-api-head-support,
 +
.table-api-body-support,
 +
.table-middleware-head-middleware,
 +
.table-middleware-body-middleware,
 +
.table-sysreqs-head-OS,
 +
.table-source-ports-head-OS,
 +
.table-source-ports-body-OS
 +
{
 +
    text-align: center;
 
}
 
}
  
  
 +
.table-availability-head-source,
 +
.table-availability-body-source,
 +
.table-dlc-head-name,
 +
.table-dlc-body-name,
 +
.table-gamedata-head-system,
 +
.table-gamedata-body-system,
 +
.table-cloudsync-head-system,
 +
.table-cloudsync-body-system,
 +
.table-settings-video-head-parameter,
 +
.table-settings-video-body-parameter,
 +
.table-settings-input-head-parameter,
 +
.table-settings-input-body-parameter,
 +
.table-settings-audio-head-parameter,
 +
.table-settings-audio-body-parameter,
 +
.table-l10n-head-parameter,
 +
.table-l10n-body-parameter,
 +
.table-network-multiplayer-head-parameter,
 +
.table-network-multiplayer-body-parameter,
 +
.table-network-connection-head-parameter,
 +
.table-network-connection-body-parameter,
 +
.table-network-ports-head-parameter,
 +
.table-network-ports-body-parameter,
 +
.table-settings-vr-head-parameter,
 +
.table-settings-vr-body-parameter,
 +
.table-api-head-parameter,
 +
.table-api-body-parameter,
 +
.table-middleware-head-parameter,
 +
.table-middleware-body-parameter,
 +
.table-sysreqs-body-parameter,
 +
.table-source-ports-head-parameter,
 +
.table-source-ports-body-parameter,
 +
.table-standard-head-first-column,
 +
.table-standard-body-first-column,
 +
.table-monetization-head-parameter,
 +
.table-monetization-body-parameter
 +
{
 +
    text-align: right;
 +
}
  
/* ===== CHANGE : Right-align 1st column =========================================================================================================================
+
.template-infotable-head th:first-child,
*
+
.template-infotable-secondhead th:first-child,
* This will make use of the new CSS template classes to allow right-aligned 1st column in a lot of templates. The rest will default to left-aligned.
+
.page-normaltable tr:first-of-type th:first-child,
*
+
.template-infotable-body > th:first-of-type
* For discussions or alternative user-level overrides, see https://pcgamingwiki.com/wiki/User:Aemony/Design_changes
+
{
*
+
     padding-left: 6px;
*/
+
    padding-right: 6px;
 
+
}
 
+
 
table.wikitable,
+
 
.template-infotable,
+
.table-availability-head-notes,
.page-normaltable,
+
.table-availability-body-notes,
.table-source-ports-head-notes,
+
.table-dlc-head-notes,
.table-source-ports-body-notes,
+
.table-dlc-body-notes,
.table-standard-head-second-column,
+
.table-gamedata-head-location,
.table-standard-body-second-column
+
.table-gamedata-body-location,
{
+
.table-cloudsync-head-notes,
     text-align: left;
+
.table-cloudsync-body-notes,
}
+
.table-settings-video-head-notes,
 
+
.table-settings-video-body-notes,
 
+
.table-settings-input-head-notes,
.table-availability-head-DRM,
+
.table-settings-input-body-notes,
.table-availability-body-DRM,
+
.table-settings-audio-head-notes,
.table-availability-head-keys,  
+
.table-settings-audio-body-notes,
.table-availability-body-keys,  
+
.table-l10n-head-notes,
.table-availability-head-OS,  
+
.table-l10n-body-notes,
.table-availability-body-OS,
+
.table-network-multiplayer-head-notes,
.table-dlc-body-OS,
+
.table-network-multiplayer-body-notes,
.table-cloudsync-head-rating,
+
.table-network-connection-head-notes,
.table-cloudsync-body-rating,
+
.table-network-connection-body-notes,
.table-settings-video-head-rating,
+
.table-network-ports-head-value,
.table-settings-video-body-rating,
+
.table-network-ports-head-value,
.table-settings-video-head-rating-WSGF,
+
.table-settings-vr-head-notes,
.table-settings-video-body-rating-WSGF,
+
.table-settings-vr-body-notes,
.table-settings-input-head-rating,
+
.table-api-head-notes,
.table-settings-input-body-rating,
+
.table-api-body-notes,
.table-settings-input-body-dualshock-modes,
+
.table-middleware-head-notes,
.table-settings-input-body-button-prompts,
+
.table-middleware-body-notes,
.table-settings-audio-head-rating,
+
.table-source-ports-head-notes,
.table-settings-audio-body-rating,
+
.table-source-ports-body-notes,
.table-l10n-head-rating-ui,
+
.table-standard-head-second-column,
.table-l10n-body-rating-ui,
+
.table-standard-body-second-column,
.table-l10n-head-rating-audio,
+
.table-monetization-head-parameter,
.table-l10n-body-rating-audio,
+
.table-monetization-body-parameter
.table-l10n-head-rating-sub,
 
.table-l10n-body-rating-sub,
 
.table-network-multiplayer-head-rating,
 
.table-network-multiplayer-body-rating,
 
.table-network-multiplayer-head-players,
 
.table-network-multiplayer-body-players,
 
.table-network-connection-head-rating,  
 
.table-network-connection-body-rating,  
 
.table-settings-vr-head-rating,
 
.table-settings-vr-body-rating,
 
.table-settings-vr-head-rating-GG3D,
 
.table-settings-vr-body-rating-GG3D,
 
.table-api-head-support,  
 
.table-api-body-support,  
 
.table-middleware-head-middleware,  
 
.table-middleware-body-middleware,  
 
.table-sysreqs-head-OS,
 
.table-source-ports-head-OS,
 
.table-source-ports-body-OS
 
 
{
 
{
     text-align: center;
+
     padding-left: 6px !important;
 +
    padding-right: 6px !important;
 
}
 
}
  
  
.table-availability-head-source,
+
/* Set max-width to 820px (prevents growth past that point) */
.table-availability-body-source,  
+
#table-availability,
.table-dlc-head-name,  
+
#table-dlc,
.table-dlc-body-name,
+
#table-gamedata,
.table-gamedata-head-system,  
+
#table-cloudsync,
.table-gamedata-body-system,  
+
#table-settings-video,
.table-cloudsync-head-system,  
+
#table-settings-input,
.table-cloudsync-body-system,  
+
#table-settings-input-controller-types,
.table-settings-video-head-parameter,  
+
#table-settings-input-controller-xinput,
.table-settings-video-body-parameter,  
+
#table-settings-input-controller-dualshock,
.table-settings-input-head-parameter,  
+
#table-settings-input-controller-playstation,
.table-settings-input-body-parameter,
+
#table-settings-input-controller-tracked,
.table-settings-audio-head-parameter,  
+
#table-settings-input-controller-other,
.table-settings-audio-body-parameter,  
+
#table-settings-input-additional,
.table-l10n-head-parameter,  
+
#table-settings-input-steam-input,
.table-l10n-body-parameter,  
+
#table-settings-audio,
.table-network-multiplayer-head-parameter,  
+
#table-l10n,
.table-network-multiplayer-body-parameter,  
+
#table-network-multiplayer,
.table-network-connection-head-parameter,  
+
#table-network-connection,
.table-network-connection-body-parameter,  
+
#table-network-ports,
.table-network-ports-head-parameter,
+
#table-settings-vr,
.table-network-ports-body-parameter,
+
#table-settings-vr-3d-modes,
.table-settings-vr-head-parameter,  
+
#table-settings-vr-headsets,
.table-settings-vr-body-parameter,  
+
#table-settings-vr-devices,
.table-api-head-parameter,  
+
#table-settings-vr-devices-misc,
.table-api-body-parameter,  
+
#table-settings-vr-play-area,
.table-middleware-head-parameter,
+
#table-api,
.table-middleware-body-parameter,  
+
#table-api-executable,
.table-sysreqs-body-parameter,
+
#table-middleware,
.table-source-ports-head-parameter,
+
#table-sysreqs,
.table-source-ports-body-parameter,
+
.table-standard
.table-standard-head-first-column,
 
.table-standard-body-first-column,
 
.table-monetization-head-parameter,
 
.table-monetization-body-parameter
 
 
{
 
{
     text-align: right;
+
     max-width: 820px;
 
}
 
}
  
.template-infotable-head th:first-child,
 
.template-infotable-secondhead th:first-child,
 
.page-normaltable tr:first-of-type th:first-child,
 
.template-infotable-body > th:first-of-type
 
{
 
    padding-left: 6px;
 
    padding-right: 6px;
 
}
 
  
  
.table-availability-head-notes,
+
/* ===== Fixes ================================================================================================================== */
.table-availability-body-notes,
+
 
.table-dlc-head-notes,
+
.table-dlc-body-OS
.table-dlc-body-notes,
+
{
.table-gamedata-head-location,
+
    padding-left: 3px !important;
.table-gamedata-body-location,
+
 
.table-cloudsync-head-notes,
+
                      /* default: 4px (set through .template-infotable-body > th, .template-infotable-body > td {} )
.table-cloudsync-body-notes,
+
 
.table-settings-video-head-notes,
+
                          this basically fixes Chrome having OS icons on
.table-settings-video-body-notes,
+
                          two rows when 3 platforms are present as a result
.table-settings-input-head-notes,
+
                          of the 90px width of the column not being enough.
.table-settings-input-body-notes,
+
 
.table-settings-audio-head-notes,
+
                          Another question is why Firefox don't handles
.table-settings-audio-body-notes,
+
                          box-sizing: border-box correctly, and adds the
.table-l10n-head-notes,
+
                          problematic 1px border-left to a magical 91st pixel
.table-l10n-body-notes,
+
                          in width for the column...
.table-network-multiplayer-head-notes,
+
                      */
.table-network-multiplayer-body-notes,
+
 
.table-network-connection-head-notes,
+
                      /* !important since I can't be bothered trying to figure
.table-network-connection-body-notes,
+
                          out a proper solution that properly overrides .template-infotable-body > th, .template-infotable-body > td {}
.table-network-ports-head-value,
+
                      */
.table-network-ports-head-value,
 
.table-settings-vr-head-notes,
 
.table-settings-vr-body-notes,
 
.table-api-head-notes,
 
.table-api-body-notes,
 
.table-middleware-head-notes,
 
.table-middleware-body-notes,
 
.table-source-ports-head-notes,
 
.table-source-ports-body-notes,
 
.table-standard-head-second-column,
 
.table-standard-body-second-column,
 
.table-monetization-head-parameter,
 
.table-monetization-body-parameter
 
{
 
    padding-left: 6px !important;
 
    padding-right: 6px !important;
 
 
}
 
}
  
  
/* Set max-width to 820px (prevents growth past that point) */
+
 
#table-availability,
+
/* ===== Assignment stuff ================================================================================================================================================== */
#table-dlc,
+
 
#table-gamedata,
+
 
#table-cloudsync,
+
.tickcross-available {
#table-settings-video,
+
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.41421'%3e%3cpath d='M20.054 2.796h-4.8C14.76 1.46 13.496.495 12 .495s-2.76.966-3.244 2.3h-4.8a2.31 2.31 0 0 0-2.301 2.301v16.107a2.31 2.31 0 0 0 2.301 2.301h16.108a2.31 2.31 0 0 0 2.301-2.301V5.097a2.31 2.31 0 0 0-2.301-2.301zm-8.054 0c.633 0 1.15.518 1.15 1.15s-.518 1.15-1.15 1.15-1.15-.518-1.15-1.15.518-1.15 1.15-1.15zm0 4.602a3.45 3.45 0 1 1 0 6.903 3.45 3.45 0 1 1 0-6.903zm6.903 13.806H5.097v-1.61c0-2.3 4.602-3.566 6.903-3.566s6.903 1.265 6.903 3.566v1.61z' fill='%237f7f7f' fill-rule='nonzero'/%3e%3c/svg%3e);
#table-settings-input,
+
     display: block;
#table-settings-input-controller-types,
 
#table-settings-input-controller-xinput,
 
#table-settings-input-controller-dualshock,
 
#table-settings-input-controller-tracked,
 
#table-settings-input-controller-other,
 
#table-settings-input-additional,
 
#table-settings-input-steam-input,
 
#table-settings-audio,
 
#table-l10n,
 
#table-network-multiplayer,
 
#table-network-connection,
 
#table-network-ports,
 
#table-settings-vr,
 
#table-api,
 
#table-api-executable,
 
#table-middleware,
 
#table-sysreqs,
 
.table-standard
 
{
 
     max-width: 820px;
 
 
}
 
}
  
 +
.tickcross-assigned {
 +
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.41421'%3e%3cpath d='M20.054 2.796h-4.8C14.76 1.46 13.496.495 12 .495s-2.76.966-3.244 2.3h-4.8a2.31 2.31 0 0 0-2.301 2.301v16.107a2.31 2.31 0 0 0 2.301 2.301h16.108a2.31 2.31 0 0 0 2.301-2.301V5.097a2.31 2.31 0 0 0-2.301-2.301zm-8.054 0c.633 0 1.15.518 1.15 1.15s-.518 1.15-1.15 1.15-1.15-.518-1.15-1.15.518-1.15 1.15-1.15zm0 4.602a3.45 3.45 0 1 1 0 6.903 3.45 3.45 0 1 1 0-6.903zm6.903 13.806H5.097v-1.61c0-2.3 4.602-3.566 6.903-3.566s6.903 1.265 6.903 3.566v1.61z' fill='%237f7f7f' fill-rule='nonzero'/%3e%3ccircle cx='17.434' cy='17.434' r='6.533' fill='%231db288'/%3e%3cpath d='M17.218 20.9c-.216.27-.378.46-.756.46-.756 0-3.294-2.754-3.402-3.078s.216-.54.432-.648c.486-.27.945.054 1.242.405 1.377 1.782 1.836.73 2.754-.594l2.24-3.294c.297-.405.702-.62 1.215-.27.405.297.324.648.108 1l-3.834 6.02z' fill='%23fff' fill-rule='nonzero'/%3e%3c/svg%3e);
 +
    display: block;
 +
}
  
 +
.table-assignment-body-status .tickcross-not-applicable {
 +
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 2500 2500%22%3E%3Ccircle cx=%221250%22 cy=%221250%22 r=%221210%22 fill=%22%23cdcdcd%22/%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22m551 940 305 462 0-466c0-48 26-91 72-91 52 0 74 50 74 91l0 617c0 73-29 103-86 103-62 0-94-49-124-94l-298-457 0 459c0 47-28 91-74 91-52 0-74-47-74-91l0-605c0-75 31-115 93-115 60 0 85 55 112 95zM1210 1618c-7 25-26 37-51 37-36 0-62-18-55-47l182-745c4-14 19-18 42-18 32 0 62 21 55 48zM1948 1455l-319 0-75 180c-10 17-27 21-51 21-57 0-82-67-71-105l218-557c29-79 58-149 137-149 88 0 109 72 138 148l223 556c18 53-31 106-72 106-22 0-50-10-55-25zm-277-119 234 0-118-323z%22/%3E%3C/g%3E%3C/svg%3E");
 +
    display: block;
 +
}
  
/* ===== Fixes ================================================================================================================== */
+
.table-assignment-body-row:nth-of-type(2n) {
 +
    background-color: #f5f5f5;
 +
}
  
.table-dlc-body-OS
+
.page-Home .table-assignment-body-row:nth-of-type(2n) {
{
+
     background: url(https://pcgamingwiki.ams3.digitaloceanspaces.com/5/51/Home_-_Notable_Releases_bg.png) no-repeat;
     padding-left: 3px !important;
+
}
  
                      /* default: 4px (set through .template-infotable-body > th, .template-infotable-body > td {} )
+
.page-Home .table-assignment-body-row:nth-of-type(2n) .table-assignment-body-game,
 +
.page-Home .table-assignment-body-row:nth-of-type(2n) .table-assignment-body-status {
 +
    background: #f5f5f5;
 +
}
  
                          this basically fixes Chrome having OS icons on
+
.table-assignment-body-row:nth-of-type(2n+1) {
                          two rows when 3 platforms are present as a result
+
    background-color: #fff;
                          of the 90px width of the column not being enough.
+
}
  
                          Another question is why Firefox don't handles
+
.page-Home .upcoming-releases .month {
                          box-sizing: border-box correctly, and adds the
+
    border-bottom: none !important;
                          problematic 1px border-left to a magical 91st pixel
+
}
                          in width for the column...
 
                      */
 
  
                      /* !important since I can't be bothered trying to figure
+
.page-Home .table-assignment-body-game {
                          out a proper solution that properly overrides .template-infotable-body > th, .template-infotable-body > td {}
+
    padding-left: 10px;
                      */
 
 
}
 
}
  
  
  
/* ===== Assignment stuff ================================================================================================================================================== */
+
/* ===== Ad stuff ================================================================================================================== */
  
 
+
.page-Home .mw-body.mw-body-with-ads #mpu, .page-Main_Page .mw-body.mw-body-with-ads #mpu, .ns-talk div#mpu, .cat-Lists #mpu, .ns-14 #mpu {
.tickcross-available {
 
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.41421'%3e%3cpath d='M20.054 2.796h-4.8C14.76 1.46 13.496.495 12 .495s-2.76.966-3.244 2.3h-4.8a2.31 2.31 0 0 0-2.301 2.301v16.107a2.31 2.31 0 0 0 2.301 2.301h16.108a2.31 2.31 0 0 0 2.301-2.301V5.097a2.31 2.31 0 0 0-2.301-2.301zm-8.054 0c.633 0 1.15.518 1.15 1.15s-.518 1.15-1.15 1.15-1.15-.518-1.15-1.15.518-1.15 1.15-1.15zm0 4.602a3.45 3.45 0 1 1 0 6.903 3.45 3.45 0 1 1 0-6.903zm6.903 13.806H5.097v-1.61c0-2.3 4.602-3.566 6.903-3.566s6.903 1.265 6.903 3.566v1.61z' fill='%237f7f7f' fill-rule='nonzero'/%3e%3c/svg%3e);
 
 
     display: block;
 
     display: block;
 +
    position: absolute;
 +
    top: auto;
 +
    left: calc(50% - 150px);
 +
    bottom: 0;
 +
    z-index: 25;
 +
    margin: 20px auto 30px auto;
 
}
 
}
  
.tickcross-assigned {
+
@media (max-width:800px) {
     background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.41421'%3e%3cpath d='M20.054 2.796h-4.8C14.76 1.46 13.496.495 12 .495s-2.76.966-3.244 2.3h-4.8a2.31 2.31 0 0 0-2.301 2.301v16.107a2.31 2.31 0 0 0 2.301 2.301h16.108a2.31 2.31 0 0 0 2.301-2.301V5.097a2.31 2.31 0 0 0-2.301-2.301zm-8.054 0c.633 0 1.15.518 1.15 1.15s-.518 1.15-1.15 1.15-1.15-.518-1.15-1.15.518-1.15 1.15-1.15zm0 4.602a3.45 3.45 0 1 1 0 6.903 3.45 3.45 0 1 1 0-6.903zm6.903 13.806H5.097v-1.61c0-2.3 4.602-3.566 6.903-3.566s6.903 1.265 6.903 3.566v1.61z' fill='%237f7f7f' fill-rule='nonzero'/%3e%3ccircle cx='17.434' cy='17.434' r='6.533' fill='%231db288'/%3e%3cpath d='M17.218 20.9c-.216.27-.378.46-.756.46-.756 0-3.294-2.754-3.402-3.078s.216-.54.432-.648c.486-.27.945.054 1.242.405 1.377 1.782 1.836.73 2.754-.594l2.24-3.294c.297-.405.702-.62 1.215-.27.405.297.324.648.108 1l-3.834 6.02z' fill='%23fff' fill-rule='nonzero'/%3e%3c/svg%3e);
+
     #mpu { padding: 0 20px 15px 0 }
    display: block;
 
 
}
 
}
  
.table-assignment-body-status .tickcross-not-applicable {
+
@media (min-width:800px) {
     background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 2500 2500%22%3E%3Ccircle cx=%221250%22 cy=%221250%22 r=%221210%22 fill=%22%23cdcdcd%22/%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22m551 940 305 462 0-466c0-48 26-91 72-91 52 0 74 50 74 91l0 617c0 73-29 103-86 103-62 0-94-49-124-94l-298-457 0 459c0 47-28 91-74 91-52 0-74-47-74-91l0-605c0-75 31-115 93-115 60 0 85 55 112 95zM1210 1618c-7 25-26 37-51 37-36 0-62-18-55-47l182-745c4-14 19-18 42-18 32 0 62 21 55 48zM1948 1455l-319 0-75 180c-10 17-27 21-51 21-57 0-82-67-71-105l218-557c29-79 58-149 137-149 88 0 109 72 138 148l223 556c18 53-31 106-72 106-22 0-50-10-55-25zm-277-119 234 0-118-323z%22/%3E%3C/g%3E%3C/svg%3E");
+
     .ns-14         div#body-content.mw-body.mw-body-with-ads { padding-bottom: 310px }
    display: block;
+
    .ns-talk      div#body-content.mw-body.mw-body-with-ads { padding-bottom: 190px }
 +
    .cat-Lists    div#body-content.mw-body.mw-body-with-ads { padding-bottom: 310px }
 +
    .page-Home    div#body-content.mw-body.mw-body-with-ads { padding-bottom: 240px }
 
}
 
}
  
.table-assignment-body-row:nth-of-type(2n) {
+
@media (max-width:800px) {
     background-color: #f5f5f5;
+
    .ns-14        div#body-content.mw-body.mw-body-with-ads { padding-bottom: 310px }
 +
    .ns-talk      div#body-content.mw-body.mw-body-with-ads { padding-bottom: 190px }
 +
     .cat-Lists    div#body-content.mw-body.mw-body-with-ads { padding-bottom: 190px }
 +
    .page-Home    div#body-content.mw-body.mw-body-with-ads { padding-bottom: 340px }
 
}
 
}
  
.page-Home .table-assignment-body-row:nth-of-type(2n) {
+
/* Home */
    background: url(https://pcgamingwiki.ams3.digitaloceanspaces.com/5/51/Home_-_Notable_Releases_bg.png) no-repeat;
+
 
}
+
/* Hide header ad on Home page */
 +
.page-Home .ad-header-container {}
  
.page-Home .table-assignment-body-row:nth-of-type(2n) .table-assignment-body-game,
+
.page-Home .mw-body.mw-body-with-ads .home-information-column:nth-of-type(2)  
.page-Home .table-assignment-body-row:nth-of-type(2n) .table-assignment-body-status {
+
{
    background: #f5f5f5;
+
padding-top: 40px; /* previous to push down the content below the MPU ad: padding-top: 660px; */
 
}
 
}
  
.table-assignment-body-row:nth-of-type(2n+1) {
+
@media (max-width: 1000px) {
    background-color: #fff;
+
.page-Home .mw-body.mw-body-with-ads .home-information-column:first-of-type {
 +
/* padding-top: 640px; MPU blank space */
 +
padding-top: 20px;
 
}
 
}
 
+
.page-Home .home-information-column:nth-of-type(2) {
.page-Home .upcoming-releases .month {
+
padding-top:0!important;
    border-bottom: none !important;
 
 
}
 
}
 
.page-Home .table-assignment-body-game {
 
    padding-left: 10px;
 
 
}
 
}
  
 +
/* Header */
  
 +
.ad-header-container {
 +
margin: 18px auto 16px auto;
 +
min-height: 90px;
 +
}
  
/* ===== Ad stuff ================================================================================================================== */
+
@media (max-width: 1160px) {
 +
.ad-header-container {
 +
margin: 18px auto 16px auto;
 +
min-height: 90px;
 +
}
 +
}
  
.page-Home .mw-body.mw-body-with-ads #mpu, .page-Main_Page .mw-body.mw-body-with-ads #mpu, .ns-talk div#mpu, .cat-Lists #mpu, .ns-14 #mpu {
+
@media (max-width: 800px) {
    display: block;
+
.ad-header-container
    position: absolute;
+
{
    top: auto;
+
display: none;
    left: calc(50% - 150px);
+
width: auto;
    bottom: 0;
+
height: auto;
    z-index: 25;
+
max-width: 300px;
    margin: 20px auto 30px auto;
+
min-height: 90px;
 +
max-height: 250px;  
 +
margin: 10px auto 20px auto;
 +
overflow:hidden;
 
}
 
}
 
@media (max-width:800px) {
 
    #mpu { padding: 0 20px 15px 0 }
 
 
}
 
}
  
@media (min-width:800px) {
+
/* Footer */
    .ns-14        div#body-content.mw-body.mw-body-with-ads { padding-bottom: 310px }
 
    .ns-talk      div#body-content.mw-body.mw-body-with-ads { padding-bottom: 190px }
 
    .cat-Lists    div#body-content.mw-body.mw-body-with-ads { padding-bottom: 310px }
 
    .page-Home    div#body-content.mw-body.mw-body-with-ads { padding-bottom: 240px }
 
}
 
  
@media (max-width:800px) {
+
.ad-footer-container {margin:16px auto 8px auto}
    .ns-14        div#body-content.mw-body.mw-body-with-ads { padding-bottom: 310px }
 
    .ns-talk      div#body-content.mw-body.mw-body-with-ads { padding-bottom: 190px }
 
    .cat-Lists    div#body-content.mw-body.mw-body-with-ads { padding-bottom: 190px }
 
    .page-Home    div#body-content.mw-body.mw-body-with-ads { padding-bottom: 340px }
 
}
 
  
/* Home */
+
@media (max-width: 800px) {
 +
.ad-footer-container {
 +
    max-height: none!important;
 +
    max-width: none!important;
 +
    margin: 5px auto 5px auto;
 +
}
 +
}
  
/* Hide header ad on Home page */
+
/* Content ad */
.page-Home .ad-header-container {}
+
.ad-widget-container {
 
+
    max-width:300px;
.page-Home .mw-body.mw-body-with-ads .home-information-column:nth-of-type(2)
+
    margin:5px 0 15px 15px;
{
+
    clear:right;
padding-top: 40px; /* previous to push down the content below the MPU ad: padding-top: 660px; */
+
    float:right;
 
}
 
}
  
@media (max-width: 1000px) {
+
@media (max-width: 800px) {
.page-Home .mw-body.mw-body-with-ads .home-information-column:first-of-type {
+
.ad-widget-container {
/* padding-top: 640px; MPU blank space */
+
    max-width:300px;
padding-top: 20px;
+
    margin:0 auto;
}
+
    float:none;
.page-Home .home-information-column:nth-of-type(2) {
 
padding-top:0!important;
 
 
}
 
}
 
}
 
}
  
/* Header */
+
.nitro-widget-1-desktop {display:none!important}
  
.ad-header-container {
+
/* ===== End ad stuff ================================================================================================================== */
margin: 18px auto 16px auto;
 
min-height: 90px;
 
}
 
  
@media (max-width: 1160px) {
+
 
.ad-header-container {
+
/* Tickcross */
margin: 18px auto 16px auto;
+
 
min-height: 90px;
+
.tickcross-error {
 +
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Cpath d='M4 229.497h242L125 20.503z' fill='%23f89842'/%3E%3Cpath d='M136.025 196.491h-21.981V174.51h21.981zM136.025 152.459h-21.981v-44.031h21.981z' fill='%23fff'/%3E%3C/svg%3E");
 +
    display: block
 
}
 
}
 +
 +
.tickcross-hackable-error {
 +
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Cg fill='%231c3360'%3E%3Ccircle cx='125' cy='125' r='121'/%3E%3Cpath d='M19.3 184 77.2 125.8C67.3 70.1 116.2 25.9 161.4 41.2l-45.8 45.1 10.1 37.9 40.5 10.8 43.8-44.3c13.2 52.5-42.1 91.9-84.1 82.5L67.6 231.5C44.5 219.2 29.2 202.1 19.3 184zM27 195.7c1 1.4 2 2.7 3.1 4.1l56.7-57.4-3.6-3.5-56.2 56.9zM110.7 167.6l-3.6-3.5-55.9 56.6c1.3 1 2.7 2.1 4.1 3l55.4-56.1z' fill='%23fff'/%3E%3C/g%3E%3Cpath d='M104.46 250H250l-72.77-125.69z' fill='%23f89842'/%3E%3Cpath d='M183.8606 230.1498H170.641v-13.2195h13.2196zM183.8606 203.6691H170.641v-26.4808h13.2196z' fill='%23fff'/%3E%3C/svg%3E");
 +
    display: block
 
}
 
}
  
@media (max-width: 800px) {
+
.tickcross-true-error {
.ad-header-container
+
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%231db288'/%3E%3Cpath fill='%23fff' d='m121,189c-4,5-7,8.5-14,8.5-14,0-61-51-63-57-2,-6 4,-10 8-12 9-5 17.5,1 23,7.5 25.5,33 34,13.5 51-11l41.5-61c5.5-7.5 13,-11.5 22.5-5 7.5,5.5 6,12 2,18.5z'/%3E%3Cpath d='M104.46 250H250l-72.77-125.69z' fill='%23f89842'/%3E%3Cpath d='M183.8606 230.1498H170.641v-13.2195h13.2196zM183.8606 203.6691H170.641v-26.4808h13.2196z' fill='%23fff'/%3E%3C/svg%3E");
{
+
    display: block
display: none;
 
width: auto;
 
height: auto;
 
max-width: 300px;
 
min-height: 90px;
 
max-height: 250px;  
 
margin: 10px auto 20px auto;
 
overflow:hidden;
 
 
}
 
}
 +
 +
.tickcross-limited {
 +
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%231db288'/%3E%3Cpath fill='%23fff' d='m121,189c-4,5-7,8.5-14,8.5-14,0-61-51-63-57-2,-6 4,-10 8-12 9-5 17.5,1 23,7.5 25.5,33 34,13.5 51-11l41.5-61c5.5-7.5 13,-11.5 22.5-5 7.5,5.5 6,12 2,18.5z'/%3E%3Cpath style='fill:%23ffffff;stroke:%23f89842;stroke-width:8.22652245' d='m 116.89174,180.43528 8.9032,-27.4839 c 20.516,7.2261 35.4192,13.4841 44.7096,18.7742 -2.4517,-23.3545 -3.742,-39.419 -3.871,-48.1935 h 28.0645 c -0.3872,12.7745 -1.8711,28.7744 -4.4516,48 13.2902,-6.7095 28.516,-12.903 45.6773,-18.5807 l 8.9033,27.4839 c -16.3872,5.4195 -32.4517,9.0324 -48.1935,10.8387 7.8708,6.8389 18.9676,19.0324 33.2903,36.5806 l -23.2258,16.4515 c -7.484,-10.1933 -16.3227,-24.0642 -26.5161,-41.6128 -9.5484,18.1937 -17.9355,32.0647 -25.1613,41.6128 l -22.8386,-16.4515 c 14.9676,-18.4514 25.6773,-30.6449 32.129,-36.5806 -16.6452,-3.2256 -32.4516,-6.8385 -47.4193,-10.8387 z'/%3E%3C/svg%3E");
 +
    display: block
 
}
 
}
  
/* Footer */
+
.tickcross-always-on {
 
+
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%23a0a11c'/%3E%3Crect ry='35.501' rx='35.501' height='106.501' width='71.001' y='62.874' x='89.499' fill='none' stroke='%23fff' stroke-width='17.75'/%3E%3Crect ry='8.875' rx='8.875' height='88.751' width='106.501' y='107.25' x='71.749' fill='%23fff'/%3E%3C/svg%3E");
.ad-footer-container {margin:16px auto 8px auto}
+
     display: block
 
 
@media (max-width: 800px) {
 
.ad-footer-container {
 
    max-height: none!important;
 
    max-width: none!important;
 
     margin: 5px auto 5px auto;
 
 
}
 
}
 +
.tickcross-always-on-error {
 +
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%23a0a11c'/%3E%3Crect ry='35.501' rx='35.501' height='106.501' width='71.001' y='62.874' x='89.499' fill='none' stroke='%23fff' stroke-width='17.75'/%3E%3Crect ry='8.875' rx='8.875' height='88.751' width='106.501' y='107.25' x='71.749' fill='%23fff'/%3E%3Cpath d='M104.46 250H250l-72.77-125.69z' fill='%23f89842'/%3E%3Cpath d='M183.8606 230.1498H170.641v-13.2195h13.2196zM183.8606 203.6691H170.641v-26.4808h13.2196z' fill='%23fff'/%3E%3C/svg%3E");
 +
    display: block
 
}
 
}
  
/* Content ad */
+
.tickcross-controller-partial {
.ad-widget-container {
+
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='22.02' viewBox='0 0 30 22.02'%3E%3Cpath fill='%231DB288' d='M17.899,1.351c-1.54,0.176-2.062,0.162-2.75,0.179c-2.533,0.063-3.581-0.416-4.504-0.892 C9.973,0.292,9.278,0,8.247,0l0,0l0,0C7.69,0,7.065,0.138,6.338,0.355c-3.844,1.141-5.244,8.39-5.582,10.579 c-0.039,0.255-0.082,0.537-0.129,0.829c-0.636,3.937-1.084,7.613,0.377,9.329c0.469,0.551,1.105,0.86,1.849,0.896 c0.05,0.002,0.1,0.004,0.149,0.004c2.174,0,3.618-1.18,5.017-2.321c0.946-0.772,1.913-1.561,3.179-2.112L17.899,1.351z'/%3E%3Cpath opacity='0.4' fill='%231DB288' d='M29.824,15.099c-0.155-2.078-0.543-4.036-0.667-4.558c-0.025-0.109-0.064-0.333-0.111-0.591 c-0.424-2.361-1.547-8.632-5.537-9.503c-0.481-0.105-0.916-0.156-1.329-0.156c-1.029,0-1.737,0.174-2.486,0.507 c-0.513,0.228-1.065,0.432-1.817,0.575c0.009-0.001,0.015-0.002,0.023-0.003l-6.695,16.192c1.023-0.448,2.234-0.75,3.807-0.75 c3.664,0,5.492,1.487,7.261,2.928c1.401,1.139,2.728,2.217,4.708,2.217c0.77,0,1.434-0.322,1.918-0.938 C29.74,19.952,30.044,18.015,29.824,15.099z'/%3E%3C/svg%3E%0A");
     max-width:300px;
+
     display: block
    margin:5px 0 15px 15px;
 
     clear:right;
 
    float:right;
 
 
}
 
}
  
@media (max-width: 800px) {
+
.tickcross-controller-full {
.ad-widget-container {
+
     background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='22.02' viewBox='110 80.74 30 22.02'%3E%3Cpath fill='%231DB288' d='M139.718,95.766c-0.155-2.078-0.543-4.036-0.667-4.558c-0.025-0.109-0.065-0.333-0.111-0.591 c-0.424-2.361-1.548-8.631-5.538-9.503c-0.481-0.105-0.916-0.156-1.329-0.156c-1.029,0-1.737,0.174-2.486,0.507 c-0.977,0.435-2.082,0.786-4.483,0.786h-0.061c-2.521,0-3.562-0.405-4.481-0.879c-0.668-0.345-1.359-0.631-2.385-0.631 c-0.554,0-1.176,0.139-1.9,0.354c-3.822,1.134-5.216,8.347-5.552,10.524c-0.039,0.254-0.083,0.536-0.13,0.826 c-0.631,3.916-1.079,7.575,0.375,9.282c0.497,0.586,1.185,0.895,1.988,0.895c2.161,0,3.6-1.173,4.99-2.308 c1.704-1.393,3.465-2.834,6.956-2.834c3.665,0,5.493,1.487,7.261,2.927c1.401,1.139,2.727,2.217,4.708,2.217 c0.77,0,1.434-0.322,1.918-0.938C139.634,100.619,139.938,98.682,139.718,95.766z'/%3E%3C/svg%3E%0A");
     max-width:300px;
+
     display: block
    margin:0 auto;
 
     float:none;
 
}
 
 
}
 
}
  
.nitro-widget-1-desktop {display:none!important}
+
/* Availability DRM */
  
/* ===== End ad stuff ================================================================================================================== */
+
.store-battlenet {
 +
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%3E%3Ccircle%20cy%3D%2212.5%22%20cx%3D%2212.5%22%20r%3D%2212.5%22%20fill%3D%22%230074e0%22%2F%3E%3Cpath%20d%3D%22M17.726094%209.710599c-2.287875-1.057826-5.575922-1.729949-8.670047-1.479554.155168-1.024313.537846-1.73807%201.16597-1.8883653.864348-.2072852%201.807608.3614923%202.706651%201.3963613.588926.07626%201.28733.2109%201.773281.322662C13.062723%204.9785039%2010.864021%203.2504%209.191652%203.8879c-1.271679.4853617-1.922691%202.2363484-1.844074%204.58933-1.6570155.352412-2.9485546.978842-3.7752538%201.879583-.041859.0485-.1364906.170816-.1027539.229281.025617.04429.1099883-.0052.1461602-.03012.9589101-.670647%202.1865937-1.03369%203.7857355-1.262012.227805%202.510142%201.289766%205.694033%203.053747%208.248172-.964079.378394-1.77424.40342-2.218559-.06533-.611295-.645029-.590848-1.745893-.143724-3.042821-.228397-.5484-.461296-1.220523-.60709-1.697394-1.8518947%202.962654-2.2492634%205.730793-.861317%206.860226%201.056571.859254%202.897618.546852%204.89686-.696557%201.134008%201.259059%202.321905%202.063981%203.515558%202.329731.06297.01182.215995.03285.249729-.02554.02562-.04429-.06024-.09279-.09877-.111763-1.060189-.495326-1.988388-1.377168-2.985611-2.647593%202.060363-1.452463%204.286451-3.96327%205.616595-6.76869.810387.646803%201.235215%201.334649%201.052661%201.95377-.253051.85224-1.216537%201.385805-2.562627%201.645794-.360606.471188-.826996%201.009254-1.16627%201.375028%203.489943.120547%206.085717-.917939%206.369846-2.684946.215996-1.344835-.975223-2.783125-3.0519-3.8927.5236-1.611469.62665-3.042821.25999-4.2093831-.02141-.060234-.0795-.2037407-.147047-.2037407-.05116%200-.05056.098254-.04754.1417329.101501%201.1646419-.197983%202.4098239-.799903%203.9086449zm-6.425508%207.432397c-1.476233-2.368336-2.32707-5.158105-2.321609-7.978953%202.788588-.09338%205.629218.563684%208.069531%201.978795-1.313242%202.461717-3.30311%204.594127-5.748881%205.999863z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
 +
background-image: url(//images.pcgamingwiki.com/8/86/Availability_Table_Icons_-_Battle_net.svg)!ie
 +
}
  
 +
.store-discord {
 +
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%3E%0A%20%20%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2240%22%20fill%3D%22%235865f2%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M58.749814%2022.798474c-3.448499-1.582314-7.146492-2.748099-11.012967-3.415784-.07042-.0129-.140754.0193-.177024.08371-.475597.845883-1.002401%201.949407-1.371306%202.816767-4.158649-.622592-8.295959-.622592-12.369339%200-.368982-.886639-.914914-1.970884-1.39264-2.816767-.03625-.06227-.106603-.09445-.177024-.08371-3.864347.665553-7.56234%201.831334-11.012972%203.415784-.02984.01288-.05548.03436-.07246.06226-7.014309%2010.479228-8.935819%2020.700886-7.99319%2030.79581.0045.04937.03199.09663.07041.126654%204.627834%203.398582%209.110694%205.461825%2013.510301%206.829399.07042.02148.145018-.0045.189827-.06227%201.040729-1.421227%201.968445-2.919793%202.763875-4.495705.04694-.0923.0023-.201792-.09379-.238298-1.471518-.558197-2.872697-1.238785-4.220527-2.011652-.106581-.06229-.115147-.214743-.01707-.287747.283635-.212534.567346-.433684.838176-.656963.049-.04076.117283-.04939.174892-.02361%208.854696%204.04274%2018.440954%204.04274%2027.191174%200%20.05764-.0279.12589-.01927.177021.02148.27091.223282.554542.446568.840309.659101.09809.07302.09166.225491-.01494.287748-1.347834.787885-2.749008%201.453457-4.222658%202.009523-.09595.03652-.138618.148138-.09166.240426.8125%201.573706%201.740217%203.072271%202.761738%204.493568.04266.06014.119416.08585.189828.06441%204.420949-1.367574%208.903769-3.430817%2013.531613-6.8294.04052-.03.06615-.07514.07042-.124521%201.128143-11.670835-1.889568-21.808668-7.999588-30.795805-.01494-.03001-.04047-.0515-.07036-.06439zM31.027568%2047.50979c-2.665871%200-4.862478-2.44747-4.862478-5.453218%200-3.005746%202.154009-5.453215%204.862478-5.453215%202.729736%200%204.905074%202.46896%204.862401%205.453215%200%203.005748-2.154005%205.453218-4.862401%205.453218zm17.978163%200c-2.665797%200-4.862403-2.44747-4.862403-5.453218%200-3.005746%202.153933-5.453215%204.862403-5.453215%202.729806%200%204.905071%202.46896%204.862479%205.453215%200%203.005748-2.132673%205.453218-4.862479%205.453218z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
 +
}
  
/* Tickcross */
+
.store-gogcom {
 +
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1%201h23v23H1z%22%2F%3E%3Cpath%20d%3D%22M8%2016v-1H5v4h3v-1H6v-2zm1-1v4h4v-4H9zm3%203h-2v-2h2v2zm2-3v4h1v-3h1v3h1v-3h1v3h1v-4zM5%207v4h2v-1H6V8h2v4H5v1h4V7zm5%200v4h4V7h-4zm3%203h-2V8h2v2zm2-3v4h2v-1h-1V8h2v4h-3v1h4V7zM1%200v1h23V0H1zM4.8e-7%201h1v23h-1zM24%201h1v23h-1zM23%201h1v1h-1z%22%20fill%3D%22%2337209d%22%2F%3E%3Cpath%20fill%3D%22%2337209d%22%20d%3D%22M1%201h1v1H1zM23%2023h1v1h-1zM1%2023h1v1H1zM1%2024v1h23v-1H1z%22%2F%3E%3C%2Fsvg%3E");
 +
}
  
.tickcross-error {
+
.store-steam {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Cpath d='M4 229.497h242L125 20.503z' fill='%23f89842'/%3E%3Cpath d='M136.025 196.491h-21.981V174.51h21.981zM136.025 152.459h-21.981v-44.031h21.981z' fill='%23fff'/%3E%3C/svg%3E");
+
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 233 233'%3E%3Cdefs%3E%3ClinearGradient id='a' x2='50%25' x1='50%25' y2='100%25'%3E%3Cstop stop-color='%23111D2E' offset='0'/%3E%3Cstop stop-color='%23051839' offset='.21248'/%3E%3Cstop stop-color='%230A1B48' offset='.40695'/%3E%3Cstop stop-color='%23132E62' offset='.58110'/%3E%3Cstop stop-color='%23144B7E' offset='.73760'/%3E%3Cstop stop-color='%23136497' offset='.87279'/%3E%3Cstop stop-color='%231387B8' offset='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='m4.8911 150.01c14.393 48.01 58.916 82.99 111.61 82.99 64.34 0 116.5-52.16 116.5-116.5 0-64.341-52.16-116.5-116.5-116.5-61.741 0-112.26 48.029-116.25 108.76 7.5391 12.66 10.481 20.49 4.6411 41.25z'/%3E%3Cpath fill='%23fff' d='m110.5 87.322c0 0.196 0 0.392 0.01 0.576l-28.508 41.412c-4.618-0.21-9.252 0.6-13.646 2.41-1.937 0.79-3.752 1.76-5.455 2.88l-62.599-25.77c0.00049 0-1.4485 23.83 4.588 41.59l44.254 18.26c2.222 9.93 9.034 18.64 19.084 22.83 16.443 6.87 35.402-0.96 42.242-17.41 1.78-4.3 2.61-8.81 2.49-13.31l40.79-29.15c0.33 0.01 0.67 0.02 1 0.02 24.41 0 44.25-19.9 44.25-44.338 0-24.44-19.84-44.322-44.25-44.322-24.4 0-44.25 19.882-44.25 44.322zm-6.84 83.918c-5.294 12.71-19.9 18.74-32.596 13.45-5.857-2.44-10.279-6.91-12.83-12.24l14.405 5.97c9.363 3.9 20.105-0.54 23.997-9.9 3.904-9.37-0.525-20.13-9.883-24.03l-14.891-6.17c5.746-2.18 12.278-2.26 18.381 0.28 6.153 2.56 10.927 7.38 13.457 13.54s2.52 12.96-0.04 19.1m51.09-54.38c-16.25 0-29.48-13.25-29.48-29.538 0-16.275 13.23-29.529 29.48-29.529 16.26 0 29.49 13.254 29.49 29.529 0 16.288-13.23 29.538-29.49 29.538m-22.09-29.583c0-12.253 9.92-22.191 22.14-22.191 12.23 0 22.15 9.938 22.15 22.191 0 12.254-9.92 22.183-22.15 22.183-12.22 0-22.14-9.929-22.14-22.183z'/%3E%3C/svg%3E%0A");
    display: block
 
 
}
 
}
  
.tickcross-hackable-error {
+
.store-oculus {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Cg fill='%231c3360'%3E%3Ccircle cx='125' cy='125' r='121'/%3E%3Cpath d='M19.3 184 77.2 125.8C67.3 70.1 116.2 25.9 161.4 41.2l-45.8 45.1 10.1 37.9 40.5 10.8 43.8-44.3c13.2 52.5-42.1 91.9-84.1 82.5L67.6 231.5C44.5 219.2 29.2 202.1 19.3 184zM27 195.7c1 1.4 2 2.7 3.1 4.1l56.7-57.4-3.6-3.5-56.2 56.9zM110.7 167.6l-3.6-3.5-55.9 56.6c1.3 1 2.7 2.1 4.1 3l55.4-56.1z' fill='%23fff'/%3E%3C/g%3E%3Cpath d='M104.46 250H250l-72.77-125.69z' fill='%23f89842'/%3E%3Cpath d='M183.8606 230.1498H170.641v-13.2195h13.2196zM183.8606 203.6691H170.641v-26.4808h13.2196z' fill='%23fff'/%3E%3C/svg%3E");
+
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzFDMUUyMDt9LnN0MXtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PGcgaWQ9IkJHIj48cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIvPjwvZz48ZyBpZD0iT2N1bHVzX0xvZ28iPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zODkuMSwxNzUuOWMtMTIuMS05LjctMjUuOS0xNi40LTQwLjktMjBjLTguNi0yLjEtMTcuMi0zLTI2LjEtMy4zYy02LjUtMC4yLTEzLjEtMC4yLTE5LjYtMC4yYy0zMSwwLTYyLDAtOTIuOSwwYy02LjUsMC0xMy4xLTAuMS0xOS42LDAuMmMtOC44LDAuMy0xNy41LDEuMi0yNi4xLDMuM2MtMTUsMy42LTI4LjksMTAuMy00MC45LDIwYy0yNC4zLDE5LjUtMzguNCw0OC45LTM4LjQsODAuMWMwLDMxLjIsMTQuMiw2MC42LDM4LjUsODAuMWMxMi4xLDkuNywyNS45LDE2LjQsNDAuOSwyMGM4LjYsMi4xLDE3LjIsMywyNi4xLDMuM2M2LjUsMC4yLDEzLjEsMC4yLDE5LjYsMC4yYzMxLDAsNjIsMCw5Mi45LDBjNi41LDAsMTMuMSwwLjEsMTkuNi0wLjJjOC44LTAuMywxNy41LTEuMiwyNi4xLTMuM2MxNS0zLjYsMjguOS0xMC4zLDQwLjktMjBjMjQuMy0xOS41LDM4LjQtNDguOSwzOC40LTgwLjFDNDI3LjUsMjI0LjgsNDEzLjQsMTk1LjQsMzg5LjEsMTc1Ljl6IE0zNDMuNywyODMuOWMtNC42LDMuMi05LjcsNS4xLTE1LjEsNS45Yy01LjUsMC45LTEwLjksMC43LTE2LjMsMC43Yy0zNy41LDAtNzUsMC0xMTIuNSwwYy01LjUsMC0xMC45LDAuMi0xNi4zLTAuN2MtNS41LTAuOS0xMC41LTIuOC0xNS4xLTUuOWMtOS4yLTYuMy0xNC43LTE2LjctMTQuNy0yNy45YzAtMTEuMiw1LjUtMjEuNSwxNC43LTI3LjljNC42LTMuMiw5LjctNS4xLDE1LjEtNS45YzUuNS0wLjksMTAuOS0wLjcsMTYuMy0wLjdjMzcuNSwwLDc1LDAsMTEyLjUsMGM1LjUsMCwxMC45LTAuMiwxNi4zLDAuN2M1LjUsMC45LDEwLjUsMi44LDE1LjEsNS45YzkuMiw2LjMsMTQuNywxNi43LDE0LjcsMjcuOUMzNTguNCwyNjcuMiwzNTIuOSwyNzcuNSwzNDMuNywyODMuOXoiLz48L2c+PC9zdmc+);
    display: block
+
    background-image: url(//images.pcgamingwiki.com/4/49/Availability_Table_Icons_-_Oculus_Store.svg)!ie
 
}
 
}
  
.tickcross-true-error {
+
.store-origin {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%231db288'/%3E%3Cpath fill='%23fff' d='m121,189c-4,5-7,8.5-14,8.5-14,0-61-51-63-57-2,-6 4,-10 8-12 9-5 17.5,1 23,7.5 25.5,33 34,13.5 51-11l41.5-61c5.5-7.5 13,-11.5 22.5-5 7.5,5.5 6,12 2,18.5z'/%3E%3Cpath d='M104.46 250H250l-72.77-125.69z' fill='%23f89842'/%3E%3Cpath d='M183.8606 230.1498H170.641v-13.2195h13.2196zM183.8606 203.6691H170.641v-26.4808h13.2196z' fill='%23fff'/%3E%3C/svg%3E");
+
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%0A%20%20%3Cpath%20fill%3D%22%23f56c2d%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M16.613711%206.7398845c1.236623.073433%202.449028.3984065%203.555975.956176%201.074136.5374583%202.030311%201.2772448%202.819314%202.1810812.781188.9030553%201.374893%201.9326623%201.785798%203.0880423.407001%201.155379.569488%202.371691.484338%203.649718-.03671.659323-.142177%201.302243-.317163%201.92485-.174987.610109-.410906%201.204595-.703853%201.774083-.455433.882744-.968674%201.717053-1.529568%202.510742-.561675.789002-1.171784%201.525663-1.835014%202.205298-.667137.679634-1.370988%201.30615-2.120149%201.879542-.748379.565582-1.529568%201.078041-2.347474%201.538163l-.03671.02813c-.03671.01639-.07342.02812-.114053.02421-.06484-.01639-.121866-.05313-.167175-.101553-.04063-.05312-.06484-.11796-.06484-.178894%200-.03282.0038-.06092.0125-.08984.0125-.02421.02421-.04453.04062-.06484.289039-.410905.524959-.838216.716351-1.285838.187485-.451527.313257-.923367.382782-1.416296%200-.03282-.01639-.06484-.04062-.08984-.02032-.02421-.05703-.04063-.08984-.04063-.272635.03671-.549177.05703-.825718.06484-.27654.0125-.553081%200-.830405-.03671-1.236624-.07342-2.44903-.403092-3.559882-.956173-1.074136-.537453-2.0303116-1.277242-2.8193131-2.181077-.7850955-.906961-1.3912986-1.952974-1.7857994-3.088042-.4069996-1.171785-.573393-2.408408-.4843375-3.649718.0367159-.659324.1421765-1.302243.3210689-1.924851.1788925-.622608.4109059-1.199908.7038518-1.749864.4554336-.899149.968675-1.745178%201.5295693-2.5349605.560894-.7897827%201.171785-1.5256632%201.831108-2.2092041.667136-.6757289%201.370988-1.302243%202.120147-1.8717302.749163-.5694871%201.529571-1.0819475%202.347476-1.5420682l.03671-.024217c.03671-.020311.07343-.028123.114054-.028123.06953.016405.125771.053121.167175.1015545.04453.053121.06484.1101478.06484.1827984%200%20.028123-.0038.057026-.0125.085149-.0079.024217-.02421.044528-.04063.064839-.285132.4030938-.524959.8343106-.71635%201.289744-.187486.4515275-.309351.9194601-.378094%201.4116095%200%20.036715.0125.064839.03671.089837.02421.024997.05703.040622.08984.040622.272635-.036715.549175-.057026.825716-.064838.285135-.00782.557771.00389.83431.036715zm-.842122%2012.8810345c.960081.08124%201.912351-.239825%202.624016-.891338.753066-.663229%201.155379-1.49754%201.224905-2.498244.08124-.968675-.239826-1.92485-.891338-2.64042-.626514-.736661-1.534255-1.179596-2.498244-1.212407-.963988-.08124-1.920164.244513-2.640421.891337-.736662.626515-1.179596%201.534257-1.212406%202.502151-.08124.963988.239825%201.916258.882745%202.64042.65073.753068%201.488946%201.159286%202.510743%201.208501z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    display: block
 
 
}
 
}
  
.tickcross-limited {
+
.store-microsoft {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%231db288'/%3E%3Cpath fill='%23fff' d='m121,189c-4,5-7,8.5-14,8.5-14,0-61-51-63-57-2,-6 4,-10 8-12 9-5 17.5,1 23,7.5 25.5,33 34,13.5 51-11l41.5-61c5.5-7.5 13,-11.5 22.5-5 7.5,5.5 6,12 2,18.5z'/%3E%3Cpath style='fill:%23ffffff;stroke:%23f89842;stroke-width:8.22652245' d='m 116.89174,180.43528 8.9032,-27.4839 c 20.516,7.2261 35.4192,13.4841 44.7096,18.7742 -2.4517,-23.3545 -3.742,-39.419 -3.871,-48.1935 h 28.0645 c -0.3872,12.7745 -1.8711,28.7744 -4.4516,48 13.2902,-6.7095 28.516,-12.903 45.6773,-18.5807 l 8.9033,27.4839 c -16.3872,5.4195 -32.4517,9.0324 -48.1935,10.8387 7.8708,6.8389 18.9676,19.0324 33.2903,36.5806 l -23.2258,16.4515 c -7.484,-10.1933 -16.3227,-24.0642 -26.5161,-41.6128 -9.5484,18.1937 -17.9355,32.0647 -25.1613,41.6128 l -22.8386,-16.4515 c 14.9676,-18.4514 25.6773,-30.6449 32.129,-36.5806 -16.6452,-3.2256 -32.4516,-6.8385 -47.4193,-10.8387 z'/%3E%3C/svg%3E");
+
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 582 578'%3E%3Cpath d='M209.84 35.8c18.33-19.93 44.25-32.81 71.27-35 6.59-.3 13.21-.25 19.8.02 26.79 2.08 52.46 14.82 70.74 34.45 18.54 19.54 29.38 46.1 29.91 73.02.13 12.77.02 25.54.05 38.31h22.99c-.06-13.41.13-26.82-.1-40.22-.78-22.11-8.68-43.7-21.7-61.51 22.37 16.47 38.04 41.67 42.92 69.02 2.1 10.77 1.84 21.79 1.81 32.71 44.59.01 89.18 0 133.78 0 .03 126.48.04 252.95.01 379.43-.02 7.69.77 15.67-1.96 23.05-5.2 15.78-20.6 28.01-37.38 28.28-167.33-.05-334.66-.02-501.98-.02-20.62-.28-38.96-18.78-39.34-39.35C.68 407.53.65 277.06.67 146.6h179.71c.03-12.75-.07-25.5.05-38.24.49-26.7 11.16-53.06 29.41-72.56m66.98-11.42c-19.85 3.18-38.45 13.51-51.69 28.64-13.76 15.56-21.67 36.15-21.8 56.92-.05 12.22-.01 24.44-.02 36.66h22.99c.02-6.53-.11-13.06.22-19.59.78-13.19 3.97-26.23 9.35-38.3 10.29-24.73 34.24-42.29 60.12-47.72 17.34-3.61 35.97-2.01 52.07 5.56-5.36-.31-10.71-.87-16.08-.47-20.89 1.1-41.26 10.03-56.21 24.69-15.96 15.4-25.65 37.08-26.46 59.25-.16 5.52-.05 11.05-.08 16.58h129.46v-33.68c.02-13.9-3.23-27.8-9.48-40.21-9.11-18.27-24.67-33.22-43.29-41.58-15.26-6.86-32.54-9.59-49.1-6.75M169.12 240.2c.01 37.51-.02 75.01.02 112.52 37.49-.03 74.99-.01 112.49-.02 0-37.49-.02-74.99.01-112.49-37.51-.03-75.01 0-112.52-.01m131.23.02c.06 37.49.02 74.99.02 112.48 37.49.02 74.99-.02 112.48.03.06-37.52.02-75.03.02-112.54-37.51.03-75.01-.03-112.52.03M169.14 371.44c-.03 37.5 0 75.01-.02 112.51 37.51-.01 75.02.04 112.52-.02-.03-37.49 0-74.99-.01-112.48-37.5-.01-75 .01-112.49-.01m131.23.01c0 37.5.02 74.99-.01 112.49 37.51.04 75.01.01 112.52.01-.01-37.5.03-75.01-.02-112.51-37.49.03-74.99 0-112.49.01z'/%3E%3Cpath fill='%23f25022' d='M169.12 240.2c37.51.01 75.01-.02 112.52.01-.03 37.5-.01 75-.01 112.49-37.5.01-75-.01-112.49.02-.04-37.51-.01-75.01-.02-112.52z'/%3E%3Cpath fill='%237fba00' d='M300.35 240.22c37.51-.06 75.01 0 112.52-.03 0 37.51.04 75.02-.02 112.54-37.49-.05-74.99-.01-112.48-.03 0-37.49.04-74.99-.02-112.48z'/%3E%3Cpath fill='%2301a4ef' d='M169.14 371.44c37.49.02 74.99 0 112.49.01.01 37.49-.02 74.99.01 112.48-37.5.06-75.01.01-112.52.02.02-37.5-.01-75.01.02-112.51z'/%3E%3Cpath fill='%23ffb901' d='M300.37 371.45c37.5-.01 75 .02 112.49-.01.05 37.5.01 75.01.02 112.51-37.51 0-75.01.03-112.52-.01.03-37.5.01-74.99.01-112.49z'/%3E%3C/svg%3E");
    display: block
+
background-image: url(https://pcgamingwiki.ams3.digitaloceanspaces.com/d/d6/Availability_Table_Icons_-_Microsoft_Store.svg)!ie
 
}
 
}
  
.tickcross-always-on {
+
.store-mas {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%23a0a11c'/%3E%3Crect ry='35.501' rx='35.501' height='106.501' width='71.001' y='62.874' x='89.499' fill='none' stroke='%23fff' stroke-width='17.75'/%3E%3Crect ry='8.875' rx='8.875' height='88.751' width='106.501' y='107.25' x='71.749' fill='%23fff'/%3E%3C/svg%3E");
+
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48cGF0aCBkPSJNMTkuOTUsMGwtMTQuOSwwYy0yLjc5MSwwIC01LjA1LDIuMjU5IC01LjA1LDUuMDVsMCwxNC45MDNjMCwyLjc4OCAyLjI1OSw1LjA0NyA1LjA1LDUuMDQ3bDE0LjkwMywwYzIuNzg4LDAgNS4wNSwtMi4yNTkgNS4wNSwtNS4wNWwwLC0xNC45Yy0wLjAwMywtMi43OTEgLTIuMjYyLC01LjA1IC01LjA1MywtNS4wNVoiIHN0eWxlPSJmaWxsOnVybCgjX0xpbmVhcjEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPjxwYXRoIGQ9Ik0xMi4zOTQsNS43NDRsMC41MDYsLTAuODc1YzAuMzEzLC0wLjU0NyAxLjAwOSwtMC43MzEgMS41NTYsLTAuNDE5YzAuNTQ3LDAuMzEzIDAuNzMyLDEuMDA5IDAuNDE5LDEuNTU2bC00Ljg3OCw4LjQ0NGwzLjUyOCwtMGMxLjE0NCwtMCAxLjc4NCwxLjM0NCAxLjI4NywyLjI3NWwtMTAuMzQzLC0wYy0wLjYzMiwtMCAtMS4xMzgsLTAuNTA2IC0xLjEzOCwtMS4xMzhjMCwtMC42MzEgMC41MDYsLTEuMTM3IDEuMTM4LC0xLjEzN2wyLjksLTBsMy43MTIsLTYuNDM0bC0xLjE1OSwtMi4wMTNjLTAuMzEzLC0wLjU0NyAtMC4xMjgsLTEuMjM3IDAuNDE5LC0xLjU1NmMwLjU0NiwtMC4zMTMgMS4yMzcsLTAuMTI4IDEuNTU2LDAuNDE5bDAuNDk3LDAuODc4Wm0tNC4zODgsMTIuMTUzbC0xLjA5NCwxLjg5N2MtMC4zMTIsMC41NDcgLTEuMDA5LDAuNzMxIC0xLjU1NiwwLjQxOWMtMC41NDcsLTAuMzEzIC0wLjczMSwtMS4wMSAtMC40MTksLTEuNTU3bDAuODEzLC0xLjQwNmMwLjkxOSwtMC4yODQgMS42NjYsLTAuMDY2IDIuMjU2LDAuNjQ3Wm05LjQxOSwtMy40NDFsMi45NTksMGMwLjYzMiwwIDEuMTM4LDAuNTA2IDEuMTM4LDEuMTM4Yy0wLDAuNjMxIC0wLjUwNiwxLjEzNyAtMS4xMzgsMS4xMzdsLTEuNjQzLDBsMS4xMDksMS45MjVjMC4zMTMsMC41NDcgMC4xMjgsMS4yMzggLTAuNDE5LDEuNTU2Yy0wLjU0NywwLjMxMyAtMS4yMzcsMC4xMjkgLTEuNTU2LC0wLjQxOGMtMS44NjksLTMuMjQxIC0zLjI3MiwtNS42NjYgLTQuMjAzLC03LjI4MmMtMC45NTMsLTEuNjQzIC0wLjI3MiwtMy4yOTMgMC40LC0zLjg1M2MwLjc0NywxLjI4MiAxLjg2MiwzLjIxNiAzLjM1Myw1Ljc5N1oiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJfTGluZWFyMSIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEuNTMwODFlLTE1LDI1LC0yNSwxLjUzMDgxZS0xNSwxMi41MDE2LDApIj48c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOGJmZmI7c3RvcC1vcGFjaXR5OjEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMyMDcyZjM7c3RvcC1vcGFjaXR5OjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=);
    display: block
+
background-image: url(https://images.pcgamingwiki.com/d/db/Availability_Table_Icons_-_Mac_App_Store.svg)!ie
 
}
 
}
.tickcross-always-on-error {
+
 
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%23a0a11c'/%3E%3Crect ry='35.501' rx='35.501' height='106.501' width='71.001' y='62.874' x='89.499' fill='none' stroke='%23fff' stroke-width='17.75'/%3E%3Crect ry='8.875' rx='8.875' height='88.751' width='106.501' y='107.25' x='71.749' fill='%23fff'/%3E%3Cpath d='M104.46 250H250l-72.77-125.69z' fill='%23f89842'/%3E%3Cpath d='M183.8606 230.1498H170.641v-13.2195h13.2196zM183.8606 203.6691H170.641v-26.4808h13.2196z' fill='%23fff'/%3E%3C/svg%3E");
+
.store-bethesda {
     display: block
+
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-156%20139.3%20512%20512%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%20319.29999h152v152H24z%22%2F%3E%3Cpath%20d%3D%22M-156%20139.3v512h512v-512h-512zm331.5%20331.6H24.3V319.7h151.3v151.2z%22%2F%3E%3C%2Fsvg%3E);
 +
     background-image: url(//images.pcgamingwiki.com/1/13/Availability_Table_Icons_-_Bethesda.net.svg)!ie
 
}
 
}
  
.tickcross-controller-partial {
+
.store-epicgames {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='22.02' viewBox='0 0 30 22.02'%3E%3Cpath fill='%231DB288' d='M17.899,1.351c-1.54,0.176-2.062,0.162-2.75,0.179c-2.533,0.063-3.581-0.416-4.504-0.892 C9.973,0.292,9.278,0,8.247,0l0,0l0,0C7.69,0,7.065,0.138,6.338,0.355c-3.844,1.141-5.244,8.39-5.582,10.579 c-0.039,0.255-0.082,0.537-0.129,0.829c-0.636,3.937-1.084,7.613,0.377,9.329c0.469,0.551,1.105,0.86,1.849,0.896 c0.05,0.002,0.1,0.004,0.149,0.004c2.174,0,3.618-1.18,5.017-2.321c0.946-0.772,1.913-1.561,3.179-2.112L17.899,1.351z'/%3E%3Cpath opacity='0.4' fill='%231DB288' d='M29.824,15.099c-0.155-2.078-0.543-4.036-0.667-4.558c-0.025-0.109-0.064-0.333-0.111-0.591 c-0.424-2.361-1.547-8.632-5.537-9.503c-0.481-0.105-0.916-0.156-1.329-0.156c-1.029,0-1.737,0.174-2.486,0.507 c-0.513,0.228-1.065,0.432-1.817,0.575c0.009-0.001,0.015-0.002,0.023-0.003l-6.695,16.192c1.023-0.448,2.234-0.75,3.807-0.75 c3.664,0,5.492,1.487,7.261,2.928c1.401,1.139,2.728,2.217,4.708,2.217c0.77,0,1.434-0.322,1.918-0.938 C29.74,19.952,30.044,18.015,29.824,15.099z'/%3E%3C/svg%3E%0A");
+
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20id%3D%22Layer_2%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%22-293%20384%2025%2025%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%20id%3D%22style2%22%3E.st1%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3Cg%20id%3D%22g10%22%20transform%3D%22translate%289.7293555%20-13.75447%29%20scale%281.03469%29%22%3E%3Cpath%20d%3D%22M-290.9%20403.1c0%202.5%204.6%203.4%206.6%204.2%202%20.9%202.1.9%202.1.9%202.1.8%203.5%200%203.5%200s4.3-1.8%206.2-2.6c2-.8%202.6-.9%202.6-2.6v-17.2c0-1.4-.4-1.4-3.2-1.4h-15.1c-1.5%200-2.8-.2-2.8%201.6.1%202.1.1%2014.6.1%2017.1z%22%20id%3D%22path4%22%20fill%3D%22%23333332%22%2F%3E%3Cpath%20class%3D%22st1%22%20id%3D%22polygon6%22%20d%3D%22M-283.2%20386.2v17h5.7v-2h-3.4v-5.5h3.3v-2.3h-3.3v-5.2l3.4-.1v-1.9z%22%2F%3E%3Cpath%20class%3D%22st1%22%20id%3D%22polygon8%22%20d%3D%22M-280.3%20406.8l3.8-1.3h-7.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
     display: block
+
     background-image: url(//images.pcgamingwiki.com/7/70/Availability_Table_Icons_-_Epic_Games_Store.svg)!ie
 
}
 
}
  
.tickcross-controller-full {
+
.store-rockstargames {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='22.02' viewBox='110 80.74 30 22.02'%3E%3Cpath fill='%231DB288' d='M139.718,95.766c-0.155-2.078-0.543-4.036-0.667-4.558c-0.025-0.109-0.065-0.333-0.111-0.591 c-0.424-2.361-1.548-8.631-5.538-9.503c-0.481-0.105-0.916-0.156-1.329-0.156c-1.029,0-1.737,0.174-2.486,0.507 c-0.977,0.435-2.082,0.786-4.483,0.786h-0.061c-2.521,0-3.562-0.405-4.481-0.879c-0.668-0.345-1.359-0.631-2.385-0.631 c-0.554,0-1.176,0.139-1.9,0.354c-3.822,1.134-5.216,8.347-5.552,10.524c-0.039,0.254-0.083,0.536-0.13,0.826 c-0.631,3.916-1.079,7.575,0.375,9.282c0.497,0.586,1.185,0.895,1.988,0.895c2.161,0,3.6-1.173,4.99-2.308 c1.704-1.393,3.465-2.834,6.956-2.834c3.665,0,5.493,1.487,7.261,2.927c1.401,1.139,2.727,2.217,4.708,2.217 c0.77,0,1.434-0.322,1.918-0.938C139.634,100.619,139.938,98.682,139.718,95.766z'/%3E%3C/svg%3E%0A");
+
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-140%20222%20350%20350%22%3E%3Cpath%20d%3D%22M264.9%20287.7h192.8c31.2%200%2056.5%2023.2%2056.5%2051.9v177.2c0%2028.7-25.3%2051.9-56.5%2051.9H264.9c-31.2%200-56.5-23.2-56.5-51.9V339.6c-.1-28.7%2025.2-51.9%2056.5-51.9z%22%20fill%3D%22orange%22%20stroke%3D%22%23000%22%20stroke-width%3D%227.5827%22%20transform%3D%22matrix%281.11684%200%200%201.14234%20-368.51518106%20-92.15064607%29%22%2F%3E%3Cpath%20d%3D%22M-15.25776461%20290.87647105l64.8885738.11423416c13.51379937-.11423416%2023.67706997%202.05621476%2030.3781275%206.51134675%208.15295334%205.48323938%2012.28527215%2014.73620582%2012.28527215%2027.98736764%200%2021.81872335-10.1632706%2034.15601194-30.3781275%2037.12609993v.34270247c8.93474339%202.17044891%2013.40211508%209.5956689%2013.51379937%2022.1614258%200%206.3971126-.22336858%2014.62197166-.67010575%2024.67457718%200%206.73981507%201.4518958%2012.5657569%204.2440031%2017.47782551H43.48817312c-1.67526438-1.82774646-2.45705443-5.48323937-2.45705443-10.96647875.67010576-9.25296644%201.00515863-16.79242058%201.00515863-22.73259657%200-11.99458613-5.6958989-17.93476212-17.199381-17.93476212H1.8299321l-10.0515863%2048.43528114H-42.8437848zm54.8369875%2027.75889934H14.11520425l-6.58937324%2032.09979717h27.5860202c15.41243232%200%2023.1186485-6.05441015%2023.23033278-18.27746458%200-9.25296645-6.25432036-13.8223326-18.7629611-13.8223326z%22%2F%3E%3Cpath%20d%3D%22M83.69451834%20427.15781634l25.68738722-44.43708577%206.92442612%2044.77978823h43.78024257l-39.53623946%2028.3300701%206.36600466%2044.43708576-34.17539344-26.8450261-46.01392841%2027.87313348%2021.5550684-47.2929396-25.01728146-26.95926026z%22%2F%3E%3Cpath%20d%3D%22M113.62590867%20452.6320326l26.24580868-18.7344012h-29.037916l-5.02579314-32.44249963-18.42790823%2032.09979717H58.11881541l17.86948676%2019.19133781-14.74232658%2032.09979717%2031.9417076-19.30557196%2025.24065004%2019.76250857z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    display: block
+
background-image: url(//pcgamingwiki.ams3.digitaloceanspaces.com/7/7e/Availability_Table_Icons_-_Rockstar_Games_Launcher.svg)!ie
 
}
 
}
  
/* Availability DRM */
+
.store-uplay {
 
+
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9InN2ZzIiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIgc29kaXBvZGk6ZG9jbmFtZT0iWmVpY2hudW5nLnN2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9Ii0xMjguNyAyNDcgMzAwIDMwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMTI4LjcgMjQ3IDMwMCAzMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMDAwMDAwO30uc3Qxe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48c29kaXBvZGk6bmFtZWR2aWV3ICBwYWdlY29sb3I9IiNmZmZmZmYiIHNob3dncmlkPSJmYWxzZSIgaW5rc2NhcGU6Y3g9Ii0xMTAuODk5NDUiIGlua3NjYXBlOmN5PSIyMzMuODQ5MjYiIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiBpbmtzY2FwZTp6b29tPSIxLjQiIGJvcmRlcm9wYWNpdHk9IjEuMCIgaWQ9ImJhc2UiIHVuaXRzPSJweCIgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIiBpbmtzY2FwZTp3aW5kb3cteD0iLTgiIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTciIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiIGlua3NjYXBlOmRvY3VtZW50LXVuaXRzPSJweCIgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgaW5rc2NhcGU6d2luZG93LXk9Ii04IiBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIj48L3NvZGlwb2RpOm5hbWVkdmlldz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMS4zIiBjeT0iMzk3IiByPSIxNDkiLz48ZyBpZD0ibGF5ZXIxIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjUwMjI1MzE2LDAsMCwwLjUwMjI1MzE2LDI3MC45MDA0NywtOTAuMTE1MzkzKSIgaW5rc2NhcGU6bGFiZWw9IkViZW5lIDEiIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiPjxwYXRoIGlkPSJwYXRoMTQiIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIGNsYXNzPSJzdDEiIGQ9Ik0tMzE5LjIsMTA1NS4yYy0zMy40LDc1LjktMTAyLjMsMTE1LjYtMTc1LjgsMTE0LjdjLTE0MS03LTE4Mi0xNjkuOC04Ny44LTIyOC42bDQuMSw0LjFjLTEuNiwyLjEtNy4xLDYuNS0xNS45LDIzLjhjLTEwLjMsMjAuOS0xMy40LDQxLjgtMTIuMiw1NC45YzcuMywxMTMuOCwxNjYuNiwxMzcsMjIxLjQsMjQuNWM2OS44LTE1NC4zLTExNS4yLTMxMS4xLTI3OS41LTE5MS4zbC0zLjgtMy44YzQzLjItNjcuOCwxMjcuNy05OC4yLDIwOC4zLTc3LjlDLTMzNi45LDgwNi41LTI3MC43LDkzNS4xLTMxOS4yLDEwNTUuMnogTS00NTEsMTA1Mi43Yy0xMS40LDE2LjQtMzAuNCwyNy4yLTUyLDI3LjJjLTM0LjksMC02My4yLTI4LjMtNjMuMi02My4yYzAtMzMuNCwyNS45LTYwLjcsNTguNi02My4xdjBjMjAuNC0wLjgsMzkuNCwxMC4yLDQ4LjUsMjguMWM5LjgsMTkuMyw2LjIsNDMuMS05LDU5LjFDLTQ2Mi40LDEwNDQuOC00NTYuNywxMDQ4LjgtNDUxLDEwNTIuN0wtNDUxLDEwNTIuN3ogTS02NzEuNiwxMDExYy0zLDI1LjEtMS4xLDMyLjktMS4yLDM1LjlsLTUuNiwyYy0yLjEtNC4xLTcuNS0xOC43LTkuOC0zOC4yYy02LTc0LjYsNDQuOC0xNDEuOSwxMjIuMy0xNTQuNGM3MS0xMC40LDEzOC45LDMzLjcsMTU0LjgsOTUuNGwtNS42LDJjLTEuNy0xLjgtNC42LTYuOC0xNS40LTE3LjdDLTUxNy43LDg1MC02NTIuMyw4ODkuNC02NzEuNiwxMDExeiBNLTI2NS40LDk2OS42Yy01LjEtMjQ2LjctMzMyLjctMzM4LjYtNDU4LjktMTA3LjVjNS42LDQsMTMuMyw5LjUsMTguOSwxMy41Yy05LjcsMjAuMy0xNi4xLDQxLTE5LjYsNjEuNmMtMi41LDEzLjUtMy43LDI3LjQtMy43LDQxLjZjMCwxMjgsMTAzLjgsMjMxLjgsMjMxLjgsMjMxLjhjMTI4LDAsMjMxLjgtMTAzLjgsMjMxLjgtMjMxLjhDLTI2NS4yLDk3NS44LTI2NS4zLDk3Mi43LTI2NS40LDk2OS42Ii8+PC9nPjwvc3ZnPg==);
.store-battlenet {
+
background-image: url(//pcgamingwiki.ams3.digitaloceanspaces.com/4/4f/Availability_Table_Icons_-_Uplay.svg)!ie
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%3E%3Ccircle%20cy%3D%2212.5%22%20cx%3D%2212.5%22%20r%3D%2212.5%22%20fill%3D%22%230074e0%22%2F%3E%3Cpath%20d%3D%22M17.726094%209.710599c-2.287875-1.057826-5.575922-1.729949-8.670047-1.479554.155168-1.024313.537846-1.73807%201.16597-1.8883653.864348-.2072852%201.807608.3614923%202.706651%201.3963613.588926.07626%201.28733.2109%201.773281.322662C13.062723%204.9785039%2010.864021%203.2504%209.191652%203.8879c-1.271679.4853617-1.922691%202.2363484-1.844074%204.58933-1.6570155.352412-2.9485546.978842-3.7752538%201.879583-.041859.0485-.1364906.170816-.1027539.229281.025617.04429.1099883-.0052.1461602-.03012.9589101-.670647%202.1865937-1.03369%203.7857355-1.262012.227805%202.510142%201.289766%205.694033%203.053747%208.248172-.964079.378394-1.77424.40342-2.218559-.06533-.611295-.645029-.590848-1.745893-.143724-3.042821-.228397-.5484-.461296-1.220523-.60709-1.697394-1.8518947%202.962654-2.2492634%205.730793-.861317%206.860226%201.056571.859254%202.897618.546852%204.89686-.696557%201.134008%201.259059%202.321905%202.063981%203.515558%202.329731.06297.01182.215995.03285.249729-.02554.02562-.04429-.06024-.09279-.09877-.111763-1.060189-.495326-1.988388-1.377168-2.985611-2.647593%202.060363-1.452463%204.286451-3.96327%205.616595-6.76869.810387.646803%201.235215%201.334649%201.052661%201.95377-.253051.85224-1.216537%201.385805-2.562627%201.645794-.360606.471188-.826996%201.009254-1.16627%201.375028%203.489943.120547%206.085717-.917939%206.369846-2.684946.215996-1.344835-.975223-2.783125-3.0519-3.8927.5236-1.611469.62665-3.042821.25999-4.2093831-.02141-.060234-.0795-.2037407-.147047-.2037407-.05116%200-.05056.098254-.04754.1417329.101501%201.1646419-.197983%202.4098239-.799903%203.9086449zm-6.425508%207.432397c-1.476233-2.368336-2.32707-5.158105-2.321609-7.978953%202.788588-.09338%205.629218.563684%208.069531%201.978795-1.313242%202.461717-3.30311%204.594127-5.748881%205.999863z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
 
background-image: url(//images.pcgamingwiki.com/8/86/Availability_Table_Icons_-_Battle_net.svg)!ie
 
 
}
 
}
  
.store-discord {
+
.drm-account {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%3E%0A%20%20%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2240%22%20fill%3D%22%235865f2%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M58.749814%2022.798474c-3.448499-1.582314-7.146492-2.748099-11.012967-3.415784-.07042-.0129-.140754.0193-.177024.08371-.475597.845883-1.002401%201.949407-1.371306%202.816767-4.158649-.622592-8.295959-.622592-12.369339%200-.368982-.886639-.914914-1.970884-1.39264-2.816767-.03625-.06227-.106603-.09445-.177024-.08371-3.864347.665553-7.56234%201.831334-11.012972%203.415784-.02984.01288-.05548.03436-.07246.06226-7.014309%2010.479228-8.935819%2020.700886-7.99319%2030.79581.0045.04937.03199.09663.07041.126654%204.627834%203.398582%209.110694%205.461825%2013.510301%206.829399.07042.02148.145018-.0045.189827-.06227%201.040729-1.421227%201.968445-2.919793%202.763875-4.495705.04694-.0923.0023-.201792-.09379-.238298-1.471518-.558197-2.872697-1.238785-4.220527-2.011652-.106581-.06229-.115147-.214743-.01707-.287747.283635-.212534.567346-.433684.838176-.656963.049-.04076.117283-.04939.174892-.02361%208.854696%204.04274%2018.440954%204.04274%2027.191174%200%20.05764-.0279.12589-.01927.177021.02148.27091.223282.554542.446568.840309.659101.09809.07302.09166.225491-.01494.287748-1.347834.787885-2.749008%201.453457-4.222658%202.009523-.09595.03652-.138618.148138-.09166.240426.8125%201.573706%201.740217%203.072271%202.761738%204.493568.04266.06014.119416.08585.189828.06441%204.420949-1.367574%208.903769-3.430817%2013.531613-6.8294.04052-.03.06615-.07514.07042-.124521%201.128143-11.670835-1.889568-21.808668-7.999588-30.795805-.01494-.03001-.04047-.0515-.07036-.06439zM31.027568%2047.50979c-2.665871%200-4.862478-2.44747-4.862478-5.453218%200-3.005746%202.154009-5.453215%204.862478-5.453215%202.729736%200%204.905074%202.46896%204.862401%205.453215%200%203.005748-2.154005%205.453218-4.862401%205.453218zm17.978163%200c-2.665797%200-4.862403-2.44747-4.862403-5.453218%200-3.005746%202.153933-5.453215%204.862403-5.453215%202.729806%200%204.905071%202.46896%204.862479%205.453215%200%203.005748-2.132673%205.453218-4.862479%205.453218z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
+
background-image:
 +
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOiNCMjNEMjU7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9Ii0xNyIgY3k9IjM5NyIgcj0iMTIwIi8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTQuNywzNDEuMWMxOC44LTcuMiwyOS41LDEyLjMsMjMuMywyNS43Yy0xLjIsMS45LTM1LjcsMzYuNy0zNy42LDM4Yy01LjksMy4yLTEzLjcsMy40LTE4LjksMC41DQoJYy05LjgtNi42LTIyLjYsNS44LTEyLjcsMTMuNWMxNC45LDEwLjcsMzIuMyw4LjIsNDUuNi0xLjdjMi41LTIuMiwzNC44LTM0LjksMzYuMy0zNi43YzEzLTE2LjcsOC41LTQxLTYuMi01Mi42DQoJYy0xMy44LTgtMjUuNS05LjYtMzguMi0zQy03LjksMzM1LTEwLjMsMzM5LTI0LDM1Mi44YzcuNSwwLjQsMTMuNiwxLjksMjEuMiw0LjZMMTQuNywzNDEuMXogTS00OC43LDQ1Mi45DQoJYy0xOC44LDcuMi0yOS41LTEyLjMtMjMuMy0yNS43YzEuMi0xLjksMzUuNy0zNi43LDM3LjYtMzhjNS45LTMuMiwxMy43LTMuNCwxOC45LTAuNWM5LjgsNi42LDIyLjYtNS44LDEyLjctMTMuNQ0KCWMtMTQuOS0xMC43LTMyLjMtOC4yLTQ1LjYsMS43Yy0yLjUsMi4yLTM0LjgsMzQuOS0zNi4zLDM2LjdjLTEzLDE2LjctOC41LDQxLDYuMiw1Mi42YzEzLjgsOCwyNS41LDkuNiwzOC4yLDMNCgljMTQuMi0xMC4yLDE2LjYtMTQuMiwzMC4zLTI4Yy03LjUtMC40LTEzLjYtMS45LTIxLjItNC42TC00OC43LDQ1Mi45eiIvPg0KPC9zdmc+DQo=);
 +
    background-image: url(//images.pcgamingwiki.com/8/8d/DRM_Account-Based_icon.svg)!ie
 
}
 
}
  
.store-gogcom {
+
.drm-alwaysonline {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1%201h23v23H1z%22%2F%3E%3Cpath%20d%3D%22M8%2016v-1H5v4h3v-1H6v-2zm1-1v4h4v-4H9zm3%203h-2v-2h2v2zm2-3v4h1v-3h1v3h1v-3h1v3h1v-4zM5%207v4h2v-1H6V8h2v4H5v1h4V7zm5%200v4h4V7h-4zm3%203h-2V8h2v2zm2-3v4h2v-1h-1V8h2v4h-3v1h4V7zM1%200v1h23V0H1zM4.8e-7%201h1v23h-1zM24%201h1v23h-1zM23%201h1v1h-1z%22%20fill%3D%22%2337209d%22%2F%3E%3Cpath%20fill%3D%22%2337209d%22%20d%3D%22M1%201h1v1H1zM23%2023h1v1h-1zM1%2023h1v1H1zM1%2024v1h23v-1H1z%22%2F%3E%3C%2Fsvg%3E");
+
background-image:
 +
url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-146.5%20267.5%20259%20259%22%20style%3D%22enable-background%3Anew%20-146.5%20267.5%20259%20259%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3A%23B23D25%3Bstroke-width%3A19%3B%7D%0A%09.st1%7Bfill%3A%23B23D25%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%22-17%22%20cy%3D%22397%22%20r%3D%22120%22%2F%3E%0A%3Cpath%20class%3D%22st1%22%20d%3D%22M-39%2C387.3l12.2-12.5l33.1%2C32.4l-12.8%2C12.3L-39%2C387.3z%20M-7.1%2C440.7l-53.2%2C17.7l-18-17l18-53.6L-7.1%2C440.7z%0A%09%20M-25.9%2C354l52.1-17.7l17.4%2C17.4L26%2C406.1C25.5%2C406.1-26.2%2C354.2-25.9%2C354z%20M-88%2C485.3l15.7-15.1l8.9%2C7.1l68.9-23.2l7%2C6l11.7-11.7%0A%09l-13.6-13.9l10.1-10.2l13.8%2C13.8l11.7-12l-6.2-6.9l22.8-69.4l-7.3-7.9L71%2C326l-17.3-17.3l-15.9%2C15.9l-8-7.5L-39.3%2C340l-7-6.2%0A%09L-58%2C345.5l14.2%2C14.3L-53.9%2C370L-68%2C355.9L-80%2C368l5.9%2C6.5l-23%2C70.8l7.2%2C7.6l-15%2C15.5L-88%2C485.3z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
 +
    background-image: url(//images.pcgamingwiki.com/2/21/DRM_Always_Online_icon.svg)!ie
 
}
 
}
  
.store-steam {
+
.drm-activation {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 233 233'%3E%3Cdefs%3E%3ClinearGradient id='a' x2='50%25' x1='50%25' y2='100%25'%3E%3Cstop stop-color='%23111D2E' offset='0'/%3E%3Cstop stop-color='%23051839' offset='.21248'/%3E%3Cstop stop-color='%230A1B48' offset='.40695'/%3E%3Cstop stop-color='%23132E62' offset='.58110'/%3E%3Cstop stop-color='%23144B7E' offset='.73760'/%3E%3Cstop stop-color='%23136497' offset='.87279'/%3E%3Cstop stop-color='%231387B8' offset='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='m4.8911 150.01c14.393 48.01 58.916 82.99 111.61 82.99 64.34 0 116.5-52.16 116.5-116.5 0-64.341-52.16-116.5-116.5-116.5-61.741 0-112.26 48.029-116.25 108.76 7.5391 12.66 10.481 20.49 4.6411 41.25z'/%3E%3Cpath fill='%23fff' d='m110.5 87.322c0 0.196 0 0.392 0.01 0.576l-28.508 41.412c-4.618-0.21-9.252 0.6-13.646 2.41-1.937 0.79-3.752 1.76-5.455 2.88l-62.599-25.77c0.00049 0-1.4485 23.83 4.588 41.59l44.254 18.26c2.222 9.93 9.034 18.64 19.084 22.83 16.443 6.87 35.402-0.96 42.242-17.41 1.78-4.3 2.61-8.81 2.49-13.31l40.79-29.15c0.33 0.01 0.67 0.02 1 0.02 24.41 0 44.25-19.9 44.25-44.338 0-24.44-19.84-44.322-44.25-44.322-24.4 0-44.25 19.882-44.25 44.322zm-6.84 83.918c-5.294 12.71-19.9 18.74-32.596 13.45-5.857-2.44-10.279-6.91-12.83-12.24l14.405 5.97c9.363 3.9 20.105-0.54 23.997-9.9 3.904-9.37-0.525-20.13-9.883-24.03l-14.891-6.17c5.746-2.18 12.278-2.26 18.381 0.28 6.153 2.56 10.927 7.38 13.457 13.54s2.52 12.96-0.04 19.1m51.09-54.38c-16.25 0-29.48-13.25-29.48-29.538 0-16.275 13.23-29.529 29.48-29.529 16.26 0 29.49 13.254 29.49 29.529 0 16.288-13.23 29.538-29.49 29.538m-22.09-29.583c0-12.253 9.92-22.191 22.14-22.191 12.23 0 22.15 9.938 22.15 22.191 0 12.254-9.92 22.183-22.15 22.183-12.22 0-22.14-9.929-22.14-22.183z'/%3E%3C/svg%3E%0A");
+
background-image:
 +
url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Wireless_1_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%22-146.5%20267.5%20259%20259%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st0%7Bfill%3A%23b03d25%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M-17%20267.7c-71.3%200-129.3%2058-129.3%20129.3s58%20129.3%20129.3%20129.3%20129.3-58%20129.3-129.3S54.3%20267.7-17%20267.7zm0%20242.6c-62.5%200-113.3-50.8-113.3-113.3S-79.4%20283.7-17%20283.7%2096.3%20334.5%2096.3%20397%2045.5%20510.3-17%20510.3z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M-14.9%20442c-.9-.2-1.9-.3-2.1-.3-1.3%200-4%20.7-5.4%201.5-3.3%201.7-5.9%205.4-6.4%209.2-.2%201.3.1%204%20.5%204.9.1.3.5%201%20.8%201.7.7%201.4%203.2%204%204.5%204.7.4.2%201.4.7%202.3%201.1%201.3.6%201.8.6%204.2.5%202.5-.1%202.8-.2%204.6-1.1%202.3-1.2%204.6-3.4%205.5-5.2.4-.7.7-1.5.9-1.8.1-.2.3-1.2.5-2%20.7-5.9-3.9-12.2-9.9-13.2zM21.1%20420.8c0-.5-7.1-7-9.4-8.6-2.4-1.7-9.5-5.4-10.2-5.4-.2%200-.9-.2-1.4-.5-.6-.3-1.3-.5-1.5-.5-.2%200-.8-.2-1.2-.4-.4-.2-1-.4-1.4-.4-.3%200-.7-.1-.7-.2-.1-.1-.7-.3-1.3-.4-.6-.1-2-.3-3-.6-4.3-.9-11.5-.9-15.9%200-1%20.2-2.4.5-3%20.6-.6.1-1.2.3-1.3.4-.1.1-.4.2-.7.2-.6%200-3.7%201-4.2%201.3-.1.1-.6.3-1.1.4-1.5.4-7.5%203.5-10.3%205.4-2.8%201.9-9%207.6-9.8%209-1.3%202.3-1.5%203.1-1.6%205.1%200%201.7.1%202.3.6%203.1.3.6.6%201.2.6%201.4%200%20.6%203.2%203.6%204.4%204.1.7.3%202.1.7%203.1.8%203.6.4%205.4-.5%209.7-4.6%201.7-1.6%203.2-2.9%203.3-2.9.1%200%20.7-.3%201.1-.6%202.5-1.9%207.2-3.7%2011.7-4.5%202.7-.5%207.9-.5%2010.6%200%202.3.4%206.2%201.4%207%201.9.3.1%201%20.5%201.6.8.6.3%201.9%201%202.9%201.6%201%20.6%201.9%201.1%202%201.1s1.3%201%202.5%202.3c3.8%203.8%205.5%204.8%208.7%205.1%202.7.2%206.6-1.8%208.1-4.1.4-.6.8-1.1.9-1.2.1-.1.5-1%20.7-2%20.6-2.3.3-4.7-.8-6.3-.4-.7-.7-1.3-.7-1.4z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M45.3%20392.1c0-.3-1.1-1.4-1.4-1.4-.1%200-1.4-1.1-2.8-2.5s-2.9-2.7-3.4-3c-.4-.3-2-1.4-3.4-2.5s-3.2-2.3-3.9-2.7c-.7-.4-2.5-1.4-3.9-2.3-2.3-1.4-4.5-2.5-7.2-3.6-.5-.2-1.6-.8-2.5-1.2-.9-.4-1.7-.8-1.9-.8-.2%200-.7-.2-1.1-.4-1.4-.7-3.5-1.5-4-1.5-.3%200-.8-.2-1.2-.4-.4-.2-1.2-.4-1.8-.5-.6-.1-1.3-.3-1.6-.4-1.5-.8-7.8-2-9.9-1.9-.5%200-.9-.1-1-.2-.5-.8-21.3-.8-22.4%200-.2.1-.5.2-.8.2-1.5-.2-8.6%201.1-10.1%201.9-.2.1-.9.3-1.5.4-1%20.2-4.6%201.3-5.6%201.7-.3.1-1.1.4-1.7.7-2.1.8-3.9%201.6-10%204.4-.7.3-1.6.8-1.9%201.1-.4.3-.9.6-1.3.8-.3.2-1%20.5-1.4.7-.4.3-1.3.8-2%201.2-6.1%203.7-16%2012.3-16%2013.9%200%20.2-.3.7-.6%201.2-.8%201.2-1%204.2-.3%205.5%201.4%202.9%201.7%203.4%202.6%204.3%201%201.1%203.4%202.4%204.3%202.4.3%200%20.6.1.7.3.1.2.8.3%202%20.2%202.4-.2%204.5-1.2%207-3.4%204.5-4%209.2-7.7%2011.1-8.7.7-.3%201.6-.9%202.1-1.3%201-.8%201.4-1%205.8-3%201.6-.7%203.1-1.4%203.3-1.4s.5-.1.8-.2c.3-.1%201.1-.5%201.9-.8s1.7-.7%202-.8c.3-.1%201.7-.5%203.1-.8%201.4-.3%203.3-.8%204.2-1%203.4-.8%206.8-1.1%2013.6-1.1%206.6%200%2011.1.4%2014%201.1.5.1%202.1.5%203.6.9%202.8.6%202.9.7%205%201.6.7.3%201.4.6%201.7.6s.5.1.5.2c.1.1.5.3.9.4.4.1%201.6.6%202.8%201.1%201.1.5%202.3%201.1%202.7%201.2%201.3.5%202.8%201.4%203.7%202%20.5.3%201.1.8%201.5.9.9.4%203.5%202.1%204%202.7.1.1.6.4%201.1.8%201.1.8%203.3%202.6%206.2%205.2%202.3%202%204%203.1%205.7%203.3.6.1%201.1.3%201.2.4.2.3%202%200%202.4-.4.1-.1.5-.2.7-.2%201.3%200%204.9-2.6%205.5-4%20.2-.4.5-.9.6-1.1.8-1.3%201-2.2%201-4%200-2.2-.4-3.4-1.6-5-.8-.2-1.1-.7-1.1-.8z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M71.4%20366.6c-.3-.5-.7-1.2-.9-1.7-.2-.5-1.5-1.8-2.8-3-2.7-2.5-9.5-8-11.5-9.3-.7-.5-1.9-1.3-2.7-1.9-.7-.5-2-1.3-2.8-1.8-.8-.5-1.8-1.1-2.1-1.3-.4-.3-.9-.5-1.1-.6-.2-.1-.6-.3-.8-.5-.2-.2-1-.7-1.7-1.1-.7-.4-2.1-1.1-3-1.6-2.5-1.4-5.4-2.8-5.9-2.8-.2%200-.5-.2-.7-.4-.2-.2-.5-.4-.6-.4-.2%200-1.1-.4-2.2-.9-1-.5-2-.9-2.2-.9-.2%200-.6-.1-.8-.3-1-.5-2.3-1.1-2.6-1.1-.2%200-.8-.2-1.4-.5-.6-.3-1.3-.5-1.5-.5-.2%200-.5-.1-.7-.2-.2-.2-2.7-1-6.3-2-.7-.2-1.9-.5-2.8-.7-.9-.2-1.9-.4-2.3-.6-.4-.1-1.2-.3-1.7-.4-.6-.1-1.5-.3-2-.4-.9-.3-3.9-.8-7.7-1.3-1-.1-2.6-.4-3.5-.5-2.6-.5-9.4-.9-13.9-.9s-12.1.5-14.5.9c-.8.1-2.4.4-3.5.6-3.6.5-10.2%201.7-11.3%202.1-.4.1-1.4.4-2.3.6-.9.2-2.2.5-2.8.7-4.7%201.4-6.1%201.9-6.3%202.1-.1.1-.4.2-.7.2-.2%200-.8.2-1.2.4-.4.2-.9.4-1%20.4-.3%200-1.8.6-3%201.2-.4.2-.9.4-1.1.4s-1.2.4-2.2.9-2%20.9-2.1.9c-.1%200-.4.2-.7.3-.2.2-1.1.6-1.9.8-.8.3-1.6.6-1.8.8-.5.4-1.4.9-1.9%201.1-.2.1-.5.2-.7.3-.1.1-.8.4-1.3.8s-1.6.9-2.3%201.3c-.7.3-1.5.8-1.9%201.1-2.6%201.7-4%202.7-4.2%202.7-.1%200-.6.3-1.1.7-.5.4-1.2.9-1.4%201-2.6%201.6-7.1%205.1-12.8%2010.1-2.8%202.4-3.4%203.1-4.9%206-.7%201.3-.8%205.1-.2%206.1.2.3.5.9.6%201.3.4%201.8%203.8%204.3%207.2%205.4.7.2%201.5.2%203-.2%202.8-.7%203.9-1.5%2011-7.9%201-.9%202-1.7%202.4-1.9.4-.2%201.3-.9%202.1-1.7.8-.7%201.6-1.3%201.7-1.3s.9-.5%201.8-1c2.8-1.9%205.3-3.5%207.1-4.4%201-.5%202.3-1.3%202.9-1.6.6-.4%201.3-.7%201.5-.8.4-.1%202.1-.8%205.9-2.6.9-.4%201.8-.8%202-.8s.7-.2%201.1-.4c.4-.2%201.3-.6%201.9-.8.7-.3%201.5-.6%201.7-.7.3-.1%201.6-.5%203-.9%201.3-.4%203-.9%203.8-1.1%204.5-1.3%207.8-2%2012.2-2.4%201-.1%202-.3%202.3-.4%201.2-.5%2013.7-.8%2020.5-.5%203.7.2%206.9.4%207.2.5.3.1%201.3.3%202.3.4%204.2.3%2012.5%202.3%2018.8%204.5%201.2.4%201.6.6%203.3%201.3.7.3%201.4.6%201.6.6.2%200%201.1.4%202.2.9%201%20.5%202.4%201.1%203%201.4%201.8.8%204.5%202.1%206.5%203.3%201.1.6%202%201.1%202.1%201.1.1%200%20.5.2.9.5%202.7%201.9%206.2%204.1%206.3%204.1.1%200%201.1.7%202.2%201.6%201.1.9%202.1%201.6%202.2%201.6.1%200%201%20.8%202%201.7%202.5%202.4%206.2%205.5%207.4%206.4.6.4%201.9%201%203%201.4%201.8.6%202.1.6%203.4.3%203-.7%205.2-2.1%206.6-4.2%201.1-1.7%201.3-2.2%201.7-3.8.1-2.2-.3-4.4-1.1-5.8z%22%2F%3E%3C%2Fsvg%3E");
 +
    background-image: url(//images.pcgamingwiki.com/f/fc/DRM_Online_Activation_icon.svg)!ie
 
}
 
}
  
.store-oculus {
+
.drm-disc {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzFDMUUyMDt9LnN0MXtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PGcgaWQ9IkJHIj48cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIvPjwvZz48ZyBpZD0iT2N1bHVzX0xvZ28iPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zODkuMSwxNzUuOWMtMTIuMS05LjctMjUuOS0xNi40LTQwLjktMjBjLTguNi0yLjEtMTcuMi0zLTI2LjEtMy4zYy02LjUtMC4yLTEzLjEtMC4yLTE5LjYtMC4yYy0zMSwwLTYyLDAtOTIuOSwwYy02LjUsMC0xMy4xLTAuMS0xOS42LDAuMmMtOC44LDAuMy0xNy41LDEuMi0yNi4xLDMuM2MtMTUsMy42LTI4LjksMTAuMy00MC45LDIwYy0yNC4zLDE5LjUtMzguNCw0OC45LTM4LjQsODAuMWMwLDMxLjIsMTQuMiw2MC42LDM4LjUsODAuMWMxMi4xLDkuNywyNS45LDE2LjQsNDAuOSwyMGM4LjYsMi4xLDE3LjIsMywyNi4xLDMuM2M2LjUsMC4yLDEzLjEsMC4yLDE5LjYsMC4yYzMxLDAsNjIsMCw5Mi45LDBjNi41LDAsMTMuMSwwLjEsMTkuNi0wLjJjOC44LTAuMywxNy41LTEuMiwyNi4xLTMuM2MxNS0zLjYsMjguOS0xMC4zLDQwLjktMjBjMjQuMy0xOS41LDM4LjQtNDguOSwzOC40LTgwLjFDNDI3LjUsMjI0LjgsNDEzLjQsMTk1LjQsMzg5LjEsMTc1Ljl6IE0zNDMuNywyODMuOWMtNC42LDMuMi05LjcsNS4xLTE1LjEsNS45Yy01LjUsMC45LTEwLjksMC43LTE2LjMsMC43Yy0zNy41LDAtNzUsMC0xMTIuNSwwYy01LjUsMC0xMC45LDAuMi0xNi4zLTAuN2MtNS41LTAuOS0xMC41LTIuOC0xNS4xLTUuOWMtOS4yLTYuMy0xNC43LTE2LjctMTQuNy0yNy45YzAtMTEuMiw1LjUtMjEuNSwxNC43LTI3LjljNC42LTMuMiw5LjctNS4xLDE1LjEtNS45YzUuNS0wLjksMTAuOS0wLjcsMTYuMy0wLjdjMzcuNSwwLDc1LDAsMTEyLjUsMGM1LjUsMCwxMC45LTAuMiwxNi4zLDAuN2M1LjUsMC45LDEwLjUsMi44LDE1LjEsNS45YzkuMiw2LjMsMTQuNywxNi43LDE0LjcsMjcuOUMzNTguNCwyNjcuMiwzNTIuOSwyNzcuNSwzNDMuNywyODMuOXoiLz48L2c+PC9zdmc+);
+
background-image:
    background-image: url(//images.pcgamingwiki.com/4/49/Availability_Table_Icons_-_Oculus_Store.svg)!ie
+
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiNCMjNEMjU7c3Ryb2tlLXdpZHRoOjU7fQ0KCS5zdDJ7ZmlsbDojQjAzRjI2O30NCjwvc3R5bGU+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSItMTciIGN5PSIzOTciIHI9IjEyMCIvPg0KCTxjaXJjbGUgY2xhc3M9InN0MSIgY3g9Ii0xNyIgY3k9IjM5NyIgcj0iMjIiLz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSItMTciIGN5PSIzOTciIHI9IjM3Ii8+DQo8L2c+DQo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNLTUyLjQsNDE1LjVsLTcwLjQsMjQuOWwzMC40LDQyLjRsNDguNy01Ni4xIE01OC4yLDMxMS41TDguNSwzNjcuOWw5LjEsMTEuOWw3MS4yLTI1LjRMNTguMiwzMTEuNXogTTMuNywzNjQuOQ0KCUw0Mi45LDMwMkwzMCwyOTQuOGwtMzAsNjggTS0zOCw0MjkuOWwtMzkuNSw2Mi4ybDEyLjYsN2wzMC43LTY3Ii8+DQo8L3N2Zz4NCg==);
 +
background-image: url(//images.pcgamingwiki.com/e/e6/DRM_Disc_Check_icon.svg)!ie
 
}
 
}
  
.store-origin {
+
.drm-cartridge {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%0A%20%20%3Cpath%20fill%3D%22%23f56c2d%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M16.613711%206.7398845c1.236623.073433%202.449028.3984065%203.555975.956176%201.074136.5374583%202.030311%201.2772448%202.819314%202.1810812.781188.9030553%201.374893%201.9326623%201.785798%203.0880423.407001%201.155379.569488%202.371691.484338%203.649718-.03671.659323-.142177%201.302243-.317163%201.92485-.174987.610109-.410906%201.204595-.703853%201.774083-.455433.882744-.968674%201.717053-1.529568%202.510742-.561675.789002-1.171784%201.525663-1.835014%202.205298-.667137.679634-1.370988%201.30615-2.120149%201.879542-.748379.565582-1.529568%201.078041-2.347474%201.538163l-.03671.02813c-.03671.01639-.07342.02812-.114053.02421-.06484-.01639-.121866-.05313-.167175-.101553-.04063-.05312-.06484-.11796-.06484-.178894%200-.03282.0038-.06092.0125-.08984.0125-.02421.02421-.04453.04062-.06484.289039-.410905.524959-.838216.716351-1.285838.187485-.451527.313257-.923367.382782-1.416296%200-.03282-.01639-.06484-.04062-.08984-.02032-.02421-.05703-.04063-.08984-.04063-.272635.03671-.549177.05703-.825718.06484-.27654.0125-.553081%200-.830405-.03671-1.236624-.07342-2.44903-.403092-3.559882-.956173-1.074136-.537453-2.0303116-1.277242-2.8193131-2.181077-.7850955-.906961-1.3912986-1.952974-1.7857994-3.088042-.4069996-1.171785-.573393-2.408408-.4843375-3.649718.0367159-.659324.1421765-1.302243.3210689-1.924851.1788925-.622608.4109059-1.199908.7038518-1.749864.4554336-.899149.968675-1.745178%201.5295693-2.5349605.560894-.7897827%201.171785-1.5256632%201.831108-2.2092041.667136-.6757289%201.370988-1.302243%202.120147-1.8717302.749163-.5694871%201.529571-1.0819475%202.347476-1.5420682l.03671-.024217c.03671-.020311.07343-.028123.114054-.028123.06953.016405.125771.053121.167175.1015545.04453.053121.06484.1101478.06484.1827984%200%20.028123-.0038.057026-.0125.085149-.0079.024217-.02421.044528-.04063.064839-.285132.4030938-.524959.8343106-.71635%201.289744-.187486.4515275-.309351.9194601-.378094%201.4116095%200%20.036715.0125.064839.03671.089837.02421.024997.05703.040622.08984.040622.272635-.036715.549175-.057026.825716-.064838.285135-.00782.557771.00389.83431.036715zm-.842122%2012.8810345c.960081.08124%201.912351-.239825%202.624016-.891338.753066-.663229%201.155379-1.49754%201.224905-2.498244.08124-.968675-.239826-1.92485-.891338-2.64042-.626514-.736661-1.534255-1.179596-2.498244-1.212407-.963988-.08124-1.920164.244513-2.640421.891337-.736662.626515-1.179596%201.534257-1.212406%202.502151-.08124.963988.239825%201.916258.882745%202.64042.65073.753068%201.488946%201.159286%202.510743%201.208501z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
+
background-image:
 +
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojQjIzRDI1O30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTk2LjEsNTA2Ljh2LTE5LjdoLTE0LjRWMjY3LjVINzYuNXYyMTkuN0g2Mi4xdjM5LjNILTk2LjFMLTk2LjEsNTA2Ljh6IE0tNjcuNCw0OTkuNnYtMTIuNWgtMTQuNHYyNC45aDE0LjQNCglWNDk5LjZ6IE0tMzguNiw0OTkuNnYtMTIuNUgtNTN2MjQuOWgxNC40VjQ5OS42eiBNLTkuOCw0OTkuNnYtMTIuNWgtMTQuNHYyNC45aDE0LjRWNDk5LjZ6IE0xOSw0OTkuNnYtMTIuNUg0LjZ2MjQuOUgxOUwxOSw0OTkuNnoNCgkgTTQ3LjgsNDk5LjZ2LTEyLjVIMzMuNHYyNC45aDE0LjRWNDk5LjZ6IE01OC4xLDM3Ny4zVjI4NkgtOTIuMXYxODIuN0g1OC4xVjM3Ny4zeiBNLTc3LjcsMzc3LjN2LTYwLjdINDMuN1Y0MzhILTc3LjdMLTc3LjcsMzc3LjN6DQoJIE0yOS4zLDM3Ny4zdi00Ni4zaC05Mi42djkyLjZoOTIuNlYzNzcuM3oiLz4NCjwvc3ZnPg0K);
 +
    background-image: url(images.pcgamingwiki.com/8/8f/DRM_cartridge_icon.svg)!ie
 
}
 
}
  
.store-microsoft {
+
.drm-cdkey {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 582 578'%3E%3Cpath d='M209.84 35.8c18.33-19.93 44.25-32.81 71.27-35 6.59-.3 13.21-.25 19.8.02 26.79 2.08 52.46 14.82 70.74 34.45 18.54 19.54 29.38 46.1 29.91 73.02.13 12.77.02 25.54.05 38.31h22.99c-.06-13.41.13-26.82-.1-40.22-.78-22.11-8.68-43.7-21.7-61.51 22.37 16.47 38.04 41.67 42.92 69.02 2.1 10.77 1.84 21.79 1.81 32.71 44.59.01 89.18 0 133.78 0 .03 126.48.04 252.95.01 379.43-.02 7.69.77 15.67-1.96 23.05-5.2 15.78-20.6 28.01-37.38 28.28-167.33-.05-334.66-.02-501.98-.02-20.62-.28-38.96-18.78-39.34-39.35C.68 407.53.65 277.06.67 146.6h179.71c.03-12.75-.07-25.5.05-38.24.49-26.7 11.16-53.06 29.41-72.56m66.98-11.42c-19.85 3.18-38.45 13.51-51.69 28.64-13.76 15.56-21.67 36.15-21.8 56.92-.05 12.22-.01 24.44-.02 36.66h22.99c.02-6.53-.11-13.06.22-19.59.78-13.19 3.97-26.23 9.35-38.3 10.29-24.73 34.24-42.29 60.12-47.72 17.34-3.61 35.97-2.01 52.07 5.56-5.36-.31-10.71-.87-16.08-.47-20.89 1.1-41.26 10.03-56.21 24.69-15.96 15.4-25.65 37.08-26.46 59.25-.16 5.52-.05 11.05-.08 16.58h129.46v-33.68c.02-13.9-3.23-27.8-9.48-40.21-9.11-18.27-24.67-33.22-43.29-41.58-15.26-6.86-32.54-9.59-49.1-6.75M169.12 240.2c.01 37.51-.02 75.01.02 112.52 37.49-.03 74.99-.01 112.49-.02 0-37.49-.02-74.99.01-112.49-37.51-.03-75.01 0-112.52-.01m131.23.02c.06 37.49.02 74.99.02 112.48 37.49.02 74.99-.02 112.48.03.06-37.52.02-75.03.02-112.54-37.51.03-75.01-.03-112.52.03M169.14 371.44c-.03 37.5 0 75.01-.02 112.51 37.51-.01 75.02.04 112.52-.02-.03-37.49 0-74.99-.01-112.48-37.5-.01-75 .01-112.49-.01m131.23.01c0 37.5.02 74.99-.01 112.49 37.51.04 75.01.01 112.52.01-.01-37.5.03-75.01-.02-112.51-37.49.03-74.99 0-112.49.01z'/%3E%3Cpath fill='%23f25022' d='M169.12 240.2c37.51.01 75.01-.02 112.52.01-.03 37.5-.01 75-.01 112.49-37.5.01-75-.01-112.49.02-.04-37.51-.01-75.01-.02-112.52z'/%3E%3Cpath fill='%237fba00' d='M300.35 240.22c37.51-.06 75.01 0 112.52-.03 0 37.51.04 75.02-.02 112.54-37.49-.05-74.99-.01-112.48-.03 0-37.49.04-74.99-.02-112.48z'/%3E%3Cpath fill='%2301a4ef' d='M169.14 371.44c37.49.02 74.99 0 112.49.01.01 37.49-.02 74.99.01 112.48-37.5.06-75.01.01-112.52.02.02-37.5-.01-75.01.02-112.51z'/%3E%3Cpath fill='%23ffb901' d='M300.37 371.45c37.5-.01 75 .02 112.49-.01.05 37.5.01 75.01.02 112.51-37.51 0-75.01.03-112.52-.01.03-37.5.01-74.99.01-112.49z'/%3E%3C/svg%3E");
+
background-image:
background-image: url(https://pcgamingwiki.ams3.digitaloceanspaces.com/d/d6/Availability_Table_Icons_-_Microsoft_Store.svg)!ie
+
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOiNCMDNEMjU7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9Ii0xNyIgY3k9IjM5NyIgcj0iMTIwIi8+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI3LjkiIGN5PSIzNzAuOSIgcj0iOCIvPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NC45LDM0OC45Yy0xNy0yNS01My0yNy03MS0yYy03LDEwLTEwLDIxLTcsMzJsLTUyLDUydjM0aDUxdi0xN2gxN3YtMTdoMTd2LTE4DQoJCUMzOS45LDQyMS45LDYyLjksMzgyLjksNDQuOSwzNDguOXogTS0zLjEsMzk4LjlsLTEwLDEwdjdsLTIsMmgtMTV2MTVsLTIsMmgtMTV2MTVsLTIsMmgtMjBsLTItMnYtMTRsNTMtNTNjLTktMjQsMTAtNDIsMjctNDENCgkJYzE2LDAsMzAsMTMsMzAsMzBDMzYuOSwzOTguOSwxNy45LDQwNy45LTMuMSwzOTguOXoiLz4NCjwvZz4NCjwvc3ZnPg0K);
 +
    background-image: url(//images.pcgamingwiki.com/5/57/DRM_CD-Key_icon.svg)!ie
 
}
 
}
  
.store-mas {
+
.drm-dongle {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48cGF0aCBkPSJNMTkuOTUsMGwtMTQuOSwwYy0yLjc5MSwwIC01LjA1LDIuMjU5IC01LjA1LDUuMDVsMCwxNC45MDNjMCwyLjc4OCAyLjI1OSw1LjA0NyA1LjA1LDUuMDQ3bDE0LjkwMywwYzIuNzg4LDAgNS4wNSwtMi4yNTkgNS4wNSwtNS4wNWwwLC0xNC45Yy0wLjAwMywtMi43OTEgLTIuMjYyLC01LjA1IC01LjA1MywtNS4wNVoiIHN0eWxlPSJmaWxsOnVybCgjX0xpbmVhcjEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPjxwYXRoIGQ9Ik0xMi4zOTQsNS43NDRsMC41MDYsLTAuODc1YzAuMzEzLC0wLjU0NyAxLjAwOSwtMC43MzEgMS41NTYsLTAuNDE5YzAuNTQ3LDAuMzEzIDAuNzMyLDEuMDA5IDAuNDE5LDEuNTU2bC00Ljg3OCw4LjQ0NGwzLjUyOCwtMGMxLjE0NCwtMCAxLjc4NCwxLjM0NCAxLjI4NywyLjI3NWwtMTAuMzQzLC0wYy0wLjYzMiwtMCAtMS4xMzgsLTAuNTA2IC0xLjEzOCwtMS4xMzhjMCwtMC42MzEgMC41MDYsLTEuMTM3IDEuMTM4LC0xLjEzN2wyLjksLTBsMy43MTIsLTYuNDM0bC0xLjE1OSwtMi4wMTNjLTAuMzEzLC0wLjU0NyAtMC4xMjgsLTEuMjM3IDAuNDE5LC0xLjU1NmMwLjU0NiwtMC4zMTMgMS4yMzcsLTAuMTI4IDEuNTU2LDAuNDE5bDAuNDk3LDAuODc4Wm0tNC4zODgsMTIuMTUzbC0xLjA5NCwxLjg5N2MtMC4zMTIsMC41NDcgLTEuMDA5LDAuNzMxIC0xLjU1NiwwLjQxOWMtMC41NDcsLTAuMzEzIC0wLjczMSwtMS4wMSAtMC40MTksLTEuNTU3bDAuODEzLC0xLjQwNmMwLjkxOSwtMC4yODQgMS42NjYsLTAuMDY2IDIuMjU2LDAuNjQ3Wm05LjQxOSwtMy40NDFsMi45NTksMGMwLjYzMiwwIDEuMTM4LDAuNTA2IDEuMTM4LDEuMTM4Yy0wLDAuNjMxIC0wLjUwNiwxLjEzNyAtMS4xMzgsMS4xMzdsLTEuNjQzLDBsMS4xMDksMS45MjVjMC4zMTMsMC41NDcgMC4xMjgsMS4yMzggLTAuNDE5LDEuNTU2Yy0wLjU0NywwLjMxMyAtMS4yMzcsMC4xMjkgLTEuNTU2LC0wLjQxOGMtMS44NjksLTMuMjQxIC0zLjI3MiwtNS42NjYgLTQuMjAzLC03LjI4MmMtMC45NTMsLTEuNjQzIC0wLjI3MiwtMy4yOTMgMC40LC0zLjg1M2MwLjc0NywxLjI4MiAxLjg2MiwzLjIxNiAzLjM1Myw1Ljc5N1oiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJfTGluZWFyMSIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEuNTMwODFlLTE1LDI1LC0yNSwxLjUzMDgxZS0xNSwxMi41MDE2LDApIj48c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOGJmZmI7c3RvcC1vcGFjaXR5OjEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMyMDcyZjM7c3RvcC1vcGFjaXR5OjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=);
+
background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20288%20288%22%3E%3Cpath%20d%3D%22M110.7722%2044.30438h22.1515v22.152606h-22.1515zm44.3041%200h22.1515v22.152606h-22.1515zm66.45559%2044.304099c3.00009%200%205.85562.577111%208.5666%201.731333%202.71209%201.153109%205.07724%202.710975%207.09657%204.672485%202.01822%201.961509%203.605%204.268841%204.75922%206.921993%201.15311%202.65427%201.73022%205.48089%201.73022%208.47986v155.75766c0%203.00008-.57711%205.8267-1.73022%208.47986-1.15422%202.65315-2.741%204.96159-4.75922%206.9231-2.01933%201.9604-4.38448%203.51827-7.09657%204.67249a21.653332%2021.653332%200%2001-8.5666%201.73022c-51.68867.05-103.37511%200-155.063785%200a21.661116%2021.661116%200%2001-8.566593-1.73022c-2.712087-1.15422-5.077241-2.71209-7.096573-4.67249-2.01822-1.96151-3.604997-4.26995-4.759218-6.9231-1.15311-2.65316-1.730221-5.47978-1.730221-8.47986V110.41415c0-2.99897.577111-5.82671%201.730221-8.47986%201.154221-2.653152%202.740998-4.960484%204.759218-6.921993%202.019332-1.96151%204.384486-3.519376%207.096573-4.672485a21.653332%2021.653332%200%20018.566593-1.731333V.00028166H221.53189zm-132.912291%200H199.3804V22.152887H88.619599zM221.53301%20110.76108H66.466993v155.06379H221.53078z%22%20fill%3D%22%23b23d25%22%2F%3E%3C%2Fsvg%3E");
background-image: url(https://images.pcgamingwiki.com/d/db/Availability_Table_Icons_-_Mac_App_Store.svg)!ie
 
 
}
 
}
  
.store-bethesda {
+
.drm-download {
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-156%20139.3%20512%20512%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%20319.29999h152v152H24z%22%2F%3E%3Cpath%20d%3D%22M-156%20139.3v512h512v-512h-512zm331.5%20331.6H24.3V319.7h151.3v151.2z%22%2F%3E%3C%2Fsvg%3E);
+
background-image:
    background-image: url(//images.pcgamingwiki.com/1/13/Availability_Table_Icons_-_Bethesda.net.svg)!ie
+
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOiNCMjNEMjU7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9Ii0xNyIgY3k9IjM5NyIgcj0iMTIwIi8+DQo8Zz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjMzLjUsNDI3LjMgMzMuNSw0NTEgLTY4LjUsNDUxIC02OC41LDQyNyAtODMuNSw0MjcgLTgzLjUsNDUxIC04My41LDQ2NyAtODMuNSw0NjcgNDkuNSw0NjcgNDkuNSw0MjcgDQoJCQkiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjE0LjUsMzgxIC05LjUsNDA2IC05LjUsMzI3IC0yNS41LDMyNyAtMjUuNSw0MDYgLTQ5LjUsMzgyIC02MS41LDM5MyAtMTcuNSw0MzYgMjYuNSwzOTMgCSIvPg0KPC9nPg0KPC9zdmc+DQo=);
 +
background-image: url(//images.pcgamingwiki.com/9/95/DRM_Download_icon.svg)!ie
 
}
 
}
  
.store-epicgames {
+
.drm-drmfree {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0yOTMgMzg0IDI1IDI1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0yOTMgMzg0IDI1IDI1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMzMzMzMyO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTS0yOTAuOSw0MDMuMWMwLDIuNSw0LjYsMy40LDYuNiw0LjJjMiwwLjksMi4xLDAuOSwyLjEsMC45YzIuMSwwLjgsMy41LDAsMy41LDBzNC4zLTEuOCw2LjItMi42DQoJCWMyLTAuOCwyLjYtMC45LDIuNi0yLjZjMC0xLjYsMC0xNS41LDAtMTcuMmMwLTEuNC0wLjQtMS40LTMuMi0xLjRzLTEzLjcsMC0xNS4xLDBjLTEuNSwwLTIuOC0wLjItMi44LDEuNg0KCQlDLTI5MC45LDM4OC4xLTI5MC45LDQwMC42LTI5MC45LDQwMy4xeiIvPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iLTI3Ny41LDM4Ni4yIC0yODMuMiwzODYuMiAtMjgzLjIsNDAzLjIgLTI3Ny41LDQwMy4yIC0yNzcuNSw0MDEuMiAtMjgwLjksNDAxLjIgLTI4MC45LDM5NS43IA0KCQktMjc3LjYsMzk1LjcgLTI3Ny42LDM5My40IC0yODAuOSwzOTMuNCAtMjgwLjksMzg4LjIgLTI3Ny41LDM4OC4xIAkiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9Ii0yODQuMiw0MDUuNSAtMjgwLjMsNDA2LjggLTI3Ni41LDQwNS41IAkiLz4NCjwvZz4NCjwvc3ZnPg0K);
+
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjEwMDQgLTc5NCAyMzgwIDIzODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMTAwNCAtNzk0IDIzODAgMjM4MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzExQjE4NjtzdHJva2Utd2lkdGg6MTIwO30NCgkuc3Qxe2ZpbGw6IzExQjE4Njt9DQo8L3N0eWxlPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMjE5NCIgY3k9IjM5NiIgcj0iMTEzMCIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTI1NzMuMiwyMzAuM3YtMzA4YzEtMTc2LTE4My0zMzYtMjk4LTM0OWMtMjAyLTQwLTM5Nyw4MS00NDYsMjc2Yy04LDM4LTcsNjMtMTAsOThoMTQyYzEzLDAsMTctNiwxOS0yMA0KCWM1LTY0LDIyLTEwNyw1OS0xNDZjMTMyLTEyMiwzNDYtNDEsMzgzLDExNWMyOCwxMjUsMjAsMTg0LDIwLDMzNGwtNjg2LDVjLTEwMiwxLTE2Miw4NC0xNjIsMTYzbDY0LDY4NGMxMCw4Myw0NCwxNDUsMTE3LDE0NGg4MTENCgljODksMCwxMTktNTcsMTM2LTE0NGw2OS02ODRjMTMtODgtMjMtMTU3LTEwOC0xNjNMMjU3My4yLDIzMC4zeiBNMjU2NC4yLDEwNjUuM2gtNzQxbC01OS02NjdoODU5TDI1NjQuMiwxMDY1LjN6Ii8+DQo8L3N2Zz4NCg==);
     background-image: url(//images.pcgamingwiki.com/7/70/Availability_Table_Icons_-_Epic_Games_Store.svg)!ie
+
     background-image: url(images.pcgamingwiki.com/b/b3/DRM-free_icon.svg)!ie
 
}
 
}
  
.store-rockstargames {
+
.drm-drmfree-asterisk {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9InN2ZzM2NzEiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iLTE0MCAyMjIgMzUwIDM1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMTQwIDIyMiAzNTAgMzUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGQTUwMDtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6Ny41ODI3O30uc3Qxe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48ZyBpZD0ibGF5ZXIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzI4LjUwNzc0LC00MC45MzM2MTYpIj48ZyBpZD0iZzIzODQiIHRyYW5zZm9ybT0ibWF0cml4KDEuMDg0NDc4NCwwLDAsMS4xMDkyMzgxLC0yOC4yNzc2MTEsLTM3LjA0MjI2MykiPjxwYXRoIGlkPSJyZWN0MjI0NSIgY2xhc3M9InN0MCIgZD0iTTI2NC45LDI4Ny43aDE5Mi44YzMxLjIsMCw1Ni41LDIzLjIsNTYuNSw1MS45djE3Ny4yYzAsMjguNy0yNS4zLDUxLjktNTYuNSw1MS45SDI2NC45Yy0zMS4yLDAtNTYuNS0yMy4yLTU2LjUtNTEuOVYzMzkuNkMyMDguMywzMTAuOSwyMzMuNiwyODcuNywyNjQuOSwyODcuN3oiLz48cGF0aCBpZD0icGF0aDE4IiBkPSJNMzE2LjMsMzM1LjNsNTguMSwwLjFjMTIuMS0wLjEsMjEuMiwxLjgsMjcuMiw1LjdjNy4zLDQuOCwxMSwxMi45LDExLDI0LjVjMCwxOS4xLTkuMSwyOS45LTI3LjIsMzIuNXYwLjNjOCwxLjksMTIsOC40LDEyLjEsMTkuNGMwLDUuNi0wLjIsMTIuOC0wLjYsMjEuNmMwLDUuOSwxLjMsMTEsMy44LDE1LjNoLTMxLjhjLTEuNS0xLjYtMi4yLTQuOC0yLjItOS42YzAuNi04LjEsMC45LTE0LjcsMC45LTE5LjljMC0xMC41LTUuMS0xNS43LTE1LjQtMTUuN2gtMjAuNmwtOSw0Mi40aC0zMUwzMTYuMywzMzUuM0wzMTYuMywzMzUuM3ogTTM2NS40LDM1OS42aC0yMi44bC01LjksMjguMWgyNC43YzEzLjgsMCwyMC43LTUuMywyMC44LTE2QzM4Mi4yLDM2My42LDM3Ni42LDM1OS42LDM2NS40LDM1OS42TDM2NS40LDM1OS42eiIvPjxwYXRoIGlkPSJwYXRoMjAiIGQ9Ik00MDQuOSw0NTQuNmwyMy0zOC45bDYuMiwzOS4yaDM5LjJsLTM1LjQsMjQuOGw1LjcsMzguOWwtMzAuNi0yMy41bC00MS4yLDI0LjRsMTkuMy00MS40bC0yMi40LTIzLjZMNDA0LjksNDU0LjZMNDA0LjksNDU0LjZ6Ii8+PHBhdGggaWQ9InBhdGgzNjU5IiBjbGFzcz0ic3QxIiBkPSJNNDMxLjcsNDc2LjlsMjMuNS0xNi40aC0yNmwtNC41LTI4LjRsLTE2LjUsMjguMWgtMjYuMmwxNiwxNi44bC0xMy4yLDI4LjFsMjguNi0xNi45bDIyLjYsMTcuM0w0MzEuNyw0NzYuOUw0MzEuNyw0NzYuOXoiLz48L2c+PC9nPjwvc3ZnPg==);
+
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ijk0NCAtODU0IDI1MDAgMjUwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyA5NDQgLTg1NCAyNTAwIDI1MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMxMUIxODY7c3Ryb2tlLXdpZHRoOjEyMDt9DQoJLnN0MXtmaWxsOiMxMUIxODY7fQ0KCS5zdDJ7ZmlsbDojRkZGRkZGO3N0cm9rZTojRjg5ODQyO3N0cm9rZS13aWR0aDo4Mi4yNjUyO30NCjwvc3R5bGU+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMTk0IiBjeT0iMzk2IiByPSIxMTg0LjUiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNTg4LjYsMTY0LjV2LTMyMi44YzEtMTg0LjUtMTkxLjgtMzUyLjItMzEyLjQtMzY1LjhjLTIxMS43LTQxLjktNDE2LjEsODQuOS00NjcuNSwyODkuMw0KCWMtOC40LDM5LjgtNy4zLDY2LTEwLjUsMTAyLjdoMTQ4LjhjMTMuNiwwLDE3LjgtNi4zLDE5LjktMjFjNS4yLTY3LjEsMjMuMS0xMTIuMiw2MS44LTE1M2MxMzguNC0xMjcuOSwzNjIuNy00Myw0MDEuNSwxMjAuNQ0KCWMyOS40LDEzMSwyMSwxOTIuOSwyMSwzNTAuMWwtNzE5LjEsNS4yYy0xMDYuOSwxLTE2OS44LDg4LTE2OS44LDE3MC45bDY3LjEsNzE3YzEwLjUsODcsNDYuMSwxNTIsMTIyLjYsMTUwLjloODUwLjENCgljOTMuMywwLDEyNC43LTU5LjcsMTQyLjYtMTUwLjlsNzIuMy03MTdjMTMuNi05Mi4yLTI0LjEtMTY0LjYtMTEzLjItMTcwLjlMMjU4OC42LDE2NC41eiBNMjU3OS4xLDEwMzkuN2gtNzc2LjdsLTYxLjgtNjk5LjJIMjY0MQ0KCUwyNTc5LjEsMTAzOS43eiIvPg0KPHBhdGggY2xhc3M9InN0MiIgZD0iTTIwNDkuMiw5MTkuNmw5My4zLTI4OC4xYzIxNS4xLDc1LjcsMzcxLjMsMTQxLjMsNDY4LjcsMTk2LjhjLTI1LjctMjQ0LjgtMzkuMi00MTMuMi00MC42LTUwNS4yaDI5NC4yDQoJYy00LjEsMTMzLjktMTkuNiwzMDEuNi00Ni43LDUwMy4xYzEzOS4zLTcwLjMsMjk4LjktMTM1LjMsNDc4LjgtMTk0LjhsOTMuMywyODguMWMtMTcxLjgsNTYuOC0zNDAuMiw5NC43LTUwNS4yLDExMy42DQoJYzgyLjUsNzEuNywxOTguOCwxOTkuNSwzNDksMzgzLjRsLTI0My41LDE3Mi40Yy03OC40LTEwNi44LTE3MS4xLTI1Mi4yLTI3Ny45LTQzNi4yYy0xMDAuMSwxOTAuNy0xODgsMzM2LjEtMjYzLjcsNDM2LjINCglsLTIzOS40LTE3Mi40YzE1Ni45LTE5My40LDI2OS4yLTMyMS4yLDMzNi44LTM4My40QzIzNzEuOCw5OTkuNCwyMjA2LjEsOTYxLjUsMjA0OS4yLDkxOS42eiIvPg0KPC9zdmc+DQo=);
     background-image: url(//pcgamingwiki.ams3.digitaloceanspaces.com/7/7e/Availability_Table_Icons_-_Rockstar_Games_Launcher.svg)!ie
+
     background-image: url(//images.pcgamingwiki.com/7/77/DRM-free_asterisk_icon.svg)!ie
 
}
 
}
  
.store-uplay {
+
.drm-floppy {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9InN2ZzIiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIgc29kaXBvZGk6ZG9jbmFtZT0iWmVpY2hudW5nLnN2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9Ii0xMjguNyAyNDcgMzAwIDMwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMTI4LjcgMjQ3IDMwMCAzMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMDAwMDAwO30uc3Qxe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48c29kaXBvZGk6bmFtZWR2aWV3ICBwYWdlY29sb3I9IiNmZmZmZmYiIHNob3dncmlkPSJmYWxzZSIgaW5rc2NhcGU6Y3g9Ii0xMTAuODk5NDUiIGlua3NjYXBlOmN5PSIyMzMuODQ5MjYiIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiBpbmtzY2FwZTp6b29tPSIxLjQiIGJvcmRlcm9wYWNpdHk9IjEuMCIgaWQ9ImJhc2UiIHVuaXRzPSJweCIgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIiBpbmtzY2FwZTp3aW5kb3cteD0iLTgiIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTciIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiIGlua3NjYXBlOmRvY3VtZW50LXVuaXRzPSJweCIgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgaW5rc2NhcGU6d2luZG93LXk9Ii04IiBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIj48L3NvZGlwb2RpOm5hbWVkdmlldz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMS4zIiBjeT0iMzk3IiByPSIxNDkiLz48ZyBpZD0ibGF5ZXIxIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjUwMjI1MzE2LDAsMCwwLjUwMjI1MzE2LDI3MC45MDA0NywtOTAuMTE1MzkzKSIgaW5rc2NhcGU6bGFiZWw9IkViZW5lIDEiIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiPjxwYXRoIGlkPSJwYXRoMTQiIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIGNsYXNzPSJzdDEiIGQ9Ik0tMzE5LjIsMTA1NS4yYy0zMy40LDc1LjktMTAyLjMsMTE1LjYtMTc1LjgsMTE0LjdjLTE0MS03LTE4Mi0xNjkuOC04Ny44LTIyOC42bDQuMSw0LjFjLTEuNiwyLjEtNy4xLDYuNS0xNS45LDIzLjhjLTEwLjMsMjAuOS0xMy40LDQxLjgtMTIuMiw1NC45YzcuMywxMTMuOCwxNjYuNiwxMzcsMjIxLjQsMjQuNWM2OS44LTE1NC4zLTExNS4yLTMxMS4xLTI3OS41LTE5MS4zbC0zLjgtMy44YzQzLjItNjcuOCwxMjcuNy05OC4yLDIwOC4zLTc3LjlDLTMzNi45LDgwNi41LTI3MC43LDkzNS4xLTMxOS4yLDEwNTUuMnogTS00NTEsMTA1Mi43Yy0xMS40LDE2LjQtMzAuNCwyNy4yLTUyLDI3LjJjLTM0LjksMC02My4yLTI4LjMtNjMuMi02My4yYzAtMzMuNCwyNS45LTYwLjcsNTguNi02My4xdjBjMjAuNC0wLjgsMzkuNCwxMC4yLDQ4LjUsMjguMWM5LjgsMTkuMyw2LjIsNDMuMS05LDU5LjFDLTQ2Mi40LDEwNDQuOC00NTYuNywxMDQ4LjgtNDUxLDEwNTIuN0wtNDUxLDEwNTIuN3ogTS02NzEuNiwxMDExYy0zLDI1LjEtMS4xLDMyLjktMS4yLDM1LjlsLTUuNiwyYy0yLjEtNC4xLTcuNS0xOC43LTkuOC0zOC4yYy02LTc0LjYsNDQuOC0xNDEuOSwxMjIuMy0xNTQuNGM3MS0xMC40LDEzOC45LDMzLjcsMTU0LjgsOTUuNGwtNS42LDJjLTEuNy0xLjgtNC42LTYuOC0xNS40LTE3LjdDLTUxNy43LDg1MC02NTIuMyw4ODkuNC02NzEuNiwxMDExeiBNLTI2NS40LDk2OS42Yy01LjEtMjQ2LjctMzMyLjctMzM4LjYtNDU4LjktMTA3LjVjNS42LDQsMTMuMyw5LjUsMTguOSwxMy41Yy05LjcsMjAuMy0xNi4xLDQxLTE5LjYsNjEuNmMtMi41LDEzLjUtMy43LDI3LjQtMy43LDQxLjZjMCwxMjgsMTAzLjgsMjMxLjgsMjMxLjgsMjMxLjhjMTI4LDAsMjMxLjgtMTAzLjgsMjMxLjgtMjMxLjhDLTI2NS4yLDk3NS44LTI2NS4zLDk3Mi43LTI2NS40LDk2OS42Ii8+PC9nPjwvc3ZnPg==);
+
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNTkuMyAyNjIuOCAyNTguOSAyNTguOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMTU5LjMgMjYyLjggMjU4LjkgMjU4Ljk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNCMjNEMjU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MS4xLDI2Mi44YzIuNiwwLDUuMSwwLjUsNy4zLDEuNGMyLjIsMC45LDQuMiwyLjMsNS45LDRjMS43LDEuNywzLDMuNyw0LDUuOWMwLjksMi4yLDEuNCw0LjYsMS40LDcuM3YyNDAuNQ0KCWgtMjI2bC0zMy0zMy4yVjI4MS4zYzAtMi42LDAuNS01LjEsMS41LTcuM3MyLjMtNC4yLDQtNS45YzEuNy0xLjcsMy42LTMsNS44LTRjMi4yLTAuOSw0LjYtMS40LDcuMy0xLjRIODEuMXogTS0xMDMuOSwzNzMuOGgxNDgNCgl2LTkyLjVoLTE0OFYzNzMuOHogTTcuMSw0NDcuOGgtOTIuNXY1NS41aDE4LjV2LTM3aDE4LjV2MzdINy4xVjQ0Ny44eiBNODEuMSwyODEuM0g2Mi42djExMWgtMTg1di0xMTFoLTE4LjV2MTk5LjVsMjIuMywyMi41aDE0LjcNCgl2LTc0SDI1LjZ2NzRoNTUuNVYyODEuM3oiLz4NCjwvc3ZnPg0K);
     background-image: url(//pcgamingwiki.ams3.digitaloceanspaces.com/4/4f/Availability_Table_Icons_-_Uplay.svg)!ie
+
     background-image: url(//images.pcgamingwiki.com/2/2f/DRM_Floppy_Check_icon.svg)!ie
 
}
 
}
  
.drm-disc {
+
.drm-physical {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='259px' height='259px' viewBox='-146.5 267.5 259 259' style='enable-background:new -146.5 267.5 259 259;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23B23D25;stroke-width:19;%7D .st1%7Bfill:none;stroke:%23B23D25;stroke-width:5;%7D .st2%7Bfill:%23B03F26;%7D%0A%3C/style%3E%3Cg%3E%3Ccircle class='st0' cx='-17' cy='397' r='120'/%3E%3Ccircle class='st1' cx='-17' cy='397' r='22'/%3E%3Ccircle class='st1' cx='-17' cy='397' r='37'/%3E%3C/g%3E%3Cpath class='st2' d='M-52,415.4l-70.4,24.9l30.4,42.4l48.7-56.1 M58.6,311.4L8.9,367.8l9.1,11.9l71.2-25.4L58.6,311.4z M4.1,364.8 l39.2-62.9l-12.9-7.2l-30,68 M-37.6,429.8L-77.1,492l12.6,7l30.7-67'/%3E%3C/svg%3E%0A");
+
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiNCMjNEMjU7c3Ryb2tlLXdpZHRoOjE0O30NCjwvc3R5bGU+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSItMTciIGN5PSIzOTciIHI9IjEyMCIvPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTS0xNy41LDMzNS4zQy01Mi4zLDMxNS01OS42LDM0Ny04My4xLDM0NS40IE0tMTcuNiwzMzUuNGMzNC44LTIwLjMsNDMuMywxMS43LDY2LjcsMTAuMSBNLTgzLjEsMzM4LjR2MTI3DQoJCSBNLTE3LjYsMzMzLjd2MTE0LjEgTS0yMS4xLDQ0OC43YzMzLjUtMjAuMyw0Mi44LDExLjIsNjUuNCw5LjYgTTQ4LjEsMzM4LjR2MTI3IE0tMTMuOSw0NDguN2MtMzMuNS0yMC4zLTQyLjgsMTEuMi02NS40LDkuNiIvPg0KPC9nPg0KPC9zdmc+DQo=);
background-image: url(//images.pcgamingwiki.com/e/e6/DRM_Disc_Check_icon.svg)!ie
+
     background-image: url(//images.pcgamingwiki.com/0/0a/DRM_Physical_icon.svg)!ie
 
 
.drm-account {
 
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-146.5 267.5 259 259' style='enable-background:new -146.5 267.5 259 259;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23B23D25;stroke-width:19;%7D .st1%7Bfill:%23B23D25;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='-17' cy='397' r='120'/%3E%3Cpath class='st1' d='M14.7,341.1c18.8-7.2,29.5,12.3,23.3,25.7c-1.2,1.9-35.7,36.7-37.6,38c-5.9,3.2-13.7,3.4-18.9,0.5 c-9.8-6.6-22.6,5.8-12.7,13.5c14.9,10.7,32.3,8.2,45.6-1.7c2.5-2.2,34.8-34.9,36.3-36.7c13-16.7,8.5-41-6.2-52.6 c-13.8-8-25.5-9.6-38.2-3C-7.9,335-10.3,339-24,352.8c7.5,0.4,13.6,1.9,21.2,4.6L14.7,341.1z M-48.7,452.9 c-18.8,7.2-29.5-12.3-23.3-25.7c1.2-1.9,35.7-36.7,37.6-38c5.9-3.2,13.7-3.4,18.9-0.5c9.8,6.6,22.6-5.8,12.7-13.5 c-14.9-10.7-32.3-8.2-45.6,1.7c-2.5,2.2-34.8,34.9-36.3,36.7c-13,16.7-8.5,41,6.2,52.6c13.8,8,25.5,9.6,38.2,3 c14.2-10.2,16.6-14.2,30.3-28c-7.5-0.4-13.6-1.9-21.2-4.6L-48.7,452.9z'/%3E%3C/svg%3E%0A");
 
     background-image: url(//images.pcgamingwiki.com/8/8d/DRM_Account-Based_icon.svg)!ie
 
 
}
 
}
  
.drm-activation {
+
.drm-unknown {
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='-146.5 267.5 259 259' style='enable-background:new -146.5 267.5 259 259;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23B23D25;stroke-width:19;%7D .st1%7Bfill:%23B23D25;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='-17' cy='397' r='120'/%3E%3Cpath class='st1' d='M-39,387.3l12.2-12.5l33.1,32.4l-12.8,12.3L-39,387.3z M-7.1,440.7l-53.2,17.7l-18-17l18-53.6L-7.1,440.7z M-25.9,354l52.1-17.7l17.4,17.4L26,406.1C25.5,406.1-26.2,354.2-25.9,354z M-88,485.3l15.7-15.1l8.9,7.1l68.9-23.2l7,6l11.7-11.7 l-13.6-13.9l10.1-10.2l13.8,13.8l11.7-12l-6.2-6.9l22.8-69.4l-7.3-7.9L71,326l-17.3-17.3l-15.9,15.9l-8-7.5L-39.3,340l-7-6.2 L-58,345.5l14.2,14.3L-53.9,370L-68,355.9L-80,368l5.9,6.5l-23,70.8l7.2,7.6l-15,15.5L-88,485.3z'/%3E%3C/svg%3E%0A");
+
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOiNCMDNEMjU7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9Ii0xNyIgY3k9IjM5NyIgcj0iMTIwIi8+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSItMTUiIGN5PSI0NTAuMyIgcj0iMTYiLz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzUuNywzODYuOWwtMzcuNiwyNC42djEyLjFoLTI4LjJWMzk5bDM1LjctMjQuMXYtMTIuN2wtNi02LjdoLTMyLjRsLTE2LjMsMTkuN2wtMjAuNi0yM2wyNC41LTI0LjVIMTENCgkJbDI0LjcsMjUuNFYzODYuOXoiLz4NCjwvZz4NCjwvc3ZnPg0K);
     background-image: url(//images.pcgamingwiki.com/2/21/DRM_Always_Online_icon.svg)!ie
+
     background-image: url(https://images.pcgamingwiki.com/a/af/DRM_Unknown_icon.svg)!ie
 
}
 
}
  
.drm-drmfree-asterisk {
+
/* OS icons */
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI1MDAgMjUwMCI+PGNpcmNsZSBjeD0iMTI1MCIgY3k9IjEyNTAiIHI9IjExMzAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzExYjE4NiIgc3Ryb2tlLXdpZHRoPSIxMjAiLz48cGF0aCBmaWxsPSIjMTFiMTg2IiBkPSJtMTYyOCwxMDg0IDAsLTMwOEMxNjI5LDYwMCAxNDQ1LDQ0MCAxMzMwLDQyNyAxMTI4LDM4NyA5MzMsNTA4IDg4NCw3MDMgODc2LDc0MSA4NzcsNzY2IDg3NCw4MDFsMTQyLDBjMTMsMCAxNywtNiAxOSwtMjAgNSwtNjQgMjIsLTEwNyA1OSwtMTQ2IDEzMiwtMTIyIDM0NiwtNDEgMzgzLDExNSAyOCwxMjUgMjAsMTg0IDIwLDMzNGwtNjg2LDVjLTEwMiwxLTE2Miw4NC0xNjIsMTYzbDY0LDY4NGMxMCw4MyA0NCwxNDUgMTE3LDE0NGw4MTEsMGM4OSwwIDExOSwtNTcgMTM2LC0xNDRsNjksLTY4NGMxMywtODgtMjMsLTE1Ny0xMDgsLTE2M3ptLTksODM1LTc0MSwwLTU5LC02NjcgODU5LDB6Ii8+PHBhdGggZD0iTTExNjguOTE3NyAxODA0LjM1MTgxbDg5LjAzMjEzLTI3NC44MzgzYzIwNS4xNjA1NiA3Mi4yNjA0NyAzNTQuMTkyNDMgMTM0Ljg0MDk3IDQ0Ny4wOTYxMSAxODcuNzQxNjQtMjQuNTE2NzQtMjMzLjU0NTM5LTM3LjQxOTkyLTM5NC4xOTAxNS0zOC43MDk2NC00ODEuOTM0NzVoMjgwLjY0NDc0Yy0zLjg3MTkgMTI3Ljc0NDUtMTguNzEwNTIgMjg3Ljc0NDEtNDQuNTE2MDcgNDc5Ljk5OTI4IDEzMi45MDIwNS02Ny4wOTQyIDI4NS4xNTk3My0xMjkuMDI5NTMgNDU2Ljc3MzUyLTE4NS44MDYxOGw4OS4wMzIxNCAyNzQuODM4MzFjLTE2My44NzE5NyA1NC4xOTU3LTMyNC41MTY3NSA5MC4zMjQ2Ny00ODEuOTM0OCAxMDguMzg2OTQgNzguNzA4NTcgNjguMzg5MTEgMTg5LjY3NjA2IDE5MC4zMjQzIDMzMi45MDI3NSAzNjUuODA1ODdsLTIzMi4yNTc3MiAxNjQuNTE1OWMtNzQuODM5NTUtMTAxLjkzMzU3LTE2My4yMjY0LTI0MC42NDI4OC0yNjUuMTYwODgtNDE2LjEyODQxLTk1LjQ4NDQgMTgxLjkzNzEyLTE3OS4zNTUxNCAzMjAuNjQ2NDctMjUxLjYxMjUzIDQxNi4xMjg0bC0yMjguMzg2NzUtMTY0LjUxNTg5YzE0OS42NzY3Ni0xODQuNTEzOCAyNTYuNzczMjctMzA2LjQ0ODk4IDMyMS4yODk4NS0zNjUuODA1ODgtMTY2LjQ1MTgtMzIuMjU1NzktMzI0LjUxNTkzLTY4LjM4NDcxLTQ3NC4xOTI4NS0xMDguMzg2OTN6IiBmaWxsPSIjZmZmIiBzdHJva2U9IiNmODk4NDIiIHN0cm9rZS13aWR0aD0iODIuMjY1MjIiLz48L3N2Zz4=);
 
    background-image: url(//images.pcgamingwiki.com/7/77/DRM-free_asterisk_icon.svg)!ie
 
}
 
 
 
.drm-floppy {
 
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyODggMjg4Ij48cGF0aCBkPSJNMjU0Ljk5OTk5OTA2IDE0LjUwMDAwMjRxMy45NjQyODU2OCAwIDcuMjY3ODU3MDggMS40MDQwMTc4NSAzLjMwMzU3MTQgMS40MDQwMTc4NCA1Ljg2MzgzOTIzIDMuOTY0Mjg1NjggMi41NjAyNjc4NCAyLjU2MDI2NzgzIDMuOTY0Mjg1NyA1Ljg2MzgzOTIzIDEuNDA0MDE3ODMgMy4zMDM1NzE0IDEuNDA0MDE3ODMgNy4yNjc4NTcwOHYyNDAuNDk5OTk3OTJINDcuNTM1NzE1MTRsLTMzLjAzNTcxNC0zMy4yMDA4OTI1N1YzMy4wMDAwMDIyMnEwLTMuOTY0Mjg1NjggMS40ODY2MDcxMy03LjI2Nzg1NzA4IDEuNDg2NjA3MTMtMy4zMDM1NzE0IDMuOTY0Mjg1NjgtNS44NjM4MzkyMyAyLjQ3NzY3ODU1LTIuNTYwMjY3ODQgNS43ODEyNDk5NS0zLjk2NDI4NTY4IDMuMzAzNTcxNC0xLjQwNDAxNzg1IDcuMjY3ODU3MDgtMS40MDQwMTc4NXpNNzAuMDAwMDAwNjYgMTI1LjUwMDAwMTQ0aDE0Ny45OTk5OTg3MnYtOTIuNDk5OTk5Mkg3MC4wMDAwMDA2NnpNMTgwLjk5OTk5OTcgMTk5LjUwMDAwMDhIODguNTAwMDAwNXY1NS40OTk5OTk1MmgxOC40OTk5OTk4NHYtMzYuOTk5OTk5NjhoMTguNDk5OTk5ODR2MzYuOTk5OTk5NjhoNTUuNDk5OTk5NTJ6bTczLjk5OTk5OTM2LTE2Ni40OTk5OTg1NmgtMTguNDk5OTk5ODR2MTEwLjk5OTk5OTA0SDUxLjUwMDAwMDgyVjMzLjAwMDAwMjI0SDMzLjAwMDAwMDk4VjIzMi41MzU3MTQ4bDIyLjI5OTEwNjk1IDIyLjQ2NDI4NTUyaDE0LjcwMDg5Mjczdi03My45OTk5OTkzNmgxMjkuNDk5OTk4ODh2NzMuOTk5OTk5MzZoNTUuNDk5OTk5NTJ6IiBmaWxsPSIjYjIzZDI1Ii8+PC9zdmc+);
 
    background-image: url(//images.pcgamingwiki.com/2/2f/DRM_Floppy_Check_icon.svg)!ie
 
}
 
 
 
.drm-physical {
 
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI4OCAyODgiPjxjaXJjbGUgY3g9IjE0NCIgY3k9IjE0NCIgcj0iMTIwIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjE5IiBzdHJva2U9IiNCMjNEMjUiLz48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNiMjNkMjUiIHN0cm9rZS13aWR0aD0iMTQiPjxwYXRoIGQ9Ik0xNDQgNzcuNEMxMDkuMiA1Ny4xIDEwMS45IDg5LjEgNzguNCA4Ny41TTE0My45IDc3LjVjMzQuOC0yMC4zIDQzLjMgMTEuNyA2Ni43IDEwLjFNNzguNCA4MC41bDAgMTI3TTE0My45IDc1LjhsMCAxMTQuMU0xNDAuNCAxOTAuOGMzMy41LTIwLjMgNDIuOCAxMS4yIDY1LjQgOS42TTIwOS42IDgwLjVsMCAxMjdNMTQ3LjYgMTkwLjhjLTMzLjUtMjAuMy00Mi44IDExLjItNjUuNCA5LjYiLz48L2c+PC9zdmc+);
 
    background-image: url(//images.pcgamingwiki.com/0/0a/DRM_Physical_icon.svg)!ie
 
}
 
 
 
.drm-cartridge {
 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 288 288'%3E%3Cpath d='M64.861 253.835V234.17H50.472V14.5h187.056v219.67h-14.389v39.33H64.86zm28.778-7.194v-12.47H79.25v24.94h14.389zm28.778 0v-12.47h-14.389v24.94h14.389zm28.777 0v-12.47h-14.388v24.94h14.388zm28.778 0v-12.47h-14.389v24.94h14.389zm28.778 0v-12.47h-14.389v24.94h14.389zm10.312-122.306v-91.37H68.938v182.74h150.124zm-135.735 0V63.662h121.346v121.346H83.327zm106.957 0V78.051H97.716v92.568h92.568z' fill='%23b23d25'/%3E%3C/svg%3E");
 
}
 
 
 
.drm-dongle {
 
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 288 288'%3E%3Cpath d='M114.118 54.343h19.921v19.922h-19.921zm39.843 0h19.921v19.922h-19.921zm59.764 39.843c2.698 0 5.266.519 7.704 1.557 2.439 1.037 4.566 2.438 6.382 4.202 1.815 1.764 3.242 3.839 4.28 6.225 1.037 2.387 1.556 4.929 1.556 7.626V253.87c0 2.698-.519 5.24-1.556 7.626-1.038 2.386-2.465 4.462-4.28 6.226-1.816 1.763-3.943 3.164-6.382 4.202a19.473 19.473 0 01-7.704 1.556c-46.484.045-92.966 0-139.45 0a19.48 19.48 0 01-7.704-1.556c-2.439-1.038-4.566-2.439-6.382-4.202-1.815-1.764-3.242-3.84-4.28-6.226-1.037-2.386-1.556-4.928-1.556-7.626V113.796c0-2.697.519-5.24 1.556-7.626 1.038-2.386 2.465-4.461 4.28-6.225 1.816-1.764 3.943-3.165 6.382-4.202a19.473 19.473 0 017.704-1.557V14.5h139.45zm-119.529 0h99.608V34.422H94.196zm119.53 19.922H74.274v139.45h139.45z' fill='%23b23d25'/%3E%3C/svg%3E");
 
}
 
 
 
/* OS icons */
 
  
 
.os-win3x {
 
.os-win3x {
Line 2,289: Line 2,525:
 
     background: #f5f5f5;
 
     background: #f5f5f5;
 
     border-width: 1px 1px 0px 1px;
 
     border-width: 1px 1px 0px 1px;
     border-style: solid;
+
     border-style: solid;
     border-color: #ccc;
+
     border-color: #ccc;
     cursor: pointer;
+
     cursor: pointer;
     padding: 1em 1.5em;
+
     padding: 1em 1.5em;
     transition: all .25s;
+
     transition: all .25s;
}
+
}
 
+
 
.selectedTab {
+
.selectedTab {
     background: #556DB3;
+
     background: #556DB3;
     color: white;
+
     color: white;
     border-color: #556DB3;
+
     border-color: #556DB3;
}
+
}
 
+
 
/* ===== Expand width of Engine Games list to 100% ================================================================================================================== */
+
/* ===== Expand width of Engine Games list to 100% ================================================================================================================== */
 
+
 
#table-engine-games {
+
#table-engine-games {
     width: 100%;
+
     width: 100%;
     text-align: left;
+
     text-align: left;
}
+
}
 
+
 
/* ===== Staff user colours ======================================================================================================================== */
+
/* ===== Staff user colours ======================================================================================================================== */
 
+
 
a[title="User:Andytizer"],      a[href="/wiki/User:Andytizer"]
+
a[title="User:Andytizer"],      a[href="/wiki/User:Andytizer"],
{ font-weight: bold; color: #2ecc71 }
+
a[title="User:Baronsmoki"],      a[href="/wiki/User:Baronsmoki"],
 
+
a[title="User:Blackbird"],      a[href="/wiki/User:Blackbird"],
a[title="User:Aemony"],          a[href="/wiki/User:Aemony"],
+
a[title="User:Dave247"],        a[href="/wiki/User:Dave247"],
a[title="User:Blackbird"],       a[href="/wiki/User:Blackbird"],
+
a[title="User:SargeCassidy"],    a[href="/wiki/User:SargeCassidy"]
a[title="User:Expack3"],        a[href="/wiki/User:Expack3"],
+
{ font-weight: bold; color: #1ABC9C }
a[title="User:Garrett"],        a[href="/wiki/User:Garrett"],
+
 
 +
a[title="User:Aemony"],          a[href="/wiki/User:Aemony"],
 +
a[title="User:Garrett"],        a[href="/wiki/User:Garrett"],
 +
a[title="User:Snuxoll"],        a[href="/wiki/User:Snuxoll"],
 +
a[title="User:Suicide machine"], a[href="/wiki/User:Suicide machine"],
 +
a[title="User:Vetle"],           a[href="/wiki/User:Vetle"]
 +
{ font-weight: bold; color: #1ABC9C }
 +
 
 +
a[title="User:Cptmold"],        a[href="/wiki/User:Cptmold"],
 +
a[title="User:Fayaine"],        a[href="/wiki/User:Fayaine"],
 +
a[title="User:Jigen123"],        a[href="/wiki/User:Jigen123"],
 +
a[title="User:Marioysikax"],    a[href="/wiki/User:Marioysikax"],
 +
a[title="User:Mastan"],          a[href="/wiki/User:Mastan"],
 +
a[title="User:MasterBlaster"],  a[href="/wiki/User:MasterBlaster"],
 +
a[title="User:Macgovern"],      a[href="/wiki/User:Macgovern"],
 
a[title="User:Mirh"],            a[href="/wiki/User:Mirh"],
 
a[title="User:Mirh"],            a[href="/wiki/User:Mirh"],
a[title="User:Snuxoll"],        a[href="/wiki/User:Snuxoll"],
 
a[title="User:Suicide machine"], a[href="/wiki/User:Suicide machine"],
 
a[title="User:Vetle"],          a[href="/wiki/User:Vetle"]
 
{ font-weight: bold; color: #1abc9c }
 
 
a[title="User:Baronsmoki"],      a[href="/wiki/User:Baronsmoki"],
 
a[title="User:AlRayes BRN"],    a[href="/wiki/User:AlRayes BRN"],
 
a[title="User:Cptmold"],        a[href="/wiki/User:Cptmold"],
 
a[title="User:Jigen123"],        a[href="/wiki/User:Jigen123"],
 
a[title="User:Marioysikax"],    a[href="/wiki/User:Marioysikax"],
 
a[title="User:Mars icecream"],  a[href="/wiki/User:Mars icecream"],
 
a[title="User:Mastan"],          a[href="/wiki/User:Mastan"],
 
 
a[title="User:Nccvoyager"],      a[href="/wiki/User:Nccvoyager"],
 
a[title="User:Nccvoyager"],      a[href="/wiki/User:Nccvoyager"],
a[title="User:Nicereddy"],      a[href="/wiki/User:Nicereddy"],
 
a[title="User:Rose"],            a[href="/wiki/User:Rose"],
 
 
a[title="User:Shadowstealer7"],  a[href="/wiki/User:Shadowstealer7"],
 
a[title="User:Shadowstealer7"],  a[href="/wiki/User:Shadowstealer7"],
 
a[title="User:Silent"],          a[href="/wiki/User:Silent"],
 
a[title="User:Silent"],          a[href="/wiki/User:Silent"],
a[title="User:SirYodaJedi"],    a[href="/wiki/User:SirYodaJedi"]
+
a[title="User:SirYodaJedi"],    a[href="/wiki/User:SirYodaJedi"],
 +
a[title="User:Tecc"],            a[href="/wiki/User:Tecc"]
 
{ font-weight: bold; color: #e67e22 }
 
{ font-weight: bold; color: #e67e22 }
  
Line 2,746: Line 2,983:
 
   background-color: #556db3;
 
   background-color: #556db3;
 
   color: #fff;
 
   color: #fff;
 +
  padding-right: 20px;
 
}
 
}

Latest revision as of 02:27, 12 April 2024

/* CSS placed here will be applied to all skins */

/* color site notice hr */
div#site-notice hr {
  background-color: #FFF;
}

/* sticky table headers on desktop */
@media (min-width: 801px)
{
  table.pcgwikitable.sortable thead {
    position: sticky;
    top: 45px;
  }
}

/* fix broken three-column overflow in Chromium browsers */
/* might not actually solve all situations where this occurs */
#pcgw-references ol.references
{
    margin-bottom: 45px
}


/* new Template:File styling */
code.file-code {
    font-weight: bold;
    background: none;
    border: none;
}

span.file-span,
span.file-span-directory,
span.file-span-registr
{
    height: 1em;
    width: 1.5em;
    display: inline-block;
}

span.file-span:before {
    content: "📄";
}

span.file-span-directory:before {
    content: "📂";
}

span.file-span-registry:before {
    content: "🧊";
}

span.file-span-linebreak {
    /* line-break: anywhere; */ /* disabled for testing white-space approach instead */
    white-space: break-spaces; /* disabled 'nowrap' after finding scenarios that it breaks */
}

/* prevents scribunto's debug console to extend long past the main content area */
.mw-scribunto-console-fieldset {
    overflow-wrap: anywhere;
}

/* fix for weird [Expand] label being added to some scenarios */

/* .client-js td.mw-collapsed:not(.mw-made-collapsible):before, */
.client-js table.mw-collapsed:not(.mw-made-collapsible) :first-child tr:first-child th:last-child:before /* <-- this is the problematic line */
/* .client-js table.mw-collapsed:not(.mw-made-collapsible) > caption:first-child:after, */
/* .client-js div.mw-collapsed:not(.mw-made-collapsible):before */
{
    content: '';
}


/* ProtonDB medals */
.rating-badges {
    padding: 3px 5px;
    margin: 2px;
    height: 25px;
    border-radius: 20px;
    font-weight: bold;
    color: white;
}
.rating-container a {
    text-decoration: none;
}

.protondb-click-play-tier-1 {background: rgb(97, 205, 187);}
.protondb-click-play-tier-2 {background: rgb(241, 225, 91);}
.protondb-click-play-tier-3 {background: rgb(232, 193, 160);}
.protondb-click-play-tier-4 {background: rgb(232, 168, 56);}
.protondb-click-play-tier-5 {background: rgb(244, 117, 96);}
.protondb-click-play-tier-unknown {background: grey;}

.protondb-medals-platinum {background: rgb(180, 199, 220);}
.protondb-medals-gold     {background: rgb(207, 181, 59);}
.protondb-medals-silver   {background: rgb(166, 166, 166);}
.protondb-medals-bronze   {background: rgb(153, 153, 153);}
.protondb-medals-borked   {background: red;}
.protondb-medals-unknown  {background: grey;}

/* Steam Deck verified icons */
.steam-deck-verified {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%231db288'/%3E%3Cpath fill='%23fff' d='m121,189c-4,5-7,8.5-14,8.5-14,0-61-51-63-57-2,-6 4,-10 8-12 9-5 17.5,1 23,7.5 25.5,33 34,13.5 51-11l41.5-61c5.5-7.5 13,-11.5 22.5-5 7.5,5.5 6,12 2,18.5z'/%3E%3C/svg%3E");
}

.steam-deck-playable {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='125' cy='125' r='125' fill='%23ffc82c'/%3E%3Cg fill='%23fff'%3E%3Ccircle cx='120' cy='60' r='20'/%3E%3Cpath d='M86,95h56v90h19v18H86V185h18V110H86z'/%3E%3C/g%3E%3C/svg%3E");
}

.steam-deck-unsupported {
    background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='utf-8'?%3E%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='125' cy='125' r='121' fill='%237c8ea3'/%3E%3Cpath fill='%23fff' d='M63.4,167 103.2,122 62.6,72.2c-3.4,-5.7-2.5,-11.7 2.2,-15 6.9,-4 16.7,-4.6 22.8,0.2l38.3,46.1 34.5,-40.5c4.1,-5.4 10.4,-8.9 16.6,-9 22.4,1.4 15.1,17 6,27.6l-35,40.4 37.7,45c8,8.3 15.1,21.7 1.9,27.4-7.7,2.8-17.3,2-22.9,-4.1l-39.4,-47.5-38.8,45.7c-4.4,5.1-10.5,7.5-16.8,7.5-21.8,-3.8-15.8,-18.2-6.3,-29z'/%3E%3C/svg%3E");
}

/* Add left-margin to notes within fixboxes */
.fixbox-body dl {
    margin-left: 6px;
}

h2 + dl {
    margin-top: 0.7em;
}


/* Gamesplanet promo CSS class */
.mw-body-with-ads .home-gamesplanet-promo {
    display: block !important; 
}

.mw-body-with-ads .home-search-examples {
    display: none !important;
}

.home-gamesplanet-promo {
    width: 100%;
    position: absolute;
    top: 120px;
    display: none;
}

.home-gamesplanet-promo a {
    color: rgba(255,255,255,0.8) !important;
    transition: 300ms color;
    display: inline;
    padding: 0 5px;
}


/* ===== Hide header section on various pages ================== 
* 
* Prevents display of the "Edit", "Discussion", etc. tabs and
* site-sub on various pages.
*
*/

.page-PCGamingWiki_About #site-sub, .page-PCGamingWiki_About .article-header, .page-PCGamingWiki_About #catlinks, .page-PCGamingWiki_About #mw-head,
.page-PCGamingWiki_FAQ #site-sub, .page-PCGamingWiki_FAQ .article-header, .page-PCGamingWiki_FAQ #catlinks, .page-PCGamingWiki_FAQ #mw-head,
.page-PCGamingWiki_Account #site-sub, .page-PCGamingWiki_Account .article-header, .page-PCGamingWiki_Account #catlinks, .page-PCGamingWiki_Account #mw-head,
.page-PCGamingWiki_Disclaimer #site-sub, .page-PCGamingWiki_Disclaimer .article-header, .page-PCGamingWiki_Disclaimer #catlinks, .page-PCGamingWiki_Disclaimer #mw-head,
.page-PCGamingWiki_Copyrights #site-sub, .page-PCGamingWiki_Copyrights .article-header, .page-PCGamingWiki_Copyrights #catlinks, .page-PCGamingWiki_Copyrights #mw-head,
.page-PCGamingWiki_Privacy_policy #site-sub, .page-PCGamingWiki_Privacy_policy .article-header, .page-PCGamingWiki_Privacy_policy #catlinks, .page-PCGamingWiki_Privacy_policy #mw-head,
.page-PCGamingWiki_API #site-sub, .page-PCGamingWiki_API .article-header, .page-PCGamingWiki_API #catlinks, .page-PCGamingWiki_API #mw-head,
.page-PCGamingWiki_Extension #site-sub, .page-PCGamingWiki_Extension .article-header, .page-PCGamingWiki_Extension #catlinks, .page-PCGamingWiki_Extension #mw-head,
.page-PCGamingWiki_Partnerships #site-sub, .page-PCGamingWiki_Partnerships .article-header, .page-PCGamingWiki_Partnerships #catlinks, .page-PCGamingWiki_Partnerships #mw-head
{
    display: none;
}

/* ===== Fix for links in the editing guide navigation boxes not covering everything================== */

/* both boxes */
.editing-guide-list-item.editing-guide-previous > p, .editing-guide-list-item.editing-guide-next > p {
    padding-top: 0px;
}

/* next link */
.editing-guide-list-item.editing-guide-next a, .editing-guide-list-item.editing-guide-next a.new, .editing-guide-list-item.editing-guide-next a.new:visited {
    padding: 40px 115px 10px 20px;
}

/* previous link */
.editing-guide-list-item.editing-guide-previous a, .editing-guide-list-item.editing-guide-previous a.new, .editing-guide-list-item.editing-guide-previous a.new:visited {
    padding: 40px 20px 10px 115px;
}

/* gotta fix icon for previous link */
.editing-guide-list-item.editing-guide-previous .editing-guide-icon a, .editing-guide-list-item.editing-guide-previous .editing-guide-icon a.new, .editing-guide-list-item.editing-guide-previous .editing-guide-icon a.new:visited {
    padding: 0;
}

/* gotta prevent "clicks" from registering on the previous / next text labels themselves, and allow the click to register on the underlying link */
.editing-guide-list-item.editing-guide-previous > p::before, .editing-guide-list-item.editing-guide-next > p::before {
    pointer-events: none;
}

/* ===== Make all images in content responsive by default ========================== */
#body-content img {
    max-width: 100%;
    height: auto;
}


/* ===== Notificaiton anchor doesn't display properly so cleaner just to hide it ===== */
.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {display:none}


/* ===== Venatus skin (guests only) ========================== */

.raiSkinDesktop .ad-header-container, .raiSkinDesktop .ad-footer-container, .raiSkinDesktop #mpu {display:none}
.raiSkinDesktop #pcgw-header {position:static}
.raiSkinDesktop #masthead {margin-top:0}
.raiSkinDesktop #main-content {margin-top:0;margin-bottom:0}
.raiSkinDesktop {background:black}


/* ===== Changes to new content width and whatnot ==========================
* 
* There's a sudden disrupted change in width when going below 1630px with the new content size, where basically the content width is allowed to be at 1630px at higher resolutions, then at viewport resolutions below 1830px the main content width starts to shrink below 1630px, until it reaches 1430px or so, where it suddenly jumps up to 1630px again. This is due to #main-column enforcing a width: calc(100vw - 200px); style to it.
* 
*/

#main-column {
    width: 100vw;
}


/* Adds fixed top bar on scrolling -- mirroring the mobile view */
#pcgw-header {
    position: fixed;
}

/* Adds fixed top bar on scrolling -- mirroring the mobile view */
#masthead {
    margin-top: 45px;
}

/* Fix vertical scrollbar on sub-1630px views + mobile-view margin issue */
#main-content {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
}

/* Fix margin on mobile view */
@media (max-width: 800px)
{
    #main-content {
        width: 100vw;
    }

    table.template-seriesbox {
        width: 100vw;
    }

    html.client-js #toc {
        width: 100vw;
    }

    .container-pcgwikitable {
        width: 100vw;
        max-width: 100vw;
    }

    .pcgwikitable {
        width: 100vw;
    }

    /* Further changes to make the personal-bar-flyout in mobile view to get more inline with the rest of the sidebar */
    #p-personal-mobile #personal-bar-flyout > div li a:hover, #p-personal-mobile #personal-bar-flyout > div li a:active {
        background-color: #1a1a1a;
        color: white;
        text-decoration: none;
    }
}


/* Fix user menu disappearing into the white of the content area due to lack of borders */
@media (min-width: 801px)
{
    #p-personal #personal-bar-flyout > div {
        height: 30px;
        padding: 2px .2rem 0 .2rem;
        background: right 10px top 8px no-repeat;
        background-size: auto 12px;
        background-image: url(data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 16 16%22%3E%3Cpath d=%22M16 6 14 3.8 8 10 2 3.8 0 6 8 14Z%22 fill=%22%23fff%22/%3E%3C/svg%3E);
    }

    div#personal-bar-flyout > div > ul {
        border-left: 1px solid #aaa;
        border-right: 1px solid #aaa;
        border-bottom: 1px solid #aaa;
    }
}

/* Fix z-index issue on front page where large search box results are displayed above top nav dropdown menus */
.page-Home div.suggestions + div.suggestions {
    z-index: 99; /* previously: 1099; */
}

/* Fix social buttons and footer being misaligned at 1200px #masthead width */
.pcgw-footer-column:last-of-type {
    width: 1080px; /* social buttons are 60px width. 1080 + 60 + 60 == 1200px */
    margin-right: 60px; /* push the contents further 60px to the left (the width of the social buttons to the left) to account for the off-center positioning */
}

/* Retain sizing in mobile view */
@media (max-width: 800px) {
    .pcgw-footer-column:last-of-type {
        min-width: 0;
        width: 100%;
        height: auto;
    }
}

/* Counteract the floating nav causing direct links to miss their targets */
html {
  scroll-padding-top: 45px; /* height of sticky header */
}

/* ===== Styling Tocbox ==========================
* 
*
*/

table.template-tocbox {
    float: right;
    clear: right;
    color: #333;
    width: 300px;
    margin: 0;
    margin-bottom: 15px;
    margin-left: 15px;
    background-color: #fff;
    font-size: 1.2rem;
}

.template-tocbox label.toctogglelabel {
    color: #fff;
}

table.template-tocbox td.template-tocbox-body {
    padding: 0
}

table.template-tocbox td.template-tocbox-body div#toc {
    display: inline block;
    background: none;
    border: none;
    width: 100%;
}

table.template-tocbox td.template-tocbox-body div#toc {
    display: inline block;
    background: none;
    border: none;
    width: 100%;
}

table.template-tocbox td.template-tocbox-body div#toc > ul {
    padding: 5px 9px 7px 9px;
}

table.template-tocbox td.template-tocbox-body div.toctitle {
    /* display: none; */
    background-color: #556db3;
    padding: 5px;
    font-size: 1.4rem;
    font-weight: 600;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25);
    color: #fff;
    text-align: center;
}

table.template-tocbox td.template-tocbox-body div.toctitle h2 {
    color: #fff;
}

table.template-tocbox td.template-tocbox-body div.toctitle span.toctoggle {
    float: right;
}

table.template-tocbox td.template-tocbox-body div.toctitle span.toctoggle a {
    color: #fff;
    text-decoration: none;
}

table.template-tocbox td.template-tocbox-body a.collapsibletoc-section-toggle {
    float: right;
}

table.template-tocbox td.template-tocbox-body span.collapsibletoc-section-neither {
    display: none;
}

@media (max-width: 800px)
{
    table.template-tocbox {
        float: none;
        clear: both;
        width: calc(100vw);
        margin-left: 0;
    }
}

/* Push Contents header of the new tocbox 39px to the right */

@media (min-width: 801px)
{
    .template-tocbox-body div#toc h2 {
        padding-left: 39px;
    }
}

/* ===== Hide abbr text decoration underline in the infobox ==========================
* 
*
*/

.template-infobox abbr {
    text-decoration: none;
}

/* ===== Cleanup, Stub, Deletion, and State color changes ==========================
* 
*
*/

.notice {
    background-color: #d7e3f4;
    color: #000;
}

.notice-stub, .notice-cleanup {
    background-color: #ffe8b3;
}

.notice-text a, .notice-text > span > a, .notice-text > span > a.external, .notice-text > span > a.external:visited, .notice-text a.external, .notice-text a.external:visited, .notice-text a.new, .notice-text a.new:visited {
    color: #375898;
}

.notice-stub.notice-section, .notice-cleanup.notice-section {
    background-color: #FFF;
}


/* ===== Styling News section ====================================================
* 
*
*/

.news_ref {
    font-size:70%;
    vertical-align: super;
}

.news_li {list-style:none;margin-bottom:4px;margin-left:23px}
.news_li > a {font-weight:bold}

.news_li::before {
    content: '';   
    display: inline-block;   
    height: 16px;   
    width: 16px;    
    background-size: 16px;   
    background-repeat: no-repeat;   
    margin-right: 8px;
    background-position: center center;
    vertical-align: bottom;
    margin-left:-23px;
}

.news_icon_info::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 250 250%22%3E%3Ccircle cx=%22125%22 cy=%22125%22 r=%22125%22 fill=%22%231f3661%22/%3E%3Cg fill=%22%23fff%22%3E%3Ccircle cx=%22120%22 cy=%2260%22 r=%2220%22/%3E%3Cpath d=%22M86%2C95h56v90h19v18H86V185h18V110H86z%22/%3E%3C/g%3E%3C/svg%3E"); 
}

.news_icon_pin::before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22UTF-8%22%3F%3E%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 96 96%22%3E%3Cpath fill=%22%23999%22 d=%22M48 17 57 36 78 39 63 53 66 73 48 64 30 73 33 53 18 39 39 36Z%22/%3E%3C/svg%3E"); 
}

/* ===== Styling collapsible stuff of the seriesbox  ====================================================
* 
*
*/

table.template-seriesbox {
    border-top: 0;
    border-bottom: 0;
}

table.template-seriesbox tr:nth-child(2) {
    height: 27px; /* 3px padding top -- gets the box in line with Tocbox */
    vertical-align: bottom; /* workaround for margin/padding refusing to work on this element */
}

table.pcgwikitable th.headerSort span.mw-collapsible-toggle {
    padding-right: 20px;
}

table.template-seriesbox .mw-collapsible-toggle-default:before {
    display:none;
}

table.template-seriesbox .mw-collapsible-toggle-default:after {
    display:none;
}

table.template-seriesbox .mw-collapsible-toggle {
    display: block;
    float: none;
}

table.template-seriesbox .mw-collapsible-toggle a:hover, table.template-seriesbox .mw-collapsible-toggle a:focus {
    text-decoration: none;
}

.template-seriesbox-series-link {
    text-align: left;
    padding-left: 9px;
}

.template-seriesbox-title {
    color: #FFF
}

.template-seriesbox-title > a {
    display: block;
    text-decoration: none;
    color: #FFF
}

.template-seriesbox-title > a:visited {
    display: block;
    text-decoration: none;
    color: #FFF !important;
}

.template-seriesbox .mw-collapsible-toggle-expanded {
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%224%22%20viewBox%3D%2200214%22%3E%3Cpath%20d%3D%22M6.5%204l4-4%204%204z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center right;
    padding: 0 21px;
}

.template-seriesbox .mw-collapsible-toggle-collapsed {
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%224%22%20viewBox%3D%2200214%22%3E%3Cpath%20d%3D%22M14.5%200l-4%204-4-4z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: center right;
    padding: 0 21px;
}


/* ===== RecentChanges spacing fix  ====================================================
* 
*/

.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
    padding-top: 0.28571429em;
    padding-left: 1.32857143em;
}

/* DISABLED 2022-09-05 after site update due to causing misaligned buttons on https://www.pcgamingwiki.com/wiki/Special:CargoTables
.oo-ui-buttonElement-framed.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
    left: 0.3em;
}
*/

.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
    margin-left: 0;
}

.oo-ui-image-progressive {display:none!important}

/* Related reference tooltip options fix */
.oo-ui-fieldsetLayout {box-shadow:none!important}
.oo-ui-numberInputWidget-field {width:auto}

/* ===== Hide tocnumber  ====================================================
*
* Attempt to fix Google indexing the damn tocnumbers despite them being hidden.
* 
*/

.tocnumber, #toc .tocnumber, .toc .tocnumber, span.tocnumber {
    display: none;
    visibility: hidden;
    font-size: 0;
}

/* ===== Mobile TOC  ====================================================
*
* Make mobile TOC consistent, arrow shows it can be expanded
* 
*/

@media (max-width: 800px)
{
    #toc > .toctitle {
        background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%224%22%20viewBox%3D%2200214%22%3E%3Cpath%20d%3D%22M14.5%200l-4%204-4-4z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center right;
        padding: 0 21px;
    }
    #toc > .toctitle > h2 {
        text-transform: none;
    }
}


/* ===== DD adjust spacing      ====================================================
*
*/

dd {
    margin-top: 0;
}

/* ===== Code wrap on mobile    ====================================================
*
*/

@media only screen and (max-width : 800px) {
 code {word-wrap:break-word;}
}

/* ===== Code block padding     ====================================================
*
*/

code {padding: 0 1px}

/* ===== Introduction     ==========================================================
*
*/

.introduction p, .introduction {line-height:19px;max-width:100%!important}
.introduction {padding:10px 0 10px 0}

/* ===== Responsive table ==========================================================
*
*/

.pcgwikitable {overflow-x:auto}
.page-Taxonomy .pcgwikitable {min-width:800px!important}

/* ===== Monetization + Microtransaction table ========================================================
*
*/

.table-monetization-head-parameter,
.table-monetization-body-parameter,
.table-microtransaction-head-parameter,
.table-microtransaction-body-parameter
{text-align:right;padding:0 6px;width:110px}

/* ===== Glossary box ==============================================================
*
*/

.glossary-table {padding-bottom:10px}
.glossary-table p, table-generic-body-row p {line-height:15px}
.glossary-navigation ul {list-style:none;justify-content:space-between;margin:4px auto 0 auto !important;width:90%;font-weight:bold}
.glossary-navigation ul li {text-align:center}
.glossary-row {text-align:left;padding-left:10px}
.glossary-row ul {margin-left:20px!important}

 
/* ===== Generic table =============================================================
*
*/

.table-generic-body-row:nth-of-type(2n) {
    background-color: #f5f5f5;
}


.table-generic-body-row:nth-of-type(2n+1) {
    background-color: #fff;
}

.table-generic-body-row > th {
    text-align: left;
    padding: 6px 4px;
    vertical-align: top;
    text-align: center;
}

.table-generic-body-row > td {
    text-align: left;
    padding: 6px 4px;
    vertical-align: top;
}

/* ===== CHANGE : Fix recent changes box that applies to Special pages only ==============================================================
 * 
 */

.ns-special dl {
    margin: 0;
}

ul#pagehistory {
    max-width:100%!important
}

/* ===== CHANGE : Improve dd icon and bullet point text widths ==============================================================
 * 
 * Limit the changes to .cat-Games aka pages that are a part of the Games category.
 * 
 */

/* Thumbs, dd, icon, lists, and paragraph max width and alignment */
/* Commenting this out as less relevant now that we have max-width on all pages
.cat-Games .mw-content-ltr dd, .cat-Games .mw-content-rtl .mw-content-ltr dd { max-width: 800px; }
.cat-Games .ns-0 ul { max-width: 790px }
.cat-Games p { max-width: 820px }
*/

@media only screen and ( min-width: 801px ) {
    .cat-Games .mw-content-ltr ul, .cat-Games .mw-content-rtl .mw-content-ltr ul { margin: 0.3em 0 0.3em 2.6em; }
}

/* Apply on all pages -- fixes multi-line bullet points */
.mw-content-ltr dd, .mw-content-rtl .mw-content-ltr dd { margin-left: 36px }
.thumbs-down, .thumbs-up, .more-info, .info-icon { margin-left: -23px }
/* Perform the same on direct list children using the Wikipedia bullet icon */
dd > a.extiw:first-child { margin-left: -23px } 


/* ===== Infobox game ================================================================================================================== */

/* ===== CHANGE : Changes in templates to improve taxonomy look ==============================================================
 * 
 */

.template-infobox-type {
    padding-left: 18px; /* down from 24px */
    padding-right: 18px; /* up from 1px */
    vertical-align: top; /* changed from bottom/middle */
}

.template-infobox-info {
    font-size: 1.1rem; /* down from 1.2rem */
}

.template-infobox-info > a {
    /* white-space: nowrap; remove wrapping for individual links - re-enabled this as it broke infobox width */
}

/* ===== CHANGE : Hide external link icon on in infobox ==============================================================
 * 
 * Hide external link icon on external links in the mediawiki (the right column)
 * 
 */

td.template-infobox-info .external {
    padding-right: 0;
    background: none !important;
}

/* Size fix for any icon */
.template-infobox-icon {
    width:24px!important;
    height:24px!important
}

.template-infobox-icon > a > img {
    width:24px;
    height:24px
}
@media (max-width: 800px) {.template-infobox-icon > a > img {
    width:24px;
    height:24px
} 
}

.infobox-cooptimus {
    background-image: url(https://pcgw-static.nyc3.digitaloceanspaces.com/logos/cooptimus-32x32.png);
    background-size: 24px;
}

.infobox-gogdb {
    background-image: url("https://images.pcgamingwiki.com/8/81/GOGDB_icon.svg");
    background-size:24px;
}

.infobox-hltb {
    background-image: url("https://images.pcgamingwiki.com/0/0a/HowLongToBeat_icon.svg");
    background-size:24px;
}

.infobox-igdb {
    background-image: url("https://images.pcgamingwiki.com/1/19/IGDB_logo.svg");
    background-size:24px;
}

.infobox-itad {
    background-image: url("https://images.pcgamingwiki.com/2/2e/IsThereAnyDeal_Icon.svg");
    background-size: 24px;
}

.infobox-lutris {
    background-image: url("https://images.pcgamingwiki.com/1/15/Lutris_Icon.svg");
    background-size: 24px;
}

.infobox-mobygames {
    background-image: url("https://images.pcgamingwiki.com/e/e1/Mobygames_icon.svg");
    background-size: 24px;
}

.infobox-protondb {
    background-image: url(https://images.pcgamingwiki.com/7/75/ProtonDB_Icon.svg);
    background-size: 24px;
}

.infobox-wsgf {
    background-image: url("https://images.pcgamingwiki.com/e/ec/WSGF_Icon.png");
    background-size: 24px;
}

.infobox-official-site {
    background: url(https://images.pcgamingwiki.com/4/4c/Official_site_icon.svg);
    background-size: 24px;
}

.infobox-wikipedia {
    background-image: url("https://images.pcgamingwiki.com/9/91/Wikipedia_Icon.svg");
    background-size: 24px;
}

.infobox-steambase {
    background-image: url("https://pcgw-static.nyc3.digitaloceanspaces.com/images/steambase_icon_24x24.png");
    background-size: 24px;
}

.infobox-applegamingwiki{
    background-image: url("https://pcgw-static.nyc3.digitaloceanspaces.com/favicons/applegamingwiki.png");
    background-size: 24px;
}

/* ===== CHANGE : Break words in infotable monospace class ==============================================================
 * 
 * Allows long data locations to wrap down instead of expanding the width of the table.
 * 
 */

.template-infotable-monospace {
    word-break: break-all;
}


/* ===== CHANGE : Hide external link icon on assignees username ==============================================================
 * 
 * Hide external link icon on assignees username (aka hide our ugly hack as we need to rely on fullurl: to get the link working)
 * 
 * 2020-07-15 - Applied it on the applied links as well.
 */

td.table-assignees-row-username .external, td.table-assignment-body-applied .external, td.table-assignment-body-assigned .external {
    padding-right: 0;
    background: none !important;
}


/* ===== CUSTOM CLASSES ================================================================================================================================================== */

/* Allows wrapping an image in <div class="responsive-image"><img></div> and have it have a responsive width */
.responsive-image img {
    max-width: 100%;
    height: auto;
}


/* ===== CHANGE : Border to the left of H3s to make it easier to separate H3 sections from H4 sections ==============================================================
 * 
 * This is a change I'm somewhat conflicted about. It works, and it merges nice, and works in mobile as well, but it means the H3s are indented more than the H4s, and can give a minor conflicting look because of it.
 * 
 */

/* Add a border to H3s by default */
h3 {
    border-left: 5px solid #7babde; /* 5px cuz visible, but not distracting */
    padding-left: 10px; /* need some air to breath */
    position: relative;
    left: -15px;
}

/* Remove position change from H3s in category pages */
#mw-subcategories h3, .mw-category h3 {
    left: 0;
    border: 0;
}

/* Dunno why we're using padding-top when margin-top is more appropriate for this. Probably haven't found the edge case yet, I guess. */
/* This is mostly to remove the padding-top that makes the new border extend upwards above the text of the H3. */

h1, h2, h3, h4, h5 {
    margin-top: 10px; /* 10px for margin-top since padding-top: 5px results in about the same, for some weird reason */
    padding-top: 0; /* let's remove the current 5px default */
}

/* Let's add more space between sections?

/*
div#body-content h2 {
    margin-top: 3.6rem; 
}
*//* Default: 1.2rem */

/* Removing border from the first page of the Editing guide */
.skip-h3-left-border h3 {border:0;left:0}


/* ===== MOBILE VIEW OVERRIDES ================================================================================================================================================== */

#pcgw-header-logo {
    background: url(https://pcgamingwiki.ams3.digitaloceanspaces.com/6/61/PCGamingWiki_wide_white.svg) no-repeat center;
    height: 40px;
    width: 200px;
    left: calc(50% - 100px);
    top: 2px;
}

#pcgw-header-logo img {
    visibility: hidden;
}


/* ===== BUG FIXES ================================================================================================================================================== */

/* Overrides the width set by the theme JavaScript for the search results box to a 600px static one.
   A proper fix would be to update the underlying theme files. */
.page-Home .suggestions {
    max-width: 600px;
}

/* Fix Discord page */
.browser-extension-header, .browser-extension-features-list {
    max-width:100%;
}
.browser-extension-header > p {
    font-size:2.2rem
}

/* Recent changes legend box */
@media (max-width: 800px)
dl {
    margin-left: 0!important;
}

/* Hide Google+ link in footer */
.footer-google {
    display: none;
}

/* Fixes cut of external link icon on A links in Chrome */

.mw-body a.external {
    background: center right 0px no-repeat url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 height=%2210%22 width=%2210%22%3E%3Crect width=%226%22 height=%226%22 x=%220.5%22 y=%223.5%22 fill=%22%23fff%22 stroke=%22%2306c%22/%3E%3Cpath d=%22m4.8 0 5.2 0 0 5.4L8.4 6.9 7.1 5.6 4.4 8.4 1.7 5.7 4.5 2.9 3.2 1.5Z%22 fill=%22%2306f%22/%3E%3Cpath d=%22M9 1 9 5.9 7.2 4.1 4.3 7 3.1 5.7 6 2.8 4.1 1Z%22 fill=%22%23fff%22/%3E%3C/svg%3E");
}


/* Fix "more" nav menu on articles appearing above alerts and notices overlays */
/* the issue is that "#mw-head-right #mw-head-more" z-index is set to 50 */
.mw-echo-ui-overlay {
    z-index: 51; /* default 1 */
}

/* Larger margin on the right side of some elements in the fixbox for step-based instructions */
.fixbox ul, .fixbox dl, .fixbox ol  {
    margin-right: 2em;
}

/* Fixes Chrome crashing on some articles with a lot of references /and/ fixes reference list showing up as a single column in other browsers and not the intended 3 */
/* "overflow-x: hidden;" is what seemingly breaks it from what I can gather */
/* e.g. https://pcgamingwiki.com/wiki/Nier:_Automata */
ol.references {
    overflow: initial;
}

/* <p> have a bit too much padding on top when used directly after a fixbox title. */
td.fixbox-body > p:first-child {
    padding-top: 0;
}

/* set max width 820px on fixbox classes */
th.fixbox-title, td.fixbox-body {
    width: 820px;
}

/* set additional styling */
th.fixbox-title {
    text-align: left;
}

.fixbox .fixbox-title {
    padding: 12px;
}


/* Bullet points */
@media only screen and (min-width : 801px) {
    .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
        margin: 0.3em 0 0.3em 2.6em;
    }
}


#footer-social-links {
    height: auto
}

.page-Home div#body-content input[type="search"] {
    position: static;
    margin-top: 10px;
}

/* Fixes https://trello.com/c/wSlmbVhf/107-template-icons-in-editing-are-bigger-than-they-should-be */
.tool-button {
    background-position: center;
    padding: 0px;
    margin: 2px;
}

/* Fixes floating drop down menus shown in the article editor when the width goes below 1025px */
.wikiEditor-ui-toolbar .group {
    height: auto; /* default 26px */
}

/* Fixes wide <pre> when used in fixboxes. Example: https://pcgamingwiki.com/wiki/Descent_3 */
.fixbox pre, .fixbox code {
    max-width: 730px;
    overflow-wrap: anywhere;
}

/* Fixes wide <pre> when used in .mw-code. Example: https://pcgamingwiki.com/wiki/MediaWiki:Common.css */
pre, .mw-code {
    max-width: 1160px; /* down from 1380px */
    overflow-wrap: anywhere;
}

/* Attempt to add some space for the table of content / contents list when it follows directly after a ul list */
ul + div#toc {
    margin-top: 10px;
}

/* Fix archive state tags not properly using the full width (is this a weird choice due to the infobox? */
.notice {
    /*padding-right: 15px !important;*/ /* down from 350px */ /* commented because this causes the archive tag to stretch across the whole screen when an ad is shown. */
}


/* Fix archive state tags in editing guide covering the text above it partially (margin-top is set to -19px for some reason) */
.notice ~ .notice {
    margin-top: 0px !important;
}


/* Fixes .project-intro from going off-screen on widths below 1000ish, but above 800ish */
/* Wrap it around a min width to not break mobile view */
@media only screen and (min-width : 801px) {
    .project-intro {
        max-width: 750px;
        width: auto;
    }
}

/* fixes guide-nav-wrapper not being 300px (same as seriesbox and other stuff) */
.guide-nav-wrapper {
    padding: 20px;
    width: 300px;
    margin-bottom: 15px;
}

/* Fix for black text in system req on some articles */
.table-sysreqs-head-OS {
    color: #FFF;
}


/* ===== WYSIWYG editor  ================================================================================================================================================== */

/* Removes the 70% opacity that was applied to core icons but not custom icons */
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
    opacity: 1.0
}

/* Add padding to custom A element to mirror the padding for core icons on custom icons as well */
.group-insert > a {
    margin: 3px;
    margin-left: 3px;
    padding: 3px;
}

/* Fixes special characters crossing the bottom border */
.wikiEditor-ui-toolbar .page-characters div span {
    padding: 0px 8px 0px 8px;
}

/* Force inserted toolbar buttons to be 22x22 -- some are otherwise too big */
.group-insert-sections .tool-button,
.group-templates .tool-button
{
    background-size: 22px;
}


/* ===== Home page stuff ================================================================================================================================================== */

/* Hides top border for divs in .projects containers */
.page-Home .projects .project-container {
    border-top: 0px;
}

/* Hides left border for sections relying on the .stats class since it feels useless anyway */
.page-Home .stats li {
    border-right: 0px;
}

/* Fix incorrect one-column styling on 1000px <= x <= 1020px viewports */
.page-Home .home-information {
    width: 100%;
}

/* Fix misaligned statistics section on screens where two columns are used but there's not enough width to show the whole section on one line */
.page-Home .stats ul {
    text-align: center;
}

/* Fix padding when 3 items on smaller widths */
/* What we're doing is moving the top padding 9px from .home-subheader and assigns it as top margin on .subheader-button instead */
.page-Home .home-subheader {
    padding-top: 0;
}

.page-Home .subheader-button {
    margin-top: 9px;
}


/* Necessary CSS to style the "Troubleshooting guide" button on the Home page */
.page-Home #subheader-troubleshooting-guide-button {
    background-color: #ff9900 !important;
}

.page-Home #subheader-troubleshooting-guide-button:hover {
    background-color: #e68a00 !important;
}

/* .home-subheader have staticly defined heights that seemingly aren't necessary and only screws up the layout, on both wide and sub-1000px width scenarios */
/* overrides the height set here https://github.com/PCGamingWiki/overclocked/blob/master/resources/page-home.less#L186-L194 */
/* needed now that we have 4 buttons and not 3 */
@media (max-width: 1000px) {
    .page-Home .home-subheader {
        height: auto !important;
    }
}

.page-Home .home-subheader {
    height: auto !important;
}

/* list of lists icon on the home page */
.project-list-of-lists {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='100%25' height='100%25' viewBox='0 0 288 288' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;'%3E%3Ccircle cx='144' cy='144' r='135' style='fill:none;stroke:%231f3661;stroke-width:10px;'/%3E%3Crect x='62.19' y='135.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3Crect x='62.19' y='105.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3Crect x='62.19' y='75.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3Crect x='62.19' y='165.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3Crect x='62.19' y='195.301' width='163.62' height='17.398' style='fill:%231f3561;'/%3E%3C/svg%3E");
}

/* Corrects hidden category on front page being offset -25px due to the padding on articles for #main-content being overwritten due to rule on .page-Home #main-content */
.page-Home #main-content div#body-content div#catlinks {
    margin-left: 0;
}

/* Adjust height of home search examples for mobile when spanning multiple lines */
@media (max-width: 800px) {
    .page-Home .pcgw-home-header .home-search-examples {
        top: 135px!important;
    }
}

/* Adds drop shadow to the images and aligns them properly in the middle of the box now that we have 4 items in each. */
/* The !important is required since we're basically cheating these sections by piggy-backing off of .stats stylesheets */
.page-Home .home-stubs li, .page-Home .home-past-featured li {
    padding: 0 !important;
    margin: 0 15px 15px 15px;
}

.page-Home .home-stubs li a, .page-Home .home-past-featured li a {
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25);
}

/* fixes mobile view from the above rules as otherwise it would end up showing just 1 item per row */
@media (max-width: 800px) {
    .page-Home .home-stubs li, .page-Home .home-past-featured li {
        margin: 0 0 15px 0;
    }
}

/* == Featured Article fix == */
.page-Home .featured-article {
    height: 200px;
    padding: 25px 0 0 185px;
}

@media (max-width: 1200px) {
    .page-Home .featured-article {
        height: auto;
        padding: 0;
    }
}

/* new max-width to allow 3 columns */
@media (min-width: 1610px) {
    .page-Home .home-information-column {
        max-width: 300px;
    }
}

@media (max-width: 1609px) and (min-width: 1001px) {
    .page-Home .home-information-column {
        max-width: 300px;
    }
}

@media (max-width: 1609px) and (min-width: 1201px) {
    .page-Home .featured-article {
        padding: 10px 0 0 175px;
    }
}

/* Home Giveaway Gleam hack */
@media (max-width: 1609px) {
.giveaway {padding:0!important;margin:0}
.giveaway > .section-title {padding:20px}
.e-widget-wrapper {}
}
.gleam_banner img {width:100%;height:auto}
.e-widget-wrapper {margin:0 0 20px 0}

/* Home Giveaway Gleam image */
.home-gleam-image {
width:100%;
height:auto;
overflow:hidden;
box-shadow:0 0 2px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.2);
}

/* Home banner GOG */
.home-banner {
    max-width:350px;
    margin: 0 auto 30px auto;
}

/* Home Most visited */
.home_visited {width:100%}
.home_visited ol {margin-left:1.2em}
.home_visited tr {height:24px}
.visited_views {text-align:right}

/* Donate buttons fix */
.button.button-with-image a, .button.button-with-image a:hover {display:block}


/* ===== CHANGE : Some more spacing for paragraphs ================================================================================================================== */

/* Limit to mw-parser-output to not affect p's that might be used elsewhere */
.mw-parser-output p {
    margin: 0.5em 0;
}

/* ^- affects the p's on the frontpage negatively, let's fix that so it doesn't break spacing on buttons + featured article, which expects 0 margin */
.home-container p {
    margin: 0;
}


/* ===== CHANGE : Center the content ================================================================================================================================
 * 
 * This caps the max width of the content and aligns it all to the center. max-width 1600px because that seems like a good middle-ground.
 *
 */

/* Center stuff - Beautiful! */
#masthead {
    width: 100%;
    max-width: 1200px;
}

body {
    justify-content: center;
    width: 100%;
}

/* Fixes the slightly off-putting ~70% width items in the Editing Guide. Let's have two items per row! */
/* Wrap it around a min width to not break mobile view */
@media only screen and (min-width : 801px) {
    .editing-guide-list-item-wrapper {
        max-width: 50%;
    }
}


/* ===== CHANGE : Allow left aligned tables =========================================================================================================================
 * 
 * This allows the use of style="text-align: center;" at the top of a table in an article to get all of its contents to align left.
 *
 */

/* This is currently set to Center, let's change that to Inherit */
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
    text-align: inherit;
}

/* Let's set the default align to Center, to reproduce the current look */
table.wikitable {
    text-align: center;
}


/* ===== Categorybox styling ================================================================================================================================================== */
table.template-categorybox {
    float: right!important;
    clear: right;
    color: #333;
    width: 300px;
    margin: 0;
    margin-bottom: 15px;
    margin-left: 15px;
    background-color: #fff;
    font-size: 1.2rem;
    border-top: 4px solid #fff;
    border-bottom: 7px solid #fff;
}

table.template-categorybox caption.template-categorybox-title {
    background-color: #556db3;
    padding: 5px;
    font-size: 1.4rem;
    font-weight: 600;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,0.25);
    color: #fff;
}

table.template-categorybox caption.template-categorybox-title a {
    color: #fff;
}

table.template-categorybox tbody {
    background-color: #fff;
}

tr.template-categorybox-tr {
    height: 24px;
}

td.template-categorybox-cell {
    text-align: left;
    padding-left: 9px;
    padding-right: 9px;
}

td.template-categorybox-cell p {
    margin: 0;
    line-height: 19px;
}

@media (max-width: 800px) {

table.template-categorybox {
    width: calc(100vw);
    margin: 15px auto;
    padding: 0;
    float: none;
    clear: both;
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
}

}


/* ===== Seriesbox styling for mobile view ========================================================================================================================== */
/*
@media (max-width: 800px) { 
  .template-seriesbox-title:after {
     content: "[expand]"; 
    color: #FFF;
    font-size: 11px;
    position: absolute;
    right: 15px;
    line-height: 19px;
  }
}
*/

/* ===== Series table styling for mobile view ========
 * 
 * Hides publisher and 
 */
@media (max-width: 1395px) { 
  .table-seriesbox-head-publisher,
  .table-seriesbox-body-publisher
 {
    display: none;
  }
}

@media (max-width: 800px) { 
  .table-seriesbox-head-OS,
  .table-seriesbox-body-OS
 {
    display: none;
  }
}


/* === Creating space between Availability DRM and Keys icons === */

.table-availability-body-DRM, .table-availability-body-keys {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.table-availability-body-DRM {
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.table-availability-body-DRM .svg-25 {
    margin-left: 1px;
    margin-bottom: 1px;
}

.table-availability-body-keys .svg-25 {
    margin-bottom: 1px;
}


/* ===== CHANGE : Right-align 1st column =========================================================================================================================
 * 
 * This will make use of the new CSS template classes to allow right-aligned 1st column in a lot of templates. The rest will default to left-aligned.
 *
 * For discussions or alternative user-level overrides, see https://pcgamingwiki.com/wiki/User:Aemony/Design_changes
 * 
 */


table.wikitable,
.template-infotable,
.page-normaltable,
.table-source-ports-head-notes,
.table-source-ports-body-notes,
.table-standard-head-second-column,
.table-standard-body-second-column
{
    text-align: left;
}


.table-availability-head-DRM,
.table-availability-body-DRM,
.table-availability-head-keys, 
.table-availability-body-keys, 
.table-availability-head-OS, 
.table-availability-body-OS, 
.table-dlc-body-OS,
.table-cloudsync-head-rating,
.table-cloudsync-body-rating,
.table-settings-video-head-rating,
.table-settings-video-body-rating,
.table-settings-video-head-rating-WSGF,
.table-settings-video-body-rating-WSGF,
.table-settings-input-head-rating,
.table-settings-input-body-rating,
.table-settings-input-body-dualshock-modes,
.table-settings-input-body-button-prompts,
.table-settings-audio-head-rating,
.table-settings-audio-body-rating,
.table-l10n-head-rating-ui,
.table-l10n-body-rating-ui,
.table-l10n-head-rating-audio,
.table-l10n-body-rating-audio,
.table-l10n-head-rating-sub,
.table-l10n-body-rating-sub,
.table-network-multiplayer-head-rating,
.table-network-multiplayer-body-rating,
.table-network-multiplayer-head-players,
.table-network-multiplayer-body-players,
.table-network-connection-head-rating, 
.table-network-connection-body-rating, 
.table-settings-vr-head-rating,
.table-settings-vr-body-rating,
.table-settings-vr-head-rating-GG3D,
.table-settings-vr-body-rating-GG3D,
.table-api-head-support, 
.table-api-body-support, 
.table-middleware-head-middleware, 
.table-middleware-body-middleware, 
.table-sysreqs-head-OS,
.table-source-ports-head-OS,
.table-source-ports-body-OS
{
    text-align: center;
}


.table-availability-head-source,
.table-availability-body-source, 
.table-dlc-head-name, 
.table-dlc-body-name, 
.table-gamedata-head-system, 
.table-gamedata-body-system, 
.table-cloudsync-head-system, 
.table-cloudsync-body-system, 
.table-settings-video-head-parameter, 
.table-settings-video-body-parameter, 
.table-settings-input-head-parameter, 
.table-settings-input-body-parameter,
.table-settings-audio-head-parameter, 
.table-settings-audio-body-parameter, 
.table-l10n-head-parameter, 
.table-l10n-body-parameter, 
.table-network-multiplayer-head-parameter, 
.table-network-multiplayer-body-parameter, 
.table-network-connection-head-parameter, 
.table-network-connection-body-parameter, 
.table-network-ports-head-parameter,
.table-network-ports-body-parameter,
.table-settings-vr-head-parameter, 
.table-settings-vr-body-parameter, 
.table-api-head-parameter, 
.table-api-body-parameter, 
.table-middleware-head-parameter, 
.table-middleware-body-parameter, 
.table-sysreqs-body-parameter,
.table-source-ports-head-parameter,
.table-source-ports-body-parameter,
.table-standard-head-first-column,
.table-standard-body-first-column,
.table-monetization-head-parameter,
.table-monetization-body-parameter
{
    text-align: right;
}

.template-infotable-head th:first-child,
.template-infotable-secondhead th:first-child,
.page-normaltable tr:first-of-type th:first-child,
.template-infotable-body > th:first-of-type
{
    padding-left: 6px;
    padding-right: 6px;
}


.table-availability-head-notes,
.table-availability-body-notes,
.table-dlc-head-notes,
.table-dlc-body-notes,
.table-gamedata-head-location,
.table-gamedata-body-location,
.table-cloudsync-head-notes,
.table-cloudsync-body-notes,
.table-settings-video-head-notes,
.table-settings-video-body-notes,
.table-settings-input-head-notes,
.table-settings-input-body-notes,
.table-settings-audio-head-notes,
.table-settings-audio-body-notes,
.table-l10n-head-notes,
.table-l10n-body-notes,
.table-network-multiplayer-head-notes,
.table-network-multiplayer-body-notes,
.table-network-connection-head-notes,
.table-network-connection-body-notes,
.table-network-ports-head-value,
.table-network-ports-head-value,
.table-settings-vr-head-notes,
.table-settings-vr-body-notes,
.table-api-head-notes,
.table-api-body-notes,
.table-middleware-head-notes,
.table-middleware-body-notes,
.table-source-ports-head-notes,
.table-source-ports-body-notes,
.table-standard-head-second-column,
.table-standard-body-second-column,
.table-monetization-head-parameter,
.table-monetization-body-parameter
{
    padding-left: 6px !important;
    padding-right: 6px !important;
}


/* Set max-width to 820px (prevents growth past that point) */
#table-availability,
#table-dlc,
#table-gamedata,
#table-cloudsync,
#table-settings-video,
#table-settings-input,
#table-settings-input-controller-types,
#table-settings-input-controller-xinput,
#table-settings-input-controller-dualshock,
#table-settings-input-controller-playstation,
#table-settings-input-controller-tracked,
#table-settings-input-controller-other,
#table-settings-input-additional,
#table-settings-input-steam-input,
#table-settings-audio,
#table-l10n,
#table-network-multiplayer,
#table-network-connection,
#table-network-ports,
#table-settings-vr,
#table-settings-vr-3d-modes,
#table-settings-vr-headsets,
#table-settings-vr-devices,
#table-settings-vr-devices-misc,
#table-settings-vr-play-area,
#table-api,
#table-api-executable,
#table-middleware,
#table-sysreqs,
.table-standard
{
    max-width: 820px;
}



/* ===== Fixes ================================================================================================================== */

.table-dlc-body-OS
{
    padding-left: 3px !important;

                       /* default: 4px (set through .template-infotable-body > th, .template-infotable-body > td {} )

                          this basically fixes Chrome having OS icons on
                          two rows when 3 platforms are present as a result
                          of the 90px width of the column not being enough.

                          Another question is why Firefox don't handles
                          box-sizing: border-box correctly, and adds the
                          problematic 1px border-left to a magical 91st pixel
                          in width for the column...
                       */

                       /* !important since I can't be bothered trying to figure
                          out a proper solution that properly overrides .template-infotable-body > th, .template-infotable-body > td {}
                       */
}



/* ===== Assignment stuff ================================================================================================================================================== */


.tickcross-available {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.41421'%3e%3cpath d='M20.054 2.796h-4.8C14.76 1.46 13.496.495 12 .495s-2.76.966-3.244 2.3h-4.8a2.31 2.31 0 0 0-2.301 2.301v16.107a2.31 2.31 0 0 0 2.301 2.301h16.108a2.31 2.31 0 0 0 2.301-2.301V5.097a2.31 2.31 0 0 0-2.301-2.301zm-8.054 0c.633 0 1.15.518 1.15 1.15s-.518 1.15-1.15 1.15-1.15-.518-1.15-1.15.518-1.15 1.15-1.15zm0 4.602a3.45 3.45 0 1 1 0 6.903 3.45 3.45 0 1 1 0-6.903zm6.903 13.806H5.097v-1.61c0-2.3 4.602-3.566 6.903-3.566s6.903 1.265 6.903 3.566v1.61z' fill='%237f7f7f' fill-rule='nonzero'/%3e%3c/svg%3e);
    display: block;
}

.tickcross-assigned {
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 24 24' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.41421'%3e%3cpath d='M20.054 2.796h-4.8C14.76 1.46 13.496.495 12 .495s-2.76.966-3.244 2.3h-4.8a2.31 2.31 0 0 0-2.301 2.301v16.107a2.31 2.31 0 0 0 2.301 2.301h16.108a2.31 2.31 0 0 0 2.301-2.301V5.097a2.31 2.31 0 0 0-2.301-2.301zm-8.054 0c.633 0 1.15.518 1.15 1.15s-.518 1.15-1.15 1.15-1.15-.518-1.15-1.15.518-1.15 1.15-1.15zm0 4.602a3.45 3.45 0 1 1 0 6.903 3.45 3.45 0 1 1 0-6.903zm6.903 13.806H5.097v-1.61c0-2.3 4.602-3.566 6.903-3.566s6.903 1.265 6.903 3.566v1.61z' fill='%237f7f7f' fill-rule='nonzero'/%3e%3ccircle cx='17.434' cy='17.434' r='6.533' fill='%231db288'/%3e%3cpath d='M17.218 20.9c-.216.27-.378.46-.756.46-.756 0-3.294-2.754-3.402-3.078s.216-.54.432-.648c.486-.27.945.054 1.242.405 1.377 1.782 1.836.73 2.754-.594l2.24-3.294c.297-.405.702-.62 1.215-.27.405.297.324.648.108 1l-3.834 6.02z' fill='%23fff' fill-rule='nonzero'/%3e%3c/svg%3e);
    display: block;
}

.table-assignment-body-status .tickcross-not-applicable {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 2500 2500%22%3E%3Ccircle cx=%221250%22 cy=%221250%22 r=%221210%22 fill=%22%23cdcdcd%22/%3E%3Cg fill=%22%23fff%22%3E%3Cpath d=%22m551 940 305 462 0-466c0-48 26-91 72-91 52 0 74 50 74 91l0 617c0 73-29 103-86 103-62 0-94-49-124-94l-298-457 0 459c0 47-28 91-74 91-52 0-74-47-74-91l0-605c0-75 31-115 93-115 60 0 85 55 112 95zM1210 1618c-7 25-26 37-51 37-36 0-62-18-55-47l182-745c4-14 19-18 42-18 32 0 62 21 55 48zM1948 1455l-319 0-75 180c-10 17-27 21-51 21-57 0-82-67-71-105l218-557c29-79 58-149 137-149 88 0 109 72 138 148l223 556c18 53-31 106-72 106-22 0-50-10-55-25zm-277-119 234 0-118-323z%22/%3E%3C/g%3E%3C/svg%3E");
    display: block;
}

.table-assignment-body-row:nth-of-type(2n) {
    background-color: #f5f5f5;
}

.page-Home .table-assignment-body-row:nth-of-type(2n) {
    background: url(https://pcgamingwiki.ams3.digitaloceanspaces.com/5/51/Home_-_Notable_Releases_bg.png) no-repeat;
}

.page-Home .table-assignment-body-row:nth-of-type(2n) .table-assignment-body-game,
.page-Home .table-assignment-body-row:nth-of-type(2n) .table-assignment-body-status {
     background: #f5f5f5;
}

.table-assignment-body-row:nth-of-type(2n+1) {
    background-color: #fff;
}

.page-Home .upcoming-releases .month {
    border-bottom: none !important;
}

.page-Home .table-assignment-body-game {
    padding-left: 10px;
}



/* ===== Ad stuff ================================================================================================================== */

.page-Home .mw-body.mw-body-with-ads #mpu, .page-Main_Page .mw-body.mw-body-with-ads #mpu, .ns-talk div#mpu, .cat-Lists #mpu, .ns-14 #mpu {
    display: block;
    position: absolute;
    top: auto;
    left: calc(50% - 150px);
    bottom: 0;
    z-index: 25;
    margin: 20px auto 30px auto;
}

@media (max-width:800px) {
    #mpu { padding: 0 20px 15px 0 }
}

@media (min-width:800px) {
    .ns-14         div#body-content.mw-body.mw-body-with-ads { padding-bottom: 310px }
    .ns-talk       div#body-content.mw-body.mw-body-with-ads { padding-bottom: 190px }
    .cat-Lists     div#body-content.mw-body.mw-body-with-ads { padding-bottom: 310px }
    .page-Home     div#body-content.mw-body.mw-body-with-ads { padding-bottom: 240px }
}

@media (max-width:800px) {
    .ns-14         div#body-content.mw-body.mw-body-with-ads { padding-bottom: 310px }
    .ns-talk       div#body-content.mw-body.mw-body-with-ads { padding-bottom: 190px }
    .cat-Lists     div#body-content.mw-body.mw-body-with-ads { padding-bottom: 190px }
    .page-Home     div#body-content.mw-body.mw-body-with-ads { padding-bottom: 340px }
}

/* Home */

/* Hide header ad on Home page */
.page-Home .ad-header-container {}

.page-Home .mw-body.mw-body-with-ads .home-information-column:nth-of-type(2) 
{
padding-top: 40px; /* previous to push down the content below the MPU ad: padding-top: 660px; */
}

@media (max-width: 1000px) {
.page-Home .mw-body.mw-body-with-ads .home-information-column:first-of-type {
/* padding-top: 640px; MPU blank space */
padding-top: 20px;
}
.page-Home .home-information-column:nth-of-type(2) {
padding-top:0!important;
}
}

/* Header */

.ad-header-container {
margin: 18px auto 16px auto;
min-height: 90px;
}

@media (max-width: 1160px) {
.ad-header-container {
margin: 18px auto 16px auto;
min-height: 90px;
}
}

@media (max-width: 800px) {
.ad-header-container 
{
display: none;
width: auto;
height: auto;
max-width: 300px;
min-height: 90px;
max-height: 250px; 
margin: 10px auto 20px auto;
overflow:hidden;
}
}

/* Footer */

.ad-footer-container {margin:16px auto 8px auto}

@media (max-width: 800px) {
.ad-footer-container {
    max-height: none!important;
    max-width: none!important;
    margin: 5px auto 5px auto;
}
}

/* Content ad */
.ad-widget-container {
    max-width:300px;
    margin:5px 0 15px 15px;
    clear:right;
    float:right;
}

@media (max-width: 800px) {
.ad-widget-container {
    max-width:300px;
    margin:0 auto;
    float:none;
}
}

.nitro-widget-1-desktop {display:none!important}

/* ===== End ad stuff ================================================================================================================== */


/* Tickcross */

.tickcross-error {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Cpath d='M4 229.497h242L125 20.503z' fill='%23f89842'/%3E%3Cpath d='M136.025 196.491h-21.981V174.51h21.981zM136.025 152.459h-21.981v-44.031h21.981z' fill='%23fff'/%3E%3C/svg%3E");
    display: block
}

.tickcross-hackable-error {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Cg fill='%231c3360'%3E%3Ccircle cx='125' cy='125' r='121'/%3E%3Cpath d='M19.3 184 77.2 125.8C67.3 70.1 116.2 25.9 161.4 41.2l-45.8 45.1 10.1 37.9 40.5 10.8 43.8-44.3c13.2 52.5-42.1 91.9-84.1 82.5L67.6 231.5C44.5 219.2 29.2 202.1 19.3 184zM27 195.7c1 1.4 2 2.7 3.1 4.1l56.7-57.4-3.6-3.5-56.2 56.9zM110.7 167.6l-3.6-3.5-55.9 56.6c1.3 1 2.7 2.1 4.1 3l55.4-56.1z' fill='%23fff'/%3E%3C/g%3E%3Cpath d='M104.46 250H250l-72.77-125.69z' fill='%23f89842'/%3E%3Cpath d='M183.8606 230.1498H170.641v-13.2195h13.2196zM183.8606 203.6691H170.641v-26.4808h13.2196z' fill='%23fff'/%3E%3C/svg%3E");
    display: block
}

.tickcross-true-error {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%231db288'/%3E%3Cpath fill='%23fff' d='m121,189c-4,5-7,8.5-14,8.5-14,0-61-51-63-57-2,-6 4,-10 8-12 9-5 17.5,1 23,7.5 25.5,33 34,13.5 51-11l41.5-61c5.5-7.5 13,-11.5 22.5-5 7.5,5.5 6,12 2,18.5z'/%3E%3Cpath d='M104.46 250H250l-72.77-125.69z' fill='%23f89842'/%3E%3Cpath d='M183.8606 230.1498H170.641v-13.2195h13.2196zM183.8606 203.6691H170.641v-26.4808h13.2196z' fill='%23fff'/%3E%3C/svg%3E");
    display: block
}

.tickcross-limited {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%231db288'/%3E%3Cpath fill='%23fff' d='m121,189c-4,5-7,8.5-14,8.5-14,0-61-51-63-57-2,-6 4,-10 8-12 9-5 17.5,1 23,7.5 25.5,33 34,13.5 51-11l41.5-61c5.5-7.5 13,-11.5 22.5-5 7.5,5.5 6,12 2,18.5z'/%3E%3Cpath style='fill:%23ffffff;stroke:%23f89842;stroke-width:8.22652245' d='m 116.89174,180.43528 8.9032,-27.4839 c 20.516,7.2261 35.4192,13.4841 44.7096,18.7742 -2.4517,-23.3545 -3.742,-39.419 -3.871,-48.1935 h 28.0645 c -0.3872,12.7745 -1.8711,28.7744 -4.4516,48 13.2902,-6.7095 28.516,-12.903 45.6773,-18.5807 l 8.9033,27.4839 c -16.3872,5.4195 -32.4517,9.0324 -48.1935,10.8387 7.8708,6.8389 18.9676,19.0324 33.2903,36.5806 l -23.2258,16.4515 c -7.484,-10.1933 -16.3227,-24.0642 -26.5161,-41.6128 -9.5484,18.1937 -17.9355,32.0647 -25.1613,41.6128 l -22.8386,-16.4515 c 14.9676,-18.4514 25.6773,-30.6449 32.129,-36.5806 -16.6452,-3.2256 -32.4516,-6.8385 -47.4193,-10.8387 z'/%3E%3C/svg%3E");
    display: block
}

.tickcross-always-on {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%23a0a11c'/%3E%3Crect ry='35.501' rx='35.501' height='106.501' width='71.001' y='62.874' x='89.499' fill='none' stroke='%23fff' stroke-width='17.75'/%3E%3Crect ry='8.875' rx='8.875' height='88.751' width='106.501' y='107.25' x='71.749' fill='%23fff'/%3E%3C/svg%3E");
    display: block
}
.tickcross-always-on-error {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Ccircle cx='125' cy='125' r='121' fill='%23a0a11c'/%3E%3Crect ry='35.501' rx='35.501' height='106.501' width='71.001' y='62.874' x='89.499' fill='none' stroke='%23fff' stroke-width='17.75'/%3E%3Crect ry='8.875' rx='8.875' height='88.751' width='106.501' y='107.25' x='71.749' fill='%23fff'/%3E%3Cpath d='M104.46 250H250l-72.77-125.69z' fill='%23f89842'/%3E%3Cpath d='M183.8606 230.1498H170.641v-13.2195h13.2196zM183.8606 203.6691H170.641v-26.4808h13.2196z' fill='%23fff'/%3E%3C/svg%3E");
    display: block
}

.tickcross-controller-partial {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='22.02' viewBox='0 0 30 22.02'%3E%3Cpath fill='%231DB288' d='M17.899,1.351c-1.54,0.176-2.062,0.162-2.75,0.179c-2.533,0.063-3.581-0.416-4.504-0.892 C9.973,0.292,9.278,0,8.247,0l0,0l0,0C7.69,0,7.065,0.138,6.338,0.355c-3.844,1.141-5.244,8.39-5.582,10.579 c-0.039,0.255-0.082,0.537-0.129,0.829c-0.636,3.937-1.084,7.613,0.377,9.329c0.469,0.551,1.105,0.86,1.849,0.896 c0.05,0.002,0.1,0.004,0.149,0.004c2.174,0,3.618-1.18,5.017-2.321c0.946-0.772,1.913-1.561,3.179-2.112L17.899,1.351z'/%3E%3Cpath opacity='0.4' fill='%231DB288' d='M29.824,15.099c-0.155-2.078-0.543-4.036-0.667-4.558c-0.025-0.109-0.064-0.333-0.111-0.591 c-0.424-2.361-1.547-8.632-5.537-9.503c-0.481-0.105-0.916-0.156-1.329-0.156c-1.029,0-1.737,0.174-2.486,0.507 c-0.513,0.228-1.065,0.432-1.817,0.575c0.009-0.001,0.015-0.002,0.023-0.003l-6.695,16.192c1.023-0.448,2.234-0.75,3.807-0.75 c3.664,0,5.492,1.487,7.261,2.928c1.401,1.139,2.728,2.217,4.708,2.217c0.77,0,1.434-0.322,1.918-0.938 C29.74,19.952,30.044,18.015,29.824,15.099z'/%3E%3C/svg%3E%0A");
    display: block
}

.tickcross-controller-full {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='22.02' viewBox='110 80.74 30 22.02'%3E%3Cpath fill='%231DB288' d='M139.718,95.766c-0.155-2.078-0.543-4.036-0.667-4.558c-0.025-0.109-0.065-0.333-0.111-0.591 c-0.424-2.361-1.548-8.631-5.538-9.503c-0.481-0.105-0.916-0.156-1.329-0.156c-1.029,0-1.737,0.174-2.486,0.507 c-0.977,0.435-2.082,0.786-4.483,0.786h-0.061c-2.521,0-3.562-0.405-4.481-0.879c-0.668-0.345-1.359-0.631-2.385-0.631 c-0.554,0-1.176,0.139-1.9,0.354c-3.822,1.134-5.216,8.347-5.552,10.524c-0.039,0.254-0.083,0.536-0.13,0.826 c-0.631,3.916-1.079,7.575,0.375,9.282c0.497,0.586,1.185,0.895,1.988,0.895c2.161,0,3.6-1.173,4.99-2.308 c1.704-1.393,3.465-2.834,6.956-2.834c3.665,0,5.493,1.487,7.261,2.927c1.401,1.139,2.727,2.217,4.708,2.217 c0.77,0,1.434-0.322,1.918-0.938C139.634,100.619,139.938,98.682,139.718,95.766z'/%3E%3C/svg%3E%0A");
    display: block
}

/* Availability DRM */

.store-battlenet {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%3E%3Ccircle%20cy%3D%2212.5%22%20cx%3D%2212.5%22%20r%3D%2212.5%22%20fill%3D%22%230074e0%22%2F%3E%3Cpath%20d%3D%22M17.726094%209.710599c-2.287875-1.057826-5.575922-1.729949-8.670047-1.479554.155168-1.024313.537846-1.73807%201.16597-1.8883653.864348-.2072852%201.807608.3614923%202.706651%201.3963613.588926.07626%201.28733.2109%201.773281.322662C13.062723%204.9785039%2010.864021%203.2504%209.191652%203.8879c-1.271679.4853617-1.922691%202.2363484-1.844074%204.58933-1.6570155.352412-2.9485546.978842-3.7752538%201.879583-.041859.0485-.1364906.170816-.1027539.229281.025617.04429.1099883-.0052.1461602-.03012.9589101-.670647%202.1865937-1.03369%203.7857355-1.262012.227805%202.510142%201.289766%205.694033%203.053747%208.248172-.964079.378394-1.77424.40342-2.218559-.06533-.611295-.645029-.590848-1.745893-.143724-3.042821-.228397-.5484-.461296-1.220523-.60709-1.697394-1.8518947%202.962654-2.2492634%205.730793-.861317%206.860226%201.056571.859254%202.897618.546852%204.89686-.696557%201.134008%201.259059%202.321905%202.063981%203.515558%202.329731.06297.01182.215995.03285.249729-.02554.02562-.04429-.06024-.09279-.09877-.111763-1.060189-.495326-1.988388-1.377168-2.985611-2.647593%202.060363-1.452463%204.286451-3.96327%205.616595-6.76869.810387.646803%201.235215%201.334649%201.052661%201.95377-.253051.85224-1.216537%201.385805-2.562627%201.645794-.360606.471188-.826996%201.009254-1.16627%201.375028%203.489943.120547%206.085717-.917939%206.369846-2.684946.215996-1.344835-.975223-2.783125-3.0519-3.8927.5236-1.611469.62665-3.042821.25999-4.2093831-.02141-.060234-.0795-.2037407-.147047-.2037407-.05116%200-.05056.098254-.04754.1417329.101501%201.1646419-.197983%202.4098239-.799903%203.9086449zm-6.425508%207.432397c-1.476233-2.368336-2.32707-5.158105-2.321609-7.978953%202.788588-.09338%205.629218.563684%208.069531%201.978795-1.313242%202.461717-3.30311%204.594127-5.748881%205.999863z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
background-image: url(//images.pcgamingwiki.com/8/86/Availability_Table_Icons_-_Battle_net.svg)!ie
}

.store-discord {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2080%2080%22%3E%3E%0A%20%20%3Ccircle%20cx%3D%2240%22%20cy%3D%2240%22%20r%3D%2240%22%20fill%3D%22%235865f2%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M58.749814%2022.798474c-3.448499-1.582314-7.146492-2.748099-11.012967-3.415784-.07042-.0129-.140754.0193-.177024.08371-.475597.845883-1.002401%201.949407-1.371306%202.816767-4.158649-.622592-8.295959-.622592-12.369339%200-.368982-.886639-.914914-1.970884-1.39264-2.816767-.03625-.06227-.106603-.09445-.177024-.08371-3.864347.665553-7.56234%201.831334-11.012972%203.415784-.02984.01288-.05548.03436-.07246.06226-7.014309%2010.479228-8.935819%2020.700886-7.99319%2030.79581.0045.04937.03199.09663.07041.126654%204.627834%203.398582%209.110694%205.461825%2013.510301%206.829399.07042.02148.145018-.0045.189827-.06227%201.040729-1.421227%201.968445-2.919793%202.763875-4.495705.04694-.0923.0023-.201792-.09379-.238298-1.471518-.558197-2.872697-1.238785-4.220527-2.011652-.106581-.06229-.115147-.214743-.01707-.287747.283635-.212534.567346-.433684.838176-.656963.049-.04076.117283-.04939.174892-.02361%208.854696%204.04274%2018.440954%204.04274%2027.191174%200%20.05764-.0279.12589-.01927.177021.02148.27091.223282.554542.446568.840309.659101.09809.07302.09166.225491-.01494.287748-1.347834.787885-2.749008%201.453457-4.222658%202.009523-.09595.03652-.138618.148138-.09166.240426.8125%201.573706%201.740217%203.072271%202.761738%204.493568.04266.06014.119416.08585.189828.06441%204.420949-1.367574%208.903769-3.430817%2013.531613-6.8294.04052-.03.06615-.07514.07042-.124521%201.128143-11.670835-1.889568-21.808668-7.999588-30.795805-.01494-.03001-.04047-.0515-.07036-.06439zM31.027568%2047.50979c-2.665871%200-4.862478-2.44747-4.862478-5.453218%200-3.005746%202.154009-5.453215%204.862478-5.453215%202.729736%200%204.905074%202.46896%204.862401%205.453215%200%203.005748-2.154005%205.453218-4.862401%205.453218zm17.978163%200c-2.665797%200-4.862403-2.44747-4.862403-5.453218%200-3.005746%202.153933-5.453215%204.862403-5.453215%202.729806%200%204.905071%202.46896%204.862479%205.453215%200%203.005748-2.132673%205.453218-4.862479%205.453218z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.store-gogcom {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2025%2025%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M1%201h23v23H1z%22%2F%3E%3Cpath%20d%3D%22M8%2016v-1H5v4h3v-1H6v-2zm1-1v4h4v-4H9zm3%203h-2v-2h2v2zm2-3v4h1v-3h1v3h1v-3h1v3h1v-4zM5%207v4h2v-1H6V8h2v4H5v1h4V7zm5%200v4h4V7h-4zm3%203h-2V8h2v2zm2-3v4h2v-1h-1V8h2v4h-3v1h4V7zM1%200v1h23V0H1zM4.8e-7%201h1v23h-1zM24%201h1v23h-1zM23%201h1v1h-1z%22%20fill%3D%22%2337209d%22%2F%3E%3Cpath%20fill%3D%22%2337209d%22%20d%3D%22M1%201h1v1H1zM23%2023h1v1h-1zM1%2023h1v1H1zM1%2024v1h23v-1H1z%22%2F%3E%3C%2Fsvg%3E");
}

.store-steam {
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 233 233'%3E%3Cdefs%3E%3ClinearGradient id='a' x2='50%25' x1='50%25' y2='100%25'%3E%3Cstop stop-color='%23111D2E' offset='0'/%3E%3Cstop stop-color='%23051839' offset='.21248'/%3E%3Cstop stop-color='%230A1B48' offset='.40695'/%3E%3Cstop stop-color='%23132E62' offset='.58110'/%3E%3Cstop stop-color='%23144B7E' offset='.73760'/%3E%3Cstop stop-color='%23136497' offset='.87279'/%3E%3Cstop stop-color='%231387B8' offset='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='m4.8911 150.01c14.393 48.01 58.916 82.99 111.61 82.99 64.34 0 116.5-52.16 116.5-116.5 0-64.341-52.16-116.5-116.5-116.5-61.741 0-112.26 48.029-116.25 108.76 7.5391 12.66 10.481 20.49 4.6411 41.25z'/%3E%3Cpath fill='%23fff' d='m110.5 87.322c0 0.196 0 0.392 0.01 0.576l-28.508 41.412c-4.618-0.21-9.252 0.6-13.646 2.41-1.937 0.79-3.752 1.76-5.455 2.88l-62.599-25.77c0.00049 0-1.4485 23.83 4.588 41.59l44.254 18.26c2.222 9.93 9.034 18.64 19.084 22.83 16.443 6.87 35.402-0.96 42.242-17.41 1.78-4.3 2.61-8.81 2.49-13.31l40.79-29.15c0.33 0.01 0.67 0.02 1 0.02 24.41 0 44.25-19.9 44.25-44.338 0-24.44-19.84-44.322-44.25-44.322-24.4 0-44.25 19.882-44.25 44.322zm-6.84 83.918c-5.294 12.71-19.9 18.74-32.596 13.45-5.857-2.44-10.279-6.91-12.83-12.24l14.405 5.97c9.363 3.9 20.105-0.54 23.997-9.9 3.904-9.37-0.525-20.13-9.883-24.03l-14.891-6.17c5.746-2.18 12.278-2.26 18.381 0.28 6.153 2.56 10.927 7.38 13.457 13.54s2.52 12.96-0.04 19.1m51.09-54.38c-16.25 0-29.48-13.25-29.48-29.538 0-16.275 13.23-29.529 29.48-29.529 16.26 0 29.49 13.254 29.49 29.529 0 16.288-13.23 29.538-29.49 29.538m-22.09-29.583c0-12.253 9.92-22.191 22.14-22.191 12.23 0 22.15 9.938 22.15 22.191 0 12.254-9.92 22.183-22.15 22.183-12.22 0-22.14-9.929-22.14-22.183z'/%3E%3C/svg%3E%0A");
}

.store-oculus {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzFDMUUyMDt9LnN0MXtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PGcgaWQ9IkJHIj48cmVjdCBjbGFzcz0ic3QwIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIvPjwvZz48ZyBpZD0iT2N1bHVzX0xvZ28iPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zODkuMSwxNzUuOWMtMTIuMS05LjctMjUuOS0xNi40LTQwLjktMjBjLTguNi0yLjEtMTcuMi0zLTI2LjEtMy4zYy02LjUtMC4yLTEzLjEtMC4yLTE5LjYtMC4yYy0zMSwwLTYyLDAtOTIuOSwwYy02LjUsMC0xMy4xLTAuMS0xOS42LDAuMmMtOC44LDAuMy0xNy41LDEuMi0yNi4xLDMuM2MtMTUsMy42LTI4LjksMTAuMy00MC45LDIwYy0yNC4zLDE5LjUtMzguNCw0OC45LTM4LjQsODAuMWMwLDMxLjIsMTQuMiw2MC42LDM4LjUsODAuMWMxMi4xLDkuNywyNS45LDE2LjQsNDAuOSwyMGM4LjYsMi4xLDE3LjIsMywyNi4xLDMuM2M2LjUsMC4yLDEzLjEsMC4yLDE5LjYsMC4yYzMxLDAsNjIsMCw5Mi45LDBjNi41LDAsMTMuMSwwLjEsMTkuNi0wLjJjOC44LTAuMywxNy41LTEuMiwyNi4xLTMuM2MxNS0zLjYsMjguOS0xMC4zLDQwLjktMjBjMjQuMy0xOS41LDM4LjQtNDguOSwzOC40LTgwLjFDNDI3LjUsMjI0LjgsNDEzLjQsMTk1LjQsMzg5LjEsMTc1Ljl6IE0zNDMuNywyODMuOWMtNC42LDMuMi05LjcsNS4xLTE1LjEsNS45Yy01LjUsMC45LTEwLjksMC43LTE2LjMsMC43Yy0zNy41LDAtNzUsMC0xMTIuNSwwYy01LjUsMC0xMC45LDAuMi0xNi4zLTAuN2MtNS41LTAuOS0xMC41LTIuOC0xNS4xLTUuOWMtOS4yLTYuMy0xNC43LTE2LjctMTQuNy0yNy45YzAtMTEuMiw1LjUtMjEuNSwxNC43LTI3LjljNC42LTMuMiw5LjctNS4xLDE1LjEtNS45YzUuNS0wLjksMTAuOS0wLjcsMTYuMy0wLjdjMzcuNSwwLDc1LDAsMTEyLjUsMGM1LjUsMCwxMC45LTAuMiwxNi4zLDAuN2M1LjUsMC45LDEwLjUsMi44LDE1LjEsNS45YzkuMiw2LjMsMTQuNywxNi43LDE0LjcsMjcuOUMzNTguNCwyNjcuMiwzNTIuOSwyNzcuNSwzNDMuNywyODMuOXoiLz48L2c+PC9zdmc+);
    background-image: url(//images.pcgamingwiki.com/4/49/Availability_Table_Icons_-_Oculus_Store.svg)!ie
}

.store-origin {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2032%22%3E%0A%20%20%3Cpath%20fill%3D%22%23f56c2d%22%20d%3D%22M0%200h32v32H0z%22%2F%3E%0A%20%20%3Cpath%20d%3D%22M16.613711%206.7398845c1.236623.073433%202.449028.3984065%203.555975.956176%201.074136.5374583%202.030311%201.2772448%202.819314%202.1810812.781188.9030553%201.374893%201.9326623%201.785798%203.0880423.407001%201.155379.569488%202.371691.484338%203.649718-.03671.659323-.142177%201.302243-.317163%201.92485-.174987.610109-.410906%201.204595-.703853%201.774083-.455433.882744-.968674%201.717053-1.529568%202.510742-.561675.789002-1.171784%201.525663-1.835014%202.205298-.667137.679634-1.370988%201.30615-2.120149%201.879542-.748379.565582-1.529568%201.078041-2.347474%201.538163l-.03671.02813c-.03671.01639-.07342.02812-.114053.02421-.06484-.01639-.121866-.05313-.167175-.101553-.04063-.05312-.06484-.11796-.06484-.178894%200-.03282.0038-.06092.0125-.08984.0125-.02421.02421-.04453.04062-.06484.289039-.410905.524959-.838216.716351-1.285838.187485-.451527.313257-.923367.382782-1.416296%200-.03282-.01639-.06484-.04062-.08984-.02032-.02421-.05703-.04063-.08984-.04063-.272635.03671-.549177.05703-.825718.06484-.27654.0125-.553081%200-.830405-.03671-1.236624-.07342-2.44903-.403092-3.559882-.956173-1.074136-.537453-2.0303116-1.277242-2.8193131-2.181077-.7850955-.906961-1.3912986-1.952974-1.7857994-3.088042-.4069996-1.171785-.573393-2.408408-.4843375-3.649718.0367159-.659324.1421765-1.302243.3210689-1.924851.1788925-.622608.4109059-1.199908.7038518-1.749864.4554336-.899149.968675-1.745178%201.5295693-2.5349605.560894-.7897827%201.171785-1.5256632%201.831108-2.2092041.667136-.6757289%201.370988-1.302243%202.120147-1.8717302.749163-.5694871%201.529571-1.0819475%202.347476-1.5420682l.03671-.024217c.03671-.020311.07343-.028123.114054-.028123.06953.016405.125771.053121.167175.1015545.04453.053121.06484.1101478.06484.1827984%200%20.028123-.0038.057026-.0125.085149-.0079.024217-.02421.044528-.04063.064839-.285132.4030938-.524959.8343106-.71635%201.289744-.187486.4515275-.309351.9194601-.378094%201.4116095%200%20.036715.0125.064839.03671.089837.02421.024997.05703.040622.08984.040622.272635-.036715.549175-.057026.825716-.064838.285135-.00782.557771.00389.83431.036715zm-.842122%2012.8810345c.960081.08124%201.912351-.239825%202.624016-.891338.753066-.663229%201.155379-1.49754%201.224905-2.498244.08124-.968675-.239826-1.92485-.891338-2.64042-.626514-.736661-1.534255-1.179596-2.498244-1.212407-.963988-.08124-1.920164.244513-2.640421.891337-.736662.626515-1.179596%201.534257-1.212406%202.502151-.08124.963988.239825%201.916258.882745%202.64042.65073.753068%201.488946%201.159286%202.510743%201.208501z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.store-microsoft {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 582 578'%3E%3Cpath d='M209.84 35.8c18.33-19.93 44.25-32.81 71.27-35 6.59-.3 13.21-.25 19.8.02 26.79 2.08 52.46 14.82 70.74 34.45 18.54 19.54 29.38 46.1 29.91 73.02.13 12.77.02 25.54.05 38.31h22.99c-.06-13.41.13-26.82-.1-40.22-.78-22.11-8.68-43.7-21.7-61.51 22.37 16.47 38.04 41.67 42.92 69.02 2.1 10.77 1.84 21.79 1.81 32.71 44.59.01 89.18 0 133.78 0 .03 126.48.04 252.95.01 379.43-.02 7.69.77 15.67-1.96 23.05-5.2 15.78-20.6 28.01-37.38 28.28-167.33-.05-334.66-.02-501.98-.02-20.62-.28-38.96-18.78-39.34-39.35C.68 407.53.65 277.06.67 146.6h179.71c.03-12.75-.07-25.5.05-38.24.49-26.7 11.16-53.06 29.41-72.56m66.98-11.42c-19.85 3.18-38.45 13.51-51.69 28.64-13.76 15.56-21.67 36.15-21.8 56.92-.05 12.22-.01 24.44-.02 36.66h22.99c.02-6.53-.11-13.06.22-19.59.78-13.19 3.97-26.23 9.35-38.3 10.29-24.73 34.24-42.29 60.12-47.72 17.34-3.61 35.97-2.01 52.07 5.56-5.36-.31-10.71-.87-16.08-.47-20.89 1.1-41.26 10.03-56.21 24.69-15.96 15.4-25.65 37.08-26.46 59.25-.16 5.52-.05 11.05-.08 16.58h129.46v-33.68c.02-13.9-3.23-27.8-9.48-40.21-9.11-18.27-24.67-33.22-43.29-41.58-15.26-6.86-32.54-9.59-49.1-6.75M169.12 240.2c.01 37.51-.02 75.01.02 112.52 37.49-.03 74.99-.01 112.49-.02 0-37.49-.02-74.99.01-112.49-37.51-.03-75.01 0-112.52-.01m131.23.02c.06 37.49.02 74.99.02 112.48 37.49.02 74.99-.02 112.48.03.06-37.52.02-75.03.02-112.54-37.51.03-75.01-.03-112.52.03M169.14 371.44c-.03 37.5 0 75.01-.02 112.51 37.51-.01 75.02.04 112.52-.02-.03-37.49 0-74.99-.01-112.48-37.5-.01-75 .01-112.49-.01m131.23.01c0 37.5.02 74.99-.01 112.49 37.51.04 75.01.01 112.52.01-.01-37.5.03-75.01-.02-112.51-37.49.03-74.99 0-112.49.01z'/%3E%3Cpath fill='%23f25022' d='M169.12 240.2c37.51.01 75.01-.02 112.52.01-.03 37.5-.01 75-.01 112.49-37.5.01-75-.01-112.49.02-.04-37.51-.01-75.01-.02-112.52z'/%3E%3Cpath fill='%237fba00' d='M300.35 240.22c37.51-.06 75.01 0 112.52-.03 0 37.51.04 75.02-.02 112.54-37.49-.05-74.99-.01-112.48-.03 0-37.49.04-74.99-.02-112.48z'/%3E%3Cpath fill='%2301a4ef' d='M169.14 371.44c37.49.02 74.99 0 112.49.01.01 37.49-.02 74.99.01 112.48-37.5.06-75.01.01-112.52.02.02-37.5-.01-75.01.02-112.51z'/%3E%3Cpath fill='%23ffb901' d='M300.37 371.45c37.5-.01 75 .02 112.49-.01.05 37.5.01 75.01.02 112.51-37.51 0-75.01.03-112.52-.01.03-37.5.01-74.99.01-112.49z'/%3E%3C/svg%3E");
	background-image: url(https://pcgamingwiki.ams3.digitaloceanspaces.com/d/d6/Availability_Table_Icons_-_Microsoft_Store.svg)!ie
}

.store-mas {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij48cGF0aCBkPSJNMTkuOTUsMGwtMTQuOSwwYy0yLjc5MSwwIC01LjA1LDIuMjU5IC01LjA1LDUuMDVsMCwxNC45MDNjMCwyLjc4OCAyLjI1OSw1LjA0NyA1LjA1LDUuMDQ3bDE0LjkwMywwYzIuNzg4LDAgNS4wNSwtMi4yNTkgNS4wNSwtNS4wNWwwLC0xNC45Yy0wLjAwMywtMi43OTEgLTIuMjYyLC01LjA1IC01LjA1MywtNS4wNVoiIHN0eWxlPSJmaWxsOnVybCgjX0xpbmVhcjEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPjxwYXRoIGQ9Ik0xMi4zOTQsNS43NDRsMC41MDYsLTAuODc1YzAuMzEzLC0wLjU0NyAxLjAwOSwtMC43MzEgMS41NTYsLTAuNDE5YzAuNTQ3LDAuMzEzIDAuNzMyLDEuMDA5IDAuNDE5LDEuNTU2bC00Ljg3OCw4LjQ0NGwzLjUyOCwtMGMxLjE0NCwtMCAxLjc4NCwxLjM0NCAxLjI4NywyLjI3NWwtMTAuMzQzLC0wYy0wLjYzMiwtMCAtMS4xMzgsLTAuNTA2IC0xLjEzOCwtMS4xMzhjMCwtMC42MzEgMC41MDYsLTEuMTM3IDEuMTM4LC0xLjEzN2wyLjksLTBsMy43MTIsLTYuNDM0bC0xLjE1OSwtMi4wMTNjLTAuMzEzLC0wLjU0NyAtMC4xMjgsLTEuMjM3IDAuNDE5LC0xLjU1NmMwLjU0NiwtMC4zMTMgMS4yMzcsLTAuMTI4IDEuNTU2LDAuNDE5bDAuNDk3LDAuODc4Wm0tNC4zODgsMTIuMTUzbC0xLjA5NCwxLjg5N2MtMC4zMTIsMC41NDcgLTEuMDA5LDAuNzMxIC0xLjU1NiwwLjQxOWMtMC41NDcsLTAuMzEzIC0wLjczMSwtMS4wMSAtMC40MTksLTEuNTU3bDAuODEzLC0xLjQwNmMwLjkxOSwtMC4yODQgMS42NjYsLTAuMDY2IDIuMjU2LDAuNjQ3Wm05LjQxOSwtMy40NDFsMi45NTksMGMwLjYzMiwwIDEuMTM4LDAuNTA2IDEuMTM4LDEuMTM4Yy0wLDAuNjMxIC0wLjUwNiwxLjEzNyAtMS4xMzgsMS4xMzdsLTEuNjQzLDBsMS4xMDksMS45MjVjMC4zMTMsMC41NDcgMC4xMjgsMS4yMzggLTAuNDE5LDEuNTU2Yy0wLjU0NywwLjMxMyAtMS4yMzcsMC4xMjkgLTEuNTU2LC0wLjQxOGMtMS44NjksLTMuMjQxIC0zLjI3MiwtNS42NjYgLTQuMjAzLC03LjI4MmMtMC45NTMsLTEuNjQzIC0wLjI3MiwtMy4yOTMgMC40LC0zLjg1M2MwLjc0NywxLjI4MiAxLjg2MiwzLjIxNiAzLjM1Myw1Ljc5N1oiIHN0eWxlPSJmaWxsOiNmZmY7ZmlsbC1ydWxlOm5vbnplcm87Ii8+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJfTGluZWFyMSIgeDE9IjAiIHkxPSIwIiB4Mj0iMSIgeTI9IjAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDEuNTMwODFlLTE1LDI1LC0yNSwxLjUzMDgxZS0xNSwxMi41MDE2LDApIj48c3RvcCBvZmZzZXQ9IjAiIHN0eWxlPSJzdG9wLWNvbG9yOiMxOGJmZmI7c3RvcC1vcGFjaXR5OjEiLz48c3RvcCBvZmZzZXQ9IjEiIHN0eWxlPSJzdG9wLWNvbG9yOiMyMDcyZjM7c3RvcC1vcGFjaXR5OjEiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48L3N2Zz4=);
	background-image: url(https://images.pcgamingwiki.com/d/db/Availability_Table_Icons_-_Mac_App_Store.svg)!ie
}

.store-bethesda {
	background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-156%20139.3%20512%20512%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%20319.29999h152v152H24z%22%2F%3E%3Cpath%20d%3D%22M-156%20139.3v512h512v-512h-512zm331.5%20331.6H24.3V319.7h151.3v151.2z%22%2F%3E%3C%2Fsvg%3E);
    background-image: url(//images.pcgamingwiki.com/1/13/Availability_Table_Icons_-_Bethesda.net.svg)!ie
}

.store-epicgames {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20id%3D%22Layer_2%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%22-293%20384%2025%2025%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%20id%3D%22style2%22%3E.st1%7Bfill%3A%23fff%7D%3C%2Fstyle%3E%3Cg%20id%3D%22g10%22%20transform%3D%22translate%289.7293555%20-13.75447%29%20scale%281.03469%29%22%3E%3Cpath%20d%3D%22M-290.9%20403.1c0%202.5%204.6%203.4%206.6%204.2%202%20.9%202.1.9%202.1.9%202.1.8%203.5%200%203.5%200s4.3-1.8%206.2-2.6c2-.8%202.6-.9%202.6-2.6v-17.2c0-1.4-.4-1.4-3.2-1.4h-15.1c-1.5%200-2.8-.2-2.8%201.6.1%202.1.1%2014.6.1%2017.1z%22%20id%3D%22path4%22%20fill%3D%22%23333332%22%2F%3E%3Cpath%20class%3D%22st1%22%20id%3D%22polygon6%22%20d%3D%22M-283.2%20386.2v17h5.7v-2h-3.4v-5.5h3.3v-2.3h-3.3v-5.2l3.4-.1v-1.9z%22%2F%3E%3Cpath%20class%3D%22st1%22%20id%3D%22polygon8%22%20d%3D%22M-280.3%20406.8l3.8-1.3h-7.7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-image: url(//images.pcgamingwiki.com/7/70/Availability_Table_Icons_-_Epic_Games_Store.svg)!ie
}

.store-rockstargames {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-140%20222%20350%20350%22%3E%3Cpath%20d%3D%22M264.9%20287.7h192.8c31.2%200%2056.5%2023.2%2056.5%2051.9v177.2c0%2028.7-25.3%2051.9-56.5%2051.9H264.9c-31.2%200-56.5-23.2-56.5-51.9V339.6c-.1-28.7%2025.2-51.9%2056.5-51.9z%22%20fill%3D%22orange%22%20stroke%3D%22%23000%22%20stroke-width%3D%227.5827%22%20transform%3D%22matrix%281.11684%200%200%201.14234%20-368.51518106%20-92.15064607%29%22%2F%3E%3Cpath%20d%3D%22M-15.25776461%20290.87647105l64.8885738.11423416c13.51379937-.11423416%2023.67706997%202.05621476%2030.3781275%206.51134675%208.15295334%205.48323938%2012.28527215%2014.73620582%2012.28527215%2027.98736764%200%2021.81872335-10.1632706%2034.15601194-30.3781275%2037.12609993v.34270247c8.93474339%202.17044891%2013.40211508%209.5956689%2013.51379937%2022.1614258%200%206.3971126-.22336858%2014.62197166-.67010575%2024.67457718%200%206.73981507%201.4518958%2012.5657569%204.2440031%2017.47782551H43.48817312c-1.67526438-1.82774646-2.45705443-5.48323937-2.45705443-10.96647875.67010576-9.25296644%201.00515863-16.79242058%201.00515863-22.73259657%200-11.99458613-5.6958989-17.93476212-17.199381-17.93476212H1.8299321l-10.0515863%2048.43528114H-42.8437848zm54.8369875%2027.75889934H14.11520425l-6.58937324%2032.09979717h27.5860202c15.41243232%200%2023.1186485-6.05441015%2023.23033278-18.27746458%200-9.25296645-6.25432036-13.8223326-18.7629611-13.8223326z%22%2F%3E%3Cpath%20d%3D%22M83.69451834%20427.15781634l25.68738722-44.43708577%206.92442612%2044.77978823h43.78024257l-39.53623946%2028.3300701%206.36600466%2044.43708576-34.17539344-26.8450261-46.01392841%2027.87313348%2021.5550684-47.2929396-25.01728146-26.95926026z%22%2F%3E%3Cpath%20d%3D%22M113.62590867%20452.6320326l26.24580868-18.7344012h-29.037916l-5.02579314-32.44249963-18.42790823%2032.09979717H58.11881541l17.86948676%2019.19133781-14.74232658%2032.09979717%2031.9417076-19.30557196%2025.24065004%2019.76250857z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
	background-image: url(//pcgamingwiki.ams3.digitaloceanspaces.com/7/7e/Availability_Table_Icons_-_Rockstar_Games_Launcher.svg)!ie
}

.store-uplay {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9InN2ZzIiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIiB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxIHIxMzcyNSIgc29kaXBvZGk6ZG9jbmFtZT0iWmVpY2hudW5nLnN2ZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9Ii0xMjguNyAyNDcgMzAwIDMwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMTI4LjcgMjQ3IDMwMCAzMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMDAwMDAwO30uc3Qxe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48c29kaXBvZGk6bmFtZWR2aWV3ICBwYWdlY29sb3I9IiNmZmZmZmYiIHNob3dncmlkPSJmYWxzZSIgaW5rc2NhcGU6Y3g9Ii0xMTAuODk5NDUiIGlua3NjYXBlOmN5PSIyMzMuODQ5MjYiIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiBpbmtzY2FwZTp6b29tPSIxLjQiIGJvcmRlcm9wYWNpdHk9IjEuMCIgaWQ9ImJhc2UiIHVuaXRzPSJweCIgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIiBpbmtzY2FwZTp3aW5kb3cteD0iLTgiIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjEwMTciIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwLjAiIGlua3NjYXBlOmRvY3VtZW50LXVuaXRzPSJweCIgaW5rc2NhcGU6Y3VycmVudC1sYXllcj0ic3ZnMiIgaW5rc2NhcGU6d2luZG93LXk9Ii04IiBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIj48L3NvZGlwb2RpOm5hbWVkdmlldz48Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMS4zIiBjeT0iMzk3IiByPSIxNDkiLz48ZyBpZD0ibGF5ZXIxIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjUwMjI1MzE2LDAsMCwwLjUwMjI1MzE2LDI3MC45MDA0NywtOTAuMTE1MzkzKSIgaW5rc2NhcGU6bGFiZWw9IkViZW5lIDEiIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiPjxwYXRoIGlkPSJwYXRoMTQiIGlua3NjYXBlOmNvbm5lY3Rvci1jdXJ2YXR1cmU9IjAiIGNsYXNzPSJzdDEiIGQ9Ik0tMzE5LjIsMTA1NS4yYy0zMy40LDc1LjktMTAyLjMsMTE1LjYtMTc1LjgsMTE0LjdjLTE0MS03LTE4Mi0xNjkuOC04Ny44LTIyOC42bDQuMSw0LjFjLTEuNiwyLjEtNy4xLDYuNS0xNS45LDIzLjhjLTEwLjMsMjAuOS0xMy40LDQxLjgtMTIuMiw1NC45YzcuMywxMTMuOCwxNjYuNiwxMzcsMjIxLjQsMjQuNWM2OS44LTE1NC4zLTExNS4yLTMxMS4xLTI3OS41LTE5MS4zbC0zLjgtMy44YzQzLjItNjcuOCwxMjcuNy05OC4yLDIwOC4zLTc3LjlDLTMzNi45LDgwNi41LTI3MC43LDkzNS4xLTMxOS4yLDEwNTUuMnogTS00NTEsMTA1Mi43Yy0xMS40LDE2LjQtMzAuNCwyNy4yLTUyLDI3LjJjLTM0LjksMC02My4yLTI4LjMtNjMuMi02My4yYzAtMzMuNCwyNS45LTYwLjcsNTguNi02My4xdjBjMjAuNC0wLjgsMzkuNCwxMC4yLDQ4LjUsMjguMWM5LjgsMTkuMyw2LjIsNDMuMS05LDU5LjFDLTQ2Mi40LDEwNDQuOC00NTYuNywxMDQ4LjgtNDUxLDEwNTIuN0wtNDUxLDEwNTIuN3ogTS02NzEuNiwxMDExYy0zLDI1LjEtMS4xLDMyLjktMS4yLDM1LjlsLTUuNiwyYy0yLjEtNC4xLTcuNS0xOC43LTkuOC0zOC4yYy02LTc0LjYsNDQuOC0xNDEuOSwxMjIuMy0xNTQuNGM3MS0xMC40LDEzOC45LDMzLjcsMTU0LjgsOTUuNGwtNS42LDJjLTEuNy0xLjgtNC42LTYuOC0xNS40LTE3LjdDLTUxNy43LDg1MC02NTIuMyw4ODkuNC02NzEuNiwxMDExeiBNLTI2NS40LDk2OS42Yy01LjEtMjQ2LjctMzMyLjctMzM4LjYtNDU4LjktMTA3LjVjNS42LDQsMTMuMyw5LjUsMTguOSwxMy41Yy05LjcsMjAuMy0xNi4xLDQxLTE5LjYsNjEuNmMtMi41LDEzLjUtMy43LDI3LjQtMy43LDQxLjZjMCwxMjgsMTAzLjgsMjMxLjgsMjMxLjgsMjMxLjhjMTI4LDAsMjMxLjgtMTAzLjgsMjMxLjgtMjMxLjhDLTI2NS4yLDk3NS44LTI2NS4zLDk3Mi43LTI2NS40LDk2OS42Ii8+PC9nPjwvc3ZnPg==);
	background-image: url(//pcgamingwiki.ams3.digitaloceanspaces.com/4/4f/Availability_Table_Icons_-_Uplay.svg)!ie
}

.drm-account {
	background-image:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOiNCMjNEMjU7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9Ii0xNyIgY3k9IjM5NyIgcj0iMTIwIi8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTQuNywzNDEuMWMxOC44LTcuMiwyOS41LDEyLjMsMjMuMywyNS43Yy0xLjIsMS45LTM1LjcsMzYuNy0zNy42LDM4Yy01LjksMy4yLTEzLjcsMy40LTE4LjksMC41DQoJYy05LjgtNi42LTIyLjYsNS44LTEyLjcsMTMuNWMxNC45LDEwLjcsMzIuMyw4LjIsNDUuNi0xLjdjMi41LTIuMiwzNC44LTM0LjksMzYuMy0zNi43YzEzLTE2LjcsOC41LTQxLTYuMi01Mi42DQoJYy0xMy44LTgtMjUuNS05LjYtMzguMi0zQy03LjksMzM1LTEwLjMsMzM5LTI0LDM1Mi44YzcuNSwwLjQsMTMuNiwxLjksMjEuMiw0LjZMMTQuNywzNDEuMXogTS00OC43LDQ1Mi45DQoJYy0xOC44LDcuMi0yOS41LTEyLjMtMjMuMy0yNS43YzEuMi0xLjksMzUuNy0zNi43LDM3LjYtMzhjNS45LTMuMiwxMy43LTMuNCwxOC45LTAuNWM5LjgsNi42LDIyLjYtNS44LDEyLjctMTMuNQ0KCWMtMTQuOS0xMC43LTMyLjMtOC4yLTQ1LjYsMS43Yy0yLjUsMi4yLTM0LjgsMzQuOS0zNi4zLDM2LjdjLTEzLDE2LjctOC41LDQxLDYuMiw1Mi42YzEzLjgsOCwyNS41LDkuNiwzOC4yLDMNCgljMTQuMi0xMC4yLDE2LjYtMTQuMiwzMC4zLTI4Yy03LjUtMC40LTEzLjYtMS45LTIxLjItNC42TC00OC43LDQ1Mi45eiIvPg0KPC9zdmc+DQo=);
    background-image: url(//images.pcgamingwiki.com/8/8d/DRM_Account-Based_icon.svg)!ie
}

.drm-alwaysonline {
	background-image:
url("data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3C%21--%20Generator%3A%20Adobe%20Illustrator%2019.0.0%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200%29%20%20--%3E%0A%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%22-146.5%20267.5%20259%20259%22%20style%3D%22enable-background%3Anew%20-146.5%20267.5%20259%20259%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0A%09.st0%7Bfill%3Anone%3Bstroke%3A%23B23D25%3Bstroke-width%3A19%3B%7D%0A%09.st1%7Bfill%3A%23B23D25%3B%7D%0A%3C%2Fstyle%3E%0A%3Ccircle%20class%3D%22st0%22%20cx%3D%22-17%22%20cy%3D%22397%22%20r%3D%22120%22%2F%3E%0A%3Cpath%20class%3D%22st1%22%20d%3D%22M-39%2C387.3l12.2-12.5l33.1%2C32.4l-12.8%2C12.3L-39%2C387.3z%20M-7.1%2C440.7l-53.2%2C17.7l-18-17l18-53.6L-7.1%2C440.7z%0A%09%20M-25.9%2C354l52.1-17.7l17.4%2C17.4L26%2C406.1C25.5%2C406.1-26.2%2C354.2-25.9%2C354z%20M-88%2C485.3l15.7-15.1l8.9%2C7.1l68.9-23.2l7%2C6l11.7-11.7%0A%09l-13.6-13.9l10.1-10.2l13.8%2C13.8l11.7-12l-6.2-6.9l22.8-69.4l-7.3-7.9L71%2C326l-17.3-17.3l-15.9%2C15.9l-8-7.5L-39.3%2C340l-7-6.2%0A%09L-58%2C345.5l14.2%2C14.3L-53.9%2C370L-68%2C355.9L-80%2C368l5.9%2C6.5l-23%2C70.8l7.2%2C7.6l-15%2C15.5L-88%2C485.3z%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-image: url(//images.pcgamingwiki.com/2/21/DRM_Always_Online_icon.svg)!ie
}

.drm-activation {
	background-image:
url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Wireless_1_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220%22%20y%3D%220%22%20viewBox%3D%22-146.5%20267.5%20259%20259%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%3E.st0%7Bfill%3A%23b03d25%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M-17%20267.7c-71.3%200-129.3%2058-129.3%20129.3s58%20129.3%20129.3%20129.3%20129.3-58%20129.3-129.3S54.3%20267.7-17%20267.7zm0%20242.6c-62.5%200-113.3-50.8-113.3-113.3S-79.4%20283.7-17%20283.7%2096.3%20334.5%2096.3%20397%2045.5%20510.3-17%20510.3z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M-14.9%20442c-.9-.2-1.9-.3-2.1-.3-1.3%200-4%20.7-5.4%201.5-3.3%201.7-5.9%205.4-6.4%209.2-.2%201.3.1%204%20.5%204.9.1.3.5%201%20.8%201.7.7%201.4%203.2%204%204.5%204.7.4.2%201.4.7%202.3%201.1%201.3.6%201.8.6%204.2.5%202.5-.1%202.8-.2%204.6-1.1%202.3-1.2%204.6-3.4%205.5-5.2.4-.7.7-1.5.9-1.8.1-.2.3-1.2.5-2%20.7-5.9-3.9-12.2-9.9-13.2zM21.1%20420.8c0-.5-7.1-7-9.4-8.6-2.4-1.7-9.5-5.4-10.2-5.4-.2%200-.9-.2-1.4-.5-.6-.3-1.3-.5-1.5-.5-.2%200-.8-.2-1.2-.4-.4-.2-1-.4-1.4-.4-.3%200-.7-.1-.7-.2-.1-.1-.7-.3-1.3-.4-.6-.1-2-.3-3-.6-4.3-.9-11.5-.9-15.9%200-1%20.2-2.4.5-3%20.6-.6.1-1.2.3-1.3.4-.1.1-.4.2-.7.2-.6%200-3.7%201-4.2%201.3-.1.1-.6.3-1.1.4-1.5.4-7.5%203.5-10.3%205.4-2.8%201.9-9%207.6-9.8%209-1.3%202.3-1.5%203.1-1.6%205.1%200%201.7.1%202.3.6%203.1.3.6.6%201.2.6%201.4%200%20.6%203.2%203.6%204.4%204.1.7.3%202.1.7%203.1.8%203.6.4%205.4-.5%209.7-4.6%201.7-1.6%203.2-2.9%203.3-2.9.1%200%20.7-.3%201.1-.6%202.5-1.9%207.2-3.7%2011.7-4.5%202.7-.5%207.9-.5%2010.6%200%202.3.4%206.2%201.4%207%201.9.3.1%201%20.5%201.6.8.6.3%201.9%201%202.9%201.6%201%20.6%201.9%201.1%202%201.1s1.3%201%202.5%202.3c3.8%203.8%205.5%204.8%208.7%205.1%202.7.2%206.6-1.8%208.1-4.1.4-.6.8-1.1.9-1.2.1-.1.5-1%20.7-2%20.6-2.3.3-4.7-.8-6.3-.4-.7-.7-1.3-.7-1.4z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M45.3%20392.1c0-.3-1.1-1.4-1.4-1.4-.1%200-1.4-1.1-2.8-2.5s-2.9-2.7-3.4-3c-.4-.3-2-1.4-3.4-2.5s-3.2-2.3-3.9-2.7c-.7-.4-2.5-1.4-3.9-2.3-2.3-1.4-4.5-2.5-7.2-3.6-.5-.2-1.6-.8-2.5-1.2-.9-.4-1.7-.8-1.9-.8-.2%200-.7-.2-1.1-.4-1.4-.7-3.5-1.5-4-1.5-.3%200-.8-.2-1.2-.4-.4-.2-1.2-.4-1.8-.5-.6-.1-1.3-.3-1.6-.4-1.5-.8-7.8-2-9.9-1.9-.5%200-.9-.1-1-.2-.5-.8-21.3-.8-22.4%200-.2.1-.5.2-.8.2-1.5-.2-8.6%201.1-10.1%201.9-.2.1-.9.3-1.5.4-1%20.2-4.6%201.3-5.6%201.7-.3.1-1.1.4-1.7.7-2.1.8-3.9%201.6-10%204.4-.7.3-1.6.8-1.9%201.1-.4.3-.9.6-1.3.8-.3.2-1%20.5-1.4.7-.4.3-1.3.8-2%201.2-6.1%203.7-16%2012.3-16%2013.9%200%20.2-.3.7-.6%201.2-.8%201.2-1%204.2-.3%205.5%201.4%202.9%201.7%203.4%202.6%204.3%201%201.1%203.4%202.4%204.3%202.4.3%200%20.6.1.7.3.1.2.8.3%202%20.2%202.4-.2%204.5-1.2%207-3.4%204.5-4%209.2-7.7%2011.1-8.7.7-.3%201.6-.9%202.1-1.3%201-.8%201.4-1%205.8-3%201.6-.7%203.1-1.4%203.3-1.4s.5-.1.8-.2c.3-.1%201.1-.5%201.9-.8s1.7-.7%202-.8c.3-.1%201.7-.5%203.1-.8%201.4-.3%203.3-.8%204.2-1%203.4-.8%206.8-1.1%2013.6-1.1%206.6%200%2011.1.4%2014%201.1.5.1%202.1.5%203.6.9%202.8.6%202.9.7%205%201.6.7.3%201.4.6%201.7.6s.5.1.5.2c.1.1.5.3.9.4.4.1%201.6.6%202.8%201.1%201.1.5%202.3%201.1%202.7%201.2%201.3.5%202.8%201.4%203.7%202%20.5.3%201.1.8%201.5.9.9.4%203.5%202.1%204%202.7.1.1.6.4%201.1.8%201.1.8%203.3%202.6%206.2%205.2%202.3%202%204%203.1%205.7%203.3.6.1%201.1.3%201.2.4.2.3%202%200%202.4-.4.1-.1.5-.2.7-.2%201.3%200%204.9-2.6%205.5-4%20.2-.4.5-.9.6-1.1.8-1.3%201-2.2%201-4%200-2.2-.4-3.4-1.6-5-.8-.2-1.1-.7-1.1-.8z%22%2F%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M71.4%20366.6c-.3-.5-.7-1.2-.9-1.7-.2-.5-1.5-1.8-2.8-3-2.7-2.5-9.5-8-11.5-9.3-.7-.5-1.9-1.3-2.7-1.9-.7-.5-2-1.3-2.8-1.8-.8-.5-1.8-1.1-2.1-1.3-.4-.3-.9-.5-1.1-.6-.2-.1-.6-.3-.8-.5-.2-.2-1-.7-1.7-1.1-.7-.4-2.1-1.1-3-1.6-2.5-1.4-5.4-2.8-5.9-2.8-.2%200-.5-.2-.7-.4-.2-.2-.5-.4-.6-.4-.2%200-1.1-.4-2.2-.9-1-.5-2-.9-2.2-.9-.2%200-.6-.1-.8-.3-1-.5-2.3-1.1-2.6-1.1-.2%200-.8-.2-1.4-.5-.6-.3-1.3-.5-1.5-.5-.2%200-.5-.1-.7-.2-.2-.2-2.7-1-6.3-2-.7-.2-1.9-.5-2.8-.7-.9-.2-1.9-.4-2.3-.6-.4-.1-1.2-.3-1.7-.4-.6-.1-1.5-.3-2-.4-.9-.3-3.9-.8-7.7-1.3-1-.1-2.6-.4-3.5-.5-2.6-.5-9.4-.9-13.9-.9s-12.1.5-14.5.9c-.8.1-2.4.4-3.5.6-3.6.5-10.2%201.7-11.3%202.1-.4.1-1.4.4-2.3.6-.9.2-2.2.5-2.8.7-4.7%201.4-6.1%201.9-6.3%202.1-.1.1-.4.2-.7.2-.2%200-.8.2-1.2.4-.4.2-.9.4-1%20.4-.3%200-1.8.6-3%201.2-.4.2-.9.4-1.1.4s-1.2.4-2.2.9-2%20.9-2.1.9c-.1%200-.4.2-.7.3-.2.2-1.1.6-1.9.8-.8.3-1.6.6-1.8.8-.5.4-1.4.9-1.9%201.1-.2.1-.5.2-.7.3-.1.1-.8.4-1.3.8s-1.6.9-2.3%201.3c-.7.3-1.5.8-1.9%201.1-2.6%201.7-4%202.7-4.2%202.7-.1%200-.6.3-1.1.7-.5.4-1.2.9-1.4%201-2.6%201.6-7.1%205.1-12.8%2010.1-2.8%202.4-3.4%203.1-4.9%206-.7%201.3-.8%205.1-.2%206.1.2.3.5.9.6%201.3.4%201.8%203.8%204.3%207.2%205.4.7.2%201.5.2%203-.2%202.8-.7%203.9-1.5%2011-7.9%201-.9%202-1.7%202.4-1.9.4-.2%201.3-.9%202.1-1.7.8-.7%201.6-1.3%201.7-1.3s.9-.5%201.8-1c2.8-1.9%205.3-3.5%207.1-4.4%201-.5%202.3-1.3%202.9-1.6.6-.4%201.3-.7%201.5-.8.4-.1%202.1-.8%205.9-2.6.9-.4%201.8-.8%202-.8s.7-.2%201.1-.4c.4-.2%201.3-.6%201.9-.8.7-.3%201.5-.6%201.7-.7.3-.1%201.6-.5%203-.9%201.3-.4%203-.9%203.8-1.1%204.5-1.3%207.8-2%2012.2-2.4%201-.1%202-.3%202.3-.4%201.2-.5%2013.7-.8%2020.5-.5%203.7.2%206.9.4%207.2.5.3.1%201.3.3%202.3.4%204.2.3%2012.5%202.3%2018.8%204.5%201.2.4%201.6.6%203.3%201.3.7.3%201.4.6%201.6.6.2%200%201.1.4%202.2.9%201%20.5%202.4%201.1%203%201.4%201.8.8%204.5%202.1%206.5%203.3%201.1.6%202%201.1%202.1%201.1.1%200%20.5.2.9.5%202.7%201.9%206.2%204.1%206.3%204.1.1%200%201.1.7%202.2%201.6%201.1.9%202.1%201.6%202.2%201.6.1%200%201%20.8%202%201.7%202.5%202.4%206.2%205.5%207.4%206.4.6.4%201.9%201%203%201.4%201.8.6%202.1.6%203.4.3%203-.7%205.2-2.1%206.6-4.2%201.1-1.7%201.3-2.2%201.7-3.8.1-2.2-.3-4.4-1.1-5.8z%22%2F%3E%3C%2Fsvg%3E");
    background-image: url(//images.pcgamingwiki.com/f/fc/DRM_Online_Activation_icon.svg)!ie
}

.drm-disc {
	background-image:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiNCMjNEMjU7c3Ryb2tlLXdpZHRoOjU7fQ0KCS5zdDJ7ZmlsbDojQjAzRjI2O30NCjwvc3R5bGU+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSItMTciIGN5PSIzOTciIHI9IjEyMCIvPg0KCTxjaXJjbGUgY2xhc3M9InN0MSIgY3g9Ii0xNyIgY3k9IjM5NyIgcj0iMjIiLz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSItMTciIGN5PSIzOTciIHI9IjM3Ii8+DQo8L2c+DQo8cGF0aCBjbGFzcz0ic3QyIiBkPSJNLTUyLjQsNDE1LjVsLTcwLjQsMjQuOWwzMC40LDQyLjRsNDguNy01Ni4xIE01OC4yLDMxMS41TDguNSwzNjcuOWw5LjEsMTEuOWw3MS4yLTI1LjRMNTguMiwzMTEuNXogTTMuNywzNjQuOQ0KCUw0Mi45LDMwMkwzMCwyOTQuOGwtMzAsNjggTS0zOCw0MjkuOWwtMzkuNSw2Mi4ybDEyLjYsN2wzMC43LTY3Ii8+DQo8L3N2Zz4NCg==);
	background-image: url(//images.pcgamingwiki.com/e/e6/DRM_Disc_Check_icon.svg)!ie
}

.drm-cartridge {
	background-image:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojQjIzRDI1O30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTk2LjEsNTA2Ljh2LTE5LjdoLTE0LjRWMjY3LjVINzYuNXYyMTkuN0g2Mi4xdjM5LjNILTk2LjFMLTk2LjEsNTA2Ljh6IE0tNjcuNCw0OTkuNnYtMTIuNWgtMTQuNHYyNC45aDE0LjQNCglWNDk5LjZ6IE0tMzguNiw0OTkuNnYtMTIuNUgtNTN2MjQuOWgxNC40VjQ5OS42eiBNLTkuOCw0OTkuNnYtMTIuNWgtMTQuNHYyNC45aDE0LjRWNDk5LjZ6IE0xOSw0OTkuNnYtMTIuNUg0LjZ2MjQuOUgxOUwxOSw0OTkuNnoNCgkgTTQ3LjgsNDk5LjZ2LTEyLjVIMzMuNHYyNC45aDE0LjRWNDk5LjZ6IE01OC4xLDM3Ny4zVjI4NkgtOTIuMXYxODIuN0g1OC4xVjM3Ny4zeiBNLTc3LjcsMzc3LjN2LTYwLjdINDMuN1Y0MzhILTc3LjdMLTc3LjcsMzc3LjN6DQoJIE0yOS4zLDM3Ny4zdi00Ni4zaC05Mi42djkyLjZoOTIuNlYzNzcuM3oiLz4NCjwvc3ZnPg0K);
    background-image: url(images.pcgamingwiki.com/8/8f/DRM_cartridge_icon.svg)!ie
}

.drm-cdkey {
	background-image:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOiNCMDNEMjU7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9Ii0xNyIgY3k9IjM5NyIgcj0iMTIwIi8+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSI3LjkiIGN5PSIzNzAuOSIgcj0iOCIvPg0KCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NC45LDM0OC45Yy0xNy0yNS01My0yNy03MS0yYy03LDEwLTEwLDIxLTcsMzJsLTUyLDUydjM0aDUxdi0xN2gxN3YtMTdoMTd2LTE4DQoJCUMzOS45LDQyMS45LDYyLjksMzgyLjksNDQuOSwzNDguOXogTS0zLjEsMzk4LjlsLTEwLDEwdjdsLTIsMmgtMTV2MTVsLTIsMmgtMTV2MTVsLTIsMmgtMjBsLTItMnYtMTRsNTMtNTNjLTktMjQsMTAtNDIsMjctNDENCgkJYzE2LDAsMzAsMTMsMzAsMzBDMzYuOSwzOTguOSwxNy45LDQwNy45LTMuMSwzOTguOXoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-image: url(//images.pcgamingwiki.com/5/57/DRM_CD-Key_icon.svg)!ie
}

.drm-dongle {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20288%20288%22%3E%3Cpath%20d%3D%22M110.7722%2044.30438h22.1515v22.152606h-22.1515zm44.3041%200h22.1515v22.152606h-22.1515zm66.45559%2044.304099c3.00009%200%205.85562.577111%208.5666%201.731333%202.71209%201.153109%205.07724%202.710975%207.09657%204.672485%202.01822%201.961509%203.605%204.268841%204.75922%206.921993%201.15311%202.65427%201.73022%205.48089%201.73022%208.47986v155.75766c0%203.00008-.57711%205.8267-1.73022%208.47986-1.15422%202.65315-2.741%204.96159-4.75922%206.9231-2.01933%201.9604-4.38448%203.51827-7.09657%204.67249a21.653332%2021.653332%200%2001-8.5666%201.73022c-51.68867.05-103.37511%200-155.063785%200a21.661116%2021.661116%200%2001-8.566593-1.73022c-2.712087-1.15422-5.077241-2.71209-7.096573-4.67249-2.01822-1.96151-3.604997-4.26995-4.759218-6.9231-1.15311-2.65316-1.730221-5.47978-1.730221-8.47986V110.41415c0-2.99897.577111-5.82671%201.730221-8.47986%201.154221-2.653152%202.740998-4.960484%204.759218-6.921993%202.019332-1.96151%204.384486-3.519376%207.096573-4.672485a21.653332%2021.653332%200%20018.566593-1.731333V.00028166H221.53189zm-132.912291%200H199.3804V22.152887H88.619599zM221.53301%20110.76108H66.466993v155.06379H221.53078z%22%20fill%3D%22%23b23d25%22%2F%3E%3C%2Fsvg%3E");
}

.drm-download {
	background-image:
url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOiNCMjNEMjU7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9Ii0xNyIgY3k9IjM5NyIgcj0iMTIwIi8+DQo8Zz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjMzLjUsNDI3LjMgMzMuNSw0NTEgLTY4LjUsNDUxIC02OC41LDQyNyAtODMuNSw0MjcgLTgzLjUsNDUxIC04My41LDQ2NyAtODMuNSw0NjcgNDkuNSw0NjcgNDkuNSw0MjcgDQoJCQkiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9IjE0LjUsMzgxIC05LjUsNDA2IC05LjUsMzI3IC0yNS41LDMyNyAtMjUuNSw0MDYgLTQ5LjUsMzgyIC02MS41LDM5MyAtMTcuNSw0MzYgMjYuNSwzOTMgCSIvPg0KPC9nPg0KPC9zdmc+DQo=);
	background-image: url(//images.pcgamingwiki.com/9/95/DRM_Download_icon.svg)!ie
}

.drm-drmfree {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjEwMDQgLTc5NCAyMzgwIDIzODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMTAwNCAtNzk0IDIzODAgMjM4MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6IzExQjE4NjtzdHJva2Utd2lkdGg6MTIwO30NCgkuc3Qxe2ZpbGw6IzExQjE4Njt9DQo8L3N0eWxlPg0KPGNpcmNsZSBjbGFzcz0ic3QwIiBjeD0iMjE5NCIgY3k9IjM5NiIgcj0iMTEzMCIvPg0KPHBhdGggY2xhc3M9InN0MSIgZD0iTTI1NzMuMiwyMzAuM3YtMzA4YzEtMTc2LTE4My0zMzYtMjk4LTM0OWMtMjAyLTQwLTM5Nyw4MS00NDYsMjc2Yy04LDM4LTcsNjMtMTAsOThoMTQyYzEzLDAsMTctNiwxOS0yMA0KCWM1LTY0LDIyLTEwNyw1OS0xNDZjMTMyLTEyMiwzNDYtNDEsMzgzLDExNWMyOCwxMjUsMjAsMTg0LDIwLDMzNGwtNjg2LDVjLTEwMiwxLTE2Miw4NC0xNjIsMTYzbDY0LDY4NGMxMCw4Myw0NCwxNDUsMTE3LDE0NGg4MTENCgljODksMCwxMTktNTcsMTM2LTE0NGw2OS02ODRjMTMtODgtMjMtMTU3LTEwOC0xNjNMMjU3My4yLDIzMC4zeiBNMjU2NC4yLDEwNjUuM2gtNzQxbC01OS02NjdoODU5TDI1NjQuMiwxMDY1LjN6Ii8+DQo8L3N2Zz4NCg==);
    background-image: url(images.pcgamingwiki.com/b/b3/DRM-free_icon.svg)!ie
}

.drm-drmfree-asterisk {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ijk0NCAtODU0IDI1MDAgMjUwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyA5NDQgLTg1NCAyNTAwIDI1MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiMxMUIxODY7c3Ryb2tlLXdpZHRoOjEyMDt9DQoJLnN0MXtmaWxsOiMxMUIxODY7fQ0KCS5zdDJ7ZmlsbDojRkZGRkZGO3N0cm9rZTojRjg5ODQyO3N0cm9rZS13aWR0aDo4Mi4yNjUyO30NCjwvc3R5bGU+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSIyMTk0IiBjeT0iMzk2IiByPSIxMTg0LjUiLz4NCjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNTg4LjYsMTY0LjV2LTMyMi44YzEtMTg0LjUtMTkxLjgtMzUyLjItMzEyLjQtMzY1LjhjLTIxMS43LTQxLjktNDE2LjEsODQuOS00NjcuNSwyODkuMw0KCWMtOC40LDM5LjgtNy4zLDY2LTEwLjUsMTAyLjdoMTQ4LjhjMTMuNiwwLDE3LjgtNi4zLDE5LjktMjFjNS4yLTY3LjEsMjMuMS0xMTIuMiw2MS44LTE1M2MxMzguNC0xMjcuOSwzNjIuNy00Myw0MDEuNSwxMjAuNQ0KCWMyOS40LDEzMSwyMSwxOTIuOSwyMSwzNTAuMWwtNzE5LjEsNS4yYy0xMDYuOSwxLTE2OS44LDg4LTE2OS44LDE3MC45bDY3LjEsNzE3YzEwLjUsODcsNDYuMSwxNTIsMTIyLjYsMTUwLjloODUwLjENCgljOTMuMywwLDEyNC43LTU5LjcsMTQyLjYtMTUwLjlsNzIuMy03MTdjMTMuNi05Mi4yLTI0LjEtMTY0LjYtMTEzLjItMTcwLjlMMjU4OC42LDE2NC41eiBNMjU3OS4xLDEwMzkuN2gtNzc2LjdsLTYxLjgtNjk5LjJIMjY0MQ0KCUwyNTc5LjEsMTAzOS43eiIvPg0KPHBhdGggY2xhc3M9InN0MiIgZD0iTTIwNDkuMiw5MTkuNmw5My4zLTI4OC4xYzIxNS4xLDc1LjcsMzcxLjMsMTQxLjMsNDY4LjcsMTk2LjhjLTI1LjctMjQ0LjgtMzkuMi00MTMuMi00MC42LTUwNS4yaDI5NC4yDQoJYy00LjEsMTMzLjktMTkuNiwzMDEuNi00Ni43LDUwMy4xYzEzOS4zLTcwLjMsMjk4LjktMTM1LjMsNDc4LjgtMTk0LjhsOTMuMywyODguMWMtMTcxLjgsNTYuOC0zNDAuMiw5NC43LTUwNS4yLDExMy42DQoJYzgyLjUsNzEuNywxOTguOCwxOTkuNSwzNDksMzgzLjRsLTI0My41LDE3Mi40Yy03OC40LTEwNi44LTE3MS4xLTI1Mi4yLTI3Ny45LTQzNi4yYy0xMDAuMSwxOTAuNy0xODgsMzM2LjEtMjYzLjcsNDM2LjINCglsLTIzOS40LTE3Mi40YzE1Ni45LTE5My40LDI2OS4yLTMyMS4yLDMzNi44LTM4My40QzIzNzEuOCw5OTkuNCwyMjA2LjEsOTYxLjUsMjA0OS4yLDkxOS42eiIvPg0KPC9zdmc+DQo=);
    background-image: url(//images.pcgamingwiki.com/7/77/DRM-free_asterisk_icon.svg)!ie
}

.drm-floppy {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNTkuMyAyNjIuOCAyNTguOSAyNTguOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMTU5LjMgMjYyLjggMjU4LjkgMjU4Ljk7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNCMjNEMjU7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04MS4xLDI2Mi44YzIuNiwwLDUuMSwwLjUsNy4zLDEuNGMyLjIsMC45LDQuMiwyLjMsNS45LDRjMS43LDEuNywzLDMuNyw0LDUuOWMwLjksMi4yLDEuNCw0LjYsMS40LDcuM3YyNDAuNQ0KCWgtMjI2bC0zMy0zMy4yVjI4MS4zYzAtMi42LDAuNS01LjEsMS41LTcuM3MyLjMtNC4yLDQtNS45YzEuNy0xLjcsMy42LTMsNS44LTRjMi4yLTAuOSw0LjYtMS40LDcuMy0xLjRIODEuMXogTS0xMDMuOSwzNzMuOGgxNDgNCgl2LTkyLjVoLTE0OFYzNzMuOHogTTcuMSw0NDcuOGgtOTIuNXY1NS41aDE4LjV2LTM3aDE4LjV2MzdINy4xVjQ0Ny44eiBNODEuMSwyODEuM0g2Mi42djExMWgtMTg1di0xMTFoLTE4LjV2MTk5LjVsMjIuMywyMi41aDE0LjcNCgl2LTc0SDI1LjZ2NzRoNTUuNVYyODEuM3oiLz4NCjwvc3ZnPg0K);
    background-image: url(//images.pcgamingwiki.com/2/2f/DRM_Floppy_Check_icon.svg)!ie
}

.drm-physical {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOm5vbmU7c3Ryb2tlOiNCMjNEMjU7c3Ryb2tlLXdpZHRoOjE0O30NCjwvc3R5bGU+DQo8Y2lyY2xlIGNsYXNzPSJzdDAiIGN4PSItMTciIGN5PSIzOTciIHI9IjEyMCIvPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MSIgZD0iTS0xNy41LDMzNS4zQy01Mi4zLDMxNS01OS42LDM0Ny04My4xLDM0NS40IE0tMTcuNiwzMzUuNGMzNC44LTIwLjMsNDMuMywxMS43LDY2LjcsMTAuMSBNLTgzLjEsMzM4LjR2MTI3DQoJCSBNLTE3LjYsMzMzLjd2MTE0LjEgTS0yMS4xLDQ0OC43YzMzLjUtMjAuMyw0Mi44LDExLjIsNjUuNCw5LjYgTTQ4LjEsMzM4LjR2MTI3IE0tMTMuOSw0NDguN2MtMzMuNS0yMC4zLTQyLjgsMTEuMi02NS40LDkuNiIvPg0KPC9nPg0KPC9zdmc+DQo=);
    background-image: url(//images.pcgamingwiki.com/0/0a/DRM_Physical_icon.svg)!ie
}

.drm-unknown {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0xNDYuNSAyNjcuNSAyNTkgMjU5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xNDYuNSAyNjcuNSAyNTkgMjU5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojQjIzRDI1O3N0cm9rZS13aWR0aDoxOTt9DQoJLnN0MXtmaWxsOiNCMDNEMjU7fQ0KPC9zdHlsZT4NCjxjaXJjbGUgY2xhc3M9InN0MCIgY3g9Ii0xNyIgY3k9IjM5NyIgcj0iMTIwIi8+DQo8Zz4NCgk8Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSItMTUiIGN5PSI0NTAuMyIgcj0iMTYiLz4NCgk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzUuNywzODYuOWwtMzcuNiwyNC42djEyLjFoLTI4LjJWMzk5bDM1LjctMjQuMXYtMTIuN2wtNi02LjdoLTMyLjRsLTE2LjMsMTkuN2wtMjAuNi0yM2wyNC41LTI0LjVIMTENCgkJbDI0LjcsMjUuNFYzODYuOXoiLz4NCjwvZz4NCjwvc3ZnPg0K);
    background-image: url(https://images.pcgamingwiki.com/a/af/DRM_Unknown_icon.svg)!ie
}

/* OS icons */

.os-win3x {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath style='fill:%231e3561;stroke-width:1.34246063' d='m 5.041638,10.66722 v 1.311584 L 3.526,12.601706 v -1.290105 z m 0,12.713102 v 1.311584 L 3.526,25.314808 v -1.267284 z m 0,12.890307 v 1.334406 L 3.526,38.226594 v -1.26594 z M 4.885913,14.912081 v 1.177338 l -1.225667,0.555778 v -1.154516 z m 0,4.267683 v 1.154516 l -1.225667,0.555778 v -1.154516 z m 0,8.622623 v 1.13438 l -1.225667,0.555778 v -1.155858 z m 0,4.311984 V 33.27023 L 3.660246,33.826008 V 32.691629 Z M 8.917322,11.400203 v 1.534433 L 6.824426,13.711921 V 12.20031 Z m 0,12.868828 v 1.51161 l -2.092896,0.800107 v -1.511611 z m 0,12.934608 V 38.71525 L 6.824426,39.559658 V 38.04939 Z M 8.804555,15.846433 V 17.24662 L 7.12111,17.891001 v -1.401529 z m 0,4.289162 v 1.377364 L 7.12111,22.15734 v -1.42435 z m 0,8.578323 v 1.378707 L 7.12111,30.758486 v -1.423008 z m 0,4.333463 v 1.377365 L 7.12111,35.091949 v -1.400187 z m 4.022012,-20.691346 v 1.82172 l -2.703715,1.044434 v -1.80024 z m 0,12.868828 v 1.821719 l -2.703715,1.044434 v -1.801582 z m 0,12.780225 v 1.82172 l -2.703715,1.067256 V 39.071002 Z M 12.689636,16.823745 v 1.621693 l -2.270101,0.867229 v -1.577391 z m 0,4.290504 v 1.59887 l -2.270101,0.888709 v -1.598871 z m 0,8.576981 v 1.600213 l -2.270101,0.911531 V 30.60276 Z m 0,4.1576 v 1.644515 l -2.270101,0.888709 V 34.783183 Z M 17.05129,12.241926 v 2.403005 l -3.338699,1.334406 v -2.377498 z m 0,12.894334 v 2.40032 l -3.338699,1.311584 v -2.40032 z m 0,12.757404 v 2.40032 l -3.338699,1.333063 V 39.249549 Z M 16.871401,16.71232 v 2.200294 l -2.800373,1.134379 V 17.8467 Z m 0,4.290505 v 2.17747 l -2.800373,1.134379 v -2.200293 z m 0,8.601145 v 2.200293 l -2.800373,1.111557 v -2.201635 z m 0,4.154915 v 2.200293 l -2.800373,1.111558 v -2.178814 z m 4.573763,-21.914327 v 3.134646 l -3.699822,1.510268 v -3.133303 z m 0,12.868827 v 3.133303 l -3.699822,1.48879 v -3.133304 z m 0,12.780226 v 3.133303 l -3.699822,1.488789 V 38.9824 Z M 21.266616,16.556595 v 2.623169 l -3.16418,1.26594 v -2.644648 z m 0,4.090478 v 2.644646 l -3.16418,1.244461 v -2.621825 z m 0,8.755528 v 2.666126 l -3.16418,1.222982 v -2.623168 z m 0,4.17908 v 2.644647 l -3.16418,1.267283 v -2.64599 z m 4.698613,-23.314515 v 4.28782 l -3.985766,1.645857 V 12.20031 c 1.381392,-0.783997 2.710428,-1.429721 3.985766,-1.933144 z m 0,4.734859 v 3.711905 l -3.985766,1.665993 V 16.64654 Z m 0,4.177739 v 3.756203 l -3.985766,1.665994 v -3.756204 z m 0,4.223379 v 3.711904 l -3.985766,1.665994 v -3.733383 z m 0,4.177738 v 3.823328 l -3.985766,1.688816 v -3.844807 z m 0,4.289162 v 3.733383 l -3.985766,1.710295 v -3.777684 z m 0,4.20056 v 3.99919 c -1.561282,0.592025 -2.888976,1.163913 -3.985766,1.711637 V 37.758076 Z M 46.474,10.401412 v 30.065749 c -2.541278,-1.679418 -5.713513,-2.518456 -9.516704,-2.518456 -3.150755,0 -6.672029,0.645724 -10.563823,1.938513 v -4.055573 c 2.064705,-0.79608 4.337491,-1.36931 6.819701,-1.715665 v -9.783854 c -2.095581,0.26715 -4.368367,0.994764 -6.819701,2.184184 v -2.808428 c 2.125116,-0.979996 4.397902,-1.649884 6.819701,-2.005636 V 12.11842 c -2.184184,0.433614 -4.45697,1.169283 -6.819701,2.207005 V 10.091304 C 29.85568,8.6199666 33.24942,7.8842986 36.578722,7.8842986 c 3.579001,-0.0013 6.878769,0.837695 9.895278,2.5171134 z m -4.034094,2.629881 c -1.628405,-0.832326 -3.577658,-1.248489 -5.849101,-1.248489 -0.264465,0 -0.52893,0.01477 -0.792052,0.0443 v 9.695251 l 0.879312,-0.02282 c 1.949252,0 3.870314,0.311451 5.761841,0.935695 z m 0,12.190885 c -1.745199,-0.771915 -3.679685,-1.158544 -5.8048,-1.158544 -0.264465,0 -0.542354,0.01477 -0.836353,0.0443 v 9.783854 h 0.879312 c 2.125115,0 4.047518,0.26715 5.761841,0.802791 z'/%3E%3C/svg%3E");
}

.os-macos {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMxRTM1NjEiIGQ9Ik0zMC41IDE1LjVoMnY0aC0yeiIvPjxwYXRoIGZpbGw9IiMxRTM1NjEiIGQ9Ik00Mi41IDEwLjVIMjguNTA0Yy42OS0xIDEuNDQ3LTEuOTg1IDIuMjcyLTIuOTQxbC0xLjIzNS0xLjA4QzI4LjQ5MyA3LjczNyAyNy41MDIgOS41IDI2LjU5IDEwLjVINy41djMxaDIwLjM5OWMuMzE2IDAgLjY1NiAxLjQ3MSAxIDIuMjQuNDE0LS4xODkgMS4zNDUtLjU0NSAxLjQzNi0uNjA0LS4wMjUtLjA2LS4zMS0uNjM2LS42NzQtMS42MzZINDIuNXYtMzF6bS0yNiA1aDJ2NGgtMnYtNHptLTMuMzg0IDE1LjYyOGMuMzEzLS40Ny42NTgtLjg4Ny45NDEtMS4zMSAzLjU3OCAxLjc3NSA3LjQ0MyAyLjQyMiAxMi40NDMgMi4zMjl2LS4wMDcuMDA3bC0uMDY0IDEuNTc4Yy00Ljg0OS4wNzQtOS41MjEtLjY2LTEzLjMyLTIuNTk3ek00MS41IDQwLjVIMjkuMzUxYy0uNTU5LTItMS4xODEtNC4yNTgtMS4zNjQtNi42MjcgMi40NjMtLjMwMSA2LjMwOS0xLjI3NiA4LjcxOS0yLjU4My4wNjYtLjAzNS4xMjItLjEzOC4xODMtLjE4Ny0uMjgzLS40MTctLjgxMy0uODU3LTEuMTA4LTEuMjkxLTIuNDk0IDEuMjg1LTUuMjgxIDEuOTI4LTguMjgxIDIuMjM4di0uMDAyYzAtMS41MzEuOTE0LTQuNTQ4IDEuNDY4LTUuNTQ4aC02LjMxN2MuMzU5LTUgMS45Ny0xMCA1LjE3Mi0xNUg0MS41djI5eiIvPjwvc3ZnPg==);
    background-image: url(//images.pcgamingwiki.com/0/03/Generic_Mac_OS_icon.svg)!ie
}

.os-dos {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCI+PGcgZmlsbD0iIzFFMzU2MSI+PHBhdGggZD0iTTEzLjk1MyAyMS4zMDRjLS41MDQtLjE1Ny0xLjExNi0uMjMzLTEuODMzLS4yMzNoLTEuNTQ2djcuODUyaDEuNzc3Yy4zODggMCAuNjk0LS4wMTEuOTE0LS4wMzQuMjIyLS4wMTkuNDUxLS4wNzIuNjg4LS4xNTQuMjM3LS4wODYuNDQxLS4yMDUuNjE1LS4zNTUuNzg0LS42NjMgMS4xNzUtMS44MDcgMS4xNzUtMy40MjcgMC0xLjE0MS0uMTcyLTEuOTk3LS41MTYtMi41NjQtLjM0Ni0uNTY5LS43Ny0uOTMyLTEuMjc0LTEuMDg1ek0yNy4wMTYgMjEuMzU4Yy0uNTA4LS4zMTctMS4wODktLjQ3OC0xLjc0OC0uNDc4LS40NjYgMC0uOS4wOS0xLjI5Ny4yNjYtLjM5OC4xNzYtLjczOC40MzItMS4wMjQuNzctLjI4Ny4zMzYtLjUxNC43NjctLjY4IDEuMjktLjE2Ny41MjMtLjI0OSAxLjExLS4yNDkgMS43NjQgMCAuNjU2LjA4MiAxLjI1LjI0OSAxLjc4My4xNjYuNTMxLjM5OS45NzEuNzAzIDEuMzIxLjMwMi4zNTIuNjQ5LjYxMyAxLjA0Ljc4NS4zOTQuMTc0LjgyNC4yNjIgMS4yOTIuMjYyLjYwMSAwIDEuMTUtLjE1MSAxLjY1My0uNDUxLjUwMy0uMjk4LjkwMi0uNzYzIDEuMTk4LTEuMzg4LjI5OC0uNjI2LjQ0Ny0xLjM5OC40NDctMi4zMTIgMC0uODQ4LS4xMzgtMS41ODItLjQxMS0yLjIwM3MtLjY2NS0xLjA5LTEuMTczLTEuNDA5eiIvPjxwYXRoIGQ9Ik0yNSAzLjUyNkMxMy4xNDEgMy41MjYgMy41MjYgMTMuMTQxIDMuNTI2IDI1UzEzLjE0MSA0Ni40NzQgMjUgNDYuNDc0IDQ2LjQ3NCAzNi44NTkgNDYuNDc0IDI1IDM2Ljg1OSAzLjUyNiAyNSAzLjUyNnptLTcuMDYxIDIzLjM0NWMtLjEyNC41NzMtLjMwOCAxLjA4OS0uNTYyIDEuNTUtLjI1NC40Ni0uNTc1Ljg3MS0uOTcxIDEuMjM2LS4zMTIuMjc3LS42NDkuNTAyLTEuMDE5LjY3MS0uMzY3LjE2OC0uNzY0LjI4Ni0xLjE4Ny4zNTUtLjQyNC4wNjgtLjkuMTAxLTEuNDMyLjEwMUg5LjcxNGMtLjQyNiAwLS43NDctLjA2NC0uOTYxLS4xOTItLjIxNi0uMTMtLjM1Ny0uMzEtLjQyNC0uNTQ1LS4wNjUtLjIzNS0uMDk4LS41MzktLjA5OC0uOTExdi04LjQ4M2MwLS41MDYuMTEzLS44NzEuMzM4LTEuMDk3LjIyOC0uMjI4LjU5Mi0uMzQgMS4wOTctLjM0aDMuMDU0Yy43OTUgMCAxLjQ3NS4wNzMgMi4wNDQuMjIyLjU2OC4xNDcgMS4wODMuNDIyIDEuNTQ2LjgyOCAxLjIwNiAxLjAzMiAxLjgwOCAyLjU5OSAxLjgwOCA0LjcwNS4wMDEuNjkyLS4wNTggMS4zMjctLjE3OSAxLjl6bTEyLjY3MS41NTJjLS4yNDIuNzMyLS42MDUgMS4zNjQtMS4wODkgMS45MDEtLjQ4NS41MzctMS4wNzguOTQ2LTEuNzgzIDEuMjMxLS43MDUuMjg0LTEuNTE0LjQyNi0yLjQyMy40MjYtLjkwNiAwLTEuNzE2LS4xNDYtMi40MzEtLjQzOC0uNzE1LS4yOTEtMS4zMTMtLjcwMy0xLjc5MS0xLjIzNC0uNDc5LS41MzEtLjg0MS0xLjE3Mi0xLjA4NS0xLjkxNy0uMjQ0LS43NDktLjM2Ny0xLjU1Ni0uMzY3LTIuNDIzIDAtLjg5LjEyNi0xLjcwNy4zODItMi40NDguMjU2LS43NDIuNjI1LTEuMzcyIDEuMTEtMS44OTIuNDgzLS41MjEgMS4wNzItLjkyMSAxLjc2OC0xLjE5OC42OTMtLjI3NSAxLjQ4My0uNDEzIDIuMzY2LS40MTMgMS4yIDAgMi4yMy4yNDMgMy4wOS43My44Ni40ODcgMS41MSAxLjE3OSAxLjk1MyAyLjA3NS40NDMuODk2LjY2MyAxLjk1MS42NjMgMy4xNTkuMDAxLjg5Ny0uMTE5IDEuNzA5LS4zNjMgMi40NDF6bTkuMDM2IDMuMDg1Yy0uNjkzLjMxNi0xLjUxOC40NzQtMi40NjkuNDc0LTEuMTQzIDAtMi4wODMtLjIxNi0yLjgyNC0uNjQ2LS41MjUtLjMxMS0uOTU0LS43MjQtMS4yODItMS4yNDMtLjMzMS0uNTE5LS40OTUtMS4wMjItLjQ5NS0xLjUxMiAwLS4yODMuMS0uNTI3LjI5OC0uNzI5LjE5Ny0uMjA0LjQ0Ny0uMzA2Ljc1MS0uMzA2LjI0NyAwIC40NTcuMDc4LjYyNy4yMzcuMTc0LjE1OC4zMTkuMzkyLjQzOS43MDEuMTQ3LjM3MS4zMDguNjc5LjQ3OC45MjUuMTcuMjQ4LjQxMS40NTEuNzIxLjYxMS4zMTIuMTYxLjcxOS4yNDEgMS4yMjUuMjQxLjY5NCAwIDEuMjU4LS4xNjMgMS42OTMtLjQ4NS40MzQtLjMyMy42NDktLjcyOS42NDktMS4yMTIgMC0uMzgyLS4xMTYtLjY5My0uMzUyLS45MzUtLjIzMi0uMjQtLjUzNC0uNDIyLS45MDctLjU1LS4zNjktLjEyNS0uODY2LS4yNTktMS40ODYtLjM5OS0uODMyLS4xOTctMS41MjUtLjQyNS0yLjA4Ny0uNjg1LS41NjItLjI2LTEuMDA2LS42MTUtMS4zMzQtMS4wNjYtLjMyOS0uNDQ5LS40OTMtMS4wMDctLjQ5My0xLjY3NiAwLS42MzYuMTc0LTEuMjAyLjUyLTEuNjk1LjM0OC0uNDk1Ljg1MS0uODc1IDEuNTA4LTEuMTQxczEuNDMyLS4zOTkgMi4zMi0uMzk5Yy43MTEgMCAxLjMyNC4wODggMS44NDIuMjY0LjUyLjE3Ni45NS40MTEgMS4yOS43MDQuMzQ0LjI5Mi41OTMuNTk4Ljc1MS45MTkuMTU2LjMyMS4yMzcuNjM0LjIzNy45NCAwIC4yNzctLjA5OC41MjktLjI5Ny43NTEtLjE5Ni4yMjUtLjQ0My4zMzYtLjczOS4zMzYtLjI2OCAwLS40Ny0uMDY1LS42MDktLjIwMS0uMTQtLjEzNS0uMjkxLS4zNTQtLjQ1My0uNjU5LS4yMTItLjQzNi0uNDY0LS43NzYtLjc1OS0xLjAyMi0uMjk2LS4yNDUtLjc2OC0uMzY3LTEuNDIyLS4zNjctLjYwNCAwLTEuMDkzLjEzMi0xLjQ2Mi4zOTktLjM3Mi4yNjYtLjU1OC41ODUtLjU1OC45NTkgMCAuMjMxLjA2Mi40My4xODkuNTk4LjEyOC4xNjguMzAyLjMxMy41MjEuNDM0cy40NDUuMjE2LjY3MS4yODVjLjIyOC4wNjkuNi4xNjggMS4xMTkuMy42NTQuMTUzIDEuMjQ0LjMyMSAxLjc3My41MDQuNTI3LjE4NS45NzkuNDA5IDEuMzQ4LjY3MS4zNzMuMjY0LjY2MS41OTYuODY5Ljk5OS4yMDkuNDAxLjMxMi44OTYuMzEyIDEuNDc5IDAgLjcwMS0uMTgyIDEuMzI4LS41NDEgMS44ODYtLjM2MS41Ni0uODg2Ljk5NS0xLjU4MiAxLjMxMXoiLz48L2c+PC9zdmc+);
    background-image: url(//images.pcgamingwiki.com/e/e6/Generic_DOS_icon.svg)!ie
}

.os-templeos {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB2ZXJzaW9uPSIxLjEiICAgaWQ9IkxheWVyXzEiICAgeD0iMHB4IiAgIHk9IjBweCIgICB2aWV3Qm94PSIwIDAgNTAgNTAiICAgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTAgNTAiICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGRlZnMgICAgIGlkPSJkZWZzNyIgLz48bWV0YWRhdGEgICAgIGlkPSJtZXRhZGF0YTE1Ij48cmRmOlJERj48Y2M6V29yayAgICAgICAgIHJkZjphYm91dD0iIj48ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD48ZGM6dHlwZSAgICAgICAgICAgcmRmOnJlc291cmNlPSJodHRwOi8vcHVybC5vcmcvZGMvZGNtaXR5cGUvU3RpbGxJbWFnZSIgLz48ZGM6dGl0bGU+PC9kYzp0aXRsZT48L2NjOldvcms+PC9yZGY6UkRGPjwvbWV0YWRhdGE+PHJlY3QgICAgIHk9IjMuMzcxNDU1OSIgICAgIHg9IjYuNTE1ODg0NCIgICAgIGhlaWdodD0iNDMuMDk5NjU1IiAgICAgd2lkdGg9IjM2LjI5NDQ0NSIgICAgIGlkPSJyZWN0ODI3IiAgICAgc3R5bGU9ImZpbGw6IzFlMzU2MTtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MTAuMTc0MzEzNTU7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgLz48cmVjdCAgICAgeT0iNS41ODExMSIgICAgIHg9IjguNjg5MDI1OSIgICAgIGhlaWdodD0iMzguNjUxMTc2IiAgICAgd2lkdGg9IjMxLjk4NDU5NiIgICAgIGlkPSJyZWN0ODI5IiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6OTtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiAvPjxwYXRoICAgICBpZD0icGF0aDQ1NDYiICAgICBkPSJNIDE2Ljc0MTM1MiwzNi41OTE5MzcgMTguODM4NzAzLDM3LjgyNzg3NiAzNi4wNjY5NCw3Ljk3ODA4MjEgYyAwLDAgMC4zMzcwNzQsLTAuNzExNjAxMSAwLjE0OTgxMSwtMC43ODY1MDY1IC0wLjE4NzI2MywtMC4wNzQ5MDUgLTEuMDExMjIzLDAgLTEuMjczMzkxLDAuMzM3MDc0MiBDIDM0LjY4MTE5MSw3Ljg2NTcyNDEgMTYuNzQxMzUyLDM2LjU5MTkzNyAxNi43NDEzNTIsMzYuNTkxOTM3IFoiICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojMWUzNTYxO3N0cm9rZS13aWR0aDowLjI7c3Ryb2tlLWxpbmVjYXA6YnV0dDtzdHJva2UtbGluZWpvaW46bWl0ZXI7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgLz48cGF0aCAgICAgaWQ9InBhdGg0NTU0IiAgICAgZD0ibSAxNi44OTUwNjksMzYuNTE4NjQxIDAuNDI5MTUsMC4yNzg0MzMgTCAzNS41Mjk1MSw3LjMxMTc0NjIgYyAwLDAgLTAuNDI5NDQyLDAuMTI5NDM3IC0wLjQ3NzAwNywwLjIwMTM2MzcgLTAuMDQ3NTcsMC4wNzE5MjcgLTE4LjE1NzQzNCwyOS4wMDU1MzExIC0xOC4xNTc0MzQsMjkuMDA1NTMxMSB6IiAgICAgc3R5bGU9ImZpbGw6IzFlMzU2MTtmaWxsLW9wYWNpdHk6MTtzdHJva2U6bm9uZTtzdHJva2Utd2lkdGg6MXB4O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjEiIC8+PHBhdGggICAgIGlkPSJwYXRoNDUzNCIgICAgIGQ9Im0gMTQuNjI3NjQ2LDI2LjI0MTg0IDIuODQ2NTMsLTAuMDAxNSBjIDAsMCAtMC42Mjg5NzIsMC45OTk3MzYgLTAuNzg3ODcxLDEuMTMyMTUxIC0wLjI1ODIwOSwwLjAzMzExIC0wLjgyMTA3NSwwLjA0OTc2IC0xLjAyNTgyLC0wLjAwNTEgLTAuNDQ2NDM1LC0wLjI5MTk0IC0wLjg4MTg4OCwtMC43MzE3ODggLTEuMDMyODM5LC0xLjEyNTUxMSB6IiAgICAgc3R5bGU9ImZpbGw6IzFlMzU2MTtmaWxsLW9wYWNpdHk6MTtzdHJva2U6IzFlMzU2MTtzdHJva2Utd2lkdGg6MC4zMDAwMDAwMTtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiAvPjxwYXRoICAgICBzdHlsZT0iZmlsbDojMWUzNTYxO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTojMWUzNTYxO3N0cm9rZS13aWR0aDowLjMwMDAwMDAxO3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiICAgICBkPSJtIDMxLjcxMjU4NCwyNi4xOTQwMDkgMi45NzkzNDMsLTAuMDEzMjQgYyAwLDAgLTAuNjI4OTcyLDAuOTk5NzM2IC0wLjc4Nzg3MSwxLjEzMjE1MSAtMC4yNTgyMDksMC4wMzMxMSAtMS4wOTE5OTUsMC4wMzkzOCAtMS4yOTY3NCwtMC4wMTU1IC0wLjQzNjgyNiwtMC4xOTg5NjIgLTAuODIwNzc2LC0wLjc0NTI3MiAtMC44OTQ3MzIsLTEuMTAzNDE0IHoiICAgICBpZD0icGF0aDQ1MzYiIC8+PHBhdGggICAgIGlkPSJwYXRoNDUzOCIgICAgIGQ9Im0gMTQuNjEzMDE2LDI2LjE0OTQxMiAxLjM5ODAwMywtOC4wNzUwNDEgMS41ODEzNCw4LjA2MTgxOSIgICAgIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiMxZTM1NjE7c3Ryb2tlLXdpZHRoOjAuMjtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiAvPjxwYXRoICAgICBpZD0icGF0aDQ1NDAiICAgICBkPSJtIDMxLjcxMjU4NCwyNi4xOTQwMDkgMS43MjI2OTUsLTguMTU1NjIxIDEuMjU2NjQ4LDguMTQyMzgxIiAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzFlMzU2MTtzdHJva2Utd2lkdGg6MC4yO3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiIC8+PHBhdGggICAgIGlkPSJwYXRoNDU0MiIgICAgIGQ9Im0gMTMuNzI2NDExLDQyLjc3MTYzMSBjIDAsMCAwLjQ2ODE1OCwwLjQ0OTQzMiAwLjY5Mjg3NSwwLjQ0OTQzMiAwLjIyNDcxNiwwIDMuNDgzMSwtNC41NTA1MDIgMy40ODMxLC00LjU1MDUwMiBsIC0xLjQ0MTkyOSwtMS4wMjk5NDkgYyAwLDAgLTIuNzkwMjI1LDQuOTA2MzAzIC0yLjczNDA0Niw1LjEzMTAxOSB6IiAgICAgc3R5bGU9ImZpbGw6I2ZmZmZmZjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6IzFlMzU2MTtzdHJva2Utd2lkdGg6MC40O3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiIC8+PHBhdGggICAgIGlkPSJwYXRoNDU0NCIgICAgIGQ9Im0gMTQuOTI0ODk3LDM2LjU3MzIxMSBjIDAsMCA0LjA4MjM0MywyLjYyMTY4OCA0LjE3NTk3NSwyLjY0MDQxNCAwLjA5MzYzLDAuMDE4NzMgMC41MjQzMzcsLTAuMDE4NzMgMC44MjM5NTksLTAuMjYyMTY4IDAuMjk5NjIxLC0wLjI0MzQ0MyAwLjYzNjY5NiwtMC41NjE3OTEgMC41ODA1MTcsLTAuNjc0MTQ5IC0wLjA1NjE4LC0wLjExMjM1OCAtMC42OTI4NzUsLTAuMDM3NDUgLTEuMDg2MTI4LC0wLjE4NzI2MyAtMC4zOTMyNTQsLTAuMTQ5ODExIC0zLjMzMzI5LC0xLjkyODgxNCAtMy41MzkyOCwtMi4wNDExNzIgLTAuMjA1OTg5LC0wLjExMjM1OCAtMC4yODA4OTUsLTAuNjE3OTY5IC0wLjM1NTgsLTAuNzg2NTA2IC0wLjA3NDksLTAuMTY4NTM4IC0wLjY1NTQyMiwxLjEyMzU4IC0wLjU5OTI0MywxLjMxMDg0NCB6IiAgICAgc3R5bGU9ImZpbGw6IzFlMzU2MTtzdHJva2U6IzFlMzU2MTtzdHJva2Utd2lkdGg6MC4zO3N0cm9rZS1saW5lY2FwOmJ1dHQ7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1vcGFjaXR5OjE7c3Ryb2tlLW1pdGVybGltaXQ6NDtzdHJva2UtZGFzaGFycmF5Om5vbmU7ZmlsbC1vcGFjaXR5OjEiIC8+PHBhdGggICAgIGlkPSJwYXRoNDU0OCIgICAgIGQ9Ik0gMTguNTM5MDgxLDM2LjAzMDE0NyAzNi4wMDkxNTEsNy4xOTAwODQxIiAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6IzFlMzU2MTtzdHJva2Utd2lkdGg6MC4zMDAwMDAwMTtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxIiAvPjxwYXRoICAgICBpZD0icGF0aDgzMSIgICAgIGQ9Im0gMzMuNDgyMTU0LDE4LjE1NTU3NSAtOC42MzIyOTQsLTMuMTczODQgYyAtMC4wMzk3MywtMC4yMzgzNDcgLTguOTEzNjg1LDMuMjE4NzQxIC04LjkxMzY4NSwzLjIxODc0MSB6IiAgICAgc3R5bGU9ImZpbGw6IzFlMzU2MTtzdHJva2U6IzFlMzU2MTtzdHJva2Utd2lkdGg6MC4zMDAwMDAwMTtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtbWl0ZXJsaW1pdDo0O3N0cm9rZS1kYXNoYXJyYXk6bm9uZTtzdHJva2Utb3BhY2l0eToxO2ZpbGwtb3BhY2l0eToxIiAvPjwvc3ZnPg==);
}

.os-booter {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDUwIiB2aWV3Qm94PSIwIDAgNTAgNTAiIHk9IjBweCIgeD0iMHB4IiBpZD0iTGF5ZXJfMSIgdmVyc2lvbj0iMS4xIj48bWV0YWRhdGEgaWQ9Im1ldGFkYXRhMTUiPjwvbWV0YWRhdGE+ICAgIDxwYXRoIGQ9Im0gNDMuNDA2MjksMy41MjYwMDAxIGMgMC40MzgyNCwwIDAuODM5OTcsMC4wNzc2MSAxLjIwNTE3LDAuMjMyODE4IDAuMzY1MjAxLDAuMTU1MjExIDAuNjg5MzIxLDAuMzc0MzM0IDAuOTcyMzYxLDAuNjU3MzY4IDAuMjgzMDI5LDAuMjgzMDMyIDAuNTAyMTUsMC42MDcxNTIgMC42NTczNTksMC45NzIzNTYgMC4xNTUyMSwwLjM2NTIwNCAwLjIzMjgyLDAuNzY2OTI4IDAuMjMyODIsMS4yMDUxNzIgViA0Ni40NzQgSCA5LjAwNDA2MDUgTCAzLjUyNTk5OTUsNDAuOTY4NTUgViA2LjU5MzcxNDEgYyAwLC0wLjQzODI0NCAwLjA4MjIsLTAuODM5OTY4IDAuMjQ2NTEsLTEuMjA1MTcyIDAuMTY0MzQsLTAuMzY1MjA0IDAuMzgzNDcsLTAuNjg5MzI0IDAuNjU3MzcsLTAuOTcyMzU2IDAuMjczOSwtMC4yODMwMzQgMC41OTM0NiwtMC41MDIxNTcgMC45NTg2NiwtMC42NTczNjggMC4zNjUyMSwtMC4xNTUyMTEgMC43NjY5MywtMC4yMzI4MTggMS4yMDUxNywtMC4yMzI4MTggeiBNIDEyLjcyOTE0MSwyMS45MzIyODYgSCAzNy4yNzA4NiBWIDYuNTkzNzE0MSBIIDEyLjcyOTE0MSBaIE0gMzEuMTM1NDMsMzQuMjAzMTQgSCAxNS43OTY4NjEgdiA5LjIwMzE1IGggMy4wNjc3MDkgdiAtNi4xMzU0MyBoIDMuMDY3NzIgdiA2LjEzNTQzIGggOS4yMDMxNCB6IiBpZD0icGF0aDItMyIgc3R5bGU9ImZpbGw6IzFFMzU2MTtzdHJva2Utd2lkdGg6MC4xNjU4MjIzOSI+PC9wYXRoPjwvc3ZnPg==);
    background-image: url(//images.pcgamingwiki.com/c/ce/Generic_PC_booter_icon.svg)!ie
}

.os-error {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 250 250'%3E%3Cpath d='M4 229.497h242L125 20.503z' fill='%23f89842'/%3E%3Cpath d='M136.025 196.491h-21.981V174.51h21.981zM136.025 152.459h-21.981v-44.031h21.981z' fill='%23fff'/%3E%3C/svg%3E");
}

/* Button prompts */

.input-steam {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTYuMTQ0IC02My4yOTIpIiBjb2xvcj0iIzAwMCIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiMwMDAiPjxjaXJjbGUgcj0iMTE4LjkyMTU5IiBjeT0iMTg4LjI5MjAxIiBjeD0iMTQxLjE0NDMzIiBvdmVyZmxvdz0idmlzaWJsZSIgZmlsbD0iIzVmNWY1ZiIgc3Ryb2tlLXdpZHRoPSI0LjE1NjgxMTI0Ii8+PHBhdGggZD0iTTE0MS4xNDQzMyA4Ny41OTQyMjVjLTExLjY0Nzc1IDAtMjEuMDI1MSA5LjM3NzM0OC0yMS4wMjUxIDIxLjAyNTA5NXY1OC42NDk2SDYxLjQ3MTY1M2MtMTEuNjQ3NzQ3IDAtMjEuMDI1MDk2IDkuMzc1MzUtMjEuMDI1MDk2IDIxLjAyMzA4IDAgMTEuNjQ3NzQgOS4zNzczNDkgMjEuMDI1MDkgMjEuMDI1MDk2IDIxLjAyNTA5aDU4LjY0NzU3N3Y1OC42NDk2MWMwIDExLjY0Nzc0IDkuMzc3MzUgMjEuMDIzMDcgMjEuMDI1MSAyMS4wMjMwNyAxMS42NDc3MyAwIDIxLjAyNTA5LTkuMzc1MzMgMjEuMDI1MDktMjEuMDIzMDd2LTU4LjY0OTYxSDIyMC44MTdjMTEuNjQ3NzUgMCAyMS4wMjUxLTkuMzc3MzUgMjEuMDI1MS0yMS4wMjUwOSAwLTExLjY0NzczLTkuMzc3MzUtMjEuMDIzMDgtMjEuMDI1MS0yMS4wMjMwOGgtNTguNjQ3NTh2LTU4LjY0OTZjMC0xMS42NDc3NDctOS4zNzczNi0yMS4wMjUwOTUtMjEuMDI1MDktMjEuMDI1MDk1eiIgb3ZlcmZsb3c9InZpc2libGUiIGZpbGw9IiNiOGI4YjgiIHN0cm9rZS13aWR0aD0iMi4wNjU1OTUzOSIvPjwvZz48L3N2Zz4=);
    background-image: url(//images.pcgamingwiki.com/4/42/Input_settings_icon_-_Steam_Controller.svg)!ie
}

/* A fix for extendable lists from WikiEditor displaying behind Summery text box */
div.options {
    z-index: 10;
}


/* Fixes for the four SVG icons on the header, making them all #999 */

/* Icon 1 - Watchlist - Change fill color to #999, from #A1A1A0 */
#pt-watchlist a {
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22UTF-8%22%3F%3E%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 96 96%22%3E%3Cpath fill=%22%23999%22 d=%22M48 17 57 36 78 39 63 53 66 73 48 64 30 73 33 53 18 39 39 36Z%22/%3E%3C/svg%3E");
}

/* Icon 2 - My Talk - Change fill color to #999, from #A1A1A0 */
#pt-mytalk a {
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22UTF-8%22%3F%3E%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 96 96%22%3E%3Cpath fill=%22%23999%22 d=%22m34 33 26 0 0-13-39 0 0 31-7 9 20 0zM75.1 37.1 75 67l8 9-40 0c-3.3 0-5-2.4-5-5l0-34 37 0%22/%3E%3C/svg%3E");
}

/* Icon 3 - Notification Alert - Change fill color to white, from none. White becomes #999 due to some reason */
#pt-notifications-alert .mw-echo-notifications-badge::before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22utf-8%22%3F%3E%0A%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%0A %3Cpath fill=%22white%22 d=%22M17.5 14V9c0-3-2.3-5-5.5-5S6.5 6 6.5 9v5c0 2 0 3-2 3v1h15v-1c-2 0-2-1-2-3zM12 20H9c0 1 1.6 2 3 2s3-1 3-2h-3z%22/%3E%0A%3C/svg%3E%0A");

}

/* Icon 4 - Notification Notice - Change fill color to white, from none. White becomes #999 due to some reason */
#pt-notifications-notice .mw-echo-notifications-badge::before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22utf-8%22%3F%3E%0A%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%0A %3Cpath fill=%22white%22 d=%22M3 13.35l1.8-7.2c.2-.996.81-1.8 1.8-1.8h10.8c.99 0 1.6.867 1.8 1.8l1.8 7.2v4.5c0 .99-.81 1.8-1.8 1.8H4.8c-.99 0-1.8-.81-1.8-1.8v-4.5zm6.96 1.8h4.08c-.49.557-1.212.9-2.04.9a2.68 2.68 0 0 1-2.04-.9h4.08c.414-.472.66-1.098.66-1.8h4.14l-1.44-7.2H6.6l-1.44 7.2H9.3c0 .702.246 1.328.66 1.8z%22/%3E%0A%3C/svg%3E%0A");
}

/* White becomes #999 because of the 0.65 opacity on this CSS element: "pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read" */

/* User bar fixes */
li#pt-notifications-alert {margin:7px 0px 0 6px}
li#pt-notifications-notice {margin:7px 18px 0 10px}
#pt-anoncontribs a:link, #pt-anoncontribs a:visited, #pt-anoncontribs a:active {
    color: #aaaab2 !important;
    font-size: 1.2rem;
    font-weight: 300;
    transition: color 200ms ease-in-out;
}
#pt-anoncontribs a:hover {
    color: #FFF !important;
    text-decoration: none;
}

/* Ad cookie bar */
.banner_banner--3pjXd {box-shadow:#0645ad}
.banner_banner--3pjXd .banner_content--1bZDZ .banner_message--2Rvgt .banner_consent--2qj6F a.banner_learnMore--3KMk_ {color:#0645ad}
.banner_banner--3pjXd .banner_content--1bZDZ .banner_message--2Rvgt .banner_consent--2qj6F a {border:1px solid #0645ad}
.banner_banner--3pjXd .banner_content--1bZDZ .banner_message--2Rvgt .banner_consent--2qj6F a.banner_continue--2NyXA {background:#0645ad}

/* PCGamingWiki:Discord disable tabs etc. */

.page-PCGamingWiki_Discord {}

.page-PCGamingWiki_Discord #body-content {
    padding: 0 120px;
    padding-bottom: 25px
}

@media all and (max-width:1200px) {
    .page-PCGamingWiki_Discord #body-content {
        padding: 0 40px;
        padding-bottom: 25px
    }
}

@media all and (max-width:1000px) {
    .page-PCGamingWiki_Discord #body-content {
        padding: 0 20px;
        padding-bottom: 25px
    }
}

@media all and (max-width:800px) {
    .page-PCGamingWiki_Discord #body-content {
        padding: 0;
        padding-bottom: 25px
    }
}

.page-PCGamingWiki_Discord h2 {
    border-bottom: none;
    font-weight: 600
}

.page-PCGamingWiki_Discord h2 .mw-linkhere {
    display: none
}

.page-PCGamingWiki_Discord .pcgw-logo-header {
    margin: 80px auto 50px
}

.page-PCGamingWiki_Discord .pcgw-logo-header img {
    padding: 10px
}

.page-PCGamingWiki_Discord .pcgw-logo-header > p {
    padding: 2px 0;
    font-size: 1.4rem
}

.page-PCGamingWiki_Discord .pcgw-logo-header > p:nth-of-type(2) {
    font-weight: 600;
    font-size: 1.5rem
}

@media all and (max-width:800px) {
    .page-PCGamingWiki_Discord .pcgw-logo-header > p {
        padding: 10px 0
    }
}

@media all and (max-width:800px) {
    .page-PCGamingWiki_Discord .pcgw-logo-header {
        margin: 30px auto
    }
}

.page-PCGamingWiki_Discord #site-sub,
.page-PCGamingWiki_Discord .article-header,
.page-PCGamingWiki_Discord #catlinks,
.page-PCGamingWiki_Discord #mw-head {
    display: none
}

/* Link icons */
.link-reddit {
    background-image: url(https://pcgw-static.nyc3.digitaloceanspaces.com/logos/reddit-16x16.png);
}

/* ReferenceTooltips font size fix for Overclocked skin */

body > .oo-ui-windowManager {
font-size: 1.3rem !important;
}

/* ===== FUNCTIONALITY : Adds ReferenceTooltips =========================================================================================================================
 * 
 * Adds ReferenceTooltips copied directly over from the Russian Wikipedia.
 * 
 * Information: https://www.mediawiki.org/w/index.php?title=Topic:Ueqlcc482l9yw8gv&topic_showPostId=ueqlcc6fkvg15qzj#flow-post-ueqlcc6fkvg15qzj
 * 
 * Source Code:
 *  - Javascript : https://ru.wikipedia.org/wiki/MediaWiki:Gadget-referenceTooltips.js
 *  - CSS : https://ru.wikipedia.org/wiki/MediaWiki:Gadget-referenceTooltips.css
 * 
 * 2018-09-17 - Updated + added english text (Google Translated)
 *
 */

/* See [[mw:Reference Tooltips]] */

.rt-tooltip {
	position: absolute;
	z-index: 1000;
	max-width: 350px;
	background: #fff;
	color: #222;
	font-size: 13px;
	line-height: 1.5em;
	border: 1px solid #c8ccd1;
	border-radius: 3px;
	-webkit-box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3);
	overflow-wrap: break-word;
}

.rt-tooltip.rt-tooltip-insideWindow {
	z-index: 110;
}

.rt-tooltipContent {
	padding: 9px 12px;
}

.rt-tooltip-above .rt-tooltipContent {
	margin-bottom: -8px;
	padding-bottom: 17px;
}

.rt-tooltip-below .rt-tooltipContent {
	margin-top: -10px;
	padding-top: 19px;
}

.rt-tooltipTail,
.rt-tooltipTail:after {
	position: absolute;
	width: 12px;
	height: 12px;
}

.rt-tooltipTail {
	background: #c8ccd1;
	background: -webkit-linear-gradient(bottom left, #c8ccd1 50%, rgba(0, 0, 0, 0) 50%);
	background: linear-gradient(to top right, #c8ccd1 50%, rgba(0, 0, 0, 0) 50%);
}

.rt-tooltipTail:after {
	content: "";
	background: #fff;
	bottom: 1px;
	left: 1px;
}

.rt-tooltip-above .rt-tooltipTail {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
	bottom: 0;
	left: 15px;
}

.rt-tooltip-below .rt-tooltipTail {
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	top: 0;
	left: 27px;
}

.rt-settingsLink {
	background-image: linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0D%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%0D%0A%20%20%20%20%3Cpath%20fill%3D%22%23555%22%20d%3D%22M20%2014.5v-2.9l-1.8-.3c-.1-.4-.3-.8-.6-1.4l1.1-1.5-2.1-2.1-1.5%201.1c-.5-.3-1-.5-1.4-.6L13.5%205h-2.9l-.3%201.8c-.5.1-.9.3-1.4.6L7.4%206.3%205.3%208.4l1%201.5c-.3.5-.4.9-.6%201.4l-1.7.2v2.9l1.8.3c.1.5.3.9.6%201.4l-1%201.5%202.1%202.1%201.5-1c.4.2.9.4%201.4.6l.3%201.8h3l.3-1.8c.5-.1.9-.3%201.4-.6l1.5%201.1%202.1-2.1-1.1-1.5c.3-.5.5-1%20.6-1.4l1.5-.3zM12%2016c-1.7%200-3-1.3-3-3s1.3-3%203-3%203%201.3%203%203-1.3%203-3%203z%22%2F%3E%0D%0A%3C%2Fsvg%3E);
	float: right;
	cursor: pointer;
	margin: -4px -4px 0 8px;
	height: 24px;
	width: 24px;
	border-radius: 2px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
}

.rt-settingsLink:hover {
	background-color: #eee;
}

.rt-target {
	background-color: #def;
}

.rt-enableSelect {
	font-weight: bold;
}

.rt-settingsFormSeparator {
	margin: 0.85714286em 0;
}

.rt-numberInput.rt-numberInput {
	width: 150px;
}

.rt-tooltipsForCommentsField.rt-tooltipsForCommentsField.rt-tooltipsForCommentsField {
	margin-top: 1.64285714em;
}

.rt-disabledHelp {
	border-collapse: collapse;
}

.rt-disabledHelp td {
	padding: 0;
}

.rt-disabledNote.rt-disabledNote {
	vertical-align: bottom;
	padding-left: 0.36em;
	font-weight: bold;
}

@-webkit-keyframes rt-fade-in-up {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 20px);
		-moz-transform: translate(0, 20px);
		-ms-transform: translate(0, 20px);
		transform: translate(0, 20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@-moz-keyframes rt-fade-in-up {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 20px);
		-moz-transform: translate(0, 20px);
		-ms-transform: translate(0, 20px);
		transform: translate(0, 20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes rt-fade-in-up {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 20px);
		-moz-transform: translate(0, 20px);
		-ms-transform: translate(0, 20px);
		transform: translate(0, 20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@-webkit-keyframes rt-fade-in-down {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, -20px);
		-moz-transform: translate(0, -20px);
		-ms-transform: translate(0, -20px);
		transform: translate(0, -20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@-moz-keyframes rt-fade-in-down {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, -20px);
		-moz-transform: translate(0, -20px);
		-ms-transform: translate(0, -20px);
		transform: translate(0, -20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes rt-fade-in-down {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, -20px);
		-moz-transform: translate(0, -20px);
		-ms-transform: translate(0, -20px);
		transform: translate(0, -20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@-webkit-keyframes rt-fade-out-down {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 20px);
		-moz-transform: translate(0, 20px);
		-ms-transform: translate(0, 20px);
		transform: translate(0, 20px)
	}
}

@-moz-keyframes rt-fade-out-down {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 20px);
		-moz-transform: translate(0, 20px);
		-ms-transform: translate(0, 20px);
		transform: translate(0, 20px)
	}
}

@keyframes rt-fade-out-down {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, 20px);
		-moz-transform: translate(0, 20px);
		-ms-transform: translate(0, 20px);
		transform: translate(0, 20px)
	}
}

@-webkit-keyframes rt-fade-out-up {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, -20px);
		-moz-transform: translate(0, -20px);
		-ms-transform: translate(0, -20px);
		transform: translate(0, -20px)
	}
}

@-moz-keyframes rt-fade-out-up {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, -20px);
		-moz-transform: translate(0, -20px);
		-ms-transform: translate(0, -20px);
		transform: translate(0, -20px)
	}
}

@keyframes rt-fade-out-up {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0);
		-moz-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(0, -20px);
		-moz-transform: translate(0, -20px);
		-ms-transform: translate(0, -20px);
		transform: translate(0, -20px)
	}
}

.rt-fade-in-up {
	-webkit-animation: rt-fade-in-up 0.2s ease forwards;
	-moz-animation: rt-fade-in-up 0.2s ease forwards;
	animation: rt-fade-in-up 0.2s ease forwards
}

.rt-fade-in-down {
	-webkit-animation: rt-fade-in-down 0.2s ease forwards;
	-moz-animation: rt-fade-in-down 0.2s ease forwards;
	animation: rt-fade-in-down 0.2s ease forwards
}

.rt-fade-out-down {
	-webkit-animation: rt-fade-out-down 0.2s ease forwards;
	-moz-animation: rt-fade-out-down 0.2s ease forwards;
	animation: rt-fade-out-down 0.2s ease forwards
}

.rt-fade-out-up {
	-webkit-animation: rt-fade-out-up 0.2s ease forwards;
	-moz-animation: rt-fade-out-up 0.2s ease forwards;
	animation: rt-fade-out-up 0.2s ease forwards
}

/* ===== System requirements tabs ================================================================================================================== */

.sysreqTab {
    background: #f5f5f5;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #ccc;
    cursor: pointer;
    padding: 1em 1.5em;
    transition: all .25s;
}

.selectedTab {
    background: #556DB3;
    color: white;
    border-color: #556DB3;
}

/* ===== Expand width of Engine Games list to 100% ================================================================================================================== */

#table-engine-games {
    width: 100%;
    text-align: left;
}

/* ===== Staff user colours ======================================================================================================================== */

a[title="User:Andytizer"],       a[href="/wiki/User:Andytizer"],
a[title="User:Baronsmoki"],      a[href="/wiki/User:Baronsmoki"],
a[title="User:Blackbird"],       a[href="/wiki/User:Blackbird"],
a[title="User:Dave247"],         a[href="/wiki/User:Dave247"],
a[title="User:SargeCassidy"],     a[href="/wiki/User:SargeCassidy"]
{ font-weight: bold; color: #1ABC9C }

a[title="User:Aemony"],          a[href="/wiki/User:Aemony"],
a[title="User:Garrett"],         a[href="/wiki/User:Garrett"],
a[title="User:Snuxoll"],         a[href="/wiki/User:Snuxoll"],
a[title="User:Suicide machine"], a[href="/wiki/User:Suicide machine"],
a[title="User:Vetle"],           a[href="/wiki/User:Vetle"]
{ font-weight: bold; color: #1ABC9C }

a[title="User:Cptmold"],         a[href="/wiki/User:Cptmold"],
a[title="User:Fayaine"],         a[href="/wiki/User:Fayaine"],
a[title="User:Jigen123"],        a[href="/wiki/User:Jigen123"],
a[title="User:Marioysikax"],     a[href="/wiki/User:Marioysikax"],
a[title="User:Mastan"],          a[href="/wiki/User:Mastan"],
a[title="User:MasterBlaster"],   a[href="/wiki/User:MasterBlaster"],
a[title="User:Macgovern"],       a[href="/wiki/User:Macgovern"],
a[title="User:Mirh"],            a[href="/wiki/User:Mirh"],
a[title="User:Nccvoyager"],      a[href="/wiki/User:Nccvoyager"],
a[title="User:Shadowstealer7"],  a[href="/wiki/User:Shadowstealer7"],
a[title="User:Silent"],          a[href="/wiki/User:Silent"],
a[title="User:SirYodaJedi"],     a[href="/wiki/User:SirYodaJedi"],
a[title="User:Tecc"],            a[href="/wiki/User:Tecc"]
{ font-weight: bold; color: #e67e22 }






/* Lookash changes */

#p-personal {
  display: none;
}

#p-personal-mobile ul {
  margin: 0;
}

#p-personal-mobile > li > a {
  display: block;
  color: #aaaab2;
  text-decoration: none;
  border-bottom: 1px solid #222;
  border-top: 1px solid rgba(255,255,255,.1);
  font-size: 13px;
  padding: 10px 15px;
}

#p-personal-mobile #personal-bar-flyout > div li a {
  color: #aaaab2;
  display: block;
  line-height: initial;
  border-bottom: 1px solid #222;
  border-top: 1px solid rgba(255,255,255,.1);
  font-size: 13px;
  padding: 10px 15px 10px 15px;
}

#p-personal-mobile #personal-bar-flyout {
  margin-top: 20px;
}

#p-personal-mobile #personal-bar-flyout > div > a {
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 400;
  color: #fff;
  display: block;
  padding: 10px 15px;
  line-height: initial;
  border-bottom: none;
}

#p-personal-mobile #personal-bar-flyout div a {
  background: none;
}

#p-personal-mobile #personal-bar-flyout {
  list-style: none;
}

.header-item {
  cursor: pointer;
  padding: 10px 18px;
}

/*
.page-Home .home-information-column {
  max-width: none;
}
*/

.page-Home .home-card {
  max-width: none;
}

.dropdown-menu {
  margin: 0;
  list-style: none;
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s cubic-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height .5s cubic-bezier(0, 1.05, 0, 1);
}

.dropdown-menu li:last-child {
  margin-bottom: 0;
}

.dropdown-menu a {
  border-bottom: 1px solid #222;
  border-top: 1px solid rgba(255,255,255,.1);
  font-size: 13px;
  padding: 10px 15px 10px 30px;

}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.5em;
  vertical-align: 0.155em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.display-block {
  max-height: 600px;
  transition: max-height .5s linear;
  -webkit-transition: max-height .5s linear;
}

#pcgw-header-sidebar li {
  margin: 0;
}

@media (max-width: 800px) {
  #pcgw-header-sidebar {
    box-shadow: none;
  }

  .header-item-left-container {
    padding: 0;
  }

  .header-item {
    border-bottom: 1px solid #222;
    border-top: 1px solid rgba(255, 255, 255, .1);
    font-size: 13px;
    padding: 10px 15px;
  }

  #pcgw-header-sidebar .dropdown-menu a:hover, #pcgw-header-sidebar .dropdown-menu a:active {
    background-color: #1a1a1a;
    color: white;
    text-decoration: none;
  }

  .white-text {
    color: #aaaab2;
    background-color: transparent;
  }

  .ad-header-container, .ad-footer-container {
    max-width: calc(100vw) !important;
  }

  .ad-header-container div, .ad-footer-container div {
    max-width: calc(100vw);
  }

  .ad-header-container img {
    height: auto;
    min-height: auto;
    max-height: none;
    position: static;
    min-width: 1px;
  }
}

@media (min-width: 801px) {
  .white-text {
    color: white;
    background-color: #1a1a1a;
  }

  #p-personal-mobile {
    display: none;
  }

  #pcgw-header-logo {
    display: block;
    height: 40px;
    width: 200px;
    margin: 0;
    flex-shrink: 0;
  }

  #pcgw-logo {
    margin: 0;
    width: auto;
  }

  #pcgw-header-sidebar .dropdown-menu {
    display: none;
    list-style: none;
    max-height: none;
    overflow: auto;
    transition: none;
    -webkit-transition: none;
  }

  #pcgw-logo img {
    width: auto;
    margin: 5px 5px 0 0;
  }

  #pcgw-header-sidebar {
    display: flex;
    align-items: center;
  }

  #pcgw-header-sidebar li {
    margin: 0;
  }

  .dropdown-toggle {
    margin: 0;
    display: block;
    padding: 11.5px 10px;
    cursor: pointer;
  }

  .dropdown-toggle:hover {
    color: white;
    background-color: #1a1a1a;
  }

  #pcgw-header-sidebar .dropdown-toggle:hover + .dropdown-menu,
  #pcgw-header-sidebar .dropdown-menu:hover {
    display: block;
    position: absolute;
    background: #333;
    top: 45px;
    list-style: none;
    min-width: 100px;
    margin: 0;
  }

  #pcgw-header-sidebar .dropdown-menu a {
    display: block;
    color: #aaaab2;
    padding: 7px 10px;
    font-size: 1.2rem;
    transition: color 200ms ease-in-out, background 200ms ease-in-out;
    -webkit-transition: color 200ms ease-in-out, background 200ms ease-in-out;
  }

  #pcgw-header-sidebar .dropdown-menu a:hover, #pcgw-header-sidebar .dropdown-menu a:active {
    background-color: #1a1a1a;
    color: white;
    text-decoration: none;
  }

  #pcgw-header-logo a {
    display: block;
    height: 100%;
    width: 100%;
  }

  #pcgw-header-logo img {
    width: 200px;
    height: 40px;
  }

  #pcgw-header {
    background-color: #333;
    z-index: 100;
    height: 45px;
    justify-content: center;
  }

  .header-item-left-container {
    margin: 0 5px;
    padding: 0;
    display: flex;
  }

  #header-search {
    display: block;
    margin: 0 5px;
    position: static;
  }

  #header-search input[type="search"] {
    width: 130px;
  }

  .header-item-left-container {
    margin: 0;
  }

  .header-item-left-container li span {
    padding: 14px 3px;
  }

  .pcgw-header_limit {
    max-width: 1200px;
    width: 100%;
    display: flex;
    align-items: center;
    margin: 0 5px 0 0;
  }

  #p-personal {
    position: static;
    display: block;
  }

  #p-personal #p-personal-logged-in li {
    display: inline-block;
    margin-bottom: 4px;
  }
  
  #p-personal #p-personal-logged-in a:hover {
    text-decoration: none;
  }

  #p-personal #personal-bar-flyout > div {
    position: relative;
  }

  #p-personal #personal-bar-flyout > div ul {
    position: absolute;
    background-color: white;
    left: -1px;
    right: 0;
    min-width: 150px;
    border-radius: 3px;
  }

  #p-personal-logged-in {
    margin-top: 0;
    display: flex;
    align-items: center;
  }

  #p-personal #personal-bar-flyout {
    min-width: 150px;
    margin-top: 0;
  }

  .rightside-wrap {
    display: flex;
    align-items: center;
  }
}

@media (min-width: 1024px) {
  #header-search input[type="search"] {
    width: 200px;
  }

  .header-item-left-container li span {
    padding: 14px 5px;
  }
}

@media (min-width: 1140px) {
  #p-personal li {
    display: inline-block;
  }

  #p-personal #personal-bar-flyout {
    min-width: 200px;
  }

  #header-search input[type="search"] {
    width: 250px;
  }

  .header-item-left-container {
    margin: 0 5px;
  }

  .header-item-left-container li span {
    padding: 14px 10px;
  }

  .pcgw-header_limit {
    margin: 0 10px;
  }

  #p-personal #personal-bar-flyout {
    min-width: 150px;
    margin-top: 0;
  }
}

.header-item-left-container .feedlink {
  background: none;
}

#pt-anonuserpage > a,
#pt-anontalk > a,
#pt-anoncontribs > a,
#pt-login > a,
#pt-createaccount > a {
  font-weight: 400;
}

//cancel button below this form
.cancelLink {
  margin-bottom: 0;
  padding: 0;
}

.cancelLink a {
  border: #cdcdcd 1px solid;
  padding: .5em 0.85714286em;
}

/* Table sorting arrows made white, header made blue for contrast */

table.jquery-tablesorter th.headerSort {
  background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2221%22%20height%3D%229%22%3E%3Cpath%20d%3D%22M14.5%205l-4%204-4-4zm0-1l-4-4-4%204z%22%20fill%3D%22%23fff%22/%3E%3C/svg%3E");
  background-color: #556db3;
  color: #fff;
  padding-right: 20px;
}