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

MediaWiki:Common.css

From AppleGamingWiki, the wiki about gaming on M1 Apple silicon Macs
Revision as of 12:42, 18 March 2021 by Andytizer (talk | contribs) (Responsive cards)

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */

/* AppleGamingWiki branding */
.pcgw-footer { background-color:#333 }
html, body {
background: rgb(136,63,144);
background: linear-gradient(22deg, rgba(136,63,144,1) 0%, rgba(249,2,57,1) 18%, rgba(251,65,88,1) 34%, rgba(254,189,23,1) 58%, rgba(207,236,254,1) 72%, rgba(0,212,255,1) 85%, rgba(207,236,254,1) 100%);
background-color: transparent;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
background-size: cover;
min-height: 100%;
}

.button { background: #333 }
.buttons-container { margin: 20px 0 0 0 }

/* Home temporary */

.home-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.home-column {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
}

.page-Home .mw-changeslist-legend { display: none }

.home-section-content ul { margin: 0 0 0 20px!important }

.home-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 10px 10px 50px 10px;
}

.home-section {
    border: 1px solid black;
    height: 100%;
    padding: 10px;
    margin: 10px;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 25%);
    padding: 20px 25px;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 1px;
}

.home-section-title {
    font-size: 110%;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.home-section-content {
}

.home-section-content ul { margin: 0 0 0 20px }

@media screen and (max-width: 800px) {
    .home-container { flex-direction: column }
}

/* End Home styling */

/* Add styling to have red links on non-existent pages in infobox by adding new span class called 'new' */

span.new a:visited {
    color: #a55858 !important;
}

span.new a {
    color: #ba0000 !important;
}

.template-infotable-head > th {
    background-color: #777;
    border-bottom: 2px solid #777;
}

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

/* ===== 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_Staff #site-sub, .page-PCGamingWiki_Staff .article-header, .page-PCGamingWiki_Staff #catlinks, .page-PCGamingWiki_Staff #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_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;
}

/* ===== 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;
}

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: #777;
    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.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 xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%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 xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%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;
}

.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 xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%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 */
.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("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");
}

.infobox-hltb {
    background-image: url("https://pcgw-static.nyc3.digitaloceanspaces.com/logos/hltb.svg");
    background-size:24px;
}

.infobox-igdb {
    background-image: url("https://pcgw-static.nyc3.digitaloceanspaces.com/logos/igdb.svg");
    background-size:24px;
}

.infobox-itad {
    background-image: url("https://static.pcgamingwiki.com/logos/itad.svg");
    background-size: 24px;
}

.infobox-mobygames {
    background-image: url("https://pcgw-static.nyc3.digitaloceanspaces.com/logos/mobygames.svg");
    background-size: 24px;
}

.infobox-protondb {
    background-image: url(https://pcgw-static.nyc3.digitaloceanspaces.com/logos/protondb.svg);
    background-size: 24px;
}

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

.infobox-official-site {
    background:url(https://pcgw-static.nyc3.digitaloceanspaces.com/logos/official-site.svg);
    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 #a3b0bd; /* 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://pcgw-static.nyc3.digitaloceanspaces.com/logos/AppleGamingWiki_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;
}

/* Improve alert and notice CSS styling */
#pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-notice .mw-echo-notifications-badge{
    width: 21px;
    height: 22px;
    margin: 0 1px;
}

/* 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;
}


/* ===== 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;
    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: #777;
    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;
}

@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;
  }
}



/* ===== 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,
.table-compatibility-head-method,
.table-compatibility-body-method
{
    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,
.table-compatibility-head-method,
.table-compatibility-body-method
{
    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-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-middleware,
#table-sysreqs,
#table-compatibility,
.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:799px) {
    .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:799px) {
    .page-Home div#body-content.mw-body.mw-body-with-ads, .ns-talk div#body-content.mw-body.mw-body-with-ads {
    padding-bottom: 254px;
    }
}
@media (min-width:800px) {
    .page-Home div#body-content.mw-body.mw-body-with-ads, .ns-talk div#body-content.mw-body.mw-body-with-ads {
    padding-bottom: 224px;
    }
}

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


/* Sidebar ad */
.ad-sidebar-container {
top:10px;
left:0;
width:160px;
height:600px;
margin-left:-10px;
position:sticky;
}

/* Anyclip */
#nitro-anyclip {
max-width:600px;
margin:20px auto;
clear:both;
}

/* 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-discord {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath style='fill:%237289da' d='m 81.9,83.9 c -5.7,0 -10.2,5 -10.2,11.1 0,6.1 4.6,11.1 10.2,11.1 5.7,0 10.2,-5 10.2,-11.1 0.1,-6.1 -4.5,-11.1 -10.2,-11.1 z m 36.5,0 c -5.7,0 -10.2,5 -10.2,11.1 0,6.1 4.6,11.1 10.2,11.1 5.7,0 10.2,-5 10.2,-11.1 0,-6.1 -4.5,-11.1 -10.2,-11.1 z'/%3E%3Cpath style='fill:%237289da' d='M 167,0 H 33 C 21.7,0 12.5,9.2 12.5,20.6 v 135.2 c 0,11.4 9.2,20.6 20.5,20.6 h 113.4 l -5.3,-18.5 12.8,11.9 12.1,11.2 21.5,19 V 20.6 C 187.5,9.2 178.3,0 167,0 Z m -38.6,130.6 c 0,0 -3.6,-4.3 -6.6,-8.1 13.1,-3.7 18.1,-11.9 18.1,-11.9 -4.1,2.7 -8,4.6 -11.5,5.9 -5,2.1 -9.8,3.5 -14.5,4.3 -9.6,1.8 -18.4,1.3 -25.9,-0.1 -5.7,-1.1 -10.6,-2.7 -14.7,-4.3 -2.3,-0.9 -4.8,-2 -7.3,-3.4 -0.3,-0.2 -0.6,-0.3 -0.9,-0.5 -0.2,-0.1 -0.3,-0.2 -0.4,-0.3 -1.8,-1 -2.8,-1.7 -2.8,-1.7 0,0 4.8,8 17.5,11.8 -3,3.8 -6.7,8.3 -6.7,8.3 C 50.6,129.9 42.2,115.4 42.2,115.4 42.2,83.2 56.6,57.1 56.6,57.1 71,46.3 84.7,46.6 84.7,46.6 l 1,1.2 c -18,5.2 -26.3,13.1 -26.3,13.1 0,0 2.2,-1.2 5.9,-2.9 10.7,-4.7 19.2,-6 22.7,-6.3 0.6,-0.1 1.1,-0.2 1.7,-0.2 6.1,-0.8 13,-1 20.2,-0.2 9.5,1.1 19.7,3.9 30.1,9.6 0,0 -7.9,-7.5 -24.9,-12.7 l 1.4,-1.6 c 0,0 13.7,-0.3 28.1,10.5 0,0 14.4,26.1 14.4,58.3 0,0 -8.5,14.5 -30.6,15.2 z'/%3E%3C/svg%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-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;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIg0KCSBpZD0ic3ZnMiIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiDQoJIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSItNDkgMTQxIDUxMiA1MTIiDQoJIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgLTQ5IDE0MSA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cmVjdCB4PSItMjYiIHk9IjQ1OS44IiBjbGFzcz0ic3QwIiB3aWR0aD0iMTUzIiBoZWlnaHQ9IjE1MiIvPg0KPHBhdGggaWQ9InBhdGg0IiBkPSJNLTQ5LDE0MXY1MTJoNTEyVjE0MUM0NjMsMTQxLTQ5LDE0MS00OSwxNDF6IE0yODIuNSw0NzIuNkgxMzEuM1YzMjEuNGgxNTEuM0wyODIuNSw0NzIuNkwyODIuNSw0NzIuNnoiLz4NCjxyZWN0IHg9IjEzMS4zIiB5PSIzMjEuNCIgY2xhc3M9InN0MCIgd2lkdGg9IjE1MC43IiBoZWlnaHQ9IjE1MC42Ii8+DQo8L3N2Zz4NCg==);
    background-image: url(//images.pcgamingwiki.com/1/13/Availability_Table_Icons_-_Bethesda.net.svg)!ie
}

.store-epicgames {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9Ii0yOTMgMzg0IDI1IDI1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0yOTMgMzg0IDI1IDI1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMzMzMzMyO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPGc+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTS0yOTAuOSw0MDMuMWMwLDIuNSw0LjYsMy40LDYuNiw0LjJjMiwwLjksMi4xLDAuOSwyLjEsMC45YzIuMSwwLjgsMy41LDAsMy41LDBzNC4zLTEuOCw2LjItMi42DQoJCWMyLTAuOCwyLjYtMC45LDIuNi0yLjZjMC0xLjYsMC0xNS41LDAtMTcuMmMwLTEuNC0wLjQtMS40LTMuMi0xLjRzLTEzLjcsMC0xNS4xLDBjLTEuNSwwLTIuOC0wLjItMi44LDEuNg0KCQlDLTI5MC45LDM4OC4xLTI5MC45LDQwMC42LTI5MC45LDQwMy4xeiIvPg0KCTxwb2x5Z29uIGNsYXNzPSJzdDEiIHBvaW50cz0iLTI3Ny41LDM4Ni4yIC0yODMuMiwzODYuMiAtMjgzLjIsNDAzLjIgLTI3Ny41LDQwMy4yIC0yNzcuNSw0MDEuMiAtMjgwLjksNDAxLjIgLTI4MC45LDM5NS43IA0KCQktMjc3LjYsMzk1LjcgLTI3Ny42LDM5My40IC0yODAuOSwzOTMuNCAtMjgwLjksMzg4LjIgLTI3Ny41LDM4OC4xIAkiLz4NCgk8cG9seWdvbiBjbGFzcz0ic3QxIiBwb2ludHM9Ii0yODQuMiw0MDUuNSAtMjgwLjMsNDA2LjggLTI3Ni41LDQwNS41IAkiLz4NCjwvZz4NCjwvc3ZnPg0K);
    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;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9InN2ZzM2NzEiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIiB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iLTE0MCAyMjIgMzUwIDM1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAtMTQwIDIyMiAzNTAgMzUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6I0ZGQTUwMDtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6Ny41ODI3O30uc3Qxe2ZpbGw6I0ZGRkZGRjt9PC9zdHlsZT48ZyBpZD0ibGF5ZXIxIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzI4LjUwNzc0LC00MC45MzM2MTYpIj48ZyBpZD0iZzIzODQiIHRyYW5zZm9ybT0ibWF0cml4KDEuMDg0NDc4NCwwLDAsMS4xMDkyMzgxLC0yOC4yNzc2MTEsLTM3LjA0MjI2MykiPjxwYXRoIGlkPSJyZWN0MjI0NSIgY2xhc3M9InN0MCIgZD0iTTI2NC45LDI4Ny43aDE5Mi44YzMxLjIsMCw1Ni41LDIzLjIsNTYuNSw1MS45djE3Ny4yYzAsMjguNy0yNS4zLDUxLjktNTYuNSw1MS45SDI2NC45Yy0zMS4yLDAtNTYuNS0yMy4yLTU2LjUtNTEuOVYzMzkuNkMyMDguMywzMTAuOSwyMzMuNiwyODcuNywyNjQuOSwyODcuN3oiLz48cGF0aCBpZD0icGF0aDE4IiBkPSJNMzE2LjMsMzM1LjNsNTguMSwwLjFjMTIuMS0wLjEsMjEuMiwxLjgsMjcuMiw1LjdjNy4zLDQuOCwxMSwxMi45LDExLDI0LjVjMCwxOS4xLTkuMSwyOS45LTI3LjIsMzIuNXYwLjNjOCwxLjksMTIsOC40LDEyLjEsMTkuNGMwLDUuNi0wLjIsMTIuOC0wLjYsMjEuNmMwLDUuOSwxLjMsMTEsMy44LDE1LjNoLTMxLjhjLTEuNS0xLjYtMi4yLTQuOC0yLjItOS42YzAuNi04LjEsMC45LTE0LjcsMC45LTE5LjljMC0xMC41LTUuMS0xNS43LTE1LjQtMTUuN2gtMjAuNmwtOSw0Mi40aC0zMUwzMTYuMywzMzUuM0wzMTYuMywzMzUuM3ogTTM2NS40LDM1OS42aC0yMi44bC01LjksMjguMWgyNC43YzEzLjgsMCwyMC43LTUuMywyMC44LTE2QzM4Mi4yLDM2My42LDM3Ni42LDM1OS42LDM2NS40LDM1OS42TDM2NS40LDM1OS42eiIvPjxwYXRoIGlkPSJwYXRoMjAiIGQ9Ik00MDQuOSw0NTQuNmwyMy0zOC45bDYuMiwzOS4yaDM5LjJsLTM1LjQsMjQuOGw1LjcsMzguOWwtMzAuNi0yMy41bC00MS4yLDI0LjRsMTkuMy00MS40bC0yMi40LTIzLjZMNDA0LjksNDU0LjZMNDA0LjksNDU0LjZ6Ii8+PHBhdGggaWQ9InBhdGgzNjU5IiBjbGFzcz0ic3QxIiBkPSJNNDMxLjcsNDc2LjlsMjMuNS0xNi40aC0yNmwtNC41LTI4LjRsLTE2LjUsMjguMWgtMjYuMmwxNiwxNi44bC0xMy4yLDI4LjFsMjguNi0xNi45bDIyLjYsMTcuM0w0MzEuNyw0NzYuOUw0MzEuNyw0NzYuOXoiLz48L2c+PC9nPjwvc3ZnPg==);
    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-activation {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyODggMjg4Ij48ZyBmaWxsPSIjYjAzZDI1Ij48cGF0aCBkPSJNMTQ0IDE0LjVDNzIuNTk0IDE0LjUgMTQuNSA3Mi41OTQgMTQuNSAxNDRTNzIuNTk0IDI3My41IDE0NCAyNzMuNSAyNzMuNSAyMTUuNDA2IDI3My41IDE0NCAyMTUuNDA2IDE0LjUgMTQ0IDE0LjV6bTAgMjQyLjk3Yy02Mi41NjcgMC0xMTMuNDctNTAuOTAzLTExMy40Ny0xMTMuNDdTODEuNDMzIDMwLjUzIDE0NCAzMC41MyAyNTcuNDcgODEuNDMzIDI1Ny40NyAxNDQgMjA2LjU2NyAyNTcuNDcgMTQ0IDI1Ny40N3oiLz48cGF0aCBkPSJNMTQ2LjA3IDE4OS4wNDNjLS45My0uMTY3LTEuODc1LS4zMDQtMi4wOTctLjMwNC0xLjMyIDAtNC4wMTYuNzI0LTUuNDEzIDEuNDYtMy4zIDEuNzI3LTUuODY1IDUuNDA3LTYuNDM2IDkuMjMtLjIgMS4zMjQuMDggNC4wNDUuNTA3IDQuOTNsLjgzOCAxLjczNmMuNjU2IDEuMzU4IDMuMTY2IDMuOTkgNC40NzMgNC42OTIuNDMuMjMgMS40NS43MSAyLjI2MyAxLjA2NCAxLjMwNS41NjcgMS44LjYzMiA0LjE3NC41NDcgMi40NjgtLjA4OCAyLjg1LS4xNzcgNC41ODctMS4wNyAyLjI1OC0xLjE2IDQuNTkyLTMuMzcyIDUuNDg0LTUuMTk2LjM1NS0uNzI2Ljc0NS0xLjUyNC44NjYtMS43NzUuMTItLjI0OC4zMzItMS4xNTguNDY2LTIuMDIuOTI2LTUuOTEyLTMuNjc1LTEyLjIxMy05LjcxLTEzLjI5N3pNMTgyLjIxIDE2Ny44MjRjMC0uNTQ0LTcuMDczLTcuMDEtOS40NDgtOC42NC0yLjQzLTEuNjY2LTkuNDgzLTUuMzg3LTEwLjI0Ny01LjQwNi0uMjAyLS4wMDMtLjg1Mi0uMjQtMS40NDMtLjUyOC0uNTk0LS4yODYtMS4yNzUtLjUyNC0xLjUxOC0uNTI4LS4yNDItLjAwNi0uNzg3LS4xOS0xLjIxMi0uNDEtLjQyNC0uMjIzLTEuMDM2LS40MDQtMS4zNi0uNDA0LS4zMjQtLjAwMi0uNjU4LS4xMTItLjc0Mi0uMjQ4LS4wODQtLjEzNy0uNjY3LS4zMjUtMS4yOTUtLjQyLS42MjgtLjA5Ny0xLjk5LS4zNDgtMy4wMjgtLjU2LTQuMzUyLS44OTctMTEuNTMzLS44OTctMTUuODg2IDAtMS4wMzUuMjEyLTIuMzk4LjQ2My0zLjAyNy41Ni0uNjI4LjA5NS0xLjIxLjI4My0xLjI5NC40Mi0uMDg1LjEzNi0uMzg3LjI0Ni0uNjc0LjI0Ni0uNTYgMC0zLjcxNCAxLjAyLTQuMTYgMS4zNDQtLjE0Ny4xMS0uNjMuMjgzLTEuMDc3LjM4Ni0xLjUyOC4zNi03LjU0MyAzLjQ5LTEwLjM2NCA1LjM4Ny0yLjgxOCAxLjktOS4wNDUgNy42MS05LjgzIDkuMDE2LTEuMyAyLjMzLTEuNTI3IDMuMDY4LTEuNTU1IDUuMDktLjAyMiAxLjY1Ni4wODggMi4yOC41NiAzLjE0LjMyNS41OS41OSAxLjIwMi41OSAxLjM1OCAwIC41NTUgMy4xOTYgMy41NjMgNC40MSA0LjE1LjY4LjMzIDIuMDU1LjY4IDMuMDU3Ljc4MiAzLjU2OC4zNTggNS40MjItLjUyIDkuNzE1LTQuNiAxLjY3NC0xLjU5NSAzLjE2Ny0yLjkgMy4zMTYtMi45LjE1IDAgLjY1Ny0uMjkgMS4xMjgtLjY0NiAyLjU1LTEuOTIzIDcuMjUtMy43MiAxMS43NjItNC40OTggMi42OC0uNDYzIDcuOTYtLjQ2NSAxMC42MzYtLjAwMiAyLjI2LjM5IDYuMjEzIDEuNDQgNy4wNDcgMS44Ny4yNzMuMTQuOTc4LjQ4IDEuNTY4Ljc1My41OTQuMjcgMS44ODIgMS4wMSAyLjg2MyAxLjY0Ni45ODMuNjMgMS44OTcgMS4xNDggMi4wMjggMS4xNDguMTMgMCAxLjI2NyAxLjA0IDIuNTIgMi4zMDggMy44MDggMy44NDUgNS41NDMgNC44NTggOC43MzIgNS4wODggMi43NDguMiA2LjU4Mi0xLjc3IDguMDg1LTQuMTUzLjM2My0uNTcyLjc3Mi0xLjExMi45MDgtMS4xOTcuMTQtLjA4Ni40NTMtLjk4LjctMS45ODQuNTU4LTIuMjc2LjI1My00LjcyLS43ODUtNi4yOS0uMzczLS41NjgtLjY4LTEuMTQtLjY4LTEuMjc4eiIvPjxwYXRoIGQ9Ik0yMDYuNDQyIDEzOS4wODJjMC0uMzA2LTEuMTMyLTEuNDUtMS40MzUtMS40NS0uMTQ1IDAtMS40MjctMS4xMy0yLjg1LTIuNTEtMS40MjQtMS4zOC0yLjk0OC0yLjczOC0zLjM5Mi0zLjAyLS40NDItLjI4LTEuOTc0LTEuMzktMy40MDMtMi40Ni0xLjQyNy0xLjA3Mi0zLjE5OC0yLjI4Ny0zLjkzMy0yLjctLjczNS0uNDE0LTIuNDc1LTEuNDM2LTMuODY2LTIuMjctMi4yNzctMS4zNjctNC41NS0yLjUxLTcuMjQtMy42NDYtLjUyLS4yMi0xLjY0My0uNzUzLTIuNDk3LTEuMTg1LS44NTMtLjQzNC0xLjcyMi0uNzg3LTEuOTMtLjc4Ny0uMjA4IDAtLjcyLS4xNzUtMS4xNC0uMzg4LTEuMzUzLS42ODYtMy41NDItMS40OTctNC4wNDMtMS41LS4yNyAwLS44LS4xNjMtMS4xOC0uMzYtLjM3OC0uMTk4LTEuMi0uNDQtMS44My0uNTQyLS42MjUtLjEtMS4zNDUtLjI5LTEuNTk4LS40Mi0xLjQ5My0uNzc0LTcuODU0LTIuMDI0LTkuOTQtMS45NTItLjQ3Ny4wMTgtLjkzLS4wNzctMS4wMS0uMjA3LS41MjQtLjg0OC0yMS4zNzYtLjgyLTIyLjQxLjAzLS4xNzcuMTQ0LS41NC4yMzMtLjgxLjE5Ny0xLjUxMi0uMi04LjYwNCAxLjE0Ni0xMC4wOCAxLjkxNS0uMjQuMTI1LS45MDYuMzEtMS40OC40MDctMS4wMy4xNzYtNC41NzQgMS4yNTYtNS42MiAxLjcxMy0uMjk3LjEyOC0xLjA4Ni40NDItMS43NS42OTUtMi4xMjcuODEtMy45MzggMS42MS0xMC4wMTYgNC40MzYtLjY5NS4zMjItMS41Ni44MTgtMS45MiAxLjEwNC0uMzYyLjI4My0uOTQ0LjY0Mi0xLjI5NS43OTQtLjM1LjE1NC0uOTYuNDktMS4zNTUuNzQ3LS4zOTMuMjU4LTEuMjk1LjgyLTIuMDAzIDEuMjUtNi4wNjYgMy42ODYtMTUuOTk0IDEyLjMxLTE1Ljk5NCAxMy44OTMgMCAuMTc2LS4yNy43LS42IDEuMTYzLS44MjUgMS4xNTYtMS4wMTMgNC4xOC0uMzUgNS41NTMgMS4zOSAyLjg2IDEuNzA1IDMuMzg3IDIuNjA1IDQuMzIzIDEuMDMgMS4wNjcgMy40MTggMi40MiA0LjI3NCAyLjQyLjI3NSAwIC41ODUuMTQuNjg4LjMwNi4xMjIuMTk1LjgxNS4yNTcgMS45OTQuMTczIDIuNDI4LS4xNzQgNC40OS0xLjE4IDYuOTgtMy40MDcgNC41MjYtNC4wNCA5LjI1NS03Ljc0NCAxMS4wODItOC42NzQuNjU4LS4zMzUgMS42Mi0uOTIgMi4xMzgtMS4zMDIgMS4wMzItLjc1NyAxLjQxOC0uOTU2IDUuODEtMi45NjIgMS42NDMtLjc1IDMuMTI4LTEuMzY1IDMuMzAyLTEuMzY1LjE3NCAwIC41MjgtLjExLjc4Ni0uMjQ1LjI1Ny0uMTM3IDEuMTMzLS41MDcgMS45NDgtLjgyMy44MTUtLjMxNiAxLjcyNC0uNjczIDIuMDItLjc5LjI5Ni0uMTIgMS42OS0uNDgzIDMuMDk3LS44MSAxLjQwNi0uMzI1IDMuMjg1LS43NiA0LjE3My0uOTY4IDMuNDE3LS43OTQgNi44NDctMS4wNjMgMTMuNTk4LTEuMDYzIDYuNjE2IDAgMTEuMTEuMzcgMTQuMDAyIDEuMTQ2LjUxOC4xNCAyLjE1My41MjcgMy42MzUuODYzIDIuNzg1LjYzIDIuOTI4LjY3NiA1LjAzMyAxLjU5OC42OTUuMzA3IDEuNDQ2LjU1NCAxLjY2OC41NTQuMjIgMCAuNDcuMTA3LjU1LjI0LjA4Mi4xMzIuNDgzLjMyLjg5LjQyNC40MS4xIDEuNjUyLjYxIDIuNzY2IDEuMTMgMS4xMS41MjMgMi4zMiAxLjA3NSAyLjY5IDEuMjMgMS4zMTguNTQ3IDIuODQyIDEuMzcyIDMuNjg2IDEuOTk3LjQ3LjM1IDEuMTQuNzU2IDEuNDgyLjkwMy45MjIuMzk3IDMuNTEgMi4xNDggMy45OSAyLjcuMDczLjA4NC41Ni40NDUgMS4wNzYuODA0IDEuMTA1Ljc2IDMuMjkgMi42MTIgNi4yIDUuMjUzIDIuMjY3IDIuMDUzIDQuMDE1IDMuMDY4IDUuNjcyIDMuMjkuNTg2LjA3OCAxLjEzNy4yNTggMS4yMjQuNC4xODIuMjkzIDEuOTg0LjAyNyAyLjM3Mi0uMzUyLjE0Mi0uMTM2LjQ2OC0uMjUuNzI3LS4yNSAxLjI1OCAwIDQuODg4LTIuNjEgNS41My0zLjk3NC4xOS0uNDA2LjQ1NC0uOTIuNTktMS4xNC43Ni0xLjI2NC45NzgtMi4xNi45NzgtNC4wMTUgMC0yLjE1Ni0uNC0zLjM4Mi0xLjY1LTUuMDU3LS4zNDYtLjQ2OC0uNjM2LS45NDUtLjYzNi0xLjA1NnoiLz48cGF0aCBkPSJNMjMyLjUzNCAxMTMuNTYyYy0uMjgyLS40Ni0uNjktMS4yMTQtLjkwNS0xLjY3Ni0uMjE1LS40NjItMS40NTYtMS44MTUtMi43Ni0zLjAwNy0yLjc1LTIuNTItOS41NjYtOC4wNi0xMS41MjItOS4zNjctLjc0LS40OTUtMS45NS0xLjMzMy0yLjY5Mi0xLjg2LS43NC0uNTI4LTEuOTk1LTEuMzUtMi43OS0xLjgzLS43OTMtLjQ3OC0xLjc2Mi0xLjA4LTIuMTU0LTEuMzM4LS4zOS0uMjU3LS44OTMtLjU0OC0xLjExNS0uNjQ3LS4yMjItLjA5OC0uNTg1LS4zMzMtLjgwOC0uNTItLjIyMy0uMTktMS4wMS0uNjYzLTEuNzUyLTEuMDU3LS43NC0uMzkzLTIuMDctMS4xMjQtMi45Ni0xLjYyNi0yLjUtMS40MTItNS40MjYtMi44MTctNS44NjYtMi44MTctLjIyIDAtLjU0Ny0uMTgzLS43MzMtLjQwNC0uMTg1LS4yMjMtLjQ3Mi0uNDA0LS42NC0uNDA0LS4xNjYtLjAwMi0xLjE0NS0uNDI3LTIuMTcyLS45NDQtMS4wMjgtLjUxOC0yLjAzLS45NC0yLjIyNS0uOTQtLjE5NiAwLS41NjYtLjExNC0uODI0LS4yNTMtLjk4LS41My0yLjMxMy0xLjA5NS0yLjU5Ny0xLjEwMy0uMTYyLS4wMDYtLjc3OC0uMjQzLTEuMzctLjUzLS41OTQtLjI4Ni0xLjI2Ni0uNTI0LTEuNDk1LS41My0uMjMtLjAwNC0uNTMzLS4xMS0uNjc0LS4yMzgtLjIyNi0uMjA0LTIuNjgzLTEtNi4zMTUtMi4wNS0uNjY3LS4xOTQtMS45NC0uNS0yLjgyNy0uNjgtLjg5LS4xOC0xLjkyLS40MzItMi4yODgtLjU2LS4zNy0uMTI1LTEuMTYtLjMwNC0xLjc1Mi0uMzk2LS41OS0uMDkzLTEuNDg3LS4yOTUtMS45OS0uNDQ4LS44OTItLjI3NC0zLjkxNi0uNzg4LTcuNzAyLTEuMzEtMS4wMzYtLjE0Mi0yLjU5Ny0uMzg1LTMuNDY3LS41NC0yLjU3NC0uNDYyLTkuNDE4LS45MTItMTMuOS0uOTE3LTQuNDctLjAwNC0xMi4xMTUuNDg0LTE0LjU0LjkzLS44MTUuMTUtMi4zOS4zOTYtMy41LjU1LTMuNTc2LjQ5Mi0xMC4yNjMgMS43NDgtMTEuMzEgMi4xMjItLjM3LjEzNC0xLjQuMzg0LTIuMjkuNTU4LS44OS4xNzQtMi4xNi40OC0yLjgyNy42OC00LjY4NSAxLjQtNi4wOSAxLjg2LTYuMzE0IDIuMDYzLS4xNC4xMjctLjQ0My4yMy0uNjczLjIzMi0uMjMgMC0uNzY3LjE4Mi0xLjE5LjQwMy0uNDI0LjIyLS44OS40LTEuMDM4LjQtLjI4OCAwLTEuNzgzLjYxNi0yLjk5MiAxLjIzLS40Mi4yMTMtLjkxMi4zODgtMS4wOTMuMzg4LS4xODIgMC0xLjE3LjQyNC0yLjIuOTQtMS4wMjguNTE4LTEuOTguOTQzLTIuMTE2Ljk0NC0uMTM2IDAtLjQ0LjE1Ni0uNjczLjM1LS4yMzMuMTktMS4wOS41NzMtMS45MDUuODQ3LS44MTUuMjc1LTEuNjQ2LjYyOC0xLjg0Ny43ODUtLjQ1LjM1NC0xLjM4NS45MDItMS45MjMgMS4xMy0uMjIzLjA5NS0uNTI0LjIyMy0uNjczLjI4NS0uMTUuMDY0LS43NTUuNDAyLTEuMzQ4Ljc1NS0uNTkzLjM1My0xLjYyMi45MTgtMi4yOSAxLjI1Ni0uNjY2LjM0LTEuNTE0LjgyLTEuODg0IDEuMDctMi41NjUgMS43MjYtNC4wNTYgMi42NzctNC4yIDIuNjc3LS4wOSAwLS42MDcuMzM0LTEuMTQ3Ljc0LS41NC40MDgtMS4xODQuODYyLTEuNDMgMS4wMS0yLjYzNCAxLjU4NC03LjA4IDUuMDktMTIuODA4IDEwLjEwMi0yLjc3NiAyLjQzLTMuMzU4IDMuMTQzLTQuOTMgNi4wNDctLjcxNCAxLjMxOC0uODM0IDUuMTQ3LS4xOSA2LjE0LjIxMi4zMy40NjguOTI4LjU2NiAxLjMzLjQzNyAxLjc3IDMuNzk2IDQuMzEgNy4xNzYgNS40Mi43Mi4yMzcgMS40NzMuMTg0IDMtLjIxMyAyLjgxLS43MzIgMy44ODgtMS41MDcgMTEuMDAyLTcuOTE2Ljk2LS44NjcgMi4wNTItMS43MzQgMi40MjItMS45MjguMzctLjE5MyAxLjMzNC0uOTQgMi4xNC0xLjY1NS44MDgtLjcxNiAxLjU3Ni0xLjMwMyAxLjcwOC0xLjMwMy4xMzMgMCAuOTI2LS40NjggMS43NjQtMS4wNCAyLjgzOC0xLjkzNyA1LjI4Ny0zLjQ2NiA3LjEwOC00LjQ0MiAxLS41MzQgMi4yOTgtMS4yNzYgMi44OS0xLjY1LjU5NS0uMzczIDEuMjktLjcyIDEuNTUzLS43Ny40NS0uMDg1IDIuMTM4LS44NCA1Ljg4Mi0yLjYyNi45LS40MzIgMS43OS0uNzgzIDEuOTc4LS43ODMuMTg3IDAgLjY2Mi0uMTY4IDEuMDU2LS4zNzQuMzk0LS4yMDcgMS4yNi0uNTg0IDEuOTI2LS44NC42NjctLjI1NiAxLjQ1NC0uNTYyIDEuNzUtLjY4LjI5Ni0uMTE1IDEuNjMtLjUyNyAyLjk2NC0uOTE1bDMuNzctMS4wOTdjNC40Ni0xLjMwMiA3LjgyLTEuOTY1IDEyLjI1LTIuNDE3Ljk2LS4xIDEuOTkyLS4yODIgMi4yOS0uNDA3IDEuMTc0LS41IDEzLjcyNC0uODE4IDIwLjUzLS41MiAzLjY2Ni4xNiA2LjkwNy4zOTMgNy4yMDIuNTIuMjk4LjEyNCAxLjMyOC4yOSAyLjI5LjM2NiA0LjE2OC4zMzIgMTIuNTIzIDIuMzMgMTguODQ4IDQuNTA2IDEuMTUzLjM5NyAxLjY1LjU5MiAzLjMzMyAxLjMwMy43Mi4zMDggMS40NDguNTU3IDEuNjE0LjU1Ni4xNjUgMCAxLjE1LjQxMiAyLjE4Ni45MTcgMS4wNC41MDQgMi4zNyAxLjEyIDIuOTYzIDEuMzcgMS44MzguNzcyIDQuNDggMi4xMDggNi41MzIgMy4zMDIgMS4wODIuNjMgMi4wMyAxLjE0NCAyLjEwNCAxLjE0NC4wNzQgMCAuNDY1LjIyMy44NjYuNDk2IDIuNzQ4IDEuODcyIDYuMTc2IDQuMDggNi4zMzQgNC4wOC4xMDQgMCAxLjA4Ny43MjggMi4xODMgMS42MTYgMS4wOTYuODg3IDIuMDg1IDEuNjE2IDIuMTk3IDEuNjE2LjExMyAwIDEuMDIyLjc1NyAyLjAyNCAxLjY4MyAyLjU1MyAyLjM2MyA2LjE5NiA1LjQ5IDcuNDIgNi4zNzUuNTcuNDEgMS45MSAxLjAyNyAyLjk4NCAxLjM3MiAxLjc1NC41NjUgMi4wODYuNTk2IDMuMzYuMzAyIDMuMDU0LS43MDUgNS4yNTQtMi4xMDMgNi42My00LjIxMyAxLjEzMi0xLjczMiAxLjMzLTIuMTg1IDEuNjYtMy43Ni4zNi0xLjczMi4wMDgtMy45OS0uODM0LTUuMzY1eiIvPjwvZz48L3N2Zz4=);
    background-image: url(//images.pcgamingwiki.com/f/fc/DRM_Online_Activation_icon.svg)!ie
}

.drm-drmfree-asterisk {
	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 {
	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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNSAyNSIgIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIGZpbGw9IiMzMzMiIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PHBhdGggZD0iTTI0LjIwMiAxLjk3NGMuMzY0IDAgLjc5OC40MzQuNzk4Ljc5OXYxNS42MzZjMCAuMzY0LS40MzQuNzk5LS43OTguNzk5SDE0LjA1M2wuNDY1IDIuMTUyYy4xNTcuNzE1LjgxNiAxLjE4NyAxLjUyNiAxLjE0MWwuMDM2LjAwM2EuMTguMTggMCAwIDEgLjE4MS4xODFjMCAuMDgtLjA1NC4xNDUtLjEyNy4xNjhsLS4wMjMuMDExSDguODY4di0uMDAzYy0uMDk0LS4wMzEtLjE0OS0uMDk2LS4xNDktLjE3NmEuMTguMTggMCAwIDEgLjE4MS0uMTgxbC4wMzYtLjAwM2MuNzExLjA0NiAxLjM2Ny0uNDI2IDEuNTI1LTEuMTQxbC40NjQtMi4xNTJILjc5OGMtLjM2NCAwLS43OTgtLjQzNS0uNzk4LS43OTlMLjAwOSAyLjc3M2MwLS4zNjUuNDAzLS43OTkuNzY4LS43OTloMjMuNDI1ek0xMi45ODMgMTguMDczYy4wMTUtLjAzLjAyOC0uMDY0LjAzOS0uMDk3LS4wNTUtLjAyNC0uMDk5LS4wNjItLjEzLS4xMXMtLjA0NS0uMTAzLS4wNDUtLjE2Mi4wMTEtLjEwNC4wMzItLjE0NS4wNTktLjA3OC4xMDgtLjEwN2MtLjAyNy0uMDQyLS4wNjQtLjA3NC0uMTA5LS4wOThzLS4wOTUtLjAzNi0uMTQ2LS4wMzZjLS4wMTkgMC0uMDM3LjAwMi0uMDU2LjAwNWwtLjA3Mi4wMjMtLjA3Mi4wMjVjLS4wMTYuMDA2LS4wMjcuMDEtLjAzMy4wMWEuMjkuMjkgMCAwIDEtLjA5NS0uMDMxLjM0LjM0IDAgMCAwLS4xMjItLjAyOGMtLjA0NSAwLS4wODguMDA5LS4xMjguMDI4cy0uMDc1LjA0OS0uMTAyLjA4NC0uMDU0LjA3OC0uMDcuMTI2LS4wMjYuMTA1LS4wMjUuMTU5YS42My42MyAwIDAgMCAuMDExLjExNGMuMDA2LjAzOS4wMTUuMDc4LjAyNi4xMTZzLjAyOC4wNzYuMDQ0LjExNGEuNTYuNTYgMCAwIDAgLjA1Ni4wOTcuNjkuNjkgMCAwIDAgLjA2LjA4MmMuMDE5LjAyMS4wMzUuMDQuMDUxLjA1MnMuMDMyLjAyMy4wNDcuMDI4LjAyOS4wMDguMDQ1LjAwOC4wMjctLjAwMy4wNDQtLjAwOGwuMDU2LS4wMTkuMDYyLS4wMThhLjIuMiAwIDAgMSAuMDU3LS4wMDguMjYuMjYgMCAwIDEgLjA1My4wMDZsLjA1OS4wMTkuMDU2LjAxOWMuMDE5LjAwNS4wMzQuMDA2LjA0Ny4wMDYuMDIgMCAuMDQtLjAwMi4wNTktLjAxM3MuMDM3LS4wMjMuMDU0LS4wMzdsLjA0LS4wNDUuMDUtLjA3MmMuMDE4LS4wMjguMDM1LS4wNTcuMDQ5LS4wODd6bS0uNDk2LS43OTRjLjAwMS4wMjQuMDA4LjAyNi4wMi4wMjYuMDMgMCAuMDYtLjAwNy4wODktLjAyM3MuMDU1LS4wMzguMDc5LS4wNjQuMDQxLS4wNTguMDU1LS4wOTEuMDIxLS4wNy4wMjEtLjEwM3YtLjAxNWMtLjAzNi0uMDExLS4wNy0uMDAxLS4xMDIuMDE1YS40MS40MSAwIDAgMC0uMDg0LjA2NWMtLjAyNC4wMjgtLjA0Mi4wNTktLjA1Ny4wOTFzLS4wMjEuMDY2LS4wMjEuMDk5ek0xLjAyMSAxNi4wNzVoMjIuOTM3VjMuMDE4SDEuMDIxdjEzLjA1N3oiLz48cGF0aCBkPSJNLjk4IDMuMDIySDI0djE2LjA0NEguOTh6IiBmaWxsLW9wYWNpdHk9Ii4zNSIvPjwvc3ZnPg==);
    background-image: url(//images.pcgamingwiki.com/0/03/Generic_Mac_OS_icon.svg)!ie
	background-position: center;
}

.os-ios {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAxOSIgIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIGZpbGw9IiMzMzMiIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PHBhdGggZD0iTTEyLjU3NiAxOC43NUg2LjE3NGMtLjc1MiAwLTEuMzcyLS42MTUtMS4zNzItMS4zNjZWMS4zNjZDNC44MDQuNjE3IDUuNDE5LjAwMiA2LjE2OCAwaDYuNDE0Yy43NDkuMDAyIDEuMzY0LjYxNyAxLjM2NiAxLjM2NnYxNi4wMThjMCAuNzUxLS42MiAxLjM2Ni0xLjM3MiAxLjM2NnpNMTEuMTkzIDEuMzcySDcuNTU3Yy0uMDE2LjAwMi0uMDMzLjAwMy0uMDUuMDAzYS40Mi40MiAwIDAgMS0uNDE4LS4zODNjLS4wMDUtLjAyNi4wMDEtLjM1OSAwLS4zNy0uMDE0LS4xMTQtLjEzNC0uMTU1LS4yMDEtLjE2NWgtLjgwNWMtLjQ1MyAwLS44MjQuMzcxLS44MjQuODI0djE2LjE4OGMwIC40NTMuMzcxLjgyNC44MjQuODI0aDYuNTg0Yy40NTMgMCAuODI0LS4zNzEuODI0LS44MjRWMS4yODFjMC0uNDUzLS4zNzEtLjgyNC0uODI0LS44MjRoLS44MDVjLS4wNjYuMDEtLjE4Ny4wNTEtLjIuMTY1LS4wMDIuMDExLjAwNC4zNDQgMCAuMzdhLjQyLjQyIDAgMCAxLS40MTguMzgzYy0uMDE3IDAtLjAzNC0uMDAxLS4wNTEtLjAwM3pNOC41ODguNzYydi4wMTNjMCAuMDE5LjAwMy4wODQuMDg2LjA4NGgxLjI1NWMuMDgzIDAgLjA4Ni0uMDY1LjA4Ni0uMDg0Vi43NjJjMC0uMDE5LS4wMDMtLjA4NC0uMDg2LS4wODRIOC42NzRjLS4wODMgMC0uMDg2LjA2NS0uMDg2LjA4NHptMS45NzYtLjE2N2MtLjA5NiAwLS4xNzQuMDc4LS4xNzQuMTc0cy4wNzguMTc0LjE3NC4xNzQuMTc0LS4wNzguMTc0LS4xNzQtLjA3OC0uMTc0LS4xNzQtLjE3NHoiLz48cGF0aCBkPSJNNi44ODguNDU3aDUuNzc5Yy40NTMgMCAuODI0LjM3MS44MjQuODI0djE2LjE4OGMwIC40NTMtLjM3MS44MjQtLjgyNC44MjRINi4wODNjLS40NTMgMC0uODI0LS4zNzEtLjgyNC0uODI0VjEuMjgxYzAtLjQ1My4zNzEtLjgyNC44MjQtLjgyNGguODA1eiIgZmlsbC1vcGFjaXR5PSIuMzUiLz48L3N2Zz4=);
	background-position: center;
}

.os-ipados {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAxOSIgIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIGZpbGw9IiMzMzMiIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PHBhdGggZD0iTTMuNjAxIDBIMTUuMTVjLjU5NS4wMDIgMS4wODUuNDkxIDEuMDg3IDEuMDg3djE2LjU3NmMtLjAwMi41OTYtLjQ5MiAxLjA4NS0xLjA4NyAxLjA4N0gzLjYwMWMtLjU5Ni0uMDAyLTEuMDg2LS40OTEtMS4wODctMS4wODdWMS4wODdDMi41MTUuNDkxIDMuMDA1LjAwMiAzLjYwMSAwem0wIC42NzlhLjQxLjQxIDAgMCAwLS40MDguNDA4djE2LjU3NmEuNDEuNDEgMCAwIDAgLjQwOC40MDhIMTUuMTVjLjIyNSAwIC40MDctLjE4My40MDctLjQwOFYxLjA4N2MwLS4yMjUtLjE4Mi0uNDA4LS40MDctLjQwOEgzLjYwMXoiLz48cGF0aCBkPSJNMy42MDEuNjc5YS40MS40MSAwIDAgMC0uNDA4LjQwOHYxNi41NzZhLjQxLjQxIDAgMCAwIC40MDguNDA4SDE1LjE1Yy4yMjUgMCAuNDA3LS4xODMuNDA3LS40MDhWMS4wODdjMC0uMjI1LS4xODItLjQwOC0uNDA3LS40MDhIMy42MDF6IiBmaWxsLW9wYWNpdHk9Ii4yNSIvPjwvc3ZnPg==);
	background-position: center;
}

.os-tvos {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOSAxOSIgIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIGZpbGw9IiMzMzMiIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PHBhdGggZD0iTTEzLjc2MyAxNS43NThINC45ODdhLjQuNCAwIDAgMS0uMzk5LS4zOTkuNC40IDAgMCAxIC4zOTktLjM5OWg4Ljc3NmEuNC40IDAgMCAxIC4zOTkuMzk5LjQuNCAwIDAgMS0uMzk5LjM5OU0xOCAyLjk5MkguNzk4QS44LjggMCAwIDAgMCAzLjc5djkuOTU3YS44LjggMCAwIDAgLjc5OC43OThoMTcuMTU0YS44LjggMCAwIDAgLjc5OC0uNzk4VjMuNzQyYzAtLjQxMi0uMzM4LS43NS0uNzUtLjc1TS43OTggMTMuNzYzaDE3LjE1NFYzLjc5SC43OTh2OS45NzN6Ii8+PHBhdGggZD0iTS43OTggMTMuNzYzaDE3LjE1NFYzLjc5SC43OTh2OS45NzN6IiBmaWxsLW9wYWNpdHk9Ii4zNSIvPjwvc3ZnPg==);
	background-position: center;
}

.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: #777;
    color: white;
    border-color: #777;
}

/* ===== 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"]
{ font-weight: bold; color: #2ecc71 }

a[title="User:Aemony"],          a[href="/wiki/User:Aemony"],
a[title="User:Blackbird"],       a[href="/wiki/User:Blackbird"],
a[title="User:Expack3"],         a[href="/wiki/User:Expack3"],
a[title="User:Garrett"],         a[href="/wiki/User:Garrett"],
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: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:Silent"],          a[href="/wiki/User:Silent"],
a[title="User:SirYodaJedi"],     a[href="/wiki/User:SirYodaJedi"]
{ 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;
}
Retrieved from "https://www.applegamingwiki.com/w/index.php?title=MediaWiki:Common.css&oldid=600"