Valence Wiki - User contributions [en]

MediaWiki:Sidebar

2026-01-28T06:53:35Z

Star:

Template:Infobox character

2026-01-24T03:51:57Z

Star:

<includeonly><infobox layout="stacked">
<title source="title">
<default>{{PAGENAME}}</default>
</title>
<image source="image"/>
<group>
<header>Titles</header>
<data source="realName">
<label>Real Name</label>
</data>
<data source="nicknames">
<label>Nickname(s)</label>
</data>
<data source="officialTitles">
<label>Official Title(s)</label>
</data>
</group>
<group>
<header>Characteristics</header>
<data source="species">
<label>Species</label>
</data>
<data source="pronouns">
<label>Pronoun(s)</label>
</data>
<data source="timeline">
<label>Timeline</label>
</data>
</group>
<group>
<header>Personal Status</header>
<data source="status">
<label>Status</label>
</data>
<data source="placeOfOrigin">
<label>Place of Origin</label>
</data>
<data source="currentResidence">
<label>Current Residence</label>
</data>
<data source="romanticInterests">
<label>Romantic Interest(s)</label>
</data>
<data source="family">
<label>Family</label>
</data>
</group>
<group>
<header>Professional Status</header>
<data source="occupations">
<label>Occupation(s)</label>
</data>
<data source="regions">
<label>Region(s)</label>
</data>
<data source="factions">
<label>Faction(s)</label>
</data>
</group>
</infobox></includeonly>
<noinclude>
== Copyable Code ==
<pre>
{{Infobox_character
|realName=
|nicknames=
|officialTitles=
|species=
|pronouns=
|timeline=
|status=
|placeOfOrigin=
|currentResidence=
|romanticInterests=
|family=
|occupations=
|regions=
|factions=
}}
</pre>

== Examples/Valid Options ==
<pre>
{{Infobox_character
|realName=Macadier Maldore
|nicknames=
* Maccy
* Miccy Maldoricle
|officialTitles=Archon of Nieseat
|species=Human
|pronouns=He/Him
|timeline=
* Born: 860 AJ - 870 AJ
* Death: 911 AJ
|status=Deceased
|placeOfOrigin=[[Ylga]]
|family=
* Bridget Maldore <small>Daughter</small>
* Maeth Olahorn <small>Granddaughter</small>
|occupations=Archon • Archmage
|regions=[[Felanah]]
|factions=[[Nieseat]]
}}
</pre>

[[Category:Infobox_templates]]
</noinclude>

Main Page

2026-01-23T11:16:58Z

Star:

__NOTOC__<div class="mainpage-header">
<div class="header-intro">
<h1>Welcome to the Valence Wiki!</h1>
<p>This is the official wiki for the '''Valence SMP''', one of the premiere roleplaying-focused Minecraft servers with a splash of RPG elements and MMO mechanics!</p>
</div>
<div class="header-stats plainlist nomobile">
<ul>
<li>Number of articles: '''{{NUMBEROFARTICLES}}'''</li>
<li>Number of files: '''{{NUMBEROFFILES}}'''</li>
<li>Number of active users: '''{{NUMBEROFACTIVEUSERS}}'''</li>
<li>Number of edits: '''{{NUMBEROFEDITS}}'''</li>
</ul>
</div>
</div>


<div class="mainpage-body">

<div class="mainpage-recent-updates tile-row">
<div class="tile-halves">
<div class="tile-top tile-image blog-embed-image">[https://valence-smp.net/blog/2025/the-star-modpack https://django.s3.bhs.io.cloud.ovh.net/blogposts/banners/2025-01-09_01.07.21/16_9/800w.webp]</div>
<div class="tile-bottom link-button">[[valence:blog/2025/the-star-modpack|<p class="byline">January 9th, 2025</p><h2>The Star Modpack</h2><p>The Star Modpack is a list + download of all the recommended mods for playing on the Valence SMP.</p>]]</div>
</div>
<div class="tile-halves">
<div class="tile-top tile-image blog-embed-image">[https://valence-smp.net/blog/2024/how-to-get-started https://django.s3.bhs.io.cloud.ovh.net/blogposts/banners/2024-08-26_22.33.00/16_9/800w.webp]</div>
<div class="tile-bottom link-button">[[valence:blog/2024/how-to-get-started|<p class="byline">August 26th, 2024</p><h2>How To Get Started</h2><p>Check out this brief guide to getting started on Valence!</p>]]</div>
</div>
<div class="tile-halves">
<div class="tile-top tile-image blog-embed-image">[https://valence-smp.net/blog/2024/intro-to-character-creation https://django.s3.bhs.io.cloud.ovh.net/blogposts/banners/2024-04-28_23.27.05/16_9/800w.webp]</div>
<div class="tile-bottom link-button">[[valence:blog/2024/intro-to-character-creation|<p class="byline">September 18th, 2024</p><h2>Intro To Character Creation</h2><p>Need help making a character? I got you.</p>]]</div>
</div>
</div>

<div class="mainpage-contents tile-row">
<div class="contents-equipment tile-halves">
<div class="tile-top tile-image">[[File:Main-Page-Items.png|link=Category:Items]]</div>
<div class="tile-bottom link-button"><h2>[[:Category:Items|Items]]</h2></div>
</div>
<div class="contents-guides tile-halves">
<div class="tile-top tile-image">[[File:Main-Page-Mobs.png|link=Category:Mobs]]</div>
<div class="tile-bottom link-button"><h2>[[:Category:Mobs|Mobs]]</h2></div>
</div>
<div class="contents-quests tile-halves">
<div class="tile-top tile-image">[[File:Main-Page-NPCs.png|link=Category:NPCs]]</div>
<div class="tile-bottom link-button"><h2>[[:Category:NPCs|NPCs]]</h2></div>
</div>
<div class="contents-bestiary tile-halves">
<div class="tile-top tile-image">[[File:Main-Page-Events.png|link=Category:Events]]</div>
<div class="tile-bottom link-button"><h2>[[:Category:Events|Events]]</h2></div>
</div>
<div class="contents-calculators tile-halves">
<div class="tile-top tile-image">[[File:Main-Page-Characters.png|link=Category:Characters]]</div>
<div class="tile-bottom link-button"><h2>[[:Category:Characters|Characters]]</h2></div>
</div>
<div class="contents-minigames tile-halves">
<div class="tile-top tile-image">[[File:Main-Page-Locations.png|link=Category:Locations]]</div>
<div class="tile-bottom link-button"><h2>[[:Category:Locations|Locations]]</h2></div>
</div>
</div>


<div class="mainpage-left">

<div class="mainpage-popular tile-halves nomobile">
<div class="tile-top">
<div class="popular-pages plainlist">
<h2>Popular pages</h2>
<ul>
<li class="mp-popular-page-light">[[Macadier Maldore]]</li>
<li class="mp-popular-page-light">[[Ulysses Mountbatten]]</li>
<li class="mp-popular-page-light">[[Nieseatian War]]</li>
<li class="mp-popular-page-light">[[Prime Minister of the Kingdom Stone Bay]]</li>
<li class="mp-popular-page-light">[[Kingdom of Stone Bay]]</li>
<li class="mp-popular-page-light">[[Determiners of the Eight Winds]]</li>
<li class="mp-popular-page-light">[[Fishing]]</li>
<li class="mp-popular-page-light">[[Recycling]]</li>
<li class="mp-popular-page-light">[[Grimwood]]</li>
<li class="mp-popular-page-light">[[Kara]]</li>
<li class="mp-popular-page-light">[[Alaurus]]</li>
<li class="mp-popular-page-light">[[Stone Bay]]</li>
</ul>
</div>
</div>
</div>

<div class="mainpage-wikinews tile plainlinks">
<h2>Announcements</h2>
;February 24th, 2025
: Image hosting has been moved to S3, all images will require reupload. This should not be too bad, and needed to be done before more people started working and uploading.
;February 23rd, 2025
: Infobox templates have been created for Characters, Locations, Conflicts, and Fish.
;February 18th, 2025
: Added the dedicated mobile theme, still working on ironing out some light theme colors.
;February 17th, 2025
: Added the initial dark theme for the wiki on desktop, reformatted page layout and sidebar.
</div>


</div>


<div class="mainpage-right">

<div class="mainpage-discord tile-halves plainlinks">
<div class="tile-top">
<div class="partner-icon discord-icon-background"></div>
[https://discord.gg/valence <div class="arrow"></div><p class="server-name">Main Discord</p><p class="server-tagline">The Central Hub</p>]
</div>
<div class="tile-bottom">
<p>Official Valence Discord</p>
</div>
</div>

<div class="mainpage-valence tile-halves plainlinks">
<div class="tile-top">
<div class="valence-logo">[[File:valence-kara-logo.png]]</div>
[https://valence-smp.net <div class="arrow"></div><p class="valence-name">Main Website</p><p class="valence-tagline">The Backbone</p>]
</div>
<div class="tile-bottom">
<p>Official Valence Website</p>
</div>
</div>


</div>


</div>

[[Category:Valence Wiki| ]]

Determiners of the Eight Winds

2026-01-22T20:05:04Z

Star: Remove Summary heading so that it goes above the Table of Contents

{{Infobox_faction
|image=[[File:Faction DEW CoA.webp]]
|officialName=The Determiners of the Eight Winds
|capital=[[Dormas]]
|languages=Common
|demonyms=
* DEW Merchant
* Determiner
|government=Plutocracy
|rulers=
* Cheel Alarian
* Illaria Desenacis
* Honn Reggonys
* Thelaris Exeder
* Allliun Qadin
* Amalric Marekes "The Wine King"
|currency=Determiner Gold
|continents=
* [[Dormas]]
* [[Accordant Archapelago]]
* [[Kara]]
}}

The Determiners of the Eight Winds is Olvunter's largest trading company, with trade routes stretching across the globe. They played a large part in Kara's entrance to the world stage and remain Kara's largest trading partner.

==Background==
The Determiners of the Eight Winds is a mega mercantile company formed by the Merchant Princes of Dormas. These princes were wealthy individuals and families who formed the loose federation government of Dormas. They use DEW to connect the world with trade and further each of their specialties to gain even more wealth and power. The Determiners have a hand on every continent and in almost every port west of [[The Adredahn]], connecting and facilitating the flow of goods and services across the seas. Positions as Merchant princes are not based on hereditary lines but instead on the merits and wealth of each individual. Within the last century, DEW has increased its interest in sovereign trade posts in the [[The Wilden Wood | Wilden Wood]] and south of [[Yariel]], forming colonies as they grew.

==The Merchant Princes==
Each of the Merchant Princes is not only the leader of their respective regions in Dormas but also controls various sectors and specializations within The Determiners. These princes exert incredible control over the wider world through a near monopoly of trade, each having their specialties and focuses that they use to set themselves apart.

'''Cheel Alarian''': Merchant Prince of the Alarian Company. Their company trades in spice, which they hold the secrets to. They have recently begun to lose power as their spices have started to be grown in other locations.

'''Illaria Desenacis''': Newest Merchant Prince. She is known for unifying the temples in the northern islands into a single organization. She is seen as untrustworthy due to her ties to the old religions and profiting from church services.

'''Honn Reggonys''': Once considered a firebrand, he has reportedly become more balanced as he ages. Honn is known as the Merchant Prince of mercenary armies, and his “immortals” have supposedly held their contract even in death.

'''Thelaris Exeder''': Known for their purchase of a great number of Dorman shipyards, Thelaris has focused much of their energy and gold on making newer, faster, and bigger ships for the fleet.

'''Allliun Qadin''': Allliun breaks the convention of the Merchant Princes in that they have no overarching specialization. Their interests are vast and cover almost every sector of the market. They are not respected for any grand skill in one area but for their dedication to growth itself.

'''Amalric Marekes''': Also known as the “Wine King,” Amalric has focused on the Dacian, Yariel, and Dorman markets. He has commissioned specialized ships to carry wine and a logistics division dedicated to its transport. He also connects with Kara through the [[The Accordant Archipelago|Archipelago]] and the Chaplin [[Sillas Deepcreek]].

==The Determiners in Kara==

===Dew in Kara’s history===
The Determiners have had a sizable hand in the history of Kara. While it was the third King of Stonebay, His Majesty Ulysses I Mountbatten, first of his name, opened the ports of Kara for trade, and the Determers of the Eight Winds added Kara to the trade maps. DEW has been the gateway for Kara for hundreds of years, being one of the only companies that can navigate through the thick fogs and storms surrounding the land.

===Trade with Kara===
DEW is Kara’s largest trade partner, being their source for many magical and mundane goods that enter Kara’s shores. The Determiners maintain a trade warehouse on the docks within the City of Stonebay. From here, DEW ships lay low in the water, heavy with goods, unloaded their imports, and loaded back up with commodities and materials only found in Kara. DEW works with local institutions like The Royal Bank of the Bay and their trade post to facilitate their import and export operations in Kara. Kara presents a unique situation for the Determiners when it comes to currency. As the world's default trade force, most places trade in DEW-minted gold coins, while Kara uses locally minted silver, meaning they have to convert and manage the flow between the two currencies.

===Recent events===
Recently, DEW became increasingly interested in some items only found in Kara. They set up a program and reactivated their trade post within Kara to export as many unique items as possible. They hired many Karans and caused a massive influx of silver into the economy.

Soon after, the export program started to wind down, and Kara was informed that a delegation from The Determiners, including the Commodore of the Accordant Archipelago, would be arriving soon. The whole affair started with a [[Determer's Gala | masquerade ball]] to introduce the representatives from DEW to Kara while hiding their true intentions for their visit, which was the recovery of a “Command Stone” stolen by a group called [[The Figh |Figh]]. A mire of intrigue, secrets, backstabbing, and backroom conversations followed, leading to [[Face Stealer Conflict | war with the face-stealer demons]]. The Determiners ultimately worked with Figh and the [[Stone Bay|Kingdom of Stonebay]] to rid Kara of the [[Face Stealers| face-stealers]] and undo the damage caused as best they could, all while sprinkling their influence into the minds of Karans. This combined effort and an act to preserve The Dermerners Of the Eight Winds' connections with Kara led to the signing of the “Command Stone Accord” between all three parties, restoring peace and trade.

==Notable Dew Figures in Kara==

'''[[Agostino|Commodore Agostino]]''': Commodore of the Acordant Archipelago division within DEW. A family man and quite gregarious. During his time in Kara, Agustino sought to spread his influence, enjoy good parties, and recover the “Command Stone” before Figh could use it. He hired his own force of guards from skilled Karans, handed out large amounts of silver to the populace, and even assisted members from the Duchy of Stendahl in locating the legendary lost forge of Hammerhand.

'''[[Eargus Glowgoarge]]'''(Deceased): Credited with putting Kara on the trade maps, Eargus was a renowned explorer sponsored and employed by the Determiners. He would explore new markets, hunt down legends to find their truth, recover any artifacts the Determiners deemed profitable, and return the others to local people. He was friendly and outgoing to many Karans, genuinely loving the people and looking for their adoration. Eargus had the most knowledge of what the “Command Stone” was for and the leads to track down to locate the “Cache” mentioned. Unfortunately, before Eargus was able to recover the “Command Stone,” he was killed at a party for him by a member of Figh who had been hiding amongst the members of DEW.

'''[[Vulmar Dorlana]]''': As an enforcer of DEW, Vulmar was seen as the most active in hunting for Figh, even if Kara didn't know that was his goal at first. He worked to track down “Pirates” and other smugglers and bandits while collecting information on potential members of Figh that were known to have made landfall in Kara before The Determiner’s arrival.

'''[[Habagat Punongpuso]]''': Habagat to Kara seemed the least involved in the “Command Stone” situation. Coming to Kara shortly after the main DEW party, Habagat sold luxury goods, mangos, and soup to Kara and bought up items from the population as long as they could sell them on it, introducing large amounts of DEW gold into Kara’s economy. With her previous “personal” connection to a member of Figh, those who spoke with Habagat would be given a unique perspective on the organization. Habagat, during the war with the “face-stealer” demons, performed a ritual to reach out to her God, one that brought many concerns to Karans. This ritual led to hints on defeating the demons and their connections to the Obelisks.

'''[[Henry Sharpe]]''': Barrister and Solicitor for the Kingdom of Stonebay. Sharpe was also the agent and legal counselor in Kara for the Determiners until issues during the war with the “face-stealers” led to his departure.

'''Nimora Bloodwell''': At the time, the Mayor of Hollow Creek, Nimora, was hired by the Determiners to be their “Procurement Officer” for Kara. Later, she was elevated to "Station Chief" for the Kara branch before the general dismissal of all Karan employees. She was also tasked with preparations for the recent visitation of DEW representatives, leading up to the war with the “face-stealers.”

'''Anders Mackay''': Hired around the same time as Nimora during the procurement campaign, Anders was tasked with the trade post’s security and setting up a DEW guard force in Kara.
[[Category:World Info]]

Stone Bay

2026-01-22T19:40:22Z

Star: Star moved page Stone Bay to Kingdom of Stone Bay without leaving a redirect

{{Infobox_faction
|image=[[File:Faction-Stone Bay-CoA.webp]]
|officialName=The Kingdom of Stone Bay
|capital=City of Stone Bay
|languages=Common
|timeline=
* Founding of Stone Bay <small>(0 AJ)</small>
* '''Parliamentary Monarchy''' <small>(901 AJ - Present)</small>
* [[Nieseatian War|Nieseatian Occupation]] <small>(911 AJ)</small>
|religions=
* [[Church of the Deep]]
* [[Order of Gunterra]]
* Temple of the Open Flame
|demonyms=Baymen
|government=Parliamentary Monarchy
|legislatures=
* Parliament of Orlan
* People's Assembly
|currency=Silver Pieces (sp)
|continents=[[Kara]]
}}

The Kingdom of '''Stone Bay''' is the nation that governs all of [[Kara]]. It was founded long ago by its semi-mythical first king, [[Jephdaphro]], who led the earliest Baymen to war against the [[Drenorans]]. Stone Bay's victory secured its place as the hegemon of Kara, a title they hold to this day.

Currently, [[Ulysses Mountbatten|King Ulysses I]] rules over Stone Bay.
== The First King, Jephdaphro I==
The people of Stone Bay were originally nomadic. Under King Jephdaphro, they valued conquest by the sea. Early Baymen travelled in fleets to conquer small city-states for their sprawling, seabound empire. Jephdaphro's reign saw Stone Bay declare war against the Drenorans for their crimes against nature. The Drenorans attempted to reach beyond mortal means by contacting the dragon [[Valynclex]], tapping into the magic of [[Realitas]], and accidentally creating the Curse.

These actions formed the basis of Stone Bay's ''casus belli'' against the Drenorans. During this time, the Drenorans forged many artifacts to defeat Stone Bay's forces. The [[Azure Blade]], in particular, was one of several weapons built to slay the wizard [[Arimaex]]. The combined effort of Stone Bay's armies, fleets, and magical powers resulted in Jephdaphro leading the Bay to victory against the Drenorans. With their last-ditch attempts at godhood failing, the Drenorans faded into history, defeated and destroyed by Stone Bay. King Jephdaphro used this victory as an opportunity to settle his people. The age of sea conquest was over. Stone Bay built its Prismarine Citadel on [[Orlan]], one of Kara's islands, and established their rule over the archipelago.

King Jephdaphro disappeared hundreds of years ago on an expedition outside of Kara. He brought with him the famed [[Prismarine Sword]] and [[Shield]]. He left Ulysses Mountbatten to rule in his stead as Regent and Lord Mayor of Stone Bay. Hundreds of years later, Jephdaphro never returned to Stone Bay. Thus, the kingdom entered its regency era.

== The Regency Era, Ulysses Mountbatten ==
In the years following Jephdaphro's disappearance, power consolidated around Lord Mayor Ulysses. The 901st year of Jephdaphro's reign saw great change in Stone Bay. The kingdom opened its ports to the rest of [[Olvunter]]. As a result, immigration to Kara skyrocketed, with over a thousand people coming and going to the islands. Hundreds of wanderers settled in Kara, adopting Baymen traditions or synthesising them with their foreign cultures. The Kingdom of Stone Bay became a melting pot of cultures, resulting in the formation of institutions like the [[Church of the Deep]] and the [[Stendahl|Duchy of Stendahl]].

This year also saw [[Arimaex]]'s betrayal of Stone Bay. The former Court Mage revealed himself as a lich, and was consorting with the dark dragon [[Valynclex]] for power and control. Conflict erupted between Arimaex and Kara as a whole. The [[Battle of the Eternum Glades]] concluded this conflict, resulting in seventeen dead Karans, the neutralisation of Valynclex, and the death of Arimaex.

Arimaex's defeat did not spell the end of conflict during the regency era. [[Dragone Collins]], a [[Nieseatian]] diplomat, was assassinated on Karan soil. This brought the ire of [[Macadier Maldore]], archmage and Archon of Nieseat, who levied threats and intimidations towards Stone Bay. Mountbatten defused the political tension by signing a non-aggression pact with Archon Macadier. For ten years, there was peace in Stone Bay.

Peace was broken in the year 911. During the [[January 7th Parliament]], Macadier Maldore interrupted the session by teleporting Ulysses Mountbatten, Lord Marshal [[Arthur Justice]], and Lord Chancellor [[Blue Mountbatten]] to the [[Ahdredan]]. Leaderless, Stone Bay was [[Occupation of Stone Bay|occupied]] by the Nieseatian leadership.
== Occupation by Nieseat ==
Nieseat's occupation of Stone Bay lasted for one month. During this time, Macadier Maldore labelled it the "Colony of Orlan", and installed the then-Nieseatian loyalist Elmes Fin as its governor. Without its key leaders, what was left of Stone Bay's government was folded into Nieseat's three powers: the [[Ordenza]], the [[Halcyon Guild]], and the [[Old Blood]]. Only the Church of the Deep, led by Synarch [[Fafnir Deepcreek]], provided hidden sanctuary to Baymen loyalists.

To counteract Nieseatian influence, powerful Baymen like [[Benjamin Lascelles]] and Rowan Umber willingly entered Nieseatian institutions. Inside these organisations, they purposefully caused delays and mishaps to buy time for the Mountbattens and the Justice to return from the Ahdredan. Their plans resulted in the deaths of key Nieseatian officials, [[Folkmod Erendellen]] and [[Drace Latimeer]], crippling Nieseat's governing capacity significantly until their revolution began. The rebellion occurred after a series of events led to the theft of the [[Lunar Crown]]. This artifact ended up in the hands of the Church of the Deep, who crowned [[Sillas Deepcreek]] as the second king of Stone Bay.
== The Second King, Sillas Deepcreek ==
Sillas Deepcreek's accession to the [[Prismarine Throne]] was a direct act of rebellion against Nieseat. Using the magic of the Throne, King Sillas retrieved Ulysses Mountbatten, Blue Mountbatten, and Arthur Justice from the Ahedredan. Deepcreek remained king for the remainder of the war but returned executive power to Lord Mayor Ulysses. Following a declaration of war by the Lord Mayor, Stone Bay led a coalition of Karan nations against the Nieseatian invaders, kickstarting the [[Nieseatian War]].

Following the [[Battle in the Battery]], Stone Bay enjoyed a brief period of peace. During a session of Prismarine Court, King Sillas voluntarily abdicated on the condition that Ulysses Mountbatten would take his place. Mountbatten accepted, acceding to the Prismarine Throne as the third King of Stone Bay.
== The Third King, Ulysses Mountbatten ==
King Ulysses' reign began in relative peace. His first act as king was to deliver various artifacts, stolen from the [[Fellrook]], to the [[Behli Lothren]] for safekeeping away from Kara. The aforementioned peace would not last long. During a session of [[Parliament of Orlan|Parliament]], the goddess [[Moder Jord]] appeared before the room. She made deliberate threats against Stendahl, specifically [[Bill Blackrock]], before leaving. Stone Bay initially remained neutral in the conflict between Stendahl and Moder Jord, but entered the fight after the goddess' forces attacked Orlan. Stone Bay would provide military assistance to Stendahl during and after the [[Fall of Dhara]], and its [[Navy]] was key to winning the subsequent [[Battle for Dhara]] at the end of [[Moder Jord's Invasion]].

Only a few months later, the terrorist group known as the [[Cirallian Liberation Front]] (CLF) began their operations in Kara. They bombed several places, including Stone Bay. With assistance from Stendahl, [[Ibrithil]], [[Meloria]], and other Karan sovereignties, the CLF was destroyed on a mission spearheaded by the Stone Bay Navy.

The [[Fey Incursion]] heavily impacted the Kingdom of Stone Bay. Various archfey, under the influence and coercion of [[ Granny Hildegard]], attempted to take root in Kara. [[Captain Dalos]], archfey of the [[Spring Court]], levelled a courthouse in Stone Bay during his [[war games]]. The [[Fantastical Surveyor]] created the [[Mayhill]] underneath [[Steward's Cross]]. Lastly, and most importantly, the [[Lord of Rot]] created the [[Wolcott]] with [[Osten Credence]]'s help just southeast of Stone Bay. After Hiildegard was defeated in her games, any interference from the Feywild in Stone Bay's endeavours was soundly halted.

King Ulysses also oversaw the [[DEW-Figh Conflict in Kara]], opting to remain neutral rather than pledge Stone Bay's support to either side. When [[face-stealers]] were released due to this conflict, Mountbatten demanded that the Determiners and the Figh to resolve the matter. Stone Bay's forces assisted in defeating the face-stealers, of which included Mountbatten, who fought on the frontlines being one of the few Karans who could singlehandedly destroy a face-stealer.

Under his reign, the Kingdom of Stone Bay extended its reach beyond its city walls with the repealment of the Sovereignty Act; sovereign nations, such as Stendahl, have been vassalised; and Stone Bay's police and military have been expanded greatly, with the establishment of the [[Royal Guard]] and the [[Legion]].

Ulysses Mountbatten is the current reigning monarch of Stone Bay, and is entering his second full year as king.

[[Category:Locations]]

2026-01-22T08:43:37Z

Star:

Main Page

2025-07-22T18:16:57Z

Star: Edit blogpost image urls

__NOTOC__<div class="mainpage-header">
<div class="header-intro">
<h1>Welcome to the Valence Wiki!</h1>
<p>This is the official wiki for the '''Valence SMP''', one of the premiere roleplaying-focused Minecraft servers with a splash of RPG elements and MMO mechanics!</p>
</div>
<div class="header-stats plainlist nomobile">
<ul>
<li>Number of articles: '''{{NUMBEROFARTICLES}}'''</li>
<li>Number of files: '''{{NUMBEROFFILES}}'''</li>
<li>Number of active users: '''{{NUMBEROFACTIVEUSERS}}'''</li>
<li>Number of edits: '''{{NUMBEROFEDITS}}'''</li>
</ul>
</div>
</div>


<div class="mainpage-body">

<div class="mainpage-recent-updates tile-row">
<div class="tile-halves">
<div class="tile-top tile-image blog-embed-image">[https://valence-smp.net/blog/2025/the-star-modpack https://django.s3.bhs.io.cloud.ovh.net/blogposts/banners/2025-01-09_01.07.21/16_9/800w.webp]</div>
<div class="tile-bottom link-button">[[valence:blog/2025/the-star-modpack|<p class="byline">January 9th, 2025</p><h2>The Star Modpack</h2><p>The Star Modpack is a list + download of all the recommended mods for playing on the Valence SMP.</p>]]</div>
</div>
<div class="tile-halves">
<div class="tile-top tile-image blog-embed-image">[https://valence-smp.net/blog/2024/how-to-get-started https://django.s3.bhs.io.cloud.ovh.net/blogposts/banners/2024-08-26_22.33.00/16_9/800w.webp]</div>
<div class="tile-bottom link-button">[[valence:blog/2024/how-to-get-started|<p class="byline">August 26th, 2024</p><h2>How To Get Started</h2><p>Check out this brief guide to getting started on Valence!</p>]]</div>
</div>
<div class="tile-halves">
<div class="tile-top tile-image blog-embed-image">[https://valence-smp.net/blog/2024/intro-to-character-creation https://django.s3.bhs.io.cloud.ovh.net/blogposts/banners/2024-04-28_23.27.05/16_9/800w.webp]</div>
<div class="tile-bottom link-button">[[valence:blog/2024/intro-to-character-creation|<p class="byline">September 18th, 2024</p><h2>Intro To Character Creation</h2><p>Need help making a character? I got you.</p>]]</div>
</div>
</div>

<div class="mainpage-contents tile-row">
<div class="contents-equipment tile-halves">
<div class="tile-top tile-image">[[File:Main-Page-Items.png|link=Category:Items]]</div>
<div class="tile-bottom link-button"><h2>[[:Category:Items|Items]]</h2></div>
</div>
<div class="contents-guides tile-halves">
<div class="tile-top tile-image">[[File:Main-Page-Mobs.png|link=Category:Mobs]]</div>
<div class="tile-bottom link-button"><h2>[[:Category:Mobs|Mobs]]</h2></div>
</div>
<div class="contents-quests tile-halves">
<div class="tile-top tile-image">[[File:Main-Page-NPCs.png|link=Category:NPCs]]</div>
<div class="tile-bottom link-button"><h2>[[:Category:NPCs|NPCs]]</h2></div>
</div>
<div class="contents-bestiary tile-halves">
<div class="tile-top tile-image">[[File:Main-Page-Events.png|link=Category:Events]]</div>
<div class="tile-bottom link-button"><h2>[[:Category:Events|Events]]</h2></div>
</div>
<div class="contents-calculators tile-halves">
<div class="tile-top tile-image">[[File:Main-Page-Characters.png|link=Category:Characters]]</div>
<div class="tile-bottom link-button"><h2>[[:Category:Characters|Characters]]</h2></div>
</div>
<div class="contents-minigames tile-halves">
<div class="tile-top tile-image">[[File:Main-Page-Locations.png|link=Category:Locations]]</div>
<div class="tile-bottom link-button"><h2>[[:Category:Locations|Locations]]</h2></div>
</div>
</div>


<div class="mainpage-left">

<div class="mainpage-popular tile-halves nomobile">
<div class="tile-top">
<div class="popular-pages plainlist">
<h2>Popular pages</h2>
<ul>
<li class="mp-popular-page-light">[[Macadier Maldore]]</li>
<li class="mp-popular-page-light">[[Stone Bay]]</li>
<li class="mp-popular-page-light">[[Nieseatian War]]</li>
<li class="mp-popular-page-light">[[Amberglide]]</li>
<li class="mp-popular-page-light">[[Ashenfish]]</li>
<li class="mp-popular-page-light">[[Barkspine]]</li>
<li class="mp-popular-page-light">[[Fishing]]</li>
<li class="mp-popular-page-light">[[Caverngill]]</li>
<li class="mp-popular-page-light">[[Dartfish]]</li>
<li class="mp-popular-page-light">[[Chromalure]]</li>
<li class="mp-popular-page-light">[[Shadetail]]</li>
<li class="mp-popular-page-light">[[Nightfire]]</li>
</ul>
</div>
</div>
</div>

<div class="mainpage-wikinews tile plainlinks">
<h2>Announcements</h2>
;February 24th, 2025
: Image hosting has been moved to S3, all images will require reupload. This should not be too bad, and needed to be done before more people started working and uploading.
;February 23rd, 2025
: Infobox templates have been created for Characters, Locations, Conflicts, and Fish.
;February 18th, 2025
: Added the dedicated mobile theme, still working on ironing out some light theme colors.
;February 17th, 2025
: Added the initial dark theme for the wiki on desktop, reformatted page layout and sidebar.
</div>


</div>


<div class="mainpage-right">

<div class="mainpage-discord tile-halves plainlinks">
<div class="tile-top">
<div class="partner-icon discord-icon-background"></div>
[https://discord.gg/valence <div class="arrow"></div><p class="server-name">Main Discord</p><p class="server-tagline">The Central Hub</p>]
</div>
<div class="tile-bottom">
<p>Official Valence Discord</p>
</div>
</div>

<div class="mainpage-valence tile-halves plainlinks">
<div class="tile-top">
<div class="valence-logo"></div>
[https://valence-smp.net <div class="arrow"></div><p class="valence-name">Main Website</p><p class="valence-tagline">The Backbone</p>]
</div>
<div class="tile-bottom">
<p>Official Valence Website</p>
</div>
</div>


</div>


</div>

[[Category:Valence Wiki| ]]

MediaWiki:Common.css

2025-02-24T17:41:04Z

Star:

/* Uses the Official League Wiki styles as a base: */
/* As advised, starting with the OSRS Skin and going from there. */
/* @import url("https://lol-staging.weirdgloop.org/w/MediaWiki:Portal.css?action=raw&ctype=text/css"); */

/* <pre> */
:root {
color-scheme: dark;

/* Meta color scheme */
--fiendish-dark-purple: #5A1A45;
--fiendish-purple: #993B80;
--fiendish-gold: #C8AA6E;

--league-wiki-blue: #061F36;
--league-wiki-blue-lighter: #152B3F;
--league-wiki-dark: #060e1f;

--riot-red: #EB0029;

/* League color scheme */
--league-white: #EBDDC1;
--league-grey-1: #A09B8C;
--league-grey-2: #3C3C41;
--league-grey-3: #1E2328;
--league-grey-cool: #1E282D;
--league-black: #010A13;

--league-blue: #091428;
--league-blue-2: #002e83; /*unofficial*/
--league-dark-blue: #0A1428;
--league-bright-blue: #005A82;
--league-bluegreen: #0397ab;
--league-turquoise: #0ac8b9;
--league-skyblue: #cdfafa;

--league-wheat-gold: #C8AA6E;
--league-gold: #C89B3C;
--league-med-gold: #785A28;
--league-dark-gold: #463714;
--league-brown: #32281E;

/* Other titles */
--tft-orange-1: #FAA404;
--tft-orange-2: #EF7A20;

--wr-blue: #4AC6F2;
--wr-blue-2: #005ECC;
--wr-teal: #086178;
--wr-teal-2: #167285;

--runeterra-gold: #C8AA6E;
--runeterra-gold-2: #785A28;
--jinx-pink: #F40C96;
--jinx-blue: #008EFC;

--ruination-green: #1C4C4C;
--ruination-cyan: #0AC8B9;
--ruination-cyan-2: #03BEBE;

--fighter-green: #CDF664;
--fighter-dark: #1C1D1F;

--valorant-red: #FF4655;
--valorant-dark: #111823;

--esports-white: #EEEEEE;
--esports-cyan: #10E3F8;
--esports-cyan-2: #00C8C8;
--esports-teal: #006464;
--esports-gold: #9D8253;
--esports-dark: #061A25;

/* Main styles */
--body-secondary: var(--league-blue);
--body-main: var(--league-wiki-blue);
--body-light: var(--league-wiki-blue-lighter);
--body-mid: var(--league-blue);
--body-dark: var(--league-wiki-dark);
--body-border: var(--league-grey-cool);
--body-accent-color: var(--league-gold);
/*--button-background: #605443;
--button-color: #fff;
--button-border: #3c352a;
--button-dark: #18140c;
--button-light: #3a301d;*/
--sidebar: var(--league-black);
--background-text-color: var(--league-white);
--background-link-color: var(--league-wheat-gold);
--search-box: var(--league-wiki-blue-lighter);
--link-color: var(--league-wheat-gold);
--link-contrast: var(--league-black);
--redlink-color: #d25353;
--text-color: var(--league-white);
--section-border-color: var(--league-dark-gold);
--border-color: #3e4451;
--byline-color: var(--league-white);
/*--subtle-color: #777;*/
--thumb-bg: var(--body-mid);
--thumb-caption-bg: var(--body-mid);
--base-text-color: var(--text-color);
--base-heading-color: #444e5a;
--base-heading-border: #e4eaee;
--mw-code-background-color: var(--league-blue) ;
--body-background-image: url('filepath://Background_image.png');

/* Editor */
--sourceeditor-input-background: var(--league-black);
--sourceeditor-background: var(--body-light);
--sourceeditor-background-secondary: var(--league-blue);
--sourceeditor-border: var(--body-mid);
--codemirror-gutter-background: var(--body-mid);

/* Messagebox */
--messagebox-obsolete-background: var(--league-black);
--messagebox-obsolete-border: #464646;
--messagebox-obsolete-color: var(--text-color);
--messagebox-obsolete-link-color: #6c6c6c;
--messagebox-info-background: var(--league-black);
--messagebox-info-border: #898989;
--messagebox-info-color: var(--text-color);
--messagebox-info-link-color: #6c6c6c;
--messagebox-action-background: var(--league-black);
--messagebox-action-border: #0b5884;
--messagebox-action-color: var(--text-color);
--messagebox-action-link-color: #6c6c6c;
--messagebox-warn-background: var(--league-black);
--messagebox-warn-border: #861c10;
--messagebox-warn-color: var(--text-color);
--messagebox-warn-link-color: #6c6c6c;
--messagebox-safe-background: var(--league-black);
--messagebox-safe-border: #1b8408;
--messagebox-safe-color: var(--text-color);
--messagebox-safe-link-color: #6c6c6c;
--messagebox-disambig-background: var(--league-black);
--messagebox-disambig-border: #898989;
--messagebox-disambig-color: var(--text-color);
--messagebox-disambig-link-color: #6c6c6c;
--messagebox-discord-background: var(--league-black);
--messagebox-discord-border: #4c57d0;
--messagebox-discord-link-color: #6c6c6c;

/* Infoboxes */
--infobox-text-color: var(--text-color);
--infobox-background: var(--league-black);
--infobox-accent: var(--league-med-gold);
--infobox-border: var(--league-dark-gold);

/* Documentation */
--documentation-background: #f9fafa;
--documentation-link-color: #e4eaee;
--documentation-headers-color: #fff;
--documentation-header-background: #949eaa;
--documentation-subheader-background: #808c9a;
--documentation-border: #e4eaee;

/* Warnings */
--errorbox-bg: var(--league-black); /*The warning at the top of this pag; also assigned to Amboxes.*/
--errorbox-border: #ee4231;
--warningbox-bg: var(--league-black);
--warningbox-border: #ee4231;
--successbox-bg: var(--league-black);
--successbox-border: #6bc71f;

/* Tables */
--article-table-header-bg: #092949;
--article-table-bg: #051829;
--wikitable-header-bg: #2B3241;
--wikitable-border: #3E4451;
--wikitable-bg: var(--league-wiki-dark);
--wikitable-bg-lighter: var(--body-mid);
--wikitable-color: var(--text-color);
--table-na-background: rgba(255, 255, 255, 0.3);
--table-na-color: var(--subtle-color);
--table-yes-background: #c3e8a3;
--table-yes-color: #2e5e05;
--table-no-background: #fbc0ba;
--table-no-color: #801c13;
--table-maybe-background: #fcea94;
--table-maybe-color: #786300;

/* Diffs */
--diff-addedline-border-color: #438ab5;
--diff-addedline-background: #bddff2;
--diff-addedline-color: #000;
--diff-deletedline-border-color: #379541;
--diff-deletedline-background: #c1edbf;
--diff-deletedline-color: #000;
--diff-context-border-color: var(--body-mid);
--diff-context-background: var(--body-mid);
--diff-inline-deletedline: #fbc0ba;

/* Tabs */
--tabber-tab-bg: var(--body-mid);
--tabber-active-tab-bg: var(--body-secondary);
--tabber-active-tab-color: var(--text-color);
--tabber-active-tab-hover-bg: var(--body-light);
--tabber-active-tab-hover-border-color: var(--body-border);
--tabber-active-tab-hover-color: var(--text-color);
--tabber-active-tab-border-hider-color: var(--body-light);
--tabber-inactive-tab-bg: var(--body-accent-color);
--tabber-inactive-tab-border-color: var(--body-border);
--tabber-inactive-tab-color: var(--text-color);
--tabber-inactive-tab-hover-bg: var(--body-light);
--tabber-inactive-tab-hover-border-color: var(--body-border);

/* Tooltips */
--tooltip-bg-color: var(--league-black);
--tooltip-text-color: #D5D4D4;
--tooltip-header-text-color: #9797FC;

/* Templates */
/* - Template:Background_quote */
--background-quote-bg-color: var(--league-wiki-dark);
/* - Template:Portal/News/Row */
--portal-news-subheader-color: #b4caf5; /* some teal color */
--portal-news-accent-color: #c99e42; /* some gold color */
--portal-news-border-color: #464646; /* some gray color */
--portal-news-row-background-color: #082947; /* some blue color */
}

/* Rubik */
@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 300;
src: local("Rubik Light Italic"),local("Rubik-LightItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 300;
src: local("Rubik Light Italic"),local("Rubik-LightItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 300;
src: local("Rubik Light Italic"),local("Rubik-LightItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 300;
src: local("Rubik Light Italic"),local("Rubik-LightItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 400;
src: local("Rubik Italic"),local("Rubik-Italic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 400;
src: local("Rubik Italic"),local("Rubik-Italic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 400;
src: local("Rubik Italic"),local("Rubik-Italic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 400;
src: local("Rubik Italic"),local("Rubik-Italic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 500;
src: local("Rubik Medium Italic"),local("Rubik-MediumItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 500;
src: local("Rubik Medium Italic"),local("Rubik-MediumItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 500;
src: local("Rubik Medium Italic"),local("Rubik-MediumItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 500;
src: local("Rubik Medium Italic"),local("Rubik-MediumItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 700;
src: local("Rubik Bold Italic"),local("Rubik-BoldItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 700;
src: local("Rubik Bold Italic"),local("Rubik-BoldItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 700;
src: local("Rubik Bold Italic"),local("Rubik-BoldItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 700;
src: local("Rubik Bold Italic"),local("Rubik-BoldItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 300;
src: local("Rubik Light"),local("Rubik-Light"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 300;
src: local("Rubik Light"),local("Rubik-Light"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 300;
src: local("Rubik Light"),local("Rubik-Light"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 300;
src: local("Rubik Light"),local("Rubik-Light"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 400;
src: local("Rubik"),local("Rubik-Regular"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 400;
src: local("Rubik"),local("Rubik-Regular"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 400;
src: local("Rubik"),local("Rubik-Regular"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 400;
src: local("Rubik"),local("Rubik-Regular"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 500;
src: local("Rubik Medium"),local("Rubik-Medium"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 500;
src: local("Rubik Medium"),local("Rubik-Medium"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 500;
src: local("Rubik Medium"),local("Rubik-Medium"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 500;
src: local("Rubik Medium"),local("Rubik-Medium"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 700;
src: local("Rubik Bold"),local("Rubik-Bold"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 700;
src: local("Rubik Bold"),local("Rubik-Bold"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 700;
src: local("Rubik Bold"),local("Rubik-Bold"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 700;
src: local("Rubik Bold"),local("Rubik-Bold"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

/* SpiegelLoL */
/*@font-face {
font-family: SpiegelLoL;
src:
url('filepath://Spiegel_Regular.woff2') format("woff2");
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: SpiegelLoL;
src:
url('filepath://Spiegel_Regular_Italic.woff2') format("woff2");
font-weight: 400;
font-style: italic;
}

@font-face {
font-family: SpiegelLoL;
src:
url('filepath://Spiegel_Bold.woff2') format("woff2");
font-weight: 700;
font-style: bold;
}*/

/* Nunito (body font) */
/*@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');*/
@font-face {
font-family: 'Nunito';
src: local("Nunito"), url('https://mediawiki.s3.bhs.io.cloud.ovh.net/fonts/Nunito-Regular.woff2') format('woff2');
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Nunito';
src: local("Nunito Italic"), url('https://mediawiki.s3.bhs.io.cloud.ovh.net/fonts/Nunito-Italic.woff2') format('woff2');
font-weight: 400;
font-display: swap;
font-style: italic;
}
@font-face {
font-family: 'Nunito';
src: local("Nunito Bold"), url('https://mediawiki.s3.bhs.io.cloud.ovh.net/fonts/Nunito-Bold.woff2') format('woff2');
font-weight: 700;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Nunito';
src: local("Nunito Bold Italic"), url('https://mediawiki.s3.bhs.io.cloud.ovh.net/fonts/Nunito-BoldItalic.woff2') format('woff2');
font-weight: 700;
font-display: swap;
font-style: italic;
}

/* BeaufortLoL */
/*@font-face {
font-family: BeaufortLoL;
src:
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Heavy.woff2) format("woff2"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Heavy.woff) format("woff"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Heavy.ttf) format("truetype");
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: BeaufortLoL;
src:
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-HeavyItalic.woff2) format("woff2"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-HeavyItalic.woff) format("woff"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-HeavyItalic.ttf) format("truetype");
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: BeaufortLoL;
src:
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.woff2) format("woff2"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.woff) format("woff"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: BeaufortLoL;
src:
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-BoldItalic.woff2) format("woff2"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-BoldItalic.woff) format("woff"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-BoldItalic.ttf) format("truetype");
font-weight: 700;
font-style: italic;
}
@font-face {
font-family :BeaufortLoL;
src:
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Medium.woff2) format("woff2"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Medium.woff) format("woff"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: BeaufortLoL;
src:
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-MediumItalic.woff2) format("woff2"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-MediumItalic.woff) format("woff"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: BeaufortLoL;
src:
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Regular.woff2) format("woff2"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Regular.woff) format("woff"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: BeaufortLoL;
src:
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Italic.woff2) format("woff2"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Italic.woff) format("woff"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Italic.ttf) format("truetype");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: BeaufortLoL;
src:
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Light.woff2) format("woff2"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Light.woff) format("woff"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Light.ttf) format("truetype");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: BeaufortLoL;
src:
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-LightItalic.woff2) format("woff2"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-LightItalic.woff) format("woff"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-LightItalic.ttf) format("truetype");
font-weight: 200;
font-style: italic;
}*/
/* Lovelo (title font) */
/*@import url("https://fonts.cdnfonts.com/css/lovelo");*/
@font-face {
font-family: "Lovelo";
src: local("Lovelo Black"), url("https://mediawiki.s3.bhs.io.cloud.ovh.net/fonts/Lovelo-Black.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}

/* UniversLoR */
@font-face {
font-family: UniversLoR;
src: url('filepath://Univers_Regular.woff2') format("woff2");
font-weight: 400;
font-style: normal;
font-stretch: normal;
}

@font-face {
font-family: UniversLoR;
src: url('filepath://Univers_UltCond.woff2') format("woff2");
font-weight: 400;
font-style: normal;
font-stretch: ultra-condensed;
}

body {
font-family: 'Nunito', 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
caret-color: rgb(255, 255, 255);
}

/* OOUI icon hue rotate for visibility */
body .oo-ui-iconElement-icon:not(.oo-ui-image-destructive):not(.oo-ui-image-warning):not(.oo-ui-image-progressive):not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-icon-page-existing),
body .oo-ui-indicatorElement-indicator,
body .mwe-math-element img,
body .mw-ui-icon:before,
body .soft-redirect > div:nth-child(1) img {
filter: invert(1) hue-rotate(180deg);
}

/* Used to make black icons white */
.invert-img {
filter: invert(1);
}

.mw-body h1,
.mw-body-content h1,
.mw-body-content h2,
.mw-body-content h3,
.mw-body-content h4,
.mw-body-content h5,
.mw-body-content h6 {
font-family: Lovelo;
font-weight: 400;
}

.mw-body {
font-size: 18px;
}

#mw-page-base {
background: none;
}

.mw-body {
background-color: var(--body-main);
color: var(--league-white);
border-color: transparent;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--text-color);
}

h1,
h2 {
border-color: var(--section-border-color);
}

.mw-body-content h3 {
width: 50%;
border-bottom: 1px solid var(--league-grey-2);
}

.mw-parser-output h2:first-of-type {
clear: left;
}

.mw-footer {
color: var(--background-text-color);
}

.mw-footer li {
color: var(--background-text-color);
}

.mw-footer a,
.mw-footer a:active,
.mw-footer a:visited {
color: var(--background-link-color);
}

::placeholder {
color: var(--subtle-color);
}

a {
color: var(--link-color);
}

a:visited,
a:active {
color: var(--link-color);
}

a.new {
color: var(--redlink-color);
}

a.new:visited {
color: var(--redlink-color);
}

.mw-parser-output a.extiw,
.mw-parser-output a.external {
color: var(--link-color);
}

.mw-parser-output a.extiw:visited,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw:active,
.mw-parser-output a.external:active {
color: var(--link-color);
}

.jsPurgeLink a.external {
color: var(--link-color);
}

#ca-nstab-user a {
background: none;
}

.mw-image-border .mw-file-element {
border: 1px solid var(--border-color);
border-radius: 3px;
}

.CodeMirror {
color: var(--league-white);
}

.mw-message-box-error,
.errorbox,
.mw-message-box-warning,
.warningbox,
.mw-message-box-success,
.successbox,
.usermessage {
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

.mw-message-box-error,
.errorbox {
background-color: var(--errorbox-bg);
border-color: var(--errorbox-border);
}

.mw-message-box-warning,
.warningbox,
.usermessage {
background-color: var(--warningbox-bg);
border-color: var(--warningbox-border);
}

.mw-message-box-success,
.successbox {
background-color: var(--successbox-bg);
border-color: var(--successbox-border);
}

.catlinks {
background: var(--league-black);
border: 1px solid var(--league-grey-2);
padding: 8px 15px;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

.catlinks li {
border-color: var(--body-mid);
}

.filehistory a img,
#file img {
background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='.13'/%3E%3C/svg%3E") repeat;
}

#file img:hover {
background: none;
}

.mw-highlight {
background: none;
}

.mw-highlight .linenos {
background-color: var(--mw-code-background-color);
color: var(--byline-color);
}

.mw-highlight a:hover .linenos,
.mw-highlight .hll a .linenos {
color: var(--text-color);
}

.mw-content-ltr.mw-highlight-lines pre,
.mw-content-ltr.content .mw-highlight-lines pre {
box-shadow: inset 2.75em 0 0 var(--mw-code-background-color);
}

/*****

vv STUFF WE DIDNT CHANGE? vv

****/

#pagehistory ul {
list-style: none;
margin: 0;
}

#pagehistory li {
border: 1px solid transparent;
padding: 1px 10px;
margin: 2px 0;
}

#pagehistory li.selected {
background-color: var(--body-light);
color: inherit;
border: 1px dashed var(--body-border);
outline: none;
}

#mw-history-compare > div:first-of-type {
position: -webkit-sticky;
position: sticky;
top: 0;
background-color: var(--body-main);
border-bottom: 1px solid var(--body-dark);
padding: 0.25em 0;
}

.autocomment,
.autocomment a,
.autocomment a:visited {
color: var(--link-color);
}

li span.deleted,
span.history-deleted {
color: var(--byline-color);
}

.mw-usertoollinks-contribs-no-edits,
.mw-usertoollinks-contribs-no-edits:visited {
color: var(--redlink-color);
}

.CategoryTreeToggle {
color: var(--link-color);
}

.mw-mmv-post-image {
color: var(--text-color);
background-color: var(--body-main);
}

.mw-mmv-image-metadata {
border-top-color: var(--body-mid);
background-color: var(--body-light);
}

.mw-mmv-dialog,
.mw-mmv-dialog .mw-mmv-dialog-down-arrow,
.mw-mmv-options-dialog .mw-mmv-dialog-down-arrow {
background-color: var(--body-light);
box-shadow: none;
}

.mw-mmv-options-enable-alert {
background-color: var(--body-light);
color: var(--text-color);
}

.mw-mmv-options-dialog-header,
.mw-mmv-options-text-header,
.mw-mmv-options-text-body,
.mw-mmv-options-enable-alert,
.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-dialog-header,
.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header {
color: var(--text-color);
}

.mw-revslider-container {
border-color: var(--sidebar);
}

.mw-revslider-slider-wrapper {
border-top-color: var(--sidebar);
}

.mw-ui-button {
background-color: var(--ooui-normal);
color: var(--ooui-text);
border-color: var(--ooui-normal-border);
}

.cdx-button:not( :disabled ),
.mw-ui-button:not( :disabled ),
.cdx-button:enabled,
.mw-ui-button:enabled,
.cdx-button.cdx-button--fake-button--enabled,
.mw-ui-button.cdx-button--fake-button--enabled {
background-color: var(--ooui-normal);
color: var(--ooui-text);
border-color: var(--ooui-normal-border);
}

.cdx-button:not( :disabled ):focus:not(:active):not(.cdx-button--is-active),
.mw-ui-button:not( :disabled ):focus:not(:active):not(.cdx-button--is-active),
.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),
.mw-ui-button:enabled:focus:not(:active):not(.cdx-button--is-active),
.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active),
.mw-ui-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) {
color: var(--ooui-text);
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff;
}

.cdx-button:not( :disabled ):hover,
.mw-ui-button:not( :disabled ):hover,
.cdx-button:enabled:hover,
.mw-ui-button:enabled:hover,
.cdx-button.cdx-button--fake-button--enabled:hover,
.mw-ui-button.cdx-button--fake-button--enabled:hover,
.cdx-button:not( :disabled ):active,
.mw-ui-button:not( :disabled ):active,
.cdx-button:enabled:active,
.mw-ui-button:enabled:active,
.cdx-button.cdx-button--fake-button--enabled:active,
.mw-ui-button.cdx-button--fake-button--enabled:active {
background-color: var(--ooui-normal--hover);
color: var(--ooui-text);
border-color: var(--ooui-normal-border);
}

.cdx-button:not( :disabled ):visited,
.mw-ui-button:not( :disabled ):visited,
.cdx-button:enabled:visited,
.mw-ui-button:enabled:visited,
.cdx-button.cdx-button--fake-button--enabled:visited,
.mw-ui-button.cdx-button--fake-button--enabled:visited {
color: var(--ooui-text);
}

.cdx-button:not( :disabled ).cdx-button--weight-primary.cdx-button--action-progressive,
.mw-ui-button:not( :disabled ).cdx-button--weight-primary.cdx-button--action-progressive,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.cdx-button:not( :disabled ).mw-ui-progressive:not(:disabled),
.mw-ui-button:not( :disabled ).mw-ui-progressive:not(:disabled),
.cdx-button:enabled.mw-ui-progressive:not(:disabled),
.mw-ui-button:enabled.mw-ui-progressive:not(:disabled),
.cdx-button.cdx-button--fake-button--enabled.mw-ui-progressive:not(:disabled),
.mw-ui-button.cdx-button--fake-button--enabled.mw-ui-progressive:not(:disabled) {
background-color: var(--ooui-progressive);
color: #fff;
border-color: var(--ooui-progressive);
}

.cdx-button:not( :disabled ).cdx-button--weight-primary.cdx-button--action-progressive:hover,
.mw-ui-button:not( :disabled ).cdx-button--weight-primary.cdx-button--action-progressive:hover,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.cdx-button:not( :disabled ).mw-ui-progressive:not(:disabled):hover,
.mw-ui-button:not( :disabled ).mw-ui-progressive:not(:disabled):hover,
.cdx-button:enabled.mw-ui-progressive:not(:disabled):hover,
.mw-ui-button:enabled.mw-ui-progressive:not(:disabled):hover,
.cdx-button.cdx-button--fake-button--enabled.mw-ui-progressive:not(:disabled):hover,
.mw-ui-button.cdx-button--fake-button--enabled.mw-ui-progressive:not(:disabled):hover {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
}

.cdx-button:not( :disabled ).cdx-button--weight-primary.cdx-button--action-progressive:focus,
.mw-ui-button:not( :disabled ).cdx-button--weight-primary.cdx-button--action-progressive:focus,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus,
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus,
.cdx-button:not( :disabled ).mw-ui-progressive:not(:disabled):focus,
.mw-ui-button:not( :disabled ).mw-ui-progressive:not(:disabled):focus,
.cdx-button:enabled.mw-ui-progressive:not(:disabled):focus,
.mw-ui-button:enabled.mw-ui-progressive:not(:disabled):focus,
.cdx-button.cdx-button--fake-button--enabled.mw-ui-progressive:not(:disabled):focus,
.mw-ui-button.cdx-button--fake-button--enabled.mw-ui-progressive:not(:disabled):focus {
box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff;
}

.cdx-button:not( :disabled ).cdx-button--weight-primary.cdx-button--action-progressive:active,
.mw-ui-button:not( :disabled ).cdx-button--weight-primary.cdx-button--action-progressive:active,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
.cdx-button:not( :disabled ).mw-ui-progressive:not(:disabled):active,
.mw-ui-button:not( :disabled ).mw-ui-progressive:not(:disabled):active,
.cdx-button:enabled.mw-ui-progressive:not(:disabled):active,
.mw-ui-button:enabled.mw-ui-progressive:not(:disabled):active,
.cdx-button.cdx-button--fake-button--enabled.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.cdx-button--fake-button--enabled.mw-ui-progressive:not(:disabled):active,
.cdx-button:not( :disabled ).cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.mw-ui-button:not( :disabled ).cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.cdx-button:not( :disabled ).mw-ui-progressive:not(:disabled).is-on,
.mw-ui-button:not( :disabled ).mw-ui-progressive:not(:disabled).is-on,
.cdx-button:enabled.mw-ui-progressive:not(:disabled).is-on,
.mw-ui-button:enabled.mw-ui-progressive:not(:disabled).is-on,
.cdx-button.cdx-button--fake-button--enabled.mw-ui-progressive:not(:disabled).is-on,
.mw-ui-button.cdx-button--fake-button--enabled.mw-ui-progressive:not(:disabled).is-on {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
box-shadow: none;
}

.cdx-button.cdx-button--action-destructive:not( :disabled ),
.cdx-button.mw-ui-button--action-destructive:not( :disabled ),
.mw-ui-button.cdx-button--action-destructive:not( :disabled ),
.mw-ui-button.mw-ui-button--action-destructive:not( :disabled ) {
color: #fff;
}

.cdx-button.cdx-button--weight-quiet,
.cdx-button.mw-ui-button--weight-quiet,
.mw-ui-button.cdx-button--weight-quiet,
.mw-ui-button.mw-ui-button--weight-quiet,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive {
color: var(--text-color);
}

.cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:checked + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon {
background-color: var(--ooui-progressive);
border-color: var(--ooui-progressive);
}

.cdx-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
}

.cdx-checkbox__input:enabled:checked:active + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:checked:active + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover);
}

.cdx-checkbox__input:enabled:checked:focus:not(:active),
.mw-ui-checkbox__input:enabled:checked:focus:not(:active),
.cdx-checkbox__input:enabled:indeterminate:focus:not(:active),
.mw-ui-checkbox__input:enabled:indeterminate:focus:not(:active) {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff;
}

.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover) + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:checked:focus:not(:active):not(:hover) + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover) + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover) + .cdx-checkbox__icon {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff;
}

.cdx-checkbox__input:enabled:hover + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:hover + .cdx-checkbox__icon {
border-color: var(--ooui-accent);
}

.cdx-checkbox__input:enabled:active + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:active + .cdx-checkbox__icon {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover);
}

input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet,
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
.cdx-button.cdx-button--weight-quiet:hover,
.cdx-button.mw-ui-button--weight-quiet:hover,
.mw-ui-button.cdx-button--weight-quiet:hover,
.mw-ui-button.mw-ui-button--weight-quiet:hover,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive:hover,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:hover,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:hover,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:hover,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive:hover,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:hover,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:hover,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:hover,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive:hover,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:hover,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:hover,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:hover,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive:hover,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:hover,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:hover,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:hover {
background-color: rgba(0, 24, 73, 0.02745098);
color: var(--text-color);
border-color: transparent;
}

input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet,
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
.cdx-button.cdx-button--weight-quiet:focus,
.cdx-button.mw-ui-button--weight-quiet:focus,
.mw-ui-button.cdx-button--weight-quiet:focus,
.mw-ui-button.mw-ui-button--weight-quiet:focus,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive:focus,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:focus,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:focus,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:focus,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive:focus,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:focus,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:focus,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:focus,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive:focus,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:focus,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:focus,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:focus,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive:focus,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:focus,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:focus,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:focus {
color: var(--text-color);
}

input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet,
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet,
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet,
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet,
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
.cdx-button.cdx-button--weight-quiet:active,
.cdx-button.mw-ui-button--weight-quiet:active,
.mw-ui-button.cdx-button--weight-quiet:active,
.mw-ui-button.mw-ui-button--weight-quiet:active,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive:active,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:active,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:active,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:active,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive:active,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:active,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:active,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:active,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive:active,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:active,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:active,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:active,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive:active,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:active,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:active,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:active {
background-color: rgba(0, 36, 73, 0.08235294);
color: var(--text-color);
border-color: #72777d;
}

.mw-ui-input:not(:disabled),
.cdx-text-input__input:enabled {
background-color: var(--ooui-input);
color: var(--text-color);
border-color: var(--ooui-input-border);
}

.mw-ui-input:not(:disabled):hover,
.cdx-text-input__input:enabled:hover {
border-color: var(--ooui-input-border--hover);
}

.mw-ui-input:not(:disabled):focus,
.cdx-text-input__input:enabled:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.mw-ui-input:not(:disabled)::placeholder,
.cdx-text-input__input:enabled::placeholder {
color: var(--byline-color);
}

.mw-content-ltr .redirectText li:first-child {
padding: 0;
background: 0;
}

.mw-content-ltr .redirectText li:first-child::before {
content: '';
background: currentcolor;
-webkit-mask: url("filepath://Redirect-arrow.svg") no-repeat 50% 50% / contain;
mask: url("filepath://Redirect-arrow.svg") no-repeat 50% 50% / contain;
display: inline-block;
width: 47px;
height: 20px;
}

.wikitable {
background: var(--wikitable-bg);
color: var(--wikitable-color);
border-color: var(--wikitable-border);
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

.wikitable > tr > th,
.wikitable > tr > td,
.wikitable > * > tr > th,
.wikitable > * > tr > td {
border-color: var(--wikitable-border);
}

.wikitable > tr > th.table-noborder,
.wikitable > tr > td.table-noborder,
.wikitable > * > tr > th.table-noborder,
.wikitable > * > tr > td.table-noborder {
border-left-style: hidden;
border-right-style: hidden;
padding-left: 0;
padding-right: 0;
}

.wikitable > tr > th,
.wikitable > * > tr > th {
background-color: var(--wikitable-header-bg);
color: var(--league-white);
}

.tabber .wikitable {
box-shadow: none;
}

.table-bg-blue {
background: var(--droptable-always-background);
color: var(--droptable-text-color);
}

.table-bg-green {
background: var(--droptable-common-background);
color: var(--droptable-text-color);
}

.table-bg-yellow {
background: var(--droptable-uncommon-background);
color: var(--droptable-text-color);
}

.table-bg-orange {
background: var(--droptable-rare-background);
color: var(--droptable-text-color);
}

.table-bg-red {
background: var(--droptable-veryrare-background);
color: var(--droptable-text-color);
}

.table-bg-pink {
background: var(--droptable-random-background);
color: var(--droptable-text-color);
}

.table-bg-fade {
opacity: 0.6;
background: rgba(0, 0, 0, 0.1);
}

.mw_metadata td,
.mw_metadata th {
border-color: var(--wikitable-border);
}

.mw_metadata th {
background-color: var(--wikitable-header-bg);
}

.mw_metadata td {
background-color: var(--wikitable-bg);
}

.mw-datatable {
border-color: var(--wikitable-border);
}

.mw-datatable td,
.mw-datatable th {
border-color: var(--wikitable-border);
}

.mw-datatable th {
background-color: var(--wikitable-header-bg);
}

.mw-datatable td {
background-color: var(--wikitable-bg);
}

.mw-datatable tr:hover td {
background-color: var(--wikitable-bg);
}

table.alternating-rows tr:nth-child(odd),
table.alternating-cols td:nth-child(odd) {
background: var(--wikitable-alternating-bg);
}

.table-na {
background: var(--table-na-background);
color: var(--table-na-color);
vertical-align: middle;
text-align: center;
}

.table-yes {
background: var(--table-yes-background);
color: var(--table-yes-color);
}

.table-positive {
background: var(--table-yes-background);
}

.table-no {
background: var(--table-no-background);
color: var(--table-no-color);
}

.table-negative {
background: var(--table-no-background);
}

.table-maybe {
background: var(--table-maybe-background);
color: var(--table-maybe-color);
}

#mw-allmessagestable .am_actual,
#mw-allmessagestable .am_default {
background-color: var(--wikitable-bg);
}

#mw-allmessagestable .am_default:hover,
#mw-allmessagestable .am_actual:hover,
#mw-allmessagestable tbody:hover td {
background-color: var(--wikitable-bg-lighter);
}

table.wikitable td.no-cell-spacing {
padding: 0;
height: 0;
}

table.wikitable td.no-cell-spacing table {
margin: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}

.plainlist ol,
.plainlist ul {
margin: 0;
}

.plainlist li {
margin-bottom: 0;
list-style: none;
}

table.align-right-1 td:nth-of-type(1),
table.align-right-2 td:nth-of-type(2),
table.align-right-3 td:nth-of-type(3),
table.align-right-4 td:nth-of-type(4),
table.align-right-5 td:nth-of-type(5),
table.align-right-6 td:nth-of-type(6),
table.align-right-7 td:nth-of-type(7),
table.align-right-8 td:nth-of-type(8),
table.align-right-9 td:nth-of-type(9),
table.align-right-10 td:nth-of-type(10),
table.align-right-11 td:nth-of-type(11),
table.align-right-12 td:nth-of-type(12),
table.align-right-13 td:nth-of-type(13),
table.align-right-14 td:nth-of-type(14),
table.align-right-15 td:nth-of-type(15),
table.align-right-16 td:nth-of-type(16),
table.align-right-17 td:nth-of-type(17),
table.align-right-18 td:nth-of-type(18),
table.align-right-19 td:nth-of-type(19),
table.align-right-20 td:nth-of-type(20) {
text-align: right;
}

table.align-center-1 td:nth-of-type(1),
table.align-center-2 td:nth-of-type(2),
table.align-center-3 td:nth-of-type(3),
table.align-center-4 td:nth-of-type(4),
table.align-center-5 td:nth-of-type(5),
table.align-center-6 td:nth-of-type(6),
table.align-center-7 td:nth-of-type(7),
table.align-center-8 td:nth-of-type(8),
table.align-center-9 td:nth-of-type(9),
table.align-center-10 td:nth-of-type(10),
table.align-center-11 td:nth-of-type(11),
table.align-center-12 td:nth-of-type(12),
table.align-center-13 td:nth-of-type(13),
table.align-center-14 td:nth-of-type(14),
table.align-center-15 td:nth-of-type(15),
table.align-center-16 td:nth-of-type(16),
table.align-center-17 td:nth-of-type(17),
table.align-center-18 td:nth-of-type(18),
table.align-center-19 td:nth-of-type(19),
table.align-center-20 td:nth-of-type(20) {
text-align: center;
}

table.align-left-1 td:nth-of-type(1),
table.align-left-2 td:nth-of-type(2),
table.align-left-3 td:nth-of-type(3),
table.align-left-4 td:nth-of-type(4),
table.align-left-5 td:nth-of-type(5),
table.align-left-6 td:nth-of-type(6),
table.align-left-7 td:nth-of-type(7),
table.align-left-8 td:nth-of-type(8),
table.align-left-9 td:nth-of-type(9),
table.align-left-10 td:nth-of-type(10),
table.align-left-11 td:nth-of-type(11),
table.align-left-12 td:nth-of-type(12),
table.align-left-13 td:nth-of-type(13),
table.align-left-14 td:nth-of-type(14),
table.align-left-15 td:nth-of-type(15),
table.align-left-16 td:nth-of-type(16),
table.align-left-17 td:nth-of-type(17),
table.align-left-18 td:nth-of-type(18),
table.align-left-19 td:nth-of-type(19),
table.align-left-20 td:nth-of-type(20) {
text-align: left;
}

.rsw-chartjs.rsw-chartjs-config {
display: none;
}

.rsw-chartjs.rsw-chart-error {
font-family: monospace;
}

.rsw-chartjs-canvas {
background-color: var(--body-light);
}

.diff-context {
border-color: var(--diff-context-border-color);
background: var(--diff-context-background);
color: inherit;
}

.diff-addedline {
border-color: var(--diff-addedline-border-color);
}

.diff-addedline .diffchange {
background: var(--diff-addedline-background);
color: var(--diff-addedline-color);
}

.diff-deletedline {
border-color: var(--diff-deletedline-border-color);
}

.diff-deletedline .diffchange {
background: var(--diff-deletedline-background);
color: var(--diff-deletedline-color);
}

.mw-diff-movedpara-left:after,
.mw-diff-movedpara-right:after {
color: var(--text-color);
}

.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins {
background: var(--diff-addedline-background);
}

.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del {
background: var(--diff-inline-deletedline);
}

.mw-diff-inline-added.mw-diff-empty-line::after,
.mw-inline-diff-newline::after {
background: var(--diff-addedline-background);
color: var(--byline-color);
}

.mw-diff-inline-added ins,
.mw-diff-inline-changed ins,
.mw-diff-inline-moved ins {
background: var(--diff-addedline-background);
}

.mw-diff-inline-deleted.mw-diff-empty-line::after,
.mw-inline-diff-newline::after {
background: var(--diff-inline-deletedline);
color: var(--byline-color);
}

.mw-diff-inline-deleted del,
.mw-diff-inline-changed del,
.mw-diff-inline-moved del {
background: var(--diff-inline-deletedline);
}

.mw-notification {
background-color: var(--body-secondary);
border-color: var(--body-border);
color: var(--text-color);
}

.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
background: var(--body-main);
}

.mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {
color: var(--byline-color);
}

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--ooui-normal);
color: var(--ooui-accent);
}

.mw-echo-ui-pageNotificationsOptionWidget-label-count {
background-color: var(--ooui-normal);
color: var(--byline-color);
}

.oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {
color: var(--ooui-accent);
}

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--ooui-normal);
color: var(--text-color);
}

.mw-echo-ui-crossWikiUnreadFilterWidget {
border-color: var(--body-border);
}

.mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {
color: var(--byline-color);
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer {
border-color: var(--ooui-interface-border);
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
border-left-color: var(--ooui-normal-border);
}

.mw-echo-ui-notificationItemWidget {
background-color: var(--body-light);
border-color: var(--ooui-normal-border);
}

.mw-echo-ui-notificationItemWidget:hover,
.mw-echo-ui-notificationItemWidget-unread:hover {
background-color: var(--ooui-normal--hover);
}

.mw-echo-ui-notificationItemWidget:last-child {
border-bottom-color: var(--ooui-normal-border);
}

.mw-echo-ui-notificationItemWidget-unread {
background-color: var(--search-box);
}

.mw-echo-ui-crossWikiNotificationItemWidget-group,
.mw-echo-ui-bundleNotificationItemWidget-group {
background-color: var(--ooui-interface);
}

.mw-echo-ui-toggleReadCircleButtonWidget-circle {
background-color: var(--ooui-progressive);
}

.mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {
background-color: var(--ooui-progressive--hover);
}

.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
background-color: var(--ooui-normal);
border-color: var(--ooui-normal-border);
}

.mw-echo-ui-notificationItemWidget-content-message-header,
.mw-echo-ui-notificationItemWidget-content-message-body,
.mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
.mw-echo-ui-notificationItemWidget-content-actions-timestamp {
color: var(--ooui-text);
}

.mw-echo-ui-bundleNotificationItemWidget-group {
background-color: var(--body-main);
}

@keyframes unseen-fadeout-to-unread {
from {
background-color: var(--wikitable-bg-lighter);
}

to {
background-color: var(--search-box);
}

}

@keyframes unseen-fadeout-to-read {
from {
background-color: var(--wikitable-bg-lighter);
}

to {
background-color: var(--body-main);
}

}

.mwe-popups {
background: var(--body-light);
}

.mwe-popups .mwe-popups-container {
color: var(--text-color);
background: var(--body-light);
}

.mwe-popups .mwe-popups-container.flipped-x-y:before,
.mwe-popups .mwe-popups-container.flipped-y:before {
border-top: none;
}

.mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:before {
border-bottom: none;
}

.mwe-popups .mwe-popups-container.flipped-x-y:after,
.mwe-popups .mwe-popups-container.flipped-y:after {
border-top-color: var(--body-light);
}

.mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:after {
border-bottom-color: var(--body-light);
}

.mwe-popups .mwe-popups-settings-icon:hover,
.mwe-popups .mwe-popups-settings-icon:active {
background-color: var(--ooui-normal--hover);
}

.mwe-popups .mw-ui-icon-element:not(.disabled):hover {
background: none;
}

.mwe-popups .mwe-popups-extract {
color: var(--text-color);
}

.mwe-popups .mwe-popups-extract[dir='ltr']:after {
background-image: linear-gradient(to right, rgba(49, 62, 89, 0), var(--body-light) 50%);
}

.mwe-popups-overlay {
background-color: var(--ooui-window-background);
}

#mwe-popups-settings {
background: var(--ooui-interface);
border-color: var(--ooui-interface-border);
color: var(--text-color);
}

#mwe-popups-settings header {
border-color: var(--ooui-interface-border);
}

#mwe-popups-settings main#mwe-popups-settings-form p {
color: var(--byline-color);
}

#mwe-popups-settings main#mwe-popups-settings-form form label > span {
color: var(--ooui-text);
}

:root {
--smw-ask-options-even-bg: var(--body-mid);
--smw-ask-options-odd-bg: var(--body-light);
--smw-ask-action-btn-lblue-bg: var(--body-main);
--smw-ask-action-btn-lblue-color: #000;
--smw-ask-action-btn-lblue-border-color: var(--osrsw-brown);
--smw-ask-action-btn-dblue-bg: var(--osrsw-brown);
--smw-ask-action-btn-dblue-color: #fff;
--smw-ask-action-btn-dblue-border-color: var(--button-border);
}

.smw-ask-condition fieldset,
.smw-ask-printhead fieldset {
border-color: var(--sidebar);
}

.smw-ask-search fieldset,
.smw-ask-format fieldset,
.smw-ask-options fieldset {
border-color: var(--sidebar);
}

.strike > span:before,
.strike > span:after {
background: var(--sidebar);
}

.smw-ask-options-fields tr td {
background-color: var(--smw-ask-options-even-bg);
}

.smw-ask-options-fields tr:nth-child(odd) td {
background-color: var(--smw-ask-options-odd-bg);
}

.smw-ask-action-btn.smw-ask-action-btn-lblue,
.smw-ask-action-btn.smw-ask-action-btn-lblue:hover,
.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {
background-color: var(--smw-ask-action-btn-lblue-bg);
color: var(--smw-ask-action-btn-lblue-color);
border-color: var(--smw-ask-action-btn-lblue-border-color);
}

.smw-ask-action-btn.smw-ask-action-btn-dblue,
.smw-ask-action-btn.smw-ask-action-btn-dblue:hover,
.smw-ask-action-btn.smw-ask-action-btn-dblue:visited {
background-color: var(--smw-ask-action-btn-dblue-bg);
color: var(--smw-ask-action-btn-dblue-color);
border-color: var(--smw-ask-action-btn-dblue-border-color);
}

.smw-ask-query textarea,
.smw-ask-actions textarea {
background-color: var(--ooui-interface);
border-color: var(--ooui-interface-border);
color: var(--ooui-text);
}

.smw-ask-query-format select {
background-color: var(--ooui-interface);
border: 1px solid var(--ooui-interface-border);
color: var(--ooui-text);
}

.smw-ask-toplinks {
background-color: var(--body-mid);
}

.smw-ask-toplinks span.smw-icon-info {
background: none;
padding: 0 !important;
}

.smw-ask-toplinks span.smw-icon-info::before {
content: '';
background: var(--text-color);
-webkit-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E") no-repeat 50% 50% / contain;
mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E") no-repeat 50% 50% / contain;
padding: 0 0 3px 18px;
}

.smw-ask-options-row-odd {
background-color: var(--body-light);
}

.smw-ask-options-row-even {
background-color: var(--body-mid);
}

#options-toggle:not(:checked) + #options-list .options-parameter-list:after {
background-image: linear-gradient(to bottom, transparent, var(--body-mid) 90%);
}

.smw-ask-button-submit input {
background-color: var(--ooui-normal);
border-color: var(--ooui-normal-border);
color: var(--text-color);
}

.smw-ask-button-submit input:hover,
.smw-ask-button-lgrey:hover {
background-color: var(--ooui-normal--hover);
border-color: var(--ooui-normal-border);
}

input.smw-ask-action-btn.smw-ask-action-btn-dblue {
background-color: var(--ooui-normal);
border-color: var(--ooui-normal-border);
color: var(--ooui-text);
}

a.smw-ask-action-btn.smw-ask-action-btn-lblue {
background-color: var(--body-mid);
border-color: var(--body-mid);
color: var(--ooui-text);
}

a.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {
background-color: var(--body-mid);
border-color: var(--body-mid);
color: var(--ooui-text);
}

a.smw-ask-action-btn.smw-ask-action-btn-lblue:hover {
background-color: var(--body-mid);
border-color: var(--body-mid);
color: var(--ooui-text);
}

a.smw-ask-action-btn-lgrey {
background-color: var(--ooui-normal);
border-color: var(--ooui-normal-border);
color: var(--ooui-text);
}

a.smw-ask-action-btn-lgrey:hover {
background-color: var(--ooui-normal--hover);
border-color: var(--ooui-normal-border);
color: var(--ooui-text);
}

.smw-callout-error {
background-color: var(--errorbox-bg);
border-color: var(--errorbox-border);
}

.smw-callout-info {
background-color: var(--body-light);
border-color: var(--body-dark);
}

.smw-callout-success {
background-color: var(--successbox-bg);
border-color: var(--successbox-border);
}

.smw-callout-warning {
background-color: var(--warningbox-bg);
border-color: var(--warningbox-bg);
}

.smw-tabs input.nav-tab:checked + label.nav-label,
.smw-tabs input.nav-tab:checked + label.nav-label:hover {
color: inherit;
}

#tab-smw-property-value:checked + label.nav-label .usage-count {
color: #fff;
background-color: var(--ooui-progressive);
}

#tab-smw-property-value:checked + label.nav-label .usage-count.moderate {
color: #fff;
background-color: #b55e0c;
border-color: #b55e0c;
}

#tab-smw-property-value:checked + label.nav-label .usage-count.high {
color: #fff;
background-color: #9f261e;
border-color: #9f261e;
}

.smw-property-page-results .header-title {
background-color: var(--ooui-interface);
border-bottom-color: var(--ooui-interface-border);
color: var(--ooui-text);
}

.smw-property-page-results .value-row:hover {
background-color: var(--ooui-normal--hover);
}

.smw-property-page-results .smw-table .header-row {
color: var(--text-color);
}

.tippy-tooltip.light-border-theme {
background-color: var(--body-light);
color: var(--text-color);
}

.tippy-tooltip.light-border-theme .tippy-arrow {
border-top-color: var(--body-light);
}

.tippy-tooltip.light-border-theme .tippy-arrow:after {
border-top-color: var(--body-light);
}

.tippy-header {
background-color: var(--body-dark);
border-bottom-color: var(--body-mid);
}

.smw-ui-input-filter {
background-color: var(--ooui-interface);
border-color: var(--ooui-interface-border);
color: var(--ooui-text);
}

.smw-ui-input-filter input {
border-left-color: var(--ooui-interface-border) !important;
color: var(--ooui-text) !important;
}

.smw-ui-pagination .page-link.link-disabled {
background-color: var(--ooui-disabled);
border-color: var(--ooui-disabled-border);
color: var(--subtle-color);
}

.smw-ui-pagination .page-link {
background-color: var(--ooui-normal);
border-color: var(--ooui-normal-border);
color: var(--link-color);
}

.smw-ui-pagination .page-link:hover {
background-color: var(--ooui-normal--hover);
border-color: var(--ooui-normal-border);
color: var(--link-color);
}

.smw-ui-pagination .page-link.link-active {
color: #fff;
background-color: var(--ooui-progressive);
border-color: var(--ooui-progressive);
}

.smw-tabs input.nav-tab:checked + label.nav-label {
border-color: var(--ooui-normal-border);
}

.smw-tabs section,
.smw-tabs .subtab-content {
border-top-color: var(--ooui-normal-border);
}

.smw-column-header {
color: var(--text-color);
}

.smw-factbox {
background: var(--body-main);
border-color: transparent;
}

.mw-body .mw-indicators #mw-indicator-smw-entity-examiner.mw-indicator .smw-indicator-vertical-bar-loader {
display: none;
}

.smwb-theme-light .smwb-title,
.smwb-theme-light .smwb-center,
.smwb-theme-light .smwb-actions,
.smwb-theme-light .smwb-prophead {
background-color: var(--body-mid);
}

.smwb-theme-light .smwb-factbox {
border-left-color: var(--body-mid);
}

.smwb-theme-light .smwb-ifactbox {
border-right-color: var(--body-mid);
}

.smwb-theme-light .smwb-propval {
background-color: var(--body-light);
}

.smwb-action-separator {
border-color: var(--wikitable-border);
}

.smwb-bottom {
border-bottom: 1px solid var(--wikitable-border);
}

.smwb-ifactbox .smwb-cell,
.smwb-factbox .smwb-cell {
border-top: 1px solid var(--wikitable-border);
}

.smwb-propvalue .smwb-prophead,
.smwb-ipropvalue .smwb-prophead,
.smwb-propvalue .smwb-propval,
.smwb-ipropvalue .smwb-propval {
font-size: 0.9em;
}

:root {
--filter-black-to-link: invert(36%) sepia(58%) saturate(433%) hue-rotate(344deg) brightness(100%) contrast(91%);
}

.tabber .tabbertab {
/*background-color: var(--tabber-tab-bg);*/
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
border: 0;
padding: 0;
}

ul.tabbernav {
border-bottom: 1px solid var(--league-grey-2);
padding: 0;
font-family: inherit;
}
ul.tabbernav li {
padding-top: 0;
}

ul.tabbernav li a {
/*background-color: var(--tabber-inactive-tab-bg);*/
background: initial;
border: 0;
/*border: 0 0 1px 0 solid var(--tabber-inactive-tab-border-color);*/
color: var(--tabber-inactive-tab-color);
display: inline-block;
font-size: 130%;
padding: 0.6em 0.75em;
margin: 0;
}

ul.tabbernav li.tabberactive > a {
background-color: var(--tabber-active-tab-bg);
color: var(--tabber-active-tab-color);
box-shadow: inset 0 -3px 0 -1px currentColor;
border-bottom: none;
position: relative;
}

ul.tabbernav li.tabberactive > a:hover {
color: var(--tabber-active-tab-hover-color);
background-color: var(--tabber-active-tab-hover-bg);
border-color: var(--tabber-active-tab-hover-border-color);
border-bottom: none;
}

ul.tabbernav li.tabberactive > a::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -1px;
border-bottom: 2px solid var(--tabber-active-tab-border-hider-color);
}

ul.tabbernav li a:hover {
background-color: var(--tabber-inactive-tab-hover-bg);
border-color: var(--tabber-inactive-tab-hover-border-color);
}

ul.tabbernav li a:link,
ul.tabbernav li a:visited {
color: var(--tabber-inactive-tab-color);
}

:root {
--ooui-text: var(--league-white); /*Was black for unknown. Now white because of RecentChanges and Special:AllMessages. */
--ooui-interface: var(--body-dark);
--ooui-interface-border: var(--body-border);
--ooui-window-background: rgba(25, 25, 25, 0.5);
--ooui-normal: #1a364f;
--ooui-normal--hover: #20415f;
--ooui-normal-border: #254b6d;
--ooui-progressive: var(--league-wheat-gold); /*Save Changes button below*/
--ooui-progressive--hover: #d3bb8b;
--ooui-accent: var(--link-color);
--ooui-input: var(--body-light); /*text field color of summary below*/
--ooui-input-border: var(--league-grey-2);
--ooui-input-border--hover: var(--body-accent-color);
--ooui-disabled: var(--league-grey-1);
--ooui-disabled-border: var(--league-grey-1);
--ooui-disabled-text: var(--subtle-color);
--ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);
}

.oo-ui-widget {
color: var(--ooui-text);
}

.oo-ui-checkboxInputWidget [type='checkbox'] + span,
.oo-ui-radioInputWidget [type='radio'] + span {
background-color: var(--ooui-input);
border-color: var(--ooui-input-border);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
background-color: var(--ooui-progressive);
border-color: var(--ooui-progressive);
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
border-color: var(--ooui-progressive);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {
border-color: var(--ooui-progressive--hover);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {
border-color: var(--ooui-accent);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover);
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {
border-color: var(--ooui-progressive--hover);
box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover);
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {
border-color: var(--ooui-progressive--hover);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff;
}

.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,
.oo-ui-radioInputWidget [type='radio']:disabled + span {
background-color: var(--ooui-disabled);
border-color: var(--ooui-disabled);
}

.oo-ui-dropdownWidget-handle {
border-color: var(--ooui-normal-border);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
background-color: var(--ooui-normal);
color: var(--ooui-text);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
background-color: var(--ooui-normal--hover);
color: var(--ooui-text);
border-color: var(--ooui-normal-border);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
color: var(--ooui-text);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
background-color: var(--ooui-normal--hover);
}

.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
color: var(--ooui-disabled-text);
text-shadow: none;
border-color: var(--ooui-disabled-border);
background-color: var(--ooui-disabled);
}

.oo-ui-dropdownInputWidget select {
border-color: var(--ooui-normal-border);
}

.oo-ui-dropdownInputWidget option {
background-color: var(--ooui-interface);
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
background-color: var(--ooui-normal);
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
background-color: var(--ooui-normal--hover);
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
color: var(--ooui-text);
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {
color: var(--ooui-text);
border-color: var(--ooui-normal-border);
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-labelWidget.oo-ui-inline-help {
color: var(--byline-color);
}

.oo-ui-menuSelectWidget {
background-color: var(--ooui-interface);
border-color: var(--ooui-interface-border);
}

.oo-ui-menuSelectWidget-frameless {
box-shadow: inset 0 -1px 0 0 var(--ooui-normal-border);
}

.oo-ui-menuSectionOptionWidget {
color: var(--byline-color);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--ooui-normal--hover);
color: var(--ooui-text);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
color: var(--ooui-accent);
}

.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: var(--ooui-text);
}

.oo-ui-messageDialog-title {
color: inherit;
}

.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {
background-color: var(--errorbox-bg);
border-color: var(--errorbox-border);
}

.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
background-color: var(--warningbox-bg);
border-color: var(--warningbox-border);
}

.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
background-color: var(--successbox-bg);
border-color: var(--successbox-border);
}

.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
background-color: var(--messagebox-info-background);
border-color: var(--messagebox-info-border);
}

.oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block),
.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {
color: var(--ooui-text);
}

.oo-ui-optionWidget.oo-ui-widget-disabled {
color: var(--ooui-disabled-text);
}

.oo-ui-outlineControlsWidget {
background-color: var(--ooui-normal);
}

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--ooui-normal--hover);
color: var(--ooui-text);
}

.oo-ui-popupWidget-popup {
background-color: var(--ooui-interface);
border-color: var(--ooui-interface-border);
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
border-bottom-color: var(--ooui-interface);
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
border-bottom-color: var(--ooui-interface-border);
}

.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
border-top-color: var(--ooui-interface);
}

.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
border-top-color: var(--ooui-interface-border);
}

.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
border-right-color: var(--ooui-interface);
}

.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {
border-right-color: var(--ooui-interface-border);
}

.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
border-left-color: var(--ooui-interface);
}

.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {
border-left-color: var(--ooui-interface-border);
}

.oo-ui-searchWidget-query {
border-bottom-color: var(--ooui-interface-border);
}

.oo-ui-selectFileWidget-dropTarget {
background-color: var(--ooui-interface);
border-color: var(--ooui-interface-border);
}

.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
background-color: var(--ooui-interface);
}

.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
border-color: var(--ooui-input-border--hover);
}

.oo-ui-tabOptionWidget {
color: var(--ooui-text);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--body-dark);
color: var(--ooui-text);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
border-bottom-color: var(--body-border);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
background-color: var(--body-light);
color: var(--ooui-text);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
background-color: var(--body-dark);
}

.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
color: var(--ooui-progressive);
box-shadow: inset 0 -2px 0 0 var(--ooui-progressive);
}

.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover,
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:focus {
color: var(--ooui-progressive--hover);
box-shadow: inset 0 -2px 0 0 var(--ooui-progressive--hover);
}

.oo-ui-tabSelectWidget-framed {
background: none;
border-bottom: 1px solid var(--ooui-interface-border);
}

.oo-ui-tabSelectWidget-frameless {
box-shadow: inset 0 -1px 0 0 var(--ooui-interface-border);
}

.oo-ui-tabSelectWidget-mobile {
}

.oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed:after {
background: var(--mobile-navbox-linear-gradient);
}

.oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless:after {
background: var(--mobile-navbox-linear-gradient);
}

.oo-ui-tagItemWidget {
border-color: var(--ooui-normal-border);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled {
color: var(--ooui-text);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
background-color: var(--ooui-normal--hover);
color: var(--ooui-text);
border-color: var(--ooui-normal-border);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:not( .oo-ui-tagItemWidget-fixed ) {
background-color: var(--ooui-normal);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
background-color: var(--ooui-normal--hover);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
background-color: var(--ooui-interface);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
background-color: var(--ooui-normal);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
background-color: var(--ooui-interface);
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
background-color: var(--ooui-input);
color: var(--ooui-text);
border-color: var(--ooui-input-border);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {
color: var(--subtle-color);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
background-color: var(--ooui-disabled);
color: var(--ooui-disabled-text);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
border-color: var(--ooui-input-border--hover);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
border-color: var(--ooui-accent);
}

@media screen and (min-width: 0) {
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {
outline: 1px solid var(--ooui-accent);
}

}

.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
background-color: var(--ooui-disabled);
color: var(--ooui-disabled-text);
text-shadow: none;
border-color: var(--ooui-disabled-border);
}

.oo-ui-toggleSwitchWidget {
background-color: var(--ooui-input);
border-color: var(--ooui-input-border);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
background-color: var(--ooui-input);
border-color: var(--ooui-input-border);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
background-color: var(--ooui-input);
border-color: var(--ooui-accent);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
background-color: var(--ooui-input);
border-color: var(--ooui-accent);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {
background-color: var(--ooui-input);
border-color: var(--ooui-input);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {
border-color: var(--ooui-accent);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
background-color: var(--ooui-progressive);
border-color: var(--ooui-progressive);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
background-color: var(--ooui-input);
border-color: var(--ooui-input);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {
border-color: var(--ooui-progressive);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {
border-color: #fff;
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
background-color: var(--ooui-disabled);
border-color: var(--ooui-disabled);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: var(--ooui-text);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
color: var(--ooui-text);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
color: var(--ooui-text);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
color: var(--ooui-text);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
color: var(--ooui-text);
border-color: var(--ooui-text);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
color: var(--ooui-disabled-text);
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
background-color: var(--ooui-disabled);
border-color: var(--ooui-disabled-border);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: var(--ooui-normal);
color: var(--ooui-text);
border-color: var(--ooui-normal-border);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: var(--ooui-normal--hover);
color: var(--ooui-text);
border-color: var(--ooui-normal-border);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
background-color: var(--ooui-progressive--hover);
color: #fff;
border-color: var(--ooui-progressive--hover);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
border-color: var(--ooui-progressive--hover);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
background-color: var(--ooui-normal--hover);
color: var(--ooui-text);
border-color: var(--ooui-normal-border);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive {
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: var(--ooui-text);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
background-color: var(--ooui-normal--hover);
border-color: var(--ooui-progressive--hover);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
color: var(--ooui-text);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
background-color: var(--ooui-normal--hover);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
background-color: var(--ooui-progressive);
border-color: var(--ooui-progressive);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
color: #fff;
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
}

.oo-ui-pendingElement-pending {
background-image: var(--ooui-pending-background-image);
background-size: 200%;
animation: oo-ui-pendingElement-stripes 6s linear infinite;
}

@keyframes oo-ui-pendingElement-stripes {
100% {
background-position: 100%;
}

}

.oo-ui-messageDialog-content > .oo-ui-window-foot {
outline-color: var(--ooui-interface-border);
}

.oo-ui-messageDialog-message {
color: var(--ooui-text);
}

.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
border-right-color: var(--ooui-interface-border);
}

.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
border-bottom-color: var(--ooui-interface-border);
}

.oo-ui-processDialog-content .oo-ui-window-head,
.oo-ui-processDialog-content .oo-ui-window-foot {
outline-color: var(--ooui-interface-border);
}

.oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button {
border-top-color: transparent;
border-bottom-color: transparent;
}

.oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:hover,
.oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:active {
border-top-color: transparent;
border-bottom-color: transparent;
}

.oo-ui-processDialog .oo-ui-actionWidget:not( .oo-ui-flaggedElement-progressive ):not( .oo-ui-flaggedElement-destructive ) > .oo-ui-buttonElement-button:hover,
.oo-ui-processDialog .oo-ui-actionWidget:not( .oo-ui-flaggedElement-progressive ):not( .oo-ui-flaggedElement-destructive ) > .oo-ui-buttonElement-button:active {
border-right-color: var(--ooui-interface-border);
border-left-color: transparent;
}

.oo-ui-processDialog .oo-ui-actionWidget:not( .oo-ui-flaggedElement-progressive ):not( .oo-ui-flaggedElement-destructive ) > .oo-ui-buttonElement-button:focus {
border-color: var(--ooui-accent);
}

.oo-ui-processDialog-actions-safe .oo-ui-actionWidget > .oo-ui-buttonElement-button,
.oo-ui-processDialog-actions-other .oo-ui-actionWidget > .oo-ui-buttonElement-button {
border-right-color: var(--ooui-normal-border);
border-left-color: transparent;
}

.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button:hover {
background-color: var(--ooui-normal--hover);
border-right-color: var(--ooui-interface-border);
}

.oo-ui-windowManager-modal > .oo-ui-dialog {
background-color: var(--ooui-window-background);
}

.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
background-color: var(--ooui-interface);
}

.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
border-color: var(--ooui-interface-border);
}

.oo-ui-window {
color: var(--ooui-text);
}

.oo-ui-toolbar-bar {
background-color: var(--ooui-interface);
color: var(--ooui-text);
}

.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
border-bottom-color: var(--body-mid);
}

.oo-ui-toolbar-bar .oo-ui-bookletLayout > .oo-ui-menuLayout-menu {
border-right-color: var(--body-mid);
}

.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
background-color: var(--ooui-normal--hover);
}

.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus {
outline: 1px solid var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
background-color: var(--ooui-normal--hover);
color: var(--ooui-accent);
box-shadow: none;
}

.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
background-color: var(--ooui-progressive);
}

.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
background-color: var(--ooui-progressive--hover);
}

.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:focus {
box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff;
}

.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:active,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active > .oo-ui-tool-link {
background-color: var(--ooui-progressive--hover);
}

.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled {
background-color: var(--ooui-normal);
}

.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
background-color: var(--ooui-normal--hover);
color: var(--ooui-text);
}

.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
color: var(--ooui-progressive);
}

.oo-ui-menuToolGroup {
border-left-color: var(--body-mid);
border-right-color: var(--body-mid);
}

.oo-ui-popupToolGroup-tools {
background-color: var(--ooui-interface);
border-color: var(--body-mid);
}

.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
background-color: var(--ooui-normal--hover);
}

.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus {
outline: 1px solid var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
border-right-color: var(--ooui-normal--hover);
}

.oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {
box-shadow: inset 0 0 0 2px var(--ooui-accent);
}

.oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
color: var(--ooui-progressive);
}

.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
background-color: var(--ooui-normal);
color: var(--ooui-accent);
}

.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover {
background-color: var(--ooui-normal--hover);
color: var(--ooui-accent);
}

.oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
border-top-color: var(--ooui-interface-border);
}

.oo-ui-bookletLayout > .oo-ui-menuLayout-menu {
border-right-color: var(--ooui-interface-border);
}

.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
color: var(--ooui-disabled-text);
}

.oo-ui-panelLayout-framed {
border-color: var(--sidebar);
}

.toc .toctitle h2 {
font-weight: 700;
}

.mw-widget-dateInputWidget-handle {
background-color: var(--ooui-input);
color: var(--ooui-text);
border-color: var(--ooui-input-border);
}

.mw-widget-dateInputWidget-calendar {
background-color: var(--ooui-interface);
}

.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
border-color: var(--ooui-input-border--hover);
}

.mw-widget-calendarWidget {
border-color: var(--ooui-interface-border);
}

.mw-widget-calendarWidget:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.mw-widget-calendarWidget-day,
.mw-widget-calendarWidget-day-heading {
color: var(--ooui-text);
}

.mw-widget-calendarWidget-day-additional {
color: var(--ooui-text);
opacity: 0.67;
}

.mw-widget-calendarWidget-day-today {
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.mw-widget-calendarWidget-item:hover {
background-color: var(--ooui-progressive);
}

.mw-widget-calendarWidget-item-selected {
background-color: var(--ooui-progressive--hover);
}

.mw-widgets-datetime-calendarWidget {
background-color: var(--ooui-interface);
border-color: var(--ooui-interface-border);
}

.mw-widgets-datetime-calendarWidget:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent), 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}

.mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {
color: var(--subtle-color);
}

.mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button {
background-color: var(--ooui-progressive--hover);
}

.mw-widgets-datetime-dateTimeInputWidget-handle {
background-color: var(--ooui-input);
color: var(--ooui-text);
border-color: var(--ooui-input-border);
}

.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.mw-widgets-datetime-dateTimeInputWidget-handle:hover {
border-color: var(--ooui-input-border--hover);
}

.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input,
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea {
border-color: var(--ooui-input-border--hover);
}

.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {
background-color: var(--ooui-normal);
}

.ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {
background: var(--ooui-normal--hover);
}

.ve-ui-overlay {
font-family: inherit;
}

.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {
border-top-color: var(--body-mid);
}

.ve-ce-branchNode-blockSlug,
.ve-ce-branchNode-newSlug {
outline-color: var(--body-border);
background-color: var(--ooui-interface);
}

.ve-ui-specialCharacterPage h3 {
color: var(--byline-color);
}

.ve-ui-toolbarDialog {
background: var(--ooui-interface);
}

.ve-ui-specialCharacterPage-character {
border-color: var(--body-mid);
}

.ve-ui-specialCharacterPage-character:hover {
border-color: var(--body-dark);
}

.ve-ce-linkAnnotation.ve-ce-annotation-active {
box-shadow: 0 0 0 1px var(--body-mid);
background: none;
}

.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label {
border-color: var(--body-border);
}

.ve-ui-mwHelpPopupTool-version-label,
.ve-ui-mwHelpPopupTool-version-link,
.ve-ui-mwHelpPopupTool-version-date {
color: var(--byline-color);
}

.ve-ce-tableCellableNode {
border-color: var(--body-mid);
}

.ve-ce-mwReferencesListNode-muted {
color: var(--byline-color);
}

.ve-ui-mwTemplatePage-description,
.ve-ui-mwParameterPage-label,
.ve-ui-mwParameterPage-description-required,
.ve-ui-mwParameterPage-description-deprecated {
color: var(--byline-color);
}

.mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {
color: var(--byline-color);
}

.ve-ui-mwGalleryDialog-menuLayout > .oo-ui-menuLayout-menu,
.ve-ui-mwGalleryDialog-innerMenuLayout > .oo-ui-menuLayout-menu,
.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container,
.ve-ui-targetWidget {
border-color: var(--body-border);
}

.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {
background-color: var(--body-main);
}

.ve-ui-mwSaveDialog {
color: var(--ooui-text);
}

.ve-ui-mwSaveDialog-options {
background-color: var(--ooui-interface);
border-color: var(--body-border);
}

.ve-ui-mwSaveDialog-summary {
background-color: var(--ooui-input);
}

.ve-ui-mwSaveDialog-editSummary-count {
border-color: var(--body-border);
}

.ve-ui-mwSaveDialog-license {
color: var(--byline-color);
}

.ve-ui-mwReferenceContextItem-muted {
color: var(--byline-color);
}

.ve-ui-mwNoticesPopupTool-items > div:not(:first-child),
.ve-ui-mwHelpPopupTool-item:not(:first-child) {
border-color: var(--body-border);
}

.ve-ui-mwTransclusionOutlineControlsWidget {
background-color: var(--ooui-interface);
border-top-color: var(--body-border);
}

.ve-ui-mwTransclusionOutlineTemplateWidget-sticky {
background-color: var(--ooui-interface);
}

.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {
color: var(--ooui-text);
}

.ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {
color: var(--subtle-color);
}

.ve-ui-mwParameterPage-undocumentedLabel {
color: var(--subtle-color);
}

.ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu {
border-right: var(--body-border);
}

.ve-ui-mwParameterPage-doc-required,
.ve-ui-mwParameterPage-doc-deprecated,
.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {
color: var(--byline-color);
}

.ve-ui-expandableContent-toggle {
background-color: var(--ooui-interface);
}

.ve-ui-expandableContent-fade {
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, var(--ooui-interface) 90%);
}

.ve-ui-commandHelpDialog-shortcut > kbd,
.ve-ui-commandHelpDialog-sequence > kbd {
background-color: var(--keypress-background);
color: var(--keypress-color);
border-color: var(--keypress-border);
box-shadow: none;
text-shadow: none;
}

.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {
background: var(--ooui-interface);
}

.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {
border-bottom-color: var(--body-mid);
}

:root {
--fact-text-color: #15f;
--production-selected-background: #c3e8a3;
--production-selected-color: #000;
--wikipedia-border: #e0e0e0;
--wikipedia-background: #f8f8f8;
--keypress-background: #eee;
--keypress-border: #ccc;
--keypress-color: #333;
--tbz-unlocked-background: repeating-linear-gradient(-45deg, #bfffbd 0 20px, #4cf172 20px 30px);
--tbz-unlocked-border-color: #012100;
--tbz-locked-background-color: #ffc3c3;
--tbz-locked-border-color: #df9090;
--tbz-partial-unlock-background: #dae8d2;
--tbz-partial-unlock-border-color: #aeaeae;
}

.archivelist {
background-color: var(--body-light);
border: solid 1px var(--body-border);
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
float: right;
margin: 5px;
padding: 5px;
text-align: center;
width: 120px;
}

.fact-text {
color: var(--fact-text-color);
font-style: italic;
cursor: help;
border-bottom: dotted 1px;
}

.production-selected {
background: var(--production-selected-background);
color: var(--production-selected-color);
}

.talkheader {
text-align: center;
background-color: var(--body-dark);
}

.wikipedia {
border: 1px solid var(--wikipedia-border);
background-color: var(--wikipedia-background);
}

.hatnote,
.seealso {
font-style: italic;
}

.hatnote i,
.seealso i {
font-style: normal;
}

div.hatnote,
div.seealso {
margin: 0.5em 1.6em;
}

div.hatnote + div.hatnote,
div.hatnote + div.seealso,
div.seealso + div.hatnote,
div.seealso + div.seealso {
margin-top: -0.5em;
}

.extimage div,
.extimage a,
.extimage img {
width: inherit;
height: inherit;
}

.keypress {
background: var(--keypress-background);
color: var(--keypress-color);
font-family: inherit;
border: 1px solid var(--keypress-border);
border-radius: 2px;
font-size: 0.9em;
margin: 0 0.1em;
padding: 0.1em 0.4em;
white-space: nowrap;
}

td.famtreesub {
margin: 0;
padding: 0;
}

td.famtreesub table {
border-spacing: 0;
margin: 0;
padding: 0;
}

td.famtreesub table td {
height: 1em;
width: 1em;
}

td.famtreeleaf {
background: var(--body-light);
border: 1px solid var(--body-border);
padding: 0.2em;
}

.documentation {
background: var(--documentation-background);
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
margin: 1em 0;
}

.documentation pre,
.documentation code {
background-color: var(--documentation-background);
border-color: var(--documentation-border);
}

.documentation h2,
.documentation hr {
border-color: var(--documentation-border);
}

.documentation-header {
color: var(--documentation-headers-color);
background: var(--documentation-header-background);
font-weight: bold;
padding: 1em 1.5em;
}

.documentation-title {
font-size: 1.25em;
}

.documentation-subheader {
color: var(--documentation-headers-color);
background: var(--documentation-subheader-background);
padding: 0.5em 1.5em;
}

.documentation-subheader a,
.documentation-subheader a:visited,
.documentation-subheader a:active {
color: var(--documentation-link-color);
}

.documentation-documentation,
.documentation-links {
font-size: 0.85em;
}

.documentation-content {
padding: 1em 1.5em;
}

.mw-templatedata-doc-params dl:not(:empty) {
column-count: 3;
border-top: 1px solid var(--body-border);
margin-bottom: 0.5em;
}

.mw-templatedata-doc-params dt::after {
content: ":";
}

.mw-templatedata-doc-params dd,
.mw-templatedata-doc-params dt {
margin: 0.1em 2em;
min-width: auto;
}

.mw-templatedata-doc-muted {
color: var(--subtle-color);
font-style: italic;
}

.plink-template + a {
margin-left: 0.25em;
}

.plinkt-image {
text-align: center;
}

ol.references,
.reflist {
font-size: 90%;
}

.reflist {
list-style-type: decimal;
}

.reflist .references {
font-size: 100%;
list-style-type: inherit;
}

.reflist-lower-alpha {
list-style-type: lower-alpha;
}

ol.references li:target,
sup.reference:target {
background-color: var(--body-light);
}

.hideQuotes .refhide {
display: none;
}

.editnotice {
font-size: 0.9em;
padding-bottom: 0.75em;
margin-bottom: 0.6em;
}

.editnotice .editnotice-title {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 0.4em;
}

.mw-message-box,
.mw-message-box-error,
.mw-message-box-warning,
.mw-message-box-success,
.usermessage {
color: var(--text-color);
}

.messagebox {
width: 65%;
margin: 0.5em auto;
border-left: 15px solid;
border-color: var(--body-dark);
background-color: var(--body-light);
box-sizing: border-box;
}

.messagebox.obsolete {
background-color: var(--messagebox-obsolete-background);
border-color: var(--messagebox-obsolete-border);
color: var(--messagebox-obsolete-color);
}

.messagebox.obsolete a,
.messagebox.obsolete a:visited,
.messagebox.obsolete a:active {
color: var(--messagebox-obsolete-link-color);
}

.messagebox.info {
background-color: var(--messagebox-info-background);
border-color: var(--messagebox-info-border);
color: var(--messagebox-info-color);
}

.messagebox.info a,
.messagebox.info a:visited,
.messagebox.info a:active {
color: var(--messagebox-info-link-color);
}

.messagebox.action {
background-color: var(--messagebox-action-background);
border-color: var(--messagebox-action-border);
color: var(--messagebox-action-color);
}

.messagebox.action a,
.messagebox.action a:visited,
.messagebox.action a:active {
color: var(--messagebox-action-link-color);
}

.messagebox.warn {
background-color: var(--messagebox-warn-background);
border-color: var(--messagebox-warn-border);
color: var(--messagebox-warn-color);
}

.messagebox.warn a,
.messagebox.warn a:visited,
.messagebox.warn a:active {
color: var(--messagebox-warn-link-color);
}

.messagebox.safe {
background-color: var(--messagebox-safe-background);
border-color: var(--messagebox-safe-border);
color: var(--messagebox-safe-color);
}

.messagebox.safe a,
.messagebox.safe a:visited,
.messagebox.safe a:active {
color: var(--messagebox-safe-link-color);
}

.messagebox.disambig {
background-color: var(--messagebox-disambig-background);
border-color: var(--messagebox-disambig-border);
color: var(--messagebox-disambig-color);
}

.messagebox.disambig a,
.messagebox.disambig a:visited,
.messagebox.disambig a:active {
color: var(--messagebox-disambig-link-color);
}

.messagebox.discord {
background-color: var(--messagebox-discord-background);
border-color: var(--messagebox-discord-border);
color: #fff;
}

.messagebox.discord a,
.messagebox.discord a:visited,
.messagebox.discord a:active {
color: var(--messagebox-discord-link-color);
}

.messagebox.discord a.external,
.messagebox.discord a:visited.external,
.messagebox.discord a:active.external {
font-style: italic;
}

.messagebox.stub {
width: 40%;
}

.messagebox.hasdialogue {
padding: 0 10px;
width: auto;
}

#preferences .mw-htmlform-submit-buttons {
background-color: var(--body-main);
border-top-color: var(--body-border);
}

.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,
.mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
border-color: var(--body-border);
}

.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {
background-color: var(--body-light);
}

.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {
background-color: var(--body-mid);
}

.mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend {
background: var(--body-mid);
}

.mw-prefs-search-highlight {
background: var(--body-mid) !important;
outline-color: var(--body-mid) !important;
}

:root {
--rc-positive-color: #407813;
--rc-negative-color: #b41e0f;
}

.mw-plusminus-pos {
color: var(--rc-positive-color);
}

.mw-plusminus-neg {
color: var(--rc-negative-color);
}

.client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {
border-color: var(--body-border);
background-color: var(--body-light);
border-radius: 2px;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: var(--text-color) !important;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {
color: var(--byline-color) !important;
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background-color: var(--ooui-interface) !important;
border-color: var(--ooui-interface-border) !important;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
border-color: var(--ooui-interface-border) !important;
}

.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {
border-bottom-color: var(--ooui-interface-border) !important;
}

.mw-rcfilters-ui-menuSelectWidget-footer {
background-color: var(--ooui-interface) !important;
border-color: var(--ooui-interface-border) !important;
}

.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
color: var(--byline-color) !important;
}

.mw-rcfilters-ui-tagItemWidget-popup-content {
color: var(--ooui-text) !important;
}

.mw-changeslist-legend {
display: none;
}

.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {
border-color: var(--sidebar) !important;
}

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

.mw-rcfilters-ui-watchlistTopSectionWidget-separator {
border-color: var(--sidebar) !important;
}

.mw-rcfilters-ui-itemMenuOptionWidget-header {
border-bottom-color: var(--ooui-interface) !important;
background-color: var(--ooui-interface-border) !important;
}

.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
border-bottom-color: var(--ooui-normal-border) !important;
}

.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color: var(--text-color) !important;
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
background-color: var(--body-main) !important;
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color: var(--subtle-color) !important;
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget {
background-color: var(--body-mid) !important;
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
color: var(--ooui-text) !important;
}

.mw-rcfilters-ui-filterMenuHeaderWidget-title {
color: var(--ooui-text) !important;
}

.mw-rcfilters-ui-filterMenuHeaderWidget-header {
border-bottom-color: var(--ooui-interface-border);
background-color: var(--ooui-interface);
}

.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {
border-top-color: var(--ooui-interface-border);
}

.mw-rcfilters-ui-datePopupWidget {
border-color: var(--ooui-interface-border);
}

.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
color: var(--byline-color);
}

.mw-rcfilters-ui-savedLinksListItemWidget-label {
color: var(--ooui-accent);
}

.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted ul,
.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted table.mw-enhanced-rc {
margin-left: 1.5em;
}

.page-Special_CreateAccount .mw-ui-container,
.page-Special_UserLogin .mw-ui-container {
max-width: 64rem;
margin: 0 auto;
}

.mw-number-text {
color: var(--byline-color);
}

.mw-body-content .mw-number-text h3 {
color: var(--text-color);
}

#mw-indicator-mw-helplink a {
background: none;
padding: 0;
display: flex;
align-items: center;
}

/*#mw-indicator-mw-helplink a::before {
content: '';
margin-right: 5px;
-webkit-mask: url("/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34") no-repeat 50% 50% / contain;
mask: url("/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34") no-repeat 50% 50% / contain;
background: var(--text-color);
height: 20px;
width: 20px;
}*/

.mw-helplink-icon {
background-color: var(--text-color) !important;
}

.results-info {
color: inherit;
}

.mw-search-profile-tabs {
background-color: var(--body-mid);
border-color: transparent;
}

.search-types .current a {
color: inherit;
}

@media screen {
.vector-search-box-input {
background-color: var(--search-box);
border: none;
border-radius: 0;
color: var(--text-color);
height: 2.5rem;
padding: 7px 2.15384615em 7px 8px;
box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15);
}
.vector-search-box-input::placeholder {
color: var(--text-color);
}
.vector-search-box-input:focus {
border-color: var(--league-gold);
box-shadow: inset 0 0 0 1px var(--league-gold);
}
.vector-search-box-input:focus, .vector-search-box-inner:hover .vector-search-box-input:focus {
border-color: var(--league-gold);
box-shadow: inset 0 0 0 1px var(--league-gold);
}
#searchButton {
background-image: var(--searchbutton-icon) !important;
}
}

.suggestions-special {
background-color: var(--body-light);
border-color: var(--body-border);
}
.suggestions-special .special-label {
color: var(--text-color);
}
.suggestions-special .special-query {
color: var(--text-color);
font-weight: 700;
}
.suggestions-results {
background-color: var(--body-light);
border: none;
}
.suggestions-result {
color: var(--text-color);
}
.suggestions-result-current {
background-color: var(--body-dark);
}

#mw-searchoptions {
background-color: var(--body-mid);
border-color: transparent;
}

#mw-searchoptions .divider {
border-color: var(--body-border);
}

#mw-searchoptions h4 {
font-family: inherit;
}

#mw-searchoptions .oo-ui-labelElement:nth-of-type(odd) {
font-weight: bold;
}

.searchresult {
line-height: 1.5;
}

.searchalttitle,
#mw-search-interwiki li {
font-size: 90%;
}

.mw-search-result-data {
color: var(--byline-color);
}

.not-patrolled {
background: var(--league-wiki-dark);
}

.page-Special_ListFiles a.mw-file-description img {
width: inherit;
height: inherit;
}

.page-Special_ListFiles .TablePager_col_thumb {
text-align: center;
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {
background-color: inherit;
}

table.mw-interwikitable.body td.mw-interwikitable-local-yes {
background-color: var(--table-yes-background);
color: var(--table-yes-color);
}

.mw-protectedpages-unknown {
color: var(--byline-color);
}

.watchlistredir,
.allpagesredirect {
font-style: italic;
}

.allpagesredirect:after {
color: var(--byline-color);
content: " (redirect)";
}

.mw-apisandbox-toolbar {
background: var(--body-main);
}

.oo-ui-menuOptionWidget .mw-apisandbox-flag {
color: var(--byline-color);
}

tr.mw-abusefilter-list-disabled,
tr.mw-abusefilter-list-disabled td {
color: var(--byline-color);
}

table.mw-abuselog-details {
background: var(--wikitable-bg);
border-color: var(--wikitable-border);
}

table.mw-abuselog-details th {
background: var(--wikitable-header-bg);
}

table.mw-abuselog-details th,
table.mw-abuselog-details td {
border-color: var(--wikitable-border);
}

.mw-abusefilter-log-hidden-entry {
color: var(--subtle-color);
}

body td.mw-abusefilter-history-changed {
background: var(--table-no-background);
}

div.mw-abusefilter-editor,
#mw-abusefilter-warn-preview,
#mw-abusefilter-disallow-preview {
border-color: var(--ooui-input-border);
}

.mw-destfile-warning {
border-color: var(--warningbox-border);
color: var(--text-color);
background-color: var(--warningbox-bg);
}

span.fileinput-button {
background-color: var(--ooui-normal);
border-color: var(--ooui-normal-border);
color: var(--ooui-text);
}

ul.fileupload-results li.ful-success {
background-color: var(--successbox-bg);
}

ul.fileupload-results li.ful-success a {
color: var(--link-color);
}

ul.fileupload-results li.ful-error {
background-color: var(--errorbox-bg);
}

#siteNotice {
text-align: center;
}

#siteNotice ul {
list-style: none;
}

.sitedir-ltr .mw-dismissable-notice-body {
margin: 0;
}

.sitedir-ltr .mw-dismissable-notice-close {
float: none;
text-align: right;
}

.mw-dismissable-notice-close-parent {
min-height: 1em;
}

.discussiontable th {
background-color: var(--body-dark);
}

.discussiontable .topic,
.discussiontable .edited,
.discussiontable .edited-by,
.discussiontable .rg-archive {
background-color: var(--body-mid);
}

.dpltable {
margin-top: -30px;
}

.dpltable td {
padding-left: 5px;
}

.dpltable,
.discussiontable {
width: 100%;
}

.dpltable .topic,
.discussiontable .topic {
width: 40%;
}

.dpltable .edited,
.discussiontable .edited,
.dpltable .edited-by,
.discussiontable .edited-by {
width: 30%;
}

.dpltable .rg-archive,
.discussiontable .rg-archive {
width: 20%;
}

body.ns-110 #ca-talk {
display: none;
}

#t-print,
#t-permalink {
display: none;
}

.jcConfig {
display: none;
}

#filetoc {
border-radius: 2px;
background: var(--body-mid);
border-color: transparent;
margin: 0.5em auto;
text-align: center;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

li.gallerybox div.thumb {
border: none;
background-color: var(--thumb-bg);
}

.smwfact {
display: none;
}

.list-header {
background-color: var(--body-mid);
color: inherit;
}

.editOptions {
color: var(--text-color);
background-color: var(--sourceeditor-background-secondary);
border-color: var(--sourceeditor-border);
}

.updatedmarker {
background-color: #c3e8a3;
color: #162e02;
}

.mw-json th,
.mw-json td {
border-color: var(--wikitable-border);
}

.mw-json td {
background: var(--wikitable-bg);
}

.mw-json th {
background: var(--wikitable-header-bg);
}

.cm-mw-link-pagename, .cm-mw-link, .cm-mw-extlink, .cm-mw-free-extlink, .cm-mw-link-bracket, .cm-mw-link-delimiter, .cm-mw-extlink, .cm-mw-free-extlink {
color: var(--link-color);
}

.image-carousel .image-loaded {
background: grey;
}

/***

vv STUFF WE USE LOL vv

***/
/********************/
/* Image Formatting */
/********************/

.FullWidthImage img {
height: auto;
width: 100%;
}

.FillImage img {
width: 100%;
height: 100%;
object-fit: cover;
}

.FullHeightImage img {
height: 100%;
width: auto;
}
.FullWidthVideo video {
height: auto;
width: 100%;
}

.FillVideo video {
width: 100%;
height: 100%;
object-fit: cover;
}

.FullHeightVideo video {
height: 100%;
width: auto;
}

/**************/
/* Flex Grids */
/**************/

.centered-grid {
display: flex;
justify-content: center;
flex-wrap: wrap;
}

.justified-grid {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}

/********************/
/* Infoboxes */
/********************/

.infobox {
box-sizing: border-box;
background: var(--infobox-background);
border: 1px solid var(--infobox-border);
font-size: 0.85em;
word-break: break-word;
margin-bottom: 2em;
position: relative;
z-index: 0;
}
.infobox-title {
font-size: 18px;
padding: 12px 9px;
padding: 0.6em 0.4em;
}
.infobox-header {
padding: 0.4em 0.4em;
}
.infobox-title,
.infobox-header {
text-align: center;
background: var(--infobox-accent);
font-weight: 700;
line-height: 1.5;
font-size: 1.15em;
line-height: 1.4em;
}

.infobox-image,
.infobox-gallery {
text-align: center;
}
.infobox-gallery img,
.infobox-image img {
height: auto;
max-width: 100%;
}

.infobox-section .infobox-data-row,
.infobox-section-column .infobox-data-row,
.infobox-section-stacked .infobox-data-row {
padding-left: 12px;
padding-right: 12px;
padding-top: 6px;
padding-bottom: 6px;
border-top-style: solid;
border-top-width: 1px;
border-color: var(--infobox-accent);
}

.infobox-section-column {
display:grid;
grid-template-columns: 2fr 3fr;
}
.infobox-section-column .infobox-data-row {
display: grid;
grid-column: 1 / -1;
grid-template-columns: subgrid;
}
.infobox-section-stacked .infobox-data-value {
margin-left: 1.2em;
}

.infobox-data-label {
font-size: 14px;
font-weight: 700;
}

.infobox-section-cell {
display: flex;
text-align: center;
justify-items: stretch;
flex-wrap: wrap;
}
.infobox-section-cell > * {
flex: 1 0 30%;
}

.infobox-section-cell-row {
display: flex;
flex-flow: row wrap;
text-align: center;
justify-items: stretch;
}
.infobox-section-cell-row > * {
flex: 1 1 0;
}

.infobox-section-two-cell {
display:grid;
grid-template-columns: repeat(2, 1fr);
text-align:center;
}
.infobox-section-two-cell .infobox-data-row:nth-child(2n+1) {
border-right: 1px solid var(--infobox-border); /* todo redo border */
}
.infobox-section-two-cell .infobox-data-row {
border-bottom: 1px solid var(--infobox-border); /* todo redo border */
}

.infobox-section-three-cell {
display:grid;
grid-template-columns: repeat(3, 1fr);
text-align:center;
}

.infobox-section-cell .infobox-data-row,
.infobox-section-two-cell .infobox-data-row,
.infobox-section-three-cell .infobox-data-row {
padding-top: 4px;
padding-bottom: 4px;
}

/* WR Infoboxes */
.infobox.type-wr-champion {
--infobox-accent: var(--wr-teal);
--infobox-border: var(--wr-teal-2);
}

.pi-border-color {
border-color: var(--league-grey-3);
}

/* PortableInfoboxes */
.portable-infobox {
background: var(--infobox-background);
border: 1px solid var(--infobox-border);
}
.portable-infobox .pi-title {
text-align: center;
background: var(--infobox-accent);
font-family: 'Lovelo';
}
.portable-infobox .pi-header {
text-align: center;
}
.mw-body-content h3 {
width: unset;
border: unset;
}
.portable-infobox .pi-secondary-background {
background-color: var(--infobox-accent);
}
.portable-infobox .pi-border-color {
border-color: var(--infobox-accent);
}

/* PortableInfobox Type-Specific CSS */
.portable-infobox.pi-type-conflict {
width: 330px;
}
.portable-infobox.pi-type-conflict .pi-image-thumnail {
max-width: 100%;
height: auto;
}

.pi-left-align {
text-align: left;
margin-left: 0 !important;
}

/********************/
/* Skill CSS */
/********************/

.skill {
position: relative;
z-index: 1;
}

.skill:before { /* This and the next four rules put the big faded letter at the top-right of each ability box. */
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.15;
}
.skill2 {
position: relative;
z-index: 1;
}
.skill2:before { /* This and the next four rules put the big faded letter at the top-right of each ability box. */
content: "";
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.15;
}
.skill_q:before {
background: url('filepath://Q_bg.png') no-repeat right top !important;
}
.skill_w:before {
background: url('filepath://W_bg.png') no-repeat right top !important;
}
.skill_e:before {
background: url('filepath://E_bg.png') no-repeat right top !important;
}
.skill_r:before {
background: url('filepath://R_bg.png') no-repeat right top !important;
}
.basic_attack:before {
background: url('filepath://RMB.svg?width=64') no-repeat right top !important;
}

.skill_1:before {
background: url('filepath://1_bg.png') no-repeat right top !important;
}
.skill_2:before {
background: url('filepath://2_bg.png') no-repeat right top !important;
}
.skill_3:before {
background: url('filepath://3_bg.png') no-repeat right top !important;
}
.skill_4:before {
background: url('filepath://4_bg.png') no-repeat right top !important;
}
.basic_attack_wr:before {
background: url('filepath://WR_attack_bg.png') no-repeat right top !important;
}

.skill_leveling ul {
margin: 0;
}
.skill_leveling li {
line-height: 1.25;
list-style-type: none;
margin-top: 0;
}
.skill_leveling li+li {
list-style-type: none;
margin-top: 3px;
}
.skill_wrapper + .skill_header {
margin-top: 9px;
}
/* old ability info template */
.ability-info {
display:inline-block;
white-space: nowrap;
padding-right:7px;
}

.ability-info-container p {
margin-bottom: 12px;
}

/* Special formatting for Aphelios */
.skill_aphelios .ability-info-container {
position: relative;
z-index: 1;
}
.skill_aphelios .ability-info-container:before {
content: "";
position: absolute;
z-index: -1;
top: -1em;
bottom: 0;
left: 0;
right: -1em;
opacity: 0.15;
}

.skill_aphelios div:nth-of-type(1) > .ability-info-container:before {
background: url('filepath://RMB.svg?width=64') no-repeat right top !important;
}

.skill_aphelios div:nth-of-type(2) > .ability-info-container:before {
background: url('filepath://Q_bg.png') no-repeat right top !important;
}

/* Special formatting for Hwei */
.skill_qqwe .ability-info-container,
.skill_wqwe .ability-info-container,
.skill_eqwe .ability-info-container {
position: relative;
z-index: 1;
}
.skill_qqwe .ability-info-container:before,
.skill_wqwe .ability-info-container:before,
.skill_eqwe .ability-info-container:before {
content: "";
position: absolute;
z-index: -1;
top: -1em;
bottom: 0;
left: 0;
right: -1em;
opacity: 0.15;
}

.skill_qqwe div:nth-of-type(1) > .ability-info-container:before {
background: url('filepath://Q_bg.png') no-repeat right top !important;
}
.skill_qqwe div:nth-of-type(2) > .ability-info-container:before {
background: url('filepath://QQ_bg.png') no-repeat right top !important;
}
.skill_qqwe div:nth-of-type(3) > .ability-info-container:before {
background: url('filepath://QW_bg.png') no-repeat right top !important;
}
.skill_qqwe div:nth-of-type(4) > .ability-info-container:before {
background: url('filepath://QE_bg.png') no-repeat right top !important;
}
.skill_wqwe div:nth-of-type(1) > .ability-info-container:before {
background: url('filepath://W_bg.png') no-repeat right top !important;
}
.skill_wqwe div:nth-of-type(2) > .ability-info-container:before {
background: url('filepath://WQ_bg.png') no-repeat right top !important;
}
.skill_wqwe div:nth-of-type(3) > .ability-info-container:before {
background: url('filepath://WW_bg.png') no-repeat right top !important;
}
.skill_wqwe div:nth-of-type(4) > .ability-info-container:before {
background: url('filepath://WE_bg.png') no-repeat right top !important;
}
.skill_eqwe div:nth-of-type(1) > .ability-info-container:before {
background: url('filepath://E_bg.png') no-repeat right top !important;
}
.skill_eqwe div:nth-of-type(2) > .ability-info-container:before {
background: url('filepath://EQ_bg.png') no-repeat right top !important;
}
.skill_eqwe div:nth-of-type(3) > .ability-info-container:before {
background: url('filepath://EW_bg.png') no-repeat right top !important;
}
.skill_eqwe div:nth-of-type(4) > .ability-info-container:before {
background: url('filepath://EE_bg.png') no-repeat right top !important;
}

/* Template:Skill_Tabs / Template:st / skill-tabs */
/* see MediaWiki:Gadget-definition / MediaWiki:Gadget-skilltabs.js / MediaWiki:Gadget-skilltabs.css */

/**********************/
/* Runes.css */
/**********************/

/*.pi-theme-rune-path-infobox a {*/
/* color: rgb(213,212,212) !important;*/
/*}*/

.rune-path-container:after {
content: ' ';
display: block;
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 79px);
z-index: -1;
opacity: 0.3;
background-repeat: no-repeat;
background-position: center;
-ms-background-size: 100%;
-o-background-size: 100%;
-moz-background-size: 100%;
-webkit-background-size: 100%;
background-size: cover;
}

.rune-path-container#Precision:after {
background-image: url('filepath://Precision_Loading.jpg');
}
.rune-path-container#Domination:after {
background-image: url('filepath://Domination_Loading.jpg');
}
.rune-path-container#Sorcery:after {
background-image: url('filepath://Sorcery_Loading.jpg');
}
.rune-path-container#Resolve:after {
background-image: url('filepath://Resolve_Loading.jpg');
}
.rune-path-container#Inspiration:after {
background-image: url('filepath://Inspiration_Loading.jpg');
}

/***********************************************/
/* portal.css */
/* renamed due to conflict with local elements */
/***********************************************/

/* Temporary fix for the main page */
.postit h2 {
display: inherit;
}

/* --- Global variables --- */

:root {
--games-rail-items-per-row: 2;
--games-rail-item-gap: .3em;
}

/* --- postit templates --- */

.postit {
overflow: hidden;
margin-bottom: 17px;
background-color: var(--league-blue);
border: 1px solid var(--league-wheat-gold);
border-radius: 6px;
}

.postit + p:not(.show) {
display: none;
}

h2.postit__header {
background-color: var(--league-black);
color: var(--league-white);
line-height: 40px;
text-align: center;
font-weight: bold;
font-size: 1em;
margin: 0;
padding-bottom: 0;
border-bottom: none !important;
font-family: 'Helvetica';
}

.postit__content {
box-sizing: border-box;
font-size: 14px;
background-color: var(--league-blue);
}

.postit__content h3 {
font-weight: bold !important;
}

.postit__subheader {
background-color: var(--league-black);
text-align: center;
color: var(--league-wheat-gold);
text-transform: uppercase;
font: 14px/22px Lovelo;
font-weight: 400;
padding: 3px 0;
margin-top: 1em;
margin-bottom: 10px;
}

.postit__content .floatright {
margin: 15px 0 10px 20px !important;
}

.postit__content__affiliates {
/*overflow-y: scroll;
overflow-x: hidden;
height: 200px;*/
margin-top: 10px;
}

.postit__content__affiliates img {
width: 100%;
height: auto;
}

/* postit/aux */

/*.postit__content span {
display: block;
text-align: center;
} This seems to be causing issues on UCP. Going to see how many more issues it causes if I remove it. */

.postit__content .preloader {
background-repeat: no-repeat;
background-position: 1px 1px;
}

.postit__content__aux {
display: inline-block;
position: relative;
text-align: center;
}

.postit__content__aux p a {
display: block;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 25px;
transition: color .15s ease-in;
color: #999;
}

/*
.postit__content .tabber:after {
content: unset;
display: unset;
background-image: unset;
background-repeat: unset;
background-position: unset;
width: unset;
height: unset;
}*/

/********************/
/* Main page */
/********************/

.page-League_of_Legends_Wiki #firstHeading,
.page-LoR_Legends_of_Runeterra #firstHeading,
.page-TFT_Teamfight_Tactics #firstHeading,
.page-WR_Wild_Rift #firstHeading,
.page-Universe_Universe #firstHeading {
display: none;
}

.page-League_of_Legends_Wiki .mw-parser-output,
.page-LoR_Legends_of_Runeterra .mw-parser-output,
.page-TFT_Teamfight_Tactics .mw-parser-output,
.page-WR_Wild_Rift .mw-parser-output,
.page-Universe_Universe .mw-parser-output {
max-width: 1700px;
margin: auto;
}

.mainpage-intro {
text-align: center;
margin-bottom: 1em;
}

.mainpage-intro h2 {
margin-bottom: 0;
}

.mainpage-intro p,
.mainpage-discord h2 {
margin: 0;
}

.mainpage-col {
flex: 1;
}

.mainpage-jumbo {
display: flex;
box-shadow: 9px 10px 5px -8px rgba(0,0,0,0.35);
margin-bottom: 1em;
background-size: cover;
position: relative;
z-index: 0;
-webkit-user-select: none; /* Safari */
user-select: none;
}

.mainpage-jumbo-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.mainpage-jumbo-header,
.mainpage-jumbo-content {
padding: .5em;
}

.mainpage-jumbo-header {
display: flex;
align-items: center;
gap: 0.5em;
}

.mainpage-jumbo-header > div {
filter: drop-shadow(2px 3px 2px #000);
}

.mainpage-jumbo-header h2 {
margin: .25em 0;
border: 0;
text-shadow: 0 2px 4px #000000;
}

.mainpage-jumbo-header a {
color: unset;
text-decoration: none;
}

.mainpage-jumbo-content ul {
margin: 0;
list-style: none;
line-height: 2em;
}

.mainpage-jumbo-content li {
display: inline-block;
}

.mainpage-jumbo-content a {
padding: .25em .5em;
border-radius: 5px;
box-shadow: 9px 10px 5px -8px rgba(0,0,0,0.35);
}

.mainpage-jumbo-shop {
background: url('filepath://01PZ040T1 StarGuardian-full.png');
background-position: 50% 40%;
}

.mainpage-jumbo-league {
background: url('filepath://Mainpage-jumbo_LoL.jpg');
background-position: center;
}

.mainpage-league {
background: url('filepath://Mainpage-jumbo_LoL.jpg?width=350');
background-position: center;
}

.mainpage-jumbo-tft {
background: url('filepath://Mainpage-jumbo_TFT.jpg');
background-position: center;
}

.mainpage-tft {
background: url('filepath://Mainpage-jumbo_TFT.jpg?width=350');
background-position: center;
}

.mainpage-jumbo-lor {
background: url('filepath://05BC194-full.png');
background-position: center;
}

.mainpage-lor {
background: url('filepath://05BC194-full.png?width=350');
background-position: center;
}

.mainpage-jumbo-poc {
background: url('filepath://Mainpage-jumbo_LoR.jpg');
background-position: center;
}

.mainpage-poc {
background: url('filepath://Mainpage-jumbo_LoR.jpg?width=350');
background-position: center;
}

.mainpage-jumbo-poc-adventures {
background: url('filepath://Mainpage-jumbo PoC Adventures.png');
background-position: center;
}

.mainpage-jumbo-poc-resources {
background: url('filepath://Mainpage-jumbo PoC Resources.png');
background-position: center;
}

.mainpage-jumbo-poc-loot{
background: url('filepath://Mainpage-jumbo PoC Loot.png');
background-position: center;
}

.mainpage-jumbo-wr {
background: url('filepath://Mainpage-jumbo_WR.jpg');
background-position: center;
}

.mainpage-wr {
background: url('filepath://Mainpage-jumbo_WR.jpg?width=350');
background-position: center;
}

.mainpage-jumbo-universe {
background: url('filepath://Mainpage-jumbo_Universe.jpg');
background-position: center;
}

.mainpage-universe {
background: url('filepath://Mainpage-jumbo_Universe.jpg?width=350');
background-position: center;
}

.mainpage-jumbo-2xko {
background: url('filepath://2XKO Teaser 03.jpg');
background-position: center;
}

.mainpage-2xko {
background: url('filepath://2XKO Teaser 03.jpg?width=350');
background-position: center;
}

.mainpage-subheader {
margin: 1em 0 !important;
border: 0;
text-align: center;
}

.discord-icon-background {
width: 68px;
height: 52px;
background-size: 68px 52px !important;
filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));
background: url('data:image/svg+xml,<svg width="71" height="55" viewBox="0 0 71 55" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0)"><path d="M60.1045 4.8978C55.5792 2.8214 50.7265 1.2916 45.6527 0.41542C45.5603 0.39851 45.468 0.440769 45.4204 0.525289C44.7963 1.6353 44.105 3.0834 43.6209 4.2216C38.1637 3.4046 32.7345 3.4046 27.3892 4.2216C26.905 3.0581 26.1886 1.6353 25.5617 0.525289C25.5141 0.443589 25.4218 0.40133 25.3294 0.41542C20.2584 1.2888 15.4057 2.8186 10.8776 4.8978C10.8384 4.9147 10.8048 4.9429 10.7825 4.9795C1.57795 18.7309 -0.943561 32.1443 0.293408 45.3914C0.299005 45.4562 0.335386 45.5182 0.385761 45.5576C6.45866 50.0174 12.3413 52.7249 18.1147 54.5195C18.2071 54.5477 18.305 54.5139 18.3638 54.4378C19.7295 52.5728 20.9469 50.6063 21.9907 48.5383C22.0523 48.4172 21.9935 48.2735 21.8676 48.2256C19.9366 47.4931 18.0979 46.6 16.3292 45.5858C16.1893 45.5041 16.1781 45.304 16.3068 45.2082C16.679 44.9293 17.0513 44.6391 17.4067 44.3461C17.471 44.2926 17.5606 44.2813 17.6362 44.3151C29.2558 49.6202 41.8354 49.6202 53.3179 44.3151C53.3935 44.2785 53.4831 44.2898 53.5502 44.3433C53.9057 44.6363 54.2779 44.9293 54.6529 45.2082C54.7816 45.304 54.7732 45.5041 54.6333 45.5858C52.8646 46.6197 51.0259 47.4931 49.0921 48.2228C48.9662 48.2707 48.9102 48.4172 48.9718 48.5383C50.038 50.6034 51.2554 52.5699 52.5959 54.435C52.6519 54.5139 52.7526 54.5477 52.845 54.5195C58.6464 52.7249 64.529 50.0174 70.6019 45.5576C70.6551 45.5182 70.6887 45.459 70.6943 45.3942C72.1747 30.0791 68.2147 16.7757 60.1968 4.9823C60.1772 4.9429 60.1437 4.9147 60.1045 4.8978ZM23.7259 37.3253C20.2276 37.3253 17.3451 34.1136 17.3451 30.1693C17.3451 26.225 20.1717 23.0133 23.7259 23.0133C27.308 23.0133 30.1626 26.2532 30.1066 30.1693C30.1066 34.1136 27.28 37.3253 23.7259 37.3253ZM47.3178 37.3253C43.8196 37.3253 40.9371 34.1136 40.9371 30.1693C40.9371 26.225 43.7636 23.0133 47.3178 23.0133C50.9 23.0133 53.7545 26.2532 53.6986 30.1693C53.6986 34.1136 50.9 37.3253 47.3178 37.3253Z" fill="%23ffffff"/></g><defs><clipPath id="clip0"><rect width="71" height="55" fill="white"/></clipPath></defs></svg>') no-repeat;
}

.mainpage-discord a {
display: flex;
/*box-shadow: 9px 10px 5px -8px rgba(0,0,0,0.35);*/
/*margin-bottom: 1em;*/
background: #5865f2;
padding: .5em 1em;
color: unset;
background-image: none !important;
text-decoration: none;
align-items: center;
/*gap: 0.75em;*/
}

.mainpage-discord h2 {
margin: .25em 0;
border: 0;
text-shadow: 0 2px 4px #0000005e;
}

.mainpage-discord img {
filter: drop-shadow(2px 3px 2px #00000038);
}

.mainpage-contents {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
margin-bottom: 2em;
text-align: center;
gap: 6px;
}

.mainpage-contents .mainpage-contents-tile {
background-color: var(--league-black);
border: 1px solid var(--league-wheat-gold);
border-radius: 6px;
display: flex;
flex-flow: row wrap;
}

.mainpage-contents .mainpage-contents-tile:hover {
background-color: var(--league-blue);
}

.mainpage-contents-tile-image {
display: flex;
align-items: center;
overflow: hidden;
padding: 0;
height: 5rem;
max-height: 12em;
border-radius: 6px 6px 0 0;
}

.mainpage-contents-tile-image,
.mainpage-contents-tile-image span,
.mainpage-contents-tile-image img {
width: 100%;
}

.mainpage-contents-tile-image img {
object-fit: cover;
height: auto;
max-height: 200px;
transition: 0.4s ease-out;
transform: scale(1.3);
}

.mainpage-contents-tile:hover .mainpage-contents-tile-image img {
transform: scale(1.4);
transition: 0.5s ease-out;
}

.mainpage-contents-tile-content {
width: 100%;
}

.mainpage-contents-tile-content a {
padding: 0.3em 0;
display: block;
width: 100%;
text-decoration: none;
}

.mainpage-recent-updates {
grid-template-columns: repeat(3, 1fr);
}

.mainpage-recent-events {
grid-template-columns: repeat(2, 1fr);
}

@media only screen and (max-width: 1600px) {
.mainpage-recent-updates {
grid-template-columns: repeat(2, 1fr);
}
.mainpage-recent-updates .tile-halves:last-child {
display: none;
}
}

@media only screen and (max-width: 1200px) {
.mainpage-recent-updates {
grid-template-columns: none;
}

.mainpage-recent-events {
grid-template-columns: none;
}
}

/********************/
/* OSRS Main Page */
/********************/
:root {
--byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);
--tile-border-color: #cabe9b;
--tile-background-color: #f9f3eb;
--tile-link-button-color: #f5e9db;
--tile-link-button-highlight-color: #dfccb0;
--tile-dark-color: #fff;
--tile-dark-bg: #5d6773;
--tile-dark-link-color: #ccc;
--tile-dark-byline-color: rgba(255, 255, 255, 0.7);
--tile-dark-header-color: #fff;
}

.tile {
background: var(--infobox-background);
border: 1px solid var(--infobox-accent);
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
padding: 1.5em 2em 1em;
max-width: 40em;
}

.tile h2 {
font-size: 1.4em;
font-weight: bold;
border: none;
margin: 0 0 0.4em;
}

.tile .byline + h2 {
margin-top: -0.5em;
}

.byline {
font-size: 0.9em;
color: var(--byline-color);
}

.byline a {
color: var(--byline-color);
}

.tile-row {
display: flex;
flex-flow: row wrap;
margin-bottom: 1em;
}

.tile-halves {
display: flex;
flex-flow: row wrap;
border: 1px solid var(--infobox-accent);
background: var(--infobox-background);
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

.tile-halves h2 {
/*font-size: 1.4em;
font-weight: bold;*/
border: none;
margin: 0 0 0.4em;
}

.tile-halves .byline + h2 {
margin-top: -0.5em;
}

.tile-top {
width: 100%;
padding: 1.3rem 1.5rem 0.6rem;
}

.tile-top.tile-image {
display: flex;
align-items: center;
background-color: var(--infobox-background);
overflow: hidden;
padding: 0;
height: 13vw;
max-height: 12em;
transition: 0.4s ease-out;
}

.tile-top.tile-image.blog-embed-image {
display: block;
}

.tile-halves:hover .tile-top.tile-image img {
transform: scale(1.1);
transition: 0.5s ease-out;
}

.tile-top.tile-image span {
width: 100%;
}

.tile-top.tile-image img {
width: 100%;
object-fit: cover;
max-height: 200px;
transition: 0.4s ease-out;
}

.tile-top a.external {
display: flex;
flex-direction: column;
align-items: start;
}

.mw-parser-output .tile-top a.external.text {
padding: 0 !important;
}

.mw-parser-output .tile-top a.external {
background: none !important;
padding-left: 0 !important;
}

.tile-bottom {
background: var(--infobox-background);
border-top: 1px solid var(--infobox-accent);
width: 100%;
padding: 1rem 1.5rem 0.6rem;
}

.tile-bottom.link-button {
align-self: flex-end;
padding: 0;
}

.tile-bottom.link-button a {
display: block;
text-align: center;
padding: 0.75em 1.5em 0.8em;
text-decoration: none;
}

.tile-bottom.read-more {
background: var(--tile-link-button-color);
transition: 0.3s ease-out;
}

.tile-bottom.read-more a {
color: var(--byline-color);
font-weight: bold;
text-align: right;
}

.tile-bottom.read-more:hover {
background: var(--tile-link-button-highlight-color);
}

.tile-bottom.read-more:hover .arrow {
transform: translateX(50%);
}

.tile-bottom.read-more .arrow {
filter: var(--byline-arrow-filter);
margin-left: 0.4em;
transition: 0.3s ease-out;
}

.tile.oswf-day {
margin-left: 0.5em;
}

.oswf-tile {
margin: 1em;
}

.oswf-tile.oswf-complete {
opacity: 0.65;
}

.oswf-tile .oswf-summary {
font-size: 105%;
line-height: 1.6;
margin-top: -0.4em;
}

.oswf-tile .oswf-img {
display: block;
max-width: 75px;
float: right;
}

.oswf-tile .oswf-img img {
max-width: 100%;
height: auto;
}

.oswf-tile .oswf-guidance {
border-top: 1px solid #eee;
padding-top: 1em;
}

body.page-Main_Page .mw-parser-output {
max-width: 75em;
margin: 0 auto;
}

body.page-Main_Page.action-view .catlinks,
body.page-Main_Page.action-view #contentSub,
body.page-Main_Page.action-view #siteNotice {
display: none;
}

.mainpage-header {
display: flex;
margin: 2.6em 1.75em 1.5em;
}

.mainpage-header .header-intro {
flex: 2;
}

.mainpage-header .header-intro h1 {
font-size: 2.5em;
font-weight: bold;
border: none;
margin: 0 0 0.15em;
}

.mainpage-header .header-intro p {
font-size: 1.1em;
line-height: 1.7em;
}

.mainpage-header .header-stats {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
margin-top: -1em;
}

.mainpage-body {
display: grid;
grid-template-areas: "update update update" "content content content" "left left right";
gap: 0.9rem;
grid-template-columns: repeat(3, 1fr);
}

.mainpage-body:has(.mainpage-event) {
grid-template-areas: "event event event" "update update update" "content content content" "left left right";
}

.mainpage-body h2 a {
color: var(--text-color);
}

.mainpage-body .tile {
padding-left: 1.75em;
padding-right: 1.75em;
max-width: 100%;
}

.mainpage-body .tile-row {
width: 100%;
margin-bottom: 0;
}

.mainpage-body .tile-row {
display: grid;
gap: 0.9rem;
}

.mainpage-left {
grid-area: left;
flex: 2;
display: flex;
flex-flow: column wrap;
}

.mainpage-left > * {
margin: 0 0 0.9rem;
}

.mainpage-right {
grid-area: right;
flex: 1;
display: flex;
flex-flow: column wrap;
}

.mainpage-right > * {
margin: 0 0 0.9rem;
}

.arrow {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10'%3E%3Cpolyline fill='none' stroke='%23FFFFFF' stroke-width='2' points='1.775 1.55 5.225 4.996 1.775 8.45' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;
display: inline-block;
height: 0.7rem;
width: 0.45rem;
vertical-align: middle;
}

.arrow.dark {
filter: invert(80%);
}

.mainpage-recent-updates {
grid-area: update;
grid-template-columns: repeat(3, 1fr);
}

.mainpage-recent-updates .tile-halves {
flex: 1;
align-content: flex-start;
}

.mainpage-recent-updates .tile-halves:hover .tile-top img {
transform: scale(1.04);
}

.mainpage-recent-updates .tile-halves .tile-top span {
width: 100%;
}

.mainpage-recent-updates .tile-bottom.link-button a {
text-align: left;
padding: 1rem 1.5rem 0.75rem;
}

.mainpage-recent-updates h2 {
margin: -0.5em 0 0.3em;
}

.mainpage-recent-updates p:not(.byline) {
font-size: 0.9em;
line-height: 1.75em;
color: var(--text-color);
}

.mainpage-contents {
grid-area: content;
grid-template-columns: repeat(6, 1fr);
}

.mainpage-contents .tile-halves {
flex: 1;
}

.mainpage-contents .tile-top {
position: relative;
}

.mainpage-contents h2 {
margin: 0;
padding: 0;
}

.mainpage-contents .tile-bottom.link-button a {
padding: 0.75em 0.2em;
}

.mainpage-skills ul {
columns: 3 9em;
margin: 1em 0.7em 0.7em 1em;
}

.mainpage-skills li {
display: flex;
margin-bottom: 0.29em;
}

.mainpage-skills li span a {
border-radius: 2px;
padding: 4px;
width: 25px;
height: 25px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}

.mainpage-skills li > a:last-child {
flex: 1;
display: flex;
align-items: center;
font-weight: bold;
padding-left: 0.7em;
text-decoration: none;
}

.mainpage-skills li:hover a:first-child {
border-radius: 2px 0 0 2px;
}

.mainpage-skills li:hover > a:last-child {
color: rgba(255, 255, 255, 0.9);
border-radius: 0 2px 2px 0;
}

.skill-agility span a,
.skill-melee span a {
background: #bc483d;
}

.skill-agility:hover > a:last-child,
.skill-melee:hover > a:last-child {
background: #932419;
}

.skill-ranged span a {
background: #748d36;
}

.skill-ranged:hover > a:last-child {
background: #4c6215;
}

.skill-magic span a {
background: #6274ab;
}

.skill-magic:hover > a:last-child {
background: #304791;
}

.skill-fishing span a,
.skill-fletching span a {
background: #3e8e9a;
}

.skill-fishing:hover > a:last-child,
.skill-fletching:hover > a:last-child {
background: #1a6671;
}

.skill-cooking span a,
.skill-thieving span a {
background: #91689e;
}

.skill-cooking:hover > a:last-child,
.skill-thieving:hover > a:last-child {
background: #713684;
}

.skill-farming span a,
.skill-woodcutting span a {
background: #59924f;
}

.skill-farming:hover > a:last-child,
.skill-woodcutting:hover > a:last-child {
background: #306f25;
}

.skill-mining span a {
background: #6385a8;
}

.skill-mining:hover > a:last-child {
background: #315f8d;
}

.skill-smithing span a {
background: #d2b244;
}

.skill-smithing:hover > a:last-child {
background: #b69213;
}

.popular-pages ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 0.6em;
margin: 1em 0 0.7em 0;
}

.mp-popular-page-light {
display: flex;
align-items: center;
background-color: var(--infobox-accent);
transition: 100ms;
}

.mp-popular-page-light a {
flex: 1;
display: block;
color: var(--text-color) !important;
font-weight: bold;
text-align: center;
text-decoration: none;
padding: 0.7em 1em;
}

.mp-popular-page-light:hover {
filter: brightness(115%);
transition: 100ms;
}

.mainpage-discord {
border: none;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}

.mainpage-discord .tile-top {
display: flex;
align-items: center;
background: #5865f2;
padding: 1em 1.75em;
}

.mainpage-discord .tile-top a {
flex: 1;
position: relative;
text-decoration: none;
}

.mainpage-discord .tile-top a:hover .arrow {
transform: translateX(50%);
}

.mainpage-discord .tile-bottom {
background: #525ee0;
border: none;
padding: 1em 1.75em;
}

.mainpage-discord .tile-bottom p {
color: #fff;
font-weight: bold;
font-size: 0.9em;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.03em;
margin: 0;
}

.mainpage-discord .partner-icon {
margin-right: 0.75em;
}

.mainpage-discord .server-name {
color: #fff;
font-weight: bold;
font-size: 1.25em;
margin: 0.5em 0 -0.15em;
}

.mainpage-discord .server-tagline {
color: rgba(255, 255, 255, 0.9);
margin-bottom: 0.5em;
}

.mainpage-discord .arrow {
position: absolute;
top: calc(50% - .5em);
right: 0;
height: 1em;
width: 0.7em;
background-size: 0.7em 1em;
transition: 0.3s ease-out;
}

.mainpage-twitter {
border: none;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}

.mainpage-twitter .tile-top {
display: flex;
align-items: center;
background: #15202b;
padding: 1em 1.75em;
}

.mainpage-twitter .tile-top a {
flex: 1;
position: relative;
text-decoration: none;
}

.mainpage-twitter .tile-top a:hover .arrow {
transform: translateX(50%);
}

.mainpage-twitter .tile-bottom {
background: #121c26;
border: none;
padding: 1em 1.75em;
}

.mainpage-twitter .tile-bottom p {
color: #fff;
font-weight: bold;
font-size: 0.9em;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.03em;
margin: 0;
}

.mainpage-twitter .twitter-logo {
margin-right: 0.75em;
}

.mainpage-twitter .twitter-name {
color: #fff;
font-weight: bold;
font-size: 1.25em;
margin: 0.5em 0 -0.15em;
}

.mainpage-twitter .twitter-tagline {
color: rgba(255, 255, 255, 0.9);
margin-bottom: 0.5em;
}

.mainpage-twitter .arrow {
position: absolute;
top: calc(50% - .5em);
right: 0;
height: 1em;
width: 0.7em;
background-size: 0.7em 1em;
transition: 0.3s ease-out;
}

.mainpage-valence {
border: none;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}

.mainpage-valence .tile-top {
display: flex;
align-items: center;
background: #6a882f;
padding: 1em 1.75em;
}

.mainpage-valence .tile-top a {
flex: 1;
position: relative;
text-decoration: none;
}

.mainpage-valence .tile-top a:hover .arrow {
transform: translateX(50%);
}

.mainpage-valence .tile-bottom {
background: #2d4303;
border: none;
padding: 1em 1.75em;
}

.mainpage-valence .tile-bottom p {
color: #fff;
font-weight: bold;
font-size: 0.9em;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.03em;
margin: 0;
}

.mainpage-valence .valence-logo {
margin-right: 0.75em;
}

.mainpage-valence .valence-name {
color: #fff;
font-weight: bold;
font-size: 1.25em;
margin: 0.5em 0 -0.15em;
}

.mainpage-valence .valence-tagline {
color: rgba(255, 255, 255, 0.9);
margin-bottom: 0.5em;
}

.mainpage-valence .arrow {
position: absolute;
top: calc(50% - .5em);
right: 0;
height: 1em;
width: 0.7em;
background-size: 0.7em 1em;
transition: 0.3s ease-out;
}

.mainpage-editing {
border: none;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}

.mainpage-editing .tile-top {
background: #438ab5;
}

.mainpage-editing .tile-bottom {
background: #3980ab;
border: none;
padding: 0.8rem 1.5rem 0.4rem;
}

.mainpage-editing h2,
.mainpage-editing a {
color: #fff;
}

.mainpage-editing p {
color: rgba(255, 255, 255, 0.9);
}

.mainpage-editing ul {
list-style-image: url('filepath://Transparent-chevron.svg');
}

.mainpage-poll .ajaxpoll {
border: none;
background: none;
padding: 0;
width: auto;
}

.mainpage-trailblazer {
grid-area: event;
}

.mainpage-trailblazer .tb-logo {
margin-bottom: 0.9rem;
}

.mainpage-trailblazer .tile-row {
grid-template-columns: repeat(4, 1fr);
}

@media only screen and (max-width: 720px) {
.mainpage-trailblazer .tile-row {
grid-template-columns: none;
}

.mainpage-trailblazer .tile-row .tile-top {
height: 20vw;
min-height: 9em;
}

}

@media only screen and (max-width: 1200px) {
.mainpage-contents {
grid-template-columns: repeat(3, 1fr);
}

}

@media only screen and (max-width: 1000px) {
.mainpage-body {
grid-template-areas: "update" "content" "left" "right";
grid-template-columns: 1fr;
}

.mainpage-body:has(.mainpage-event) {
grid-template-areas: "event" "update" "content" "left" "right";
}

.mainpage-recent-updates {
grid-template-columns: repeat(2, 1fr);
}

.mainpage-recent-updates .tile-halves:last-child {
display: none;
}

.mainpage-recent-updates .tile-halves:hover .tile-top img {
transform: scale(1.04);
}

.mainpage-recent-updates .tile-top {
height: 18vw;
min-height: 9em;
}

.mainpage-header .header-stats {
display: none;
}

.mainpage-left > *:last-child,
.mainpage-right > *:last-child {
margin-bottom: 0;
}

.popular-pages ul {
grid-template-columns: repeat(2, 1fr);
}

}

@media only screen and (max-width: 720px) {
.mainpage-recent-updates {
grid-template-columns: none;
}

.mainpage-recent-updates .tile-halves:last-child {
display: flex;
}

.mainpage-contents {
grid-template-columns: repeat(2, 1fr);
}

}

/********************/
/* Tooltips */
/********************/
/* Template:Tt/Template:Texttip */
.tt-basic-tooltip {
padding: 2px 5px;
border-radius: 4px;
background-color: var(--tooltip-bg-color);
border: 1px solid #999;
box-sizing: content-box;
}

.blue-tooltip {
border: 1px solid #999;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
z-index: 9999;
border-radius: 4px;
padding: 2px 5px;
background-color: var(--tooltip-bg-color);
}

/********************/
/* Templates */
/********************/

/* [[Template:Sm2]] - has to be here to prevent a FOUC */
.inline-audio audio {
display: none;
}

/* Champion roster */
.champion_roster {
line-height: 0; /* Kills any vertical spacing between rows */
margin: 0 !important;
padding: .5em 0 !important;
text-align: center;
}
.champion_roster li {
display: inline-block;
margin: 1px;
overflow: hidden;
border-radius: 5px;
}
.champion_roster li:hover {
box-shadow: 0 0 3px #aac, 0 0 4px #111;
}

/* Template:Audio page legend */
.lol-quotes-caption {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: 0.5em;
font-weight: bold;
}

.lol-quotes-caption-appended-text {
flex-basis: 100%;
text-align: center;
margin: 0.5em 1em;
font-weight: normal;
}

/* Template:VideoGallery */
.video-gallery-wrapper {
display: flex;
gap: 1em;
justify-content: center;
flex-wrap: wrap;
}

/********************/
/* Tables */
/********************/

table.article-table {
background-color: var(--article-table-bg);
margin-bottom: 1em;
border-collapse: collapse;
}

table.article-table th {
background-color: var(--article-table-header-bg);
border-bottom: 1px solid var(--border-color);
padding: 6px 12px;
letter-spacing: 0.01em;
}

table.article-table td {
border-bottom: 1px solid var(--border-color);
padding: 6px 12px;
}

/*********************/
/* Chroma Exhibition */
/*********************/
.chroma-gallery {
display: grid;
width: 718px;
height: 100%;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-gap: 1px 1px;
grid-template-areas: "base base 1 2 3 4" "base base 5 6 7 8";
}

.chroma-gallery-large {
display: grid;
width: 718px;
height: 100%;
grid-template-columns: 1fr 0.5fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-gap: 1px 1px;
grid-template-areas: "base base 1 2 3 4 5" "base base 6 7 8 9 10";
}

.base { grid-area: base; }

.chroma {
background-color: #1c3248;
border-color: #6699cc;
color: #D5D4D4;
}

.chroma-gallery * .chroma {margin: 0 14px;}
.chroma-gallery-large * .chroma {margin: 0 14px;}

.bundle-border * img.mw-file-element {
border-color: #e63031;
}
.rare-border * img.mw-file-element {
border-color: #e63031;
}
.loot-border * img.mw-file-element {
border-color: #82499D;
}
.partner-border * img.mw-file-element {
border-color: #8bc34a;
}
.limited-border * img.mw-file-element {
border-color: #FFD700;
}
.canceled-border * img.mw-file-element {
border-color: #FF00FF;
}

.chroma-caption {
color: #858c93;
font-size: 12px;
line-height: 16px;
margin: 8px 0 5px;
}

/********************/
/* Fancy tricks */
/********************/
/* Image zoom ****/
.image-zoom-hover:hover .image-zoom-hover img {
transform: scale(1.06);
transition: 0.5s ease-out;
}

.image-zoom-hover img {
transition: 0.4s ease-out;
}
/**** Image zoom */

/* Slight blur */
.fxaa {
filter: blur(0.013rem);
}

/* No hyperlink underline */
.link-button a:hover {
text-decoration: none;
}
/* Template:Background_quote */
.background-quote {
background: var(--background-quote-bg-color);
}

/*******************************/
/* List styles */
/*******************************/

/* TLIST - Simulating a tablular list */
.tlist ul {
margin: 0 0 0 2.5em;
padding: 0;
text-align: left;
}
.tlist li {
margin: 0;
display: inline-block;
white-space: nowrap;
}
.tlist.twrap li {
white-space: normal;
}

.fluidcolumn_2 li { width: 25em; }
.fluidcolumn_3 li { width: 17em; }
.fluidcolumn_4 li { width: 12em; }
.fluidcolumn_5 li { width: 10em; }
.fluidcolumn_6 li { width: 8em; }
.fluidcolumn_8 li { width: 6em; }

.multicolumn_2 li { width:49%; }
.multicolumn_3 li { width:33%; }
.multicolumn_4 li { width:24%; }
.multicolumn_5 li { width:19%; }
.multicolumn_6 li { width:16%; }
.multicolumn_8 li { width:12%; }

/* Style for horizontal lists (separator following item) */
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li {
display: inline;
margin: 0;
}
/* Display nested lists inline */
.hlist dl dl,
.hlist ol ol,
.hlist ul ul {
display: inline;
}
/* Nowrap list items */
.hlist dd,
.hlist dt,
.hlist li {
white-space: nowrap;
/* white-space: normal !ie; /* IE < 8 no-wraps entire list, so disable it */
}
/* But allow parent list items to be wrapped */
.hlist dd dl,
.hlist dt dl,
.hlist li ol,
.hlist li ul {
white-space: normal;
}
/* Generate interpuncts */
.hlist dt:after {
content: ":";
}
.hlist dd:after,
.hlist li:after {
content: " ·";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* for IE 8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
content: none;
}
/* Add parens around nested lists */
.hlist dl dl dd:first-child:before,
.hlist ol ol li:first-child:before,
.hlist ul ul li:first-child:before {
content: "(";
}
.hlist dl dl dd:last-child:after,
.hlist ol ol li:last-child:after,
.hlist ul ul li:last-child:after {
content: ")";
font-weight: normal;
}
/* For IE8 */
.hlist dl dl dd.hlist-last-child:after,
.hlist ol ol li.hlist-last-child:after,
.hlist ul ul li.hlist-last-child:after {
content: ")";
font-weight: normal;
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
counter-increment: level1;
}
.hlist.hnum ol li:before {
content: counter(level1) " ";
}
.hlist.hnum ol ol li {
counter-increment: level2;
}
.hlist.hnum ol ol li:first-child:before {
content: "(" counter(level2) " ";
}
.hlist.hnum ol ol li:before {
content: counter(level2) " ";
}

/* Template 'lc' and 'sbc' */
.template_lc {
font-weight:bold;
font-size:89%;
text-transform:uppercase;
color:#9797FC;
}
.template_sbc {
font-weight:bold;
font-size:89%;
text-transform:uppercase;
}

/* advancedSearch styling */
.mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover {
background-color: var(--ooui-normal--hover);
}

.mw-advancedSearch-fieldContainer {
background: linear-gradient(rgba(0, 0, 0, 0.1), var(--ooui-normal) 0.5em);
border-color: var(--ooui-normal-border);
}

.mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
background: var(--ooui-normal);
color: var(--ooui-text);
}

.mw-advancedSearch-searchPreview .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
background-color: var(--ooui-interface);
}

.mw-advancedSearch-namespace-selection {
background: linear-gradient(rgba(0, 0, 0, 0.1), var(--ooui-normal) 0.5em);
border-color: var(--ooui-normal-border);
}

.mw-advancedSearch-namespace-border {
border-color: var(--ooui-input-border);
}

/* Lore banner and game banner text */
#champinfo-container, .league-font {
font-family: 'Lovelo';
font-weight: 400;
text-transform: uppercase;
}

/* Template:Ability_info/stats */
.ability-info-stats__wrapper {
width: 100%;
display: flex;
flex-flow: row wrap;
border-bottom: 1px solid #465e76;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
align-items: last baseline;
padding: 2px;
box-sizing: border-box;
column-gap: 14px;
}

.ability-info-stats__ability {
white-space: nowrap;
font-size: 140%;
color: #9797fc;
font-weight: bold;
text-shadow: 0 2px black;
}

.ability-info-stats__list {
display: flex;
flex-flow: wrap;
text-align: left;
font-family: Rubik;
font-size: 80%;
padding-right: 50px;
position: relative;
column-gap: 1em;
flex: 1 1 740px;
}

.ability-info-stats__stat {
display: flex;
flex-wrap: wrap;
text-transform: uppercase;
column-gap: 0.2em;
}

.ability-info-stats__stat-label {
color: #9797fc;
font-weight: bold;
}

.ability-info-stats__stat-value {

}

/* Template:Ability_info */
.ability-info-content {
display: flex;
flex-direction: column;
}
.ability-info-row {
margin-bottom: 20px;
}
.ability-info-icon {
float: left;
margin-right: 10px;
margin-bottom: 10px;
margin-top: 8px;
}
.ability-info-icon img {
max-width: 64px;
height: auto;
}
.ability-info-description {
flex: 1;
}
.ability-info-stats {
}
.ability-info-stats:empty {
display: none;
}
.ability-info-icon:empty {
display: none;
}
.ability-info-flavor{
padding-left: 8em;
}
@media (min-width: 768px) {
.ability-info-content {
display: grid;
grid-template-columns: 64px 3fr 1.4fr;
gap: 10px;
}
.ability-info-row {
display: contents;
}
.ability-info-icon {
float: none;
margin-right: 0;
margin-bottom: 0;
margin-top: 8px;
}
.ability-info-description {
grid-column: 2;
}
.ability-info-description.no-stats {
grid-column: 2 / span 2;
}
.ability-info-icon:empty {
display: block;
}
}

/*******************************/
/* Namespace styles */
/*******************************/

body.ns-3000 .mw-page-title-namespace,
body.ns-3000 .mw-page-title-separator,
body.ns-3002 .mw-page-title-namespace,
body.ns-3002 .mw-page-title-separator,
body.ns-3004 .mw-page-title-namespace,
body.ns-3004 .mw-page-title-separator,
body.ns-3006 .mw-page-title-namespace,
body.ns-3006 .mw-page-title-separator {
display: none;
}

body.ns-3000,
body.ns-3001 {
--body-background-image: url('filepath://Background_image_TFT.png');
}

body.ns-3002,
body.ns-3003 {
--body-background-image: url('filepath://Background_image_LOR.png');
}

body.ns-3004,
body.ns-3005 {
--body-background-image: url('filepath://Background_image_WR.png');
}

body.ns-3006,
body.ns-3007 {
--body-background-image: url('filepath://Background_image_Universe.png');
}

body.ns-3000 .mw-first-heading::after {
content: " | Teamfight Tactics";
color: #f9a67d;
}

body.ns-3002 .mw-first-heading::after {
content: " | Legends of Runeterra";
color: #f9d47d;
}

body.ns-3004 .mw-first-heading::after {
content: " | Wild Rift";
color: #4ae0d9;
}

body.ns-3006 .mw-first-heading::after {
content: " | Universe";
color: #6bd9a6;
}

/* Videos are sometimes too wide */
#content video {
max-width: 100%;
}

/***********************/
/* Template:Navigation */
/***********************/

:root {
--navbox-background: var(--sidebar);
--navbox-border: #393E4A;
--navbox-title-background: var(--body-dark);
--navbox-footer-background: var(--body-dark);
--navbox-group-title-background: var(--body-mid);
}

.navbox-wrapper {
background: var(--navbox-background);
clear: both;
border: 1px solid var(--navbox-border);
border-radius: 5px;
padding: 4px;
}

.navbox {
font-size: 88%;
background: var(--navbox-background);
border-collapse: collapse;
margin: 1em auto 0;
width: 100%;
clear: both;
text-align: center;
/*box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);*/
}

.navbox-cell {
border: 1px solid var(--navbox-border);
border-radius: 5px;
padding: 0.5em;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.navbox img {
image-rendering: pixelated;
image-rendering: crisp-edges;
}

}

figure[data-item-name="pixelated"] > a > img {
-ms-interpolation-mode: nearest-neighbor;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: pixelated;
image-rendering: crisp-edges;
width: 256px;
height: 256px;
}

/******************************************/
/* Universe banner nav */
/******************************************/
.universe-banner-nav-item {
opacity: 0;
}
.universe-banner-nav:hover .universe-banner-nav-item {
opacity: 0.5;
transition: opacity 1s;
}
.universe-banner-nav-item img {
transform: translateX(-50%);
}

/* Template:Portal/News/Row */
.portal-news-updates-wrapper {
text-align: left;
display: grid;
grid-template-columns: fit-content(400px) auto;
grid-auto-rows: minmax(0, 150px);
row-gap: 0.7rem;
}
.portal-news-row {
overflow: hidden;
display: grid;
grid-template-columns: subgrid;
grid-column-end: span 2;
background: var(--portal-news-row-background-color);
border: 1px solid var(--portal-news-border-color);
position:relative;
z-index:0;
}

.portal-news-image {
overflow: hidden;
border-left: 1px solid var(--portal-news-accent-color);
}
.portal-news-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.portal-news-text {
margin:0.3rem 1rem;
}
.portal-news-header__wrapper{
position:relative;
z-index: 0;
display: flex;
flex-flow: row nowrap;
overflow:hidden;
align-items:last baseline;
white-space: nowrap;
justify-content: space-between;
}
.portal-news-header{
position:relative;
z-index: 0;
display:inline-block;
border-bottom: 2px solid var(--portal-news-accent-color);
font-weight: bold;
padding-left: 1rem;
padding-right: 0.3em;
min-width: 3rem;
margin-bottom: 15px;
margin-right: 40px;
margin-top: 0.3rem;
font-size: 140%;
}
.portal-news-header::after{
content:"";
display:block;
position:absolute;
left: calc(100% - 17px);
bottom: 0;
width: 100%;
height: 16px;
border-left: 2px solid;
border-bottom: 2px solid;
border-color: var(--portal-news-accent-color);
transform: rotate(-45deg);
transform-origin: 19px bottom;
box-sizing: border-box;

}
.portal-news-header::before{
content:"";
position:absolute;
border-bottom: 1px solid #c99e42;
left: calc(100% - 3px);
right: -4000px;
bottom:2px;
}
.portal-news-header-extra{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.portal-news-header-extra::before {
content: "";
border-bottom: 1px solid var(--portal-news-accent-color);
position: absolute;
left: 0;
bottom: -6px;
right: 11px;
}
.portal-news-header-extra::after {
content: "";
border-bottom: 1px solid var(--portal-news-accent-color);
position: absolute;
left: calc(100% - 11px);
bottom: -6px;
transform: rotate(-45deg);
transform-origin: left bottom;
width:12px;
}
.portal-news-subheader{
color:var(--portal-news-subheader-color);
font-size:90%;
padding-right: 10px;
}
.portal-news-link{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:10;
}

.mw-parser-output .portal-news-row a.external {
background: none;
padding: 0;
}

/******************************************/
/* wikiEditor (source editor) settings */
/******************************************/
.wikiEditor-ui .wikiEditor-ui-view,
.wikiEditor-ui .wikiEditor-ui-top {
border-color: var(--body-main);
}
.wikiEditor-ui-toolbar {
background-color: var(--body-light);
}
.wikiEditor-ui-toolbar .tabs span.tab > a,
.wikiEditor-ui-toolbar .tabs span.tab > a:visited {
color: var(--link-color);
}
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: var(--text-colour);
}
.wikiEditor-ui-toolbar .group {
border-color: var(--body-main);
}
.wikiEditor-ui-toolbar .group .tool-select {
background-color: var(--body-light);
border-color: var(--body-main);
}
.wikiEditor-ui-toolbar .group .tool-select .options {
border-color: var(--body-main);
background-color: var(--body-main);
}
.wikiEditor-ui-toolbar .group .tool-select .options .option {
color: var(--link-color);
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
background-color: #384766;
}
.wikiEditor-ui-toolbar .group-search {
border-left-color: var(--body-mid);
}
.wikiEditor-ui-toolbar .page-table td {
border-color: var(--body-mid);
color: var(--text-color);
}
.wikiEditor-ui-toolbar .page-table th {
color: var(--text-color);
}
.wikiEditor-ui-toolbar .sections .section {
border-color: var(--body-mid);
}
.wikiEditor-ui-toolbar .sections .toolbar .group > .label {
color: var(--text-color);
}
.wikiEditor-ui-toolbar .sections .toolbar .tool > .label {
color: var(--text-color);
}
.wikiEditor-ui-toolbar .booklet > .index > :hover {
background-color: var(--body-mid);
color: var(--text-color);
}
.wikiEditor-ui-toolbar .booklet .index > .current {
background-color: var(--body-mid);
color: var(--link-color);
}
.wikiEditor-ui-toolbar .page-characters div span {
border-color: var(--body-mid);
color: var(--text-color);
}
.wikiEditor-ui-toolbar .page-characters div span:hover {
border-color: var(--body-dark);
background-color: transparent;
}
.wikiEditor-ui-toolbar .tabs span.tab a:before,
.wikiEditor-ui-toolbar .group .tool-select .label:after {
background: var(--text-color);
-webkit-mask: var(--arrow-down) center no-repeat;
mask: var(--arrow-down) center no-repeat;
}
.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group {
border-color: var(--body-main);
}
.wikiEditor-ui-toolbar .section-secondary .group {
border-left: 1px solid var(--body-main);
}

.wikiEditor-ui .wikiEditor-ui-view,
.wikiEditor-ui .wikiEditor-ui-top {
border-color: var(--sourceeditor-border);
}

.wikiEditor-ui-toolbar {
background-color: var(--sourceeditor-background);
}

.wikiEditor-ui-toolbar .tabs span.tab > a,
.wikiEditor-ui-toolbar .tabs span.tab > a:visited {
color: var(--link-color);
}

.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: var(--text-color);
}

.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group {
border-color: var(--sourceeditor-border);
}

.wikiEditor-ui-toolbar .group .tool-select {
background-color: var(--sourceeditor-background);
border-color: var(--sourceeditor-border);
}

.wikiEditor-ui-toolbar .group .tool-select .options {
border-color: var(--sourceeditor-border);
background-color: var(--body-main);
}

.wikiEditor-ui-toolbar .group .tool-select .options .option {
color: var(--link-color);
}

.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
background-color: var(--ooui-normal--hover);
}

.wikiEditor-ui-toolbar .group-search {
border-left-color: var(--body-mid);
}

.wikiEditor-ui-toolbar .page-table td {
border-color: var(--body-mid);
color: var(--text-color);
}

.wikiEditor-ui-toolbar .page-table th {
color: var(--text-color);
}

.wikiEditor-ui-toolbar .sections .section {
border-color: var(--body-mid);
}

.wikiEditor-ui-toolbar .sections .toolbar .group > .label {
color: var(--text-color);
}

.wikiEditor-ui-toolbar .sections .toolbar .tool > .label {
color: var(--text-color);
}

.wikiEditor-ui-toolbar .booklet > .index > :hover {
background-color: var(--body-mid);
color: var(--text-color);
}

.wikiEditor-ui-toolbar .booklet .index > .current {
background-color: var(--body-mid);
color: var(--link-color);
}

.wikiEditor-ui-toolbar .page-characters div span {
border-color: var(--body-mid);
color: var(--text-color);
}

.wikiEditor-ui-toolbar .page-characters div span:hover {
border-color: var(--body-dark);
background-color: transparent;
}

.wikiEditor-ui-toolbar .tabs span.tab a:before,
.wikiEditor-ui-toolbar .group .tool-select .label:after {
background: var(--text-color);
-webkit-mask: var(--arrow-down) center no-repeat;
mask: var(--arrow-down) center no-repeat;
}

.ext-WikiEditor-ResizingDragBar,
.ext-WikiEditor-ResizingDragBar-ew {
background-color: var(--sourceeditor-background-secondary);
}

.ext-WikiEditor-ResizingDragBar-ns {
border-color: var(--sourceeditor-border);
}

.ext-WikiEditor-ResizingDragBar span {
background-color: var(--byline-color);
}

.ext-WikiEditor-ResizingDragBar span:hover {
background-color: var(--text-color);
}

.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1,
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 {
border-color: var(--sourceeditor-border);
}

.ext-WikiEditor-realtimepreview-loadingbar div {
background-color: var(--ooui-accent);
}

.ext-WikiEditor-realtimepreview-button:hover {
background-color: var(--ooui-normal--hover);
}

.ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label {
color: var(--ooui-accent);
}

.mw-editform #wpTextbox1 {
color: var(--text-color);
background: var(--body-main);
border-color: var(--body-main);
}
.ext-WikiEditor-realtimepreview-button:hover {
background-color: #384766;
}
.ext-WikiEditor-ResizingDragBar {
background-color: #475980;
}
.ext-WikiEditor-ResizingDragBar-ns {
border-top: 1px solid var(--body-main);
}

/******************************************/
/* CodeMirror editor settings */
/******************************************/
.CodeMirror {
background: var(--body-main);
}
.CodeMirror pre {
color: var(--text-color);
}
.codeEditor-status {
border-color: var(--body-main);
background-color: var(--body-light);
}
.codeEditor-status-message {
border-color: var(--body-main);
}
.CodeMirror-gutters {
background-color: var(--body-light);
border-color: var(--body-main);
}
.CodeMirror-linenumber {
color: var(--text-color);
}

.ve-init-mw-desktopArticleTarget .CodeMirror-linenumber {
color: var(--byline-color);
}

/* Editor Color Settings */
.cm-mw-template-ext-link-ground.cm-mw-template-bracket,
.cm-mw-template-ext-link-ground.cm-mw-template-name,
.cm-mw-template-ext-link-ground.cm-mw-template-delimiter,
.cm-mw-template-ext-link-ground.cm-mw-template,
.cm-mw-template-ext2-link-ground.cm-mw-template-bracket,
.cm-mw-template-ext2-link-ground.cm-mw-template-name,
.cm-mw-template-ext2-link-ground.cm-mw-template-delimiter,
.cm-mw-template-ext2-link-ground.cm-mw-template,
.cm-mw-template-ext3-link-ground.cm-mw-template-bracket,
.cm-mw-template-ext3-link-ground.cm-mw-template-name,
.cm-mw-template-ext3-link-ground.cm-mw-template-delimiter,
.cm-mw-template-ext3-link-ground.cm-mw-template,
.cm-mw-template-link-ground.cm-mw-template-bracket,
.cm-mw-template-link-ground.cm-mw-template-name,
.cm-mw-template-link-ground.cm-mw-template-delimiter,
.cm-mw-template-link-ground.cm-mw-template,
.cm-mw-template-ext-ground.cm-mw-template-bracket,
.cm-mw-template-ext-ground.cm-mw-template-name,
.cm-mw-template-ext-ground.cm-mw-template-delimiter,
.cm-mw-template-ext-ground.cm-mw-template,
.cm-mw-template-ext2-ground.cm-mw-template-bracket,
.cm-mw-template-ext2-ground.cm-mw-template-name,
.cm-mw-template-ext2-ground.cm-mw-template-delimiter,
.cm-mw-template-ext2-ground.cm-mw-template,
.cm-mw-template-ext3-ground.cm-mw-template-bracket,
.cm-mw-template-ext3-ground.cm-mw-template-name,
.cm-mw-template-ext3-ground.cm-mw-template-delimiter,
.cm-mw-template-ext3-ground.cm-mw-template,
.cm-mw-template-ground.cm-mw-template-bracket,
.cm-mw-template-ground.cm-mw-template-name,
.cm-mw-template-ground.cm-mw-template-delimiter,
.cm-mw-template-ground.cm-mw-template {
color: #68e87b;
}
.cm-mw-template2-ext-link-ground.cm-mw-template-bracket,
.cm-mw-template2-ext-link-ground.cm-mw-template-name,
.cm-mw-template2-ext-link-ground.cm-mw-template-delimiter,
.cm-mw-template2-ext-link-ground.cm-mw-template,
.cm-mw-template2-ext2-link-ground.cm-mw-template-bracket,
.cm-mw-template2-ext2-link-ground.cm-mw-template-name,
.cm-mw-template2-ext2-link-ground.cm-mw-template-delimiter,
.cm-mw-template2-ext2-link-ground.cm-mw-template,
.cm-mw-template2-ext3-link-ground.cm-mw-template-bracket,
.cm-mw-template2-ext3-link-ground.cm-mw-template-name,
.cm-mw-template2-ext3-link-ground.cm-mw-template-delimiter,
.cm-mw-template2-ext3-link-ground.cm-mw-template,
.cm-mw-template2-link-ground.cm-mw-template-bracket,
.cm-mw-template2-link-ground.cm-mw-template-name,
.cm-mw-template2-link-ground.cm-mw-template-delimiter,
.cm-mw-template2-link-ground.cm-mw-template,
.cm-mw-template2-ext-ground.cm-mw-template-bracket,
.cm-mw-template2-ext-ground.cm-mw-template-name,
.cm-mw-template2-ext-ground.cm-mw-template-delimiter,
.cm-mw-template2-ext-ground.cm-mw-template,
.cm-mw-template2-ext2-ground.cm-mw-template-bracket,
.cm-mw-template2-ext2-ground.cm-mw-template-name,
.cm-mw-template2-ext2-ground.cm-mw-template-delimiter,
.cm-mw-template2-ext2-ground.cm-mw-template,
.cm-mw-template2-ext3-ground.cm-mw-template-bracket,
.cm-mw-template2-ext3-ground.cm-mw-template-name,
.cm-mw-template2-ext3-ground.cm-mw-template-delimiter,
.cm-mw-template2-ext3-ground.cm-mw-template,
.cm-mw-template2-ground.cm-mw-template-bracket,
.cm-mw-template2-ground.cm-mw-template-name,
.cm-mw-template2-ground.cm-mw-template-delimiter,
.cm-mw-template2-ground.cm-mw-template {
color: #34c576;
}
.cm-mw-template3-ext-link-ground.cm-mw-template-bracket,
.cm-mw-template3-ext-link-ground.cm-mw-template-name,
.cm-mw-template3-ext-link-ground.cm-mw-template-delimiter,
.cm-mw-template3-ext-link-ground.cm-mw-template,
.cm-mw-template3-ext2-link-ground.cm-mw-template-bracket,
.cm-mw-template3-ext2-link-ground.cm-mw-template-name,
.cm-mw-template3-ext2-link-ground.cm-mw-template-delimiter,
.cm-mw-template3-ext2-link-ground.cm-mw-template,
.cm-mw-template3-ext3-link-ground.cm-mw-template-bracket,
.cm-mw-template3-ext3-link-ground.cm-mw-template-name,
.cm-mw-template3-ext3-link-ground.cm-mw-template-delimiter,
.cm-mw-template3-ext3-link-ground.cm-mw-template,
.cm-mw-template3-link-ground.cm-mw-template-bracket,
.cm-mw-template3-link-ground.cm-mw-template-name,
.cm-mw-template3-link-ground.cm-mw-template-delimiter,
.cm-mw-template3-link-ground.cm-mw-template,
.cm-mw-template3-ext-ground.cm-mw-template-bracket,
.cm-mw-template3-ext-ground.cm-mw-template-name,
.cm-mw-template3-ext-ground.cm-mw-template-delimiter,
.cm-mw-template3-ext-ground.cm-mw-template,
.cm-mw-template3-ext2-ground.cm-mw-template-bracket,
.cm-mw-template3-ext2-ground.cm-mw-template-name,
.cm-mw-template3-ext2-ground.cm-mw-template-delimiter,
.cm-mw-template3-ext2-ground.cm-mw-template,
.cm-mw-template3-ext3-ground.cm-mw-template-bracket,
.cm-mw-template3-ext3-ground.cm-mw-template-name,
.cm-mw-template3-ext3-ground.cm-mw-template-delimiter,
.cm-mw-template3-ext3-ground.cm-mw-template,
.cm-mw-template3-ground.cm-mw-template-bracket,
.cm-mw-template3-ground.cm-mw-template-name,
.cm-mw-template3-ground.cm-mw-template-delimiter,
.cm-mw-template3-ground.cm-mw-template {
color: #248f5d;
}
.CodeMirror-line .cm-mw-template-argument-name {
color: #c1cc8e;
}
.CodeMirror-line .cm-mw-templatevariable-bracket,
.CodeMirror-line .cm-mw-templatevariable-name,
.CodeMirror-line .cm-mw-templatevariable-delimiter,
.CodeMirror-line .cm-mw-templatevariable {
color: #ea7b5d;
}
.CodeMirror-line .cm-mw-extlink-bracket,
.CodeMirror-line .cm-mw-link-bracket,
.CodeMirror-line .cm-mw-link-delimiter {
color: #cd9937;
}
.CodeMirror-line .cm-mw-extlink-protocol,
.CodeMirror-line .cm-mw-extlink,
.CodeMirror-line .cm-mw-free-extlink-protocol,
.CodeMirror-line .cm-mw-free-extlink,
.CodeMirror-line .cm-mw-link-pagename,
.CodeMirror-line .cm-mw-link,
.CodeMirror-line .cm-mw-link-tosection {
color: #c1b090;
}
.CodeMirror-line .cm-mw-extlink-text,
.CodeMirror-line .cm-mw-link-text {
color: #938976;
}
.CodeMirror-line .cm-mw-parserfunction-bracket,
.CodeMirror-line .cm-mw-parserfunction-name,
.CodeMirror-line .cm-mw-parserfunction-delimiter {
color: #9765b3;
}
.CodeMirror-line .cm-mw-htmltag-bracket,
.CodeMirror-line .cm-mw-htmltag-name,
.CodeMirror-line .cm-mw-exttag-bracket,
.CodeMirror-line .cm-mw-exttag-name {
color: #358db6;
}
.CodeMirror-line .cm-mw-htmltag-attribute,
.CodeMirror-line .cm-mw-exttag-attribute {
color: #0ba7ef;
}
.CodeMirror-line .cm-mw-mnemonic {
color: #1c4ca6;
}
.CodeMirror-line .cm-mw-comment {
color: #84a0a0;
}
.CodeMirror-line .cm-mw-apostrophes-bold,
.CodeMirror-line .cm-mw-apostrophes-italic,
.CodeMirror-line .cm-mw-section-header,
.CodeMirror-line .cm-mw-hr,
.CodeMirror-line .cm-mw-signature,
.CodeMirror-line .cm-mw-list,
.CodeMirror-line .cm-mw-indenting,
.CodeMirror-line .cm-mw-doubleUnderscore {
color: #0088ff;
}
.CodeMirror-line .cm-mw-table-bracket,
.CodeMirror-line .cm-mw-table-definition,
.CodeMirror-line .cm-mw-table-delimiter {
color: #c764ce;
}

.CodeMirror-selected {
background-color: rgba(140, 171, 230, 0.1);
}

.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
background-color: rgba(140, 171, 230, 0.2);
}

/** Cookie consent banner **/

.osano-cm-info {
background: var(--league-blue);
color: white;
box-shadow: 0 0 2px 2px var(--league-med-gold);
}

.osano-cm-header, .osano-cm-info-dialog-header {
background: linear-gradient( 180deg, var(--league-blue) 2.5em, rgba(255,255,255,0) 100% );
}

.osano-cm-window__dialog {
background: var(--league-blue);
border-top: 1px solid var(--league-med-gold);
}

.osano-cm-list__list-item.osano-cm-list-item::marker {
content: "";
}

.osano-cm-dialog__list {
gap: .5em;
}

.osano-cm-toggle__switch {
background: #c89834;
}

/* Icon List */
.icon_list li {
display: inline-block;
}

/* For making patch notes reading easier */
dt {
margin-top: 1em;
}

/* Machine-readable extra template information */
.ability-json {
display: none;
}
.hidden-metadata {
display: none;
}

/* table hover highlight e.g. Template:TFT_item_grid */
table.hover-row,
table.hover-column {
--table-hover-highlight-color: #ffffff20;
}
table.hover-row tr:hover > td {
background: var(--table-hover-highlight-color);
}
table.hover-column {
isolation: isolate;
overflow: hidden;
}
table.hover-column th,
table.hover-column td {
position: relative;
z-index: 0;
}
table.hover-column th:hover,
table.hover-column td:hover {
z-index: -1;
}
table.hover-column th:hover::after,
table.hover-column td:hover::after {
content: "";
position: absolute;
width: 100%;
height: 3000%;
top: -1500%;
left: 0;
background: var(--table-hover-highlight-color);
z-index:-1;
}

/*****
vv POC POWER TOOLTIP vv
****/

.poc-power-tooltip {
width: 512px;
height: auto;
background-color: #010a13;
}

.lor-tooltip-header {
line-height: 14px;
text-align: center;
color: #CCC;
background-color: #163474;
font-size: 0.9em;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 4px;
margin-bottom: 4px;
border-radius: 2px 2px 0 0;
margin: 0;
}

.lor-tooltip-header .lor-logo {
display: inline;
vertical-align: middle;
}

.poc-tooltip-main-content {
display: flex;
width: 100%;
height: 256px;
}

.poc-power-tooltip .poc-tooltip-left-side {
display: flex;
width: 32%;
justify-content: center;
align-items: center;
}

.poc-power-tooltip .poc-power-overlay-icon {
display: inline-block;
position: relative;
width: 144px;
height: 144px;
text-align: center;
top: 5px;
}

.poc-power-tooltip .poc-power-overlay-icon-circle {
display: inline-block;
width: 120px;
height: 120px;
border-radius: 50%;
overflow: hidden;
}
.poc-power-tooltip .poc-power-overlay-border {
position: absolute;
left: 0px;
top: -10px;
}

.poc-power-tooltip .poc-tooltip-right-side {
width: 68%;
display: flex;
flex-direction: column;
justify-content: center;
}

.poc-power-tooltip .poc-tooltip-footer {
font-family: Lovelo;
padding-left: 12px;
}

.poc-tooltip-footer .poc-tooltip-footer-title {
font-size: 16px;
color: #f1e6d0;
text-transform: uppercase;
}

.poc-tooltip-footer .poc-tooltip-footer-subtitle {
font-size: 14px;
color: #c9aa71;
text-transform: none;
}

.poc-tooltip-footer .poc-tooltip-footer-extradesc {
font-size: 11px;
line-height: 1.7em;
text-align: justify;
font-weight: bold;
}

.poc-power-name {
font-family: UniversLoR;
font-stretch: ultra-condensed;
font-size: 35px;
color: #826f58;
text-transform: uppercase;
letter-spacing: 3px;
}

.poc-power-rarity {
font-family: UniversLoR;
font-size: 22px;
text-transform: uppercase;
}

.poc-power-description {
font-family: "Lovelo";
font-weight: 400;
color: #d6cbb6;
font-size: 27px;
line-height: 130%;
}

.poc-power-common {
color: #b7fd73;
}

.poc-power-rare {
color: #4995da;
}

.poc-power-epic {
color: #f18afe;
}

.poc-power-legendary {
color: #fbd85f;
}

.poc-power-special {
color: #3fd9d4;
}

.poc-power-vocab {
color: #f1cc54 !important;
white-space: nowrap;
}

.poc-power-vocab .img {
vertical-align: middle;
}

.poc-power-cardref {
color: #4699e8 !important;
}

MediaWiki:Minerva.css

2025-02-24T17:31:21Z

Star:

/* All CSS here will be loaded for users of the MinervaNeue skin */

body {
background: var(--league-black);
color: var(--text-color);
}

body .content .mw-image-border .mw-file-element {
border: 1px solid var(--border-color);
border-radius: 2px;
}

dl {
margin-left:0;
}

.mw-echo-ui-placeholderItemWidget {
background-color: var(--league-wiki-blue);
}

/****************/
/* Header */
/****************/

.header-container.header-chrome {
border-bottom: solid 2px;
border-color: var(--league-med-gold);
box-shadow: inset 0 -1px 3px rgba(0,0,0,0.08);
background: var(--body-background-image) no-repeat;
background-color: black;
background-size: 600px;
position: relative;
}

.search-box .search {
background-color: var(--search-box);
border-color: var(--search-box);
color: var(--text-color) !important;
}

.search-box::before {
filter: brightness(0) invert(1);
}

/*.cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet {
backdrop-filter: blur(1px);
-webkit-backdrop-filter: blur(1px);
}*/

.minerva-icon,
.mf-icon,
.mw-ui-icon-mf-expand {
filter: brightness(0) invert(1);
}

.minerva-header .branding-box {
opacity: 1;
}

.branding-box img {
position: relative;
}

@media screen and (min-width: 720px) {
.minerva-header .branding-box {
min-width: 11em;
width: auto;
}
}

#language-selector {
display: none;
}

.page-actions-menu__list-item .cdx-button {
color: var(--text-color) !important;
}

.toggle-list__list--drop-down {
background-color: var(--wikitable-bg);
}

.toggle-list__list--drop-down .toggle-list-item:hover {
background: var(--wikitable-bg-lighter);
}

/****************/
/* Footer */
/****************/
.minerva-footer {
background-color: var(--league-black) !important;
border-top-color: var(--league-grey-1);
}

.minerva-footer a.last-modified-bar {
color: var(--league-white) !important;
background-color: var(--league-grey-2);
border-bottom-color: var(--league-grey-1);
border-radius: 0 !important;
}

.last-modified-bar a, .last-modified-bar a:visited, .last-modified-bar .last-modified-text-accent {
color: var(--link-color) !important;
}

#mw-mf-diffview #mw-mf-userinfo {
background: var(--body-light) !important;
border-top-color: var(--body-border) !important;
}

.drawer {
background: var(--body-light) !important;
border-top-color: var(--body-border) !important;
}

/*******************/
/* Main page */
/*******************/
.grid-filtering {
background-color: var(--search-box);
color: var(--text-color);
}

select option {
background-color: var(--search-box);
color: var(--text-color);
}

/** Stretch table contents across full width
@media all and (max-width: 720px) {
.content table {
display: table;
}
}
**/

/********************/
/* Game Nav */
/********************/
div#game-nav {
display: flex;
justify-content: center;
}

/* This can be removed if the selection images are removed from Template:Game Navigation */
.game-nav-item-select {
opacity: 0;
}

.game-nav-item a > img {
filter: brightness(50%);
}

.game-nav-item-active a > img {
filter: brightness(100%);
}

/********************/
/* Infoboxes */
/********************/
@media screen and (min-width: 700px) {
.multi-infobox {
float: right;
margin-left: 2em;
}
.multi-infobox > .infobox {
float: right;
clear: right;
margin-left: 0;
}
.infobox {
max-width: 270px;
float: right;
margin-left: 2em;
}
.infobox.type-champion-stats {
float: left;
width: calc(100% - 2em - 270px);
max-width: 400px;
margin-left: 0;
}
}

/* h2 underline */
.content .mw-parser-output > h2,
.content .section-heading {
border-bottom: 1px solid var(--section-border-color);
}

/********************/
/* Sidebar drawer */
/********************/
#mw-mf-page-left {
background-color: var(--body-secondary);
color: var(--background-text-color);
}

#mw-mf-page-left .secondary-action {
border-left-color: var(--body-mid);
}

#mw-mf-page-left ul .toggle-list-item {
background-color: var(--body-main);
border-color: var(--body-mid);
}

.toggle-list-item__label {
color: var(--base-text-color);
}

/********************/
/* Popups and modals*/
/********************/
.overlay {
background: var(--body-main);
}

.overlay-header-container,
.overlay-footer-container {
background-color: var(--body-mid);
border-color: transparent;
}

.overlay.search-overlay {
background: var(--body-main);
}

.overlay.search-overlay .results,
.overlay.search-overlay .search-feedback {
background-color: var(--body-light);
}

.overlay.search-overlay .search-content {
border-color: var(--body-mid);
background-color: var(--body-light);
}

.overlay .license {
color: var(--base-text-color);
}

.overlay .panel {
border-color: var(--sidebar);
}

.overlay .content-header {
background-color: var(--body-light);
border-color: transparent;
}

.overlay.overlay-loading {
background: var(--ooui-window-background);
}

.overlay .overlay-content {
background: var(--body-main);
width: 100%;
}

.page-summary h2,
.page-summary h3 {
color: var(--text-color);
}

.page-list li,
.topic-title-list li,
.site-link-list li {
border-color: var(--body-mid);
}

#mw-mf-page-center {
background-color: transparent;
}

.overlay-enabled .overlay:not(.editor-overlay),
.overlay-enabled #mw-mf-page-center {
overflow-y: scroll;
}

.editor-overlay .wikitext-editor {
color: var(--text-color);
}

.editor-overlay .overlay-header {
outline-color: transparent;
}

.editor-overlay .summary-request {
color: var(--text-color);
}

.editor-overlay .editor-switcher {
border: none;
}

.page-list.side-list .list-thumb,.topic-title-list.side-list .list-thumb,.site-link-list.side-list .list-thumb {
color: var(--text-color);
}

.mw-mf-user {
color: var(--text-color);
}

/********************/
/* Preferences */
/********************/
.mw-prefs-title {
color: inherit;
}

.mw-prefs-description,
.oo-ui-window-body.mw-mobile-pref-dialog-body .mw-htmlform-field-HTMLInfoField {
color: var(--byline-color);
}

.mw-mobile-prefsection.oo-ui-buttonElement {
border-color: var(--sidebar);
}

.oo-ui-window-body.mw-mobile-pref-dialog-body .mw-prefs-fieldset-wrapper .oo-ui-fieldsetLayout-header,
.oo-ui-window-body.mw-mobile-pref-dialog-body [class^="mw-htmlform-field"] {
border-color: var(--sidebar);
}

/********************/
/* Code page */
/********************/
.mw-highlight pre {
background-color: #222e45;
}

.mw-highlight pre .hll {
background-color: #49483e;
}

.mw-highlight pre .c {
color: #949eaa;
}

.mw-highlight pre .err {
color: #960050;
}

.mw-highlight pre .k {
color: #66d9ef;
}

.mw-highlight pre .l {
color: #ae81ff;
}

.mw-highlight pre .n {
color: #f8f8f2;
}

.mw-highlight pre .o {
color: #f92672;
}

.mw-highlight pre .p {
color: #f8f8f2;
}

.mw-highlight pre .ch {
color: #949eaa;
}

.mw-highlight pre .cm {
color: #949eaa;
}

.mw-highlight pre .cp {
color: #949eaa;
}

.mw-highlight pre .cpf {
color: #949eaa;
}

.mw-highlight pre .c1 {
color: #949eaa;
}

.mw-highlight pre .cs {
color: #949eaa;
}

.mw-highlight pre .gd {
color: #f92672;
}

.mw-highlight pre .ge {
font-style: italic;
}

.mw-highlight pre .gi {
color: #a6e22e;
}

.mw-highlight pre .gs {
font-weight: bold;
}

.mw-highlight pre .gu {
color: #949eaa;
}

.mw-highlight pre .kc {
color: #66d9ef;
}

.mw-highlight pre .kd {
color: #66d9ef;
}

.mw-highlight pre .kn {
color: #f92672;
}

.mw-highlight pre .kp {
color: #66d9ef;
}

.mw-highlight pre .kr {
color: #66d9ef;
}

.mw-highlight pre .kt {
color: #66d9ef;
}

.mw-highlight pre .ld {
color: #e6db74;
}

.mw-highlight pre .m {
color: #ae81ff;
}

.mw-highlight pre .s {
color: #e6db74;
}

.mw-highlight pre .na {
color: #a6e22e;
}

.mw-highlight pre .nb {
color: #f8f8f2;
}

.mw-highlight pre .nc {
color: #a6e22e;
}

.mw-highlight pre .no {
color: #66d9ef;
}

.mw-highlight pre .nd {
color: #a6e22e;
}

.mw-highlight pre .ni {
color: #f8f8f2;
}

.mw-highlight pre .ne {
color: #a6e22e;
}

.mw-highlight pre .nf {
color: #a6e22e;
}

.mw-highlight pre .nl {
color: #f8f8f2;
}

.mw-highlight pre .nn {
color: #f8f8f2;
}

.mw-highlight pre .nx {
color: #a6e22e;
}

.mw-highlight pre .py {
color: #f8f8f2;
}

.mw-highlight pre .nt {
color: #f92672;
}

.mw-highlight pre .nv {
color: #f8f8f2;
}

.mw-highlight pre .ow {
color: #f92672;
}

.mw-highlight pre .w {
color: #f8f8f2;
}

.mw-highlight pre .mb {
color: #ae81ff;
}

.mw-highlight pre .mf {
color: #ae81ff;
}

.mw-highlight pre .mh {
color: #ae81ff;
}

.mw-highlight pre .mi {
color: #ae81ff;
}

.mw-highlight pre .mo {
color: #ae81ff;
}

.mw-highlight pre .sa {
color: #e6db74;
}

.mw-highlight pre .sb {
color: #e6db74;
}

.mw-highlight pre .sc {
color: #e6db74;
}

.mw-highlight pre .dl {
color: #e6db74;
}

.mw-highlight pre .sd {
color: #e6db74;
}

.mw-highlight pre .s2 {
color: #e6db74;
}

.mw-highlight pre .se {
color: #ae81ff;
}

.mw-highlight pre .sh {
color: #e6db74;
}

.mw-highlight pre .si {
color: #e6db74;
}

.mw-highlight pre .sx {
color: #e6db74;
}

.mw-highlight pre .sr {
color: #e6db74;
}

.mw-highlight pre .s1 {
color: #e6db74;
}

.mw-highlight pre .ss {
color: #e6db74;
}

.mw-highlight pre .bp {
color: #f8f8f2;
}

.mw-highlight pre .fm {
color: #a6e22e;
}

.mw-highlight pre .vc {
color: #f8f8f2;
}

.mw-highlight pre .vg {
color: #f8f8f2;
}

.mw-highlight pre .vi {
color: #f8f8f2;
}

.mw-highlight pre .vm {
color: #f8f8f2;
}

.mw-highlight pre .il {
color: #ae81ff;
}

/********************/
/* Contributions */
/********************/
ul.mw-contributions-list li,
ul.special li {
border-color: var(--sidebar);
}

.content .mw-index-pager-list-header {
background-color: var(--body-mid);
color: inherit;
font-family: inherit;
}

/* Hide image for Template:Portal/News/Row */
.portal-news-image {
display: none;
}
.portal-news-row {
grid-template-columns: initial;
}

/* Editor stuff */

.ve-mobile-fakeToolbar {
border: none;
}

.ve-mobile-fakeToolbar-container {
background: var(--body-main);
border: none;
}

.ve-mobile-fakeToolbar .mw-ui-icon-mf-spinner {
border-color: transparent;
}

.ve-ui-targetToolbar-mobile .oo-ui-toolbar-tools > .ve-ui-toolbar-group-back {
border-color: transparent;
}

.ve-ui-mobileContext {
background-color: var(--body-light);
border-color: var(--body-light);
}

.ve-ui-mobileContext .ve-ui-linearContextItem-body-action-wrapper {
border-color: var(--body-border);
}

.ve-ui-linearContextItem-foot:not(:empty) {
border-color: var(--body-border);
}

.ve-ui-mwSaveDialog-options {
backgroubd-color: var(--body-light);
border-color: var(--body-mid);
}

/* Icon List */
.icon_list {
white-space:nowrap;
}

/* Utility classes */
.poc-display-none {
display: none;
}

/* Tabs */
.minerva__tab.selected {
border-color: var(--league-wheat-gold) !important;
}

.minerva__tab-container .minerva__tab.selected .minerva__tab-text {
color: var(--league-wheat-gold);
}

.minerva__tab-container .minerva__tab .minerva__tab-text {
color: white;
}

/* Call To Action (CTA) */
.cta-holder {
background-color: var(--league-blue);
}
.cta-holder .userpage-image-placeholder {
filter: brightness(0) invert(1);
}
.cta-holder .desc {
color: var(--league-white);
}

2025-02-24T16:28:43Z

Star: Protected "MediaWiki:Sidebar": High traffic page ([Edit=Allow only administrators] (indefinite) [Move=Allow only administrators] (indefinite))

2025-02-24T15:48:51Z

Star:

MediaWiki:Common.css

2025-02-24T15:48:05Z

Star:

/* Uses the Official League Wiki styles as a base: */
/* As advised, starting with the OSRS Skin and going from there. */
/* @import url("https://lol-staging.weirdgloop.org/w/MediaWiki:Portal.css?action=raw&ctype=text/css"); */

/* <pre> */
:root {
color-scheme: dark;

/* Meta color scheme */
--fiendish-dark-purple: #5A1A45;
--fiendish-purple: #993B80;
--fiendish-gold: #C8AA6E;

--league-wiki-blue: #061F36;
--league-wiki-blue-lighter: #152B3F;
--league-wiki-dark: #060e1f;

--riot-red: #EB0029;

/* League color scheme */
--league-white: #EBDDC1;
--league-grey-1: #A09B8C;
--league-grey-2: #3C3C41;
--league-grey-3: #1E2328;
--league-grey-cool: #1E282D;
--league-black: #010A13;

--league-blue: #091428;
--league-blue-2: #002e83; /*unofficial*/
--league-dark-blue: #0A1428;
--league-bright-blue: #005A82;
--league-bluegreen: #0397ab;
--league-turquoise: #0ac8b9;
--league-skyblue: #cdfafa;

--league-wheat-gold: #C8AA6E;
--league-gold: #C89B3C;
--league-med-gold: #785A28;
--league-dark-gold: #463714;
--league-brown: #32281E;

/* Other titles */
--tft-orange-1: #FAA404;
--tft-orange-2: #EF7A20;

--wr-blue: #4AC6F2;
--wr-blue-2: #005ECC;
--wr-teal: #086178;
--wr-teal-2: #167285;

--runeterra-gold: #C8AA6E;
--runeterra-gold-2: #785A28;
--jinx-pink: #F40C96;
--jinx-blue: #008EFC;

--ruination-green: #1C4C4C;
--ruination-cyan: #0AC8B9;
--ruination-cyan-2: #03BEBE;

--fighter-green: #CDF664;
--fighter-dark: #1C1D1F;

--valorant-red: #FF4655;
--valorant-dark: #111823;

--esports-white: #EEEEEE;
--esports-cyan: #10E3F8;
--esports-cyan-2: #00C8C8;
--esports-teal: #006464;
--esports-gold: #9D8253;
--esports-dark: #061A25;

/* Main styles */
--body-secondary: var(--league-blue);
--body-main: var(--league-wiki-blue);
--body-light: var(--league-wiki-blue-lighter);
--body-mid: var(--league-blue);
--body-dark: var(--league-wiki-dark);
--body-border: var(--league-grey-cool);
--body-accent-color: var(--league-gold);
/*--button-background: #605443;
--button-color: #fff;
--button-border: #3c352a;
--button-dark: #18140c;
--button-light: #3a301d;*/
--sidebar: var(--league-black);
--background-text-color: var(--league-white);
--background-link-color: var(--league-wheat-gold);
--search-box: var(--league-wiki-blue-lighter);
--link-color: var(--league-wheat-gold);
--link-contrast: var(--league-black);
--redlink-color: #d25353;
--text-color: var(--league-white);
--section-border-color: var(--league-dark-gold);
--border-color: #3e4451;
--byline-color: var(--league-white);
/*--subtle-color: #777;*/
--thumb-bg: var(--body-mid);
--thumb-caption-bg: var(--body-mid);
--base-text-color: var(--text-color);
--base-heading-color: #444e5a;
--base-heading-border: #e4eaee;
--mw-code-background-color: var(--league-blue) ;
--body-background-image: url('filepath://Background_image.png');

/* Editor */
--sourceeditor-input-background: var(--league-black);
--sourceeditor-background: var(--body-light);
--sourceeditor-background-secondary: var(--league-blue);
--sourceeditor-border: var(--body-mid);
--codemirror-gutter-background: var(--body-mid);

/* Messagebox */
--messagebox-obsolete-background: var(--league-black);
--messagebox-obsolete-border: #464646;
--messagebox-obsolete-color: var(--text-color);
--messagebox-obsolete-link-color: #6c6c6c;
--messagebox-info-background: var(--league-black);
--messagebox-info-border: #898989;
--messagebox-info-color: var(--text-color);
--messagebox-info-link-color: #6c6c6c;
--messagebox-action-background: var(--league-black);
--messagebox-action-border: #0b5884;
--messagebox-action-color: var(--text-color);
--messagebox-action-link-color: #6c6c6c;
--messagebox-warn-background: var(--league-black);
--messagebox-warn-border: #861c10;
--messagebox-warn-color: var(--text-color);
--messagebox-warn-link-color: #6c6c6c;
--messagebox-safe-background: var(--league-black);
--messagebox-safe-border: #1b8408;
--messagebox-safe-color: var(--text-color);
--messagebox-safe-link-color: #6c6c6c;
--messagebox-disambig-background: var(--league-black);
--messagebox-disambig-border: #898989;
--messagebox-disambig-color: var(--text-color);
--messagebox-disambig-link-color: #6c6c6c;
--messagebox-discord-background: var(--league-black);
--messagebox-discord-border: #4c57d0;
--messagebox-discord-link-color: #6c6c6c;

/* Infoboxes */
--infobox-text-color: var(--text-color);
--infobox-background: var(--league-black);
--infobox-accent: var(--league-med-gold);
--infobox-border: var(--league-dark-gold);

/* Documentation */
--documentation-background: #f9fafa;
--documentation-link-color: #e4eaee;
--documentation-headers-color: #fff;
--documentation-header-background: #949eaa;
--documentation-subheader-background: #808c9a;
--documentation-border: #e4eaee;

/* Warnings */
--errorbox-bg: var(--league-black); /*The warning at the top of this pag; also assigned to Amboxes.*/
--errorbox-border: #ee4231;
--warningbox-bg: var(--league-black);
--warningbox-border: #ee4231;
--successbox-bg: var(--league-black);
--successbox-border: #6bc71f;

/* Tables */
--article-table-header-bg: #092949;
--article-table-bg: #051829;
--wikitable-header-bg: #2B3241;
--wikitable-border: #3E4451;
--wikitable-bg: var(--league-wiki-dark);
--wikitable-bg-lighter: var(--body-mid);
--wikitable-color: var(--text-color);
--table-na-background: rgba(255, 255, 255, 0.3);
--table-na-color: var(--subtle-color);
--table-yes-background: #c3e8a3;
--table-yes-color: #2e5e05;
--table-no-background: #fbc0ba;
--table-no-color: #801c13;
--table-maybe-background: #fcea94;
--table-maybe-color: #786300;

/* Diffs */
--diff-addedline-border-color: #438ab5;
--diff-addedline-background: #bddff2;
--diff-addedline-color: #000;
--diff-deletedline-border-color: #379541;
--diff-deletedline-background: #c1edbf;
--diff-deletedline-color: #000;
--diff-context-border-color: var(--body-mid);
--diff-context-background: var(--body-mid);
--diff-inline-deletedline: #fbc0ba;

/* Tabs */
--tabber-tab-bg: var(--body-mid);
--tabber-active-tab-bg: var(--body-secondary);
--tabber-active-tab-color: var(--text-color);
--tabber-active-tab-hover-bg: var(--body-light);
--tabber-active-tab-hover-border-color: var(--body-border);
--tabber-active-tab-hover-color: var(--text-color);
--tabber-active-tab-border-hider-color: var(--body-light);
--tabber-inactive-tab-bg: var(--body-accent-color);
--tabber-inactive-tab-border-color: var(--body-border);
--tabber-inactive-tab-color: var(--text-color);
--tabber-inactive-tab-hover-bg: var(--body-light);
--tabber-inactive-tab-hover-border-color: var(--body-border);

/* Tooltips */
--tooltip-bg-color: var(--league-black);
--tooltip-text-color: #D5D4D4;
--tooltip-header-text-color: #9797FC;

/* Templates */
/* - Template:Background_quote */
--background-quote-bg-color: var(--league-wiki-dark);
/* - Template:Portal/News/Row */
--portal-news-subheader-color: #b4caf5; /* some teal color */
--portal-news-accent-color: #c99e42; /* some gold color */
--portal-news-border-color: #464646; /* some gray color */
--portal-news-row-background-color: #082947; /* some blue color */
}

/* Rubik */
@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 300;
src: local("Rubik Light Italic"),local("Rubik-LightItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 300;
src: local("Rubik Light Italic"),local("Rubik-LightItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 300;
src: local("Rubik Light Italic"),local("Rubik-LightItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 300;
src: local("Rubik Light Italic"),local("Rubik-LightItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 400;
src: local("Rubik Italic"),local("Rubik-Italic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 400;
src: local("Rubik Italic"),local("Rubik-Italic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 400;
src: local("Rubik Italic"),local("Rubik-Italic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 400;
src: local("Rubik Italic"),local("Rubik-Italic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 500;
src: local("Rubik Medium Italic"),local("Rubik-MediumItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 500;
src: local("Rubik Medium Italic"),local("Rubik-MediumItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 500;
src: local("Rubik Medium Italic"),local("Rubik-MediumItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 500;
src: local("Rubik Medium Italic"),local("Rubik-MediumItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 700;
src: local("Rubik Bold Italic"),local("Rubik-BoldItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 700;
src: local("Rubik Bold Italic"),local("Rubik-BoldItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 700;
src: local("Rubik Bold Italic"),local("Rubik-BoldItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: italic;
font-weight: 700;
src: local("Rubik Bold Italic"),local("Rubik-BoldItalic"),url('filepath://Rubik_Regular_Italic.woff2') format("woff2");
unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 300;
src: local("Rubik Light"),local("Rubik-Light"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 300;
src: local("Rubik Light"),local("Rubik-Light"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 300;
src: local("Rubik Light"),local("Rubik-Light"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 300;
src: local("Rubik Light"),local("Rubik-Light"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 400;
src: local("Rubik"),local("Rubik-Regular"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 400;
src: local("Rubik"),local("Rubik-Regular"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 400;
src: local("Rubik"),local("Rubik-Regular"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 400;
src: local("Rubik"),local("Rubik-Regular"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 500;
src: local("Rubik Medium"),local("Rubik-Medium"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 500;
src: local("Rubik Medium"),local("Rubik-Medium"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 500;
src: local("Rubik Medium"),local("Rubik-Medium"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 500;
src: local("Rubik Medium"),local("Rubik-Medium"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 700;
src: local("Rubik Bold"),local("Rubik-Bold"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 700;
src: local("Rubik Bold"),local("Rubik-Bold"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0590-05ff,u+20aa,u+25cc,u+fb1d-fb4f
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 700;
src: local("Rubik Bold"),local("Rubik-Bold"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+0100-024f,u+0259,u+1e??,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff
}

@font-face {
font-display: swap;
font-family: Rubik;
font-style: normal;
font-weight: 700;
src: local("Rubik Bold"),local("Rubik-Bold"),url('filepath://Rubik_Regular.woff2') format("woff2");
unicode-range: u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd
}

/* SpiegelLoL */
/*@font-face {
font-family: SpiegelLoL;
src:
url('filepath://Spiegel_Regular.woff2') format("woff2");
font-weight: 400;
font-style: normal;
}

@font-face {
font-family: SpiegelLoL;
src:
url('filepath://Spiegel_Regular_Italic.woff2') format("woff2");
font-weight: 400;
font-style: italic;
}

@font-face {
font-family: SpiegelLoL;
src:
url('filepath://Spiegel_Bold.woff2') format("woff2");
font-weight: 700;
font-style: bold;
}*/

/* Nunito (body font) */
/*@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');*/
@font-face {
font-family: 'Nunito';
src: local("Nunito"), url('https://mediawiki.s3.bhs.io.cloud.ovh.net/fonts/Nunito-Regular.woff2') format('woff2');
font-weight: 400;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Nunito';
src: local("Nunito Italic"), url('https://mediawiki.s3.bhs.io.cloud.ovh.net/fonts/Nunito-Italic.woff2') format('woff2');
font-weight: 400;
font-display: swap;
font-style: italic;
}
@font-face {
font-family: 'Nunito';
src: local("Nunito Bold"), url('https://mediawiki.s3.bhs.io.cloud.ovh.net/fonts/Nunito-Bold.woff2') format('woff2');
font-weight: 700;
font-display: swap;
font-style: normal;
}
@font-face {
font-family: 'Nunito';
src: local("Nunito Bold Italic"), url('https://mediawiki.s3.bhs.io.cloud.ovh.net/fonts/Nunito-BoldItalic.woff2') format('woff2');
font-weight: 700;
font-display: swap;
font-style: italic;
}

/* BeaufortLoL */
/*@font-face {
font-family: BeaufortLoL;
src:
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Heavy.woff2) format("woff2"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Heavy.woff) format("woff"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Heavy.ttf) format("truetype");
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: BeaufortLoL;
src:
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-HeavyItalic.woff2) format("woff2"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-HeavyItalic.woff) format("woff"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-HeavyItalic.ttf) format("truetype");
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: BeaufortLoL;
src:
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.woff2) format("woff2"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.woff) format("woff"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: BeaufortLoL;
src:
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-BoldItalic.woff2) format("woff2"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-BoldItalic.woff) format("woff"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-BoldItalic.ttf) format("truetype");
font-weight: 700;
font-style: italic;
}
@font-face {
font-family :BeaufortLoL;
src:
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Medium.woff2) format("woff2"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Medium.woff) format("woff"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: BeaufortLoL;
src:
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-MediumItalic.woff2) format("woff2"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-MediumItalic.woff) format("woff"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-MediumItalic.ttf) format("truetype");
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: BeaufortLoL;
src:
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Regular.woff2) format("woff2"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Regular.woff) format("woff"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: BeaufortLoL;
src:
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Italic.woff2) format("woff2"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Italic.woff) format("woff"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Italic.ttf) format("truetype");
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: BeaufortLoL;
src:
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Light.woff2) format("woff2"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Light.woff) format("woff"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-Light.ttf) format("truetype");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: BeaufortLoL;
src:
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-LightItalic.woff2) format("woff2"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-LightItalic.woff) format("woff"),
url(https://s.lolstatic.com/awesomefonts/1.0.0/Fonts/BeaufortforLOL-LightItalic.ttf) format("truetype");
font-weight: 200;
font-style: italic;
}*/
/* Lovelo (title font) */
/*@import url("https://fonts.cdnfonts.com/css/lovelo");*/
@font-face {
font-family: "Lovelo";
src: local("Lovelo Black"), url("https://mediawiki.s3.bhs.io.cloud.ovh.net/fonts/Lovelo-Black.woff2") format("woff2");
font-weight: normal;
font-style: normal;
}

/* UniversLoR */
@font-face {
font-family: UniversLoR;
src: url('filepath://Univers_Regular.woff2') format("woff2");
font-weight: 400;
font-style: normal;
font-stretch: normal;
}

@font-face {
font-family: UniversLoR;
src: url('filepath://Univers_UltCond.woff2') format("woff2");
font-weight: 400;
font-style: normal;
font-stretch: ultra-condensed;
}

body {
font-family: 'Nunito', 'IBM Plex Sans', 'Helvetica Neue', 'Arial', sans-serif;
caret-color: rgb(255, 255, 255);
}

/* OOUI icon hue rotate for visibility */
body .oo-ui-iconElement-icon:not(.oo-ui-image-destructive):not(.oo-ui-image-warning):not(.oo-ui-image-progressive):not(.oo-ui-checkboxInputWidget-checkIcon):not(.oo-ui-icon-page-existing),
body .oo-ui-indicatorElement-indicator,
body .mwe-math-element img,
body .mw-ui-icon:before,
body .soft-redirect > div:nth-child(1) img {
filter: invert(1) hue-rotate(180deg);
}

/* Used to make black icons white */
.invert-img {
filter: invert(1);
}

.mw-body h1,
.mw-body-content h1,
.mw-body-content h2,
.mw-body-content h3,
.mw-body-content h4,
.mw-body-content h5,
.mw-body-content h6 {
font-family: Lovelo;
font-weight: 400;
}

.mw-body {
font-size: 18px;
}

#mw-page-base {
background: none;
}

.mw-body {
background-color: var(--body-main);
color: var(--league-white);
border-color: transparent;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
margin-top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--text-color);
}

h1,
h2 {
border-color: var(--section-border-color);
}

.mw-body-content h3 {
width: 50%;
border-bottom: 1px solid var(--league-grey-2);
}

.mw-parser-output h2:first-of-type {
clear: left;
}

.mw-footer {
color: var(--background-text-color);
}

.mw-footer li {
color: var(--background-text-color);
}

.mw-footer a,
.mw-footer a:active,
.mw-footer a:visited {
color: var(--background-link-color);
}

::placeholder {
color: var(--subtle-color);
}

a {
color: var(--link-color);
}

a:visited,
a:active {
color: var(--link-color);
}

a.new {
color: var(--redlink-color);
}

a.new:visited {
color: var(--redlink-color);
}

.mw-parser-output a.extiw,
.mw-parser-output a.external {
color: var(--link-color);
}

.mw-parser-output a.extiw:visited,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw:active,
.mw-parser-output a.external:active {
color: var(--link-color);
}

.jsPurgeLink a.external {
color: var(--link-color);
}

#ca-nstab-user a {
background: none;
}

.mw-image-border .mw-file-element {
border: 1px solid var(--border-color);
border-radius: 3px;
}

.CodeMirror {
color: var(--league-white);
}

.mw-message-box-error,
.errorbox,
.mw-message-box-warning,
.warningbox,
.mw-message-box-success,
.successbox,
.usermessage {
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

.mw-message-box-error,
.errorbox {
background-color: var(--errorbox-bg);
border-color: var(--errorbox-border);
}

.mw-message-box-warning,
.warningbox,
.usermessage {
background-color: var(--warningbox-bg);
border-color: var(--warningbox-border);
}

.mw-message-box-success,
.successbox {
background-color: var(--successbox-bg);
border-color: var(--successbox-border);
}

.catlinks {
background: var(--league-black);
border: 1px solid var(--league-grey-2);
padding: 8px 15px;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

.catlinks li {
border-color: var(--body-mid);
}

.filehistory a img,
#file img {
background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='.13'/%3E%3C/svg%3E") repeat;
}

#file img:hover {
background: none;
}

.mw-highlight {
background: none;
}

.mw-highlight .linenos {
background-color: var(--mw-code-background-color);
color: var(--byline-color);
}

.mw-highlight a:hover .linenos,
.mw-highlight .hll a .linenos {
color: var(--text-color);
}

.mw-content-ltr.mw-highlight-lines pre,
.mw-content-ltr.content .mw-highlight-lines pre {
box-shadow: inset 2.75em 0 0 var(--mw-code-background-color);
}

/*****

vv STUFF WE DIDNT CHANGE? vv

****/

#pagehistory ul {
list-style: none;
margin: 0;
}

#pagehistory li {
border: 1px solid transparent;
padding: 1px 10px;
margin: 2px 0;
}

#pagehistory li.selected {
background-color: var(--body-light);
color: inherit;
border: 1px dashed var(--body-border);
outline: none;
}

#mw-history-compare > div:first-of-type {
position: -webkit-sticky;
position: sticky;
top: 0;
background-color: var(--body-main);
border-bottom: 1px solid var(--body-dark);
padding: 0.25em 0;
}

.autocomment,
.autocomment a,
.autocomment a:visited {
color: var(--link-color);
}

li span.deleted,
span.history-deleted {
color: var(--byline-color);
}

.mw-usertoollinks-contribs-no-edits,
.mw-usertoollinks-contribs-no-edits:visited {
color: var(--redlink-color);
}

.CategoryTreeToggle {
color: var(--link-color);
}

.mw-mmv-post-image {
color: var(--text-color);
background-color: var(--body-main);
}

.mw-mmv-image-metadata {
border-top-color: var(--body-mid);
background-color: var(--body-light);
}

.mw-mmv-dialog,
.mw-mmv-dialog .mw-mmv-dialog-down-arrow,
.mw-mmv-options-dialog .mw-mmv-dialog-down-arrow {
background-color: var(--body-light);
box-shadow: none;
}

.mw-mmv-options-enable-alert {
background-color: var(--body-light);
color: var(--text-color);
}

.mw-mmv-options-dialog-header,
.mw-mmv-options-text-header,
.mw-mmv-options-text-body,
.mw-mmv-options-enable-alert,
.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-dialog-header,
.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header {
color: var(--text-color);
}

.mw-revslider-container {
border-color: var(--sidebar);
}

.mw-revslider-slider-wrapper {
border-top-color: var(--sidebar);
}

.mw-ui-button {
background-color: var(--ooui-normal);
color: var(--ooui-text);
border-color: var(--ooui-normal-border);
}

.cdx-button:not( :disabled ),
.mw-ui-button:not( :disabled ),
.cdx-button:enabled,
.mw-ui-button:enabled,
.cdx-button.cdx-button--fake-button--enabled,
.mw-ui-button.cdx-button--fake-button--enabled {
background-color: var(--ooui-normal);
color: var(--ooui-text);
border-color: var(--ooui-normal-border);
}

.cdx-button:not( :disabled ):focus:not(:active):not(.cdx-button--is-active),
.mw-ui-button:not( :disabled ):focus:not(:active):not(.cdx-button--is-active),
.cdx-button:enabled:focus:not(:active):not(.cdx-button--is-active),
.mw-ui-button:enabled:focus:not(:active):not(.cdx-button--is-active),
.cdx-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active),
.mw-ui-button.cdx-button--fake-button--enabled:focus:not(:active):not(.cdx-button--is-active) {
color: var(--ooui-text);
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff;
}

.cdx-button:not( :disabled ):hover,
.mw-ui-button:not( :disabled ):hover,
.cdx-button:enabled:hover,
.mw-ui-button:enabled:hover,
.cdx-button.cdx-button--fake-button--enabled:hover,
.mw-ui-button.cdx-button--fake-button--enabled:hover,
.cdx-button:not( :disabled ):active,
.mw-ui-button:not( :disabled ):active,
.cdx-button:enabled:active,
.mw-ui-button:enabled:active,
.cdx-button.cdx-button--fake-button--enabled:active,
.mw-ui-button.cdx-button--fake-button--enabled:active {
background-color: var(--ooui-normal--hover);
color: var(--ooui-text);
border-color: var(--ooui-normal-border);
}

.cdx-button:not( :disabled ):visited,
.mw-ui-button:not( :disabled ):visited,
.cdx-button:enabled:visited,
.mw-ui-button:enabled:visited,
.cdx-button.cdx-button--fake-button--enabled:visited,
.mw-ui-button.cdx-button--fake-button--enabled:visited {
color: var(--ooui-text);
}

.cdx-button:not( :disabled ).cdx-button--weight-primary.cdx-button--action-progressive,
.mw-ui-button:not( :disabled ).cdx-button--weight-primary.cdx-button--action-progressive,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive,
.cdx-button:not( :disabled ).mw-ui-progressive:not(:disabled),
.mw-ui-button:not( :disabled ).mw-ui-progressive:not(:disabled),
.cdx-button:enabled.mw-ui-progressive:not(:disabled),
.mw-ui-button:enabled.mw-ui-progressive:not(:disabled),
.cdx-button.cdx-button--fake-button--enabled.mw-ui-progressive:not(:disabled),
.mw-ui-button.cdx-button--fake-button--enabled.mw-ui-progressive:not(:disabled) {
background-color: var(--ooui-progressive);
color: #fff;
border-color: var(--ooui-progressive);
}

.cdx-button:not( :disabled ).cdx-button--weight-primary.cdx-button--action-progressive:hover,
.mw-ui-button:not( :disabled ).cdx-button--weight-primary.cdx-button--action-progressive:hover,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:hover,
.cdx-button:not( :disabled ).mw-ui-progressive:not(:disabled):hover,
.mw-ui-button:not( :disabled ).mw-ui-progressive:not(:disabled):hover,
.cdx-button:enabled.mw-ui-progressive:not(:disabled):hover,
.mw-ui-button:enabled.mw-ui-progressive:not(:disabled):hover,
.cdx-button.cdx-button--fake-button--enabled.mw-ui-progressive:not(:disabled):hover,
.mw-ui-button.cdx-button--fake-button--enabled.mw-ui-progressive:not(:disabled):hover {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
}

.cdx-button:not( :disabled ).cdx-button--weight-primary.cdx-button--action-progressive:focus,
.mw-ui-button:not( :disabled ).cdx-button--weight-primary.cdx-button--action-progressive:focus,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus,
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:focus,
.cdx-button:not( :disabled ).mw-ui-progressive:not(:disabled):focus,
.mw-ui-button:not( :disabled ).mw-ui-progressive:not(:disabled):focus,
.cdx-button:enabled.mw-ui-progressive:not(:disabled):focus,
.mw-ui-button:enabled.mw-ui-progressive:not(:disabled):focus,
.cdx-button.cdx-button--fake-button--enabled.mw-ui-progressive:not(:disabled):focus,
.mw-ui-button.cdx-button--fake-button--enabled.mw-ui-progressive:not(:disabled):focus {
box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff;
}

.cdx-button:not( :disabled ).cdx-button--weight-primary.cdx-button--action-progressive:active,
.mw-ui-button:not( :disabled ).cdx-button--weight-primary.cdx-button--action-progressive:active,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive:active,
.cdx-button:not( :disabled ).mw-ui-progressive:not(:disabled):active,
.mw-ui-button:not( :disabled ).mw-ui-progressive:not(:disabled):active,
.cdx-button:enabled.mw-ui-progressive:not(:disabled):active,
.mw-ui-button:enabled.mw-ui-progressive:not(:disabled):active,
.cdx-button.cdx-button--fake-button--enabled.mw-ui-progressive:not(:disabled):active,
.mw-ui-button.cdx-button--fake-button--enabled.mw-ui-progressive:not(:disabled):active,
.cdx-button:not( :disabled ).cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.mw-ui-button:not( :disabled ).cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.cdx-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.mw-ui-button:enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.mw-ui-button.cdx-button--fake-button--enabled.cdx-button--weight-primary.cdx-button--action-progressive.is-on,
.cdx-button:not( :disabled ).mw-ui-progressive:not(:disabled).is-on,
.mw-ui-button:not( :disabled ).mw-ui-progressive:not(:disabled).is-on,
.cdx-button:enabled.mw-ui-progressive:not(:disabled).is-on,
.mw-ui-button:enabled.mw-ui-progressive:not(:disabled).is-on,
.cdx-button.cdx-button--fake-button--enabled.mw-ui-progressive:not(:disabled).is-on,
.mw-ui-button.cdx-button--fake-button--enabled.mw-ui-progressive:not(:disabled).is-on {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
box-shadow: none;
}

.cdx-button.cdx-button--action-destructive:not( :disabled ),
.cdx-button.mw-ui-button--action-destructive:not( :disabled ),
.mw-ui-button.cdx-button--action-destructive:not( :disabled ),
.mw-ui-button.mw-ui-button--action-destructive:not( :disabled ) {
color: #fff;
}

.cdx-button.cdx-button--weight-quiet,
.cdx-button.mw-ui-button--weight-quiet,
.mw-ui-button.cdx-button--weight-quiet,
.mw-ui-button.mw-ui-button--weight-quiet,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive {
color: var(--text-color);
}

.cdx-checkbox__input:enabled:checked + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:checked + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:indeterminate + .cdx-checkbox__icon {
background-color: var(--ooui-progressive);
border-color: var(--ooui-progressive);
}

.cdx-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:checked:hover + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:indeterminate:hover + .cdx-checkbox__icon {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
}

.cdx-checkbox__input:enabled:checked:active + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:checked:active + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:indeterminate:active + .cdx-checkbox__icon {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover);
}

.cdx-checkbox__input:enabled:checked:focus:not(:active),
.mw-ui-checkbox__input:enabled:checked:focus:not(:active),
.cdx-checkbox__input:enabled:indeterminate:focus:not(:active),
.mw-ui-checkbox__input:enabled:indeterminate:focus:not(:active) {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff;
}

.cdx-checkbox__input:enabled:checked:focus:not(:active):not(:hover) + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:checked:focus:not(:active):not(:hover) + .cdx-checkbox__icon,
.cdx-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover) + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:indeterminate:focus:not(:active):not(:hover) + .cdx-checkbox__icon {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff;
}

.cdx-checkbox__input:enabled:hover + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:hover + .cdx-checkbox__icon {
border-color: var(--ooui-accent);
}

.cdx-checkbox__input:enabled:active + .cdx-checkbox__icon,
.mw-ui-checkbox__input:enabled:active + .cdx-checkbox__icon {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover);
}

input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet,
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:hover + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:hover + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:hover + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:hover + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
.cdx-button.cdx-button--weight-quiet:hover,
.cdx-button.mw-ui-button--weight-quiet:hover,
.mw-ui-button.cdx-button--weight-quiet:hover,
.mw-ui-button.mw-ui-button--weight-quiet:hover,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive:hover,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:hover,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:hover,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:hover,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive:hover,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:hover,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:hover,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:hover,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive:hover,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:hover,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:hover,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:hover,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive:hover,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:hover,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:hover,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:hover {
background-color: rgba(0, 24, 73, 0.02745098);
color: var(--text-color);
border-color: transparent;
}

input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet,
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:focus + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:focus + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:focus + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:focus + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
.cdx-button.cdx-button--weight-quiet:focus,
.cdx-button.mw-ui-button--weight-quiet:focus,
.mw-ui-button.cdx-button--weight-quiet:focus,
.mw-ui-button.mw-ui-button--weight-quiet:focus,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive:focus,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:focus,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:focus,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:focus,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive:focus,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:focus,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:focus,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:focus,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive:focus,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:focus,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:focus,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:focus,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive:focus,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:focus,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:focus,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:focus {
color: var(--text-color);
}

input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet,
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet,
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet,
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet,
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive,
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive,
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:active + .cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:active + .cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:active + .mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive,
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive,
input[type='checkbox']:active + .mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive,
.cdx-button.cdx-button--weight-quiet:active,
.cdx-button.mw-ui-button--weight-quiet:active,
.mw-ui-button.cdx-button--weight-quiet:active,
.mw-ui-button.mw-ui-button--weight-quiet:active,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-progressive:active,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:active,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:active,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:active,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-progressive:active,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-progressive:active,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-progressive:active,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-progressive:active,
.cdx-button.cdx-button--weight-quiet.cdx-button--action-destructive:active,
.cdx-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:active,
.cdx-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:active,
.cdx-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:active,
.mw-ui-button.cdx-button--weight-quiet.cdx-button--action-destructive:active,
.mw-ui-button.cdx-button--weight-quiet.mw-ui-button--action-destructive:active,
.mw-ui-button.mw-ui-button--weight-quiet.cdx-button--action-destructive:active,
.mw-ui-button.mw-ui-button--weight-quiet.mw-ui-button--action-destructive:active {
background-color: rgba(0, 36, 73, 0.08235294);
color: var(--text-color);
border-color: #72777d;
}

.mw-ui-input:not(:disabled),
.cdx-text-input__input:enabled {
background-color: var(--ooui-input);
color: var(--text-color);
border-color: var(--ooui-input-border);
}

.mw-ui-input:not(:disabled):hover,
.cdx-text-input__input:enabled:hover {
border-color: var(--ooui-input-border--hover);
}

.mw-ui-input:not(:disabled):focus,
.cdx-text-input__input:enabled:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.mw-ui-input:not(:disabled)::placeholder,
.cdx-text-input__input:enabled::placeholder {
color: var(--byline-color);
}

.mw-content-ltr .redirectText li:first-child {
padding: 0;
background: 0;
}

.mw-content-ltr .redirectText li:first-child::before {
content: '';
background: currentcolor;
-webkit-mask: url("filepath://Redirect-arrow.svg") no-repeat 50% 50% / contain;
mask: url("filepath://Redirect-arrow.svg") no-repeat 50% 50% / contain;
display: inline-block;
width: 47px;
height: 20px;
}

.wikitable {
background: var(--wikitable-bg);
color: var(--wikitable-color);
border-color: var(--wikitable-border);
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

.wikitable > tr > th,
.wikitable > tr > td,
.wikitable > * > tr > th,
.wikitable > * > tr > td {
border-color: var(--wikitable-border);
}

.wikitable > tr > th.table-noborder,
.wikitable > tr > td.table-noborder,
.wikitable > * > tr > th.table-noborder,
.wikitable > * > tr > td.table-noborder {
border-left-style: hidden;
border-right-style: hidden;
padding-left: 0;
padding-right: 0;
}

.wikitable > tr > th,
.wikitable > * > tr > th {
background-color: var(--wikitable-header-bg);
}

.tabber .wikitable {
box-shadow: none;
}

.table-bg-blue {
background: var(--droptable-always-background);
color: var(--droptable-text-color);
}

.table-bg-green {
background: var(--droptable-common-background);
color: var(--droptable-text-color);
}

.table-bg-yellow {
background: var(--droptable-uncommon-background);
color: var(--droptable-text-color);
}

.table-bg-orange {
background: var(--droptable-rare-background);
color: var(--droptable-text-color);
}

.table-bg-red {
background: var(--droptable-veryrare-background);
color: var(--droptable-text-color);
}

.table-bg-pink {
background: var(--droptable-random-background);
color: var(--droptable-text-color);
}

.table-bg-fade {
opacity: 0.6;
background: rgba(0, 0, 0, 0.1);
}

.mw_metadata td,
.mw_metadata th {
border-color: var(--wikitable-border);
}

.mw_metadata th {
background-color: var(--wikitable-header-bg);
}

.mw_metadata td {
background-color: var(--wikitable-bg);
}

.mw-datatable {
border-color: var(--wikitable-border);
}

.mw-datatable td,
.mw-datatable th {
border-color: var(--wikitable-border);
}

.mw-datatable th {
background-color: var(--wikitable-header-bg);
}

.mw-datatable td {
background-color: var(--wikitable-bg);
}

.mw-datatable tr:hover td {
background-color: var(--wikitable-bg);
}

table.alternating-rows tr:nth-child(odd),
table.alternating-cols td:nth-child(odd) {
background: var(--wikitable-alternating-bg);
}

.table-na {
background: var(--table-na-background);
color: var(--table-na-color);
vertical-align: middle;
text-align: center;
}

.table-yes {
background: var(--table-yes-background);
color: var(--table-yes-color);
}

.table-positive {
background: var(--table-yes-background);
}

.table-no {
background: var(--table-no-background);
color: var(--table-no-color);
}

.table-negative {
background: var(--table-no-background);
}

.table-maybe {
background: var(--table-maybe-background);
color: var(--table-maybe-color);
}

#mw-allmessagestable .am_actual,
#mw-allmessagestable .am_default {
background-color: var(--wikitable-bg);
}

#mw-allmessagestable .am_default:hover,
#mw-allmessagestable .am_actual:hover,
#mw-allmessagestable tbody:hover td {
background-color: var(--wikitable-bg-lighter);
}

table.wikitable td.no-cell-spacing {
padding: 0;
height: 0;
}

table.wikitable td.no-cell-spacing table {
margin: -1px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}

.plainlist ol,
.plainlist ul {
margin: 0;
}

.plainlist li {
margin-bottom: 0;
list-style: none;
}

table.align-right-1 td:nth-of-type(1),
table.align-right-2 td:nth-of-type(2),
table.align-right-3 td:nth-of-type(3),
table.align-right-4 td:nth-of-type(4),
table.align-right-5 td:nth-of-type(5),
table.align-right-6 td:nth-of-type(6),
table.align-right-7 td:nth-of-type(7),
table.align-right-8 td:nth-of-type(8),
table.align-right-9 td:nth-of-type(9),
table.align-right-10 td:nth-of-type(10),
table.align-right-11 td:nth-of-type(11),
table.align-right-12 td:nth-of-type(12),
table.align-right-13 td:nth-of-type(13),
table.align-right-14 td:nth-of-type(14),
table.align-right-15 td:nth-of-type(15),
table.align-right-16 td:nth-of-type(16),
table.align-right-17 td:nth-of-type(17),
table.align-right-18 td:nth-of-type(18),
table.align-right-19 td:nth-of-type(19),
table.align-right-20 td:nth-of-type(20) {
text-align: right;
}

table.align-center-1 td:nth-of-type(1),
table.align-center-2 td:nth-of-type(2),
table.align-center-3 td:nth-of-type(3),
table.align-center-4 td:nth-of-type(4),
table.align-center-5 td:nth-of-type(5),
table.align-center-6 td:nth-of-type(6),
table.align-center-7 td:nth-of-type(7),
table.align-center-8 td:nth-of-type(8),
table.align-center-9 td:nth-of-type(9),
table.align-center-10 td:nth-of-type(10),
table.align-center-11 td:nth-of-type(11),
table.align-center-12 td:nth-of-type(12),
table.align-center-13 td:nth-of-type(13),
table.align-center-14 td:nth-of-type(14),
table.align-center-15 td:nth-of-type(15),
table.align-center-16 td:nth-of-type(16),
table.align-center-17 td:nth-of-type(17),
table.align-center-18 td:nth-of-type(18),
table.align-center-19 td:nth-of-type(19),
table.align-center-20 td:nth-of-type(20) {
text-align: center;
}

table.align-left-1 td:nth-of-type(1),
table.align-left-2 td:nth-of-type(2),
table.align-left-3 td:nth-of-type(3),
table.align-left-4 td:nth-of-type(4),
table.align-left-5 td:nth-of-type(5),
table.align-left-6 td:nth-of-type(6),
table.align-left-7 td:nth-of-type(7),
table.align-left-8 td:nth-of-type(8),
table.align-left-9 td:nth-of-type(9),
table.align-left-10 td:nth-of-type(10),
table.align-left-11 td:nth-of-type(11),
table.align-left-12 td:nth-of-type(12),
table.align-left-13 td:nth-of-type(13),
table.align-left-14 td:nth-of-type(14),
table.align-left-15 td:nth-of-type(15),
table.align-left-16 td:nth-of-type(16),
table.align-left-17 td:nth-of-type(17),
table.align-left-18 td:nth-of-type(18),
table.align-left-19 td:nth-of-type(19),
table.align-left-20 td:nth-of-type(20) {
text-align: left;
}

.rsw-chartjs.rsw-chartjs-config {
display: none;
}

.rsw-chartjs.rsw-chart-error {
font-family: monospace;
}

.rsw-chartjs-canvas {
background-color: var(--body-light);
}

.diff-context {
border-color: var(--diff-context-border-color);
background: var(--diff-context-background);
color: inherit;
}

.diff-addedline {
border-color: var(--diff-addedline-border-color);
}

.diff-addedline .diffchange {
background: var(--diff-addedline-background);
color: var(--diff-addedline-color);
}

.diff-deletedline {
border-color: var(--diff-deletedline-border-color);
}

.diff-deletedline .diffchange {
background: var(--diff-deletedline-background);
color: var(--diff-deletedline-color);
}

.mw-diff-movedpara-left:after,
.mw-diff-movedpara-right:after {
color: var(--text-color);
}

.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-ins {
background: var(--diff-addedline-background);
}

.mw-diff-table-prefix .mw-diff-inline-legend .mw-diff-inline-legend-del {
background: var(--diff-inline-deletedline);
}

.mw-diff-inline-added.mw-diff-empty-line::after,
.mw-inline-diff-newline::after {
background: var(--diff-addedline-background);
color: var(--byline-color);
}

.mw-diff-inline-added ins,
.mw-diff-inline-changed ins,
.mw-diff-inline-moved ins {
background: var(--diff-addedline-background);
}

.mw-diff-inline-deleted.mw-diff-empty-line::after,
.mw-inline-diff-newline::after {
background: var(--diff-inline-deletedline);
color: var(--byline-color);
}

.mw-diff-inline-deleted del,
.mw-diff-inline-changed del,
.mw-diff-inline-moved del {
background: var(--diff-inline-deletedline);
}

.mw-notification {
background-color: var(--body-secondary);
border-color: var(--body-border);
color: var(--text-color);
}

.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
background: var(--body-main);
}

.mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {
color: var(--byline-color);
}

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--ooui-normal);
color: var(--ooui-accent);
}

.mw-echo-ui-pageNotificationsOptionWidget-label-count {
background-color: var(--ooui-normal);
color: var(--byline-color);
}

.oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {
color: var(--ooui-accent);
}

.mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--ooui-normal);
color: var(--text-color);
}

.mw-echo-ui-crossWikiUnreadFilterWidget {
border-color: var(--body-border);
}

.mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {
color: var(--byline-color);
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-head,
.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer {
border-color: var(--ooui-interface-border);
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {
border-left-color: var(--ooui-normal-border);
}

.mw-echo-ui-notificationItemWidget {
background-color: var(--body-light);
border-color: var(--ooui-normal-border);
}

.mw-echo-ui-notificationItemWidget:hover,
.mw-echo-ui-notificationItemWidget-unread:hover {
background-color: var(--ooui-normal--hover);
}

.mw-echo-ui-notificationItemWidget:last-child {
border-bottom-color: var(--ooui-normal-border);
}

.mw-echo-ui-notificationItemWidget-unread {
background-color: var(--search-box);
}

.mw-echo-ui-crossWikiNotificationItemWidget-group,
.mw-echo-ui-bundleNotificationItemWidget-group {
background-color: var(--ooui-interface);
}

.mw-echo-ui-toggleReadCircleButtonWidget-circle {
background-color: var(--ooui-progressive);
}

.mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {
background-color: var(--ooui-progressive--hover);
}

.mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {
background-color: var(--ooui-normal);
border-color: var(--ooui-normal-border);
}

.mw-echo-ui-notificationItemWidget-content-message-header,
.mw-echo-ui-notificationItemWidget-content-message-body,
.mw-echo-ui-menuItemWidget > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
.mw-echo-ui-notificationItemWidget-content-actions-timestamp {
color: var(--ooui-text);
}

.mw-echo-ui-bundleNotificationItemWidget-group {
background-color: var(--body-main);
}

@keyframes unseen-fadeout-to-unread {
from {
background-color: var(--wikitable-bg-lighter);
}

to {
background-color: var(--search-box);
}

}

@keyframes unseen-fadeout-to-read {
from {
background-color: var(--wikitable-bg-lighter);
}

to {
background-color: var(--body-main);
}

}

.mwe-popups {
background: var(--body-light);
}

.mwe-popups .mwe-popups-container {
color: var(--text-color);
background: var(--body-light);
}

.mwe-popups .mwe-popups-container.flipped-x-y:before,
.mwe-popups .mwe-popups-container.flipped-y:before {
border-top: none;
}

.mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:before {
border-bottom: none;
}

.mwe-popups .mwe-popups-container.flipped-x-y:after,
.mwe-popups .mwe-popups-container.flipped-y:after {
border-top-color: var(--body-light);
}

.mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:after {
border-bottom-color: var(--body-light);
}

.mwe-popups .mwe-popups-settings-icon:hover,
.mwe-popups .mwe-popups-settings-icon:active {
background-color: var(--ooui-normal--hover);
}

.mwe-popups .mw-ui-icon-element:not(.disabled):hover {
background: none;
}

.mwe-popups .mwe-popups-extract {
color: var(--text-color);
}

.mwe-popups .mwe-popups-extract[dir='ltr']:after {
background-image: linear-gradient(to right, rgba(49, 62, 89, 0), var(--body-light) 50%);
}

.mwe-popups-overlay {
background-color: var(--ooui-window-background);
}

#mwe-popups-settings {
background: var(--ooui-interface);
border-color: var(--ooui-interface-border);
color: var(--text-color);
}

#mwe-popups-settings header {
border-color: var(--ooui-interface-border);
}

#mwe-popups-settings main#mwe-popups-settings-form p {
color: var(--byline-color);
}

#mwe-popups-settings main#mwe-popups-settings-form form label > span {
color: var(--ooui-text);
}

:root {
--smw-ask-options-even-bg: var(--body-mid);
--smw-ask-options-odd-bg: var(--body-light);
--smw-ask-action-btn-lblue-bg: var(--body-main);
--smw-ask-action-btn-lblue-color: #000;
--smw-ask-action-btn-lblue-border-color: var(--osrsw-brown);
--smw-ask-action-btn-dblue-bg: var(--osrsw-brown);
--smw-ask-action-btn-dblue-color: #fff;
--smw-ask-action-btn-dblue-border-color: var(--button-border);
}

.smw-ask-condition fieldset,
.smw-ask-printhead fieldset {
border-color: var(--sidebar);
}

.smw-ask-search fieldset,
.smw-ask-format fieldset,
.smw-ask-options fieldset {
border-color: var(--sidebar);
}

.strike > span:before,
.strike > span:after {
background: var(--sidebar);
}

.smw-ask-options-fields tr td {
background-color: var(--smw-ask-options-even-bg);
}

.smw-ask-options-fields tr:nth-child(odd) td {
background-color: var(--smw-ask-options-odd-bg);
}

.smw-ask-action-btn.smw-ask-action-btn-lblue,
.smw-ask-action-btn.smw-ask-action-btn-lblue:hover,
.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {
background-color: var(--smw-ask-action-btn-lblue-bg);
color: var(--smw-ask-action-btn-lblue-color);
border-color: var(--smw-ask-action-btn-lblue-border-color);
}

.smw-ask-action-btn.smw-ask-action-btn-dblue,
.smw-ask-action-btn.smw-ask-action-btn-dblue:hover,
.smw-ask-action-btn.smw-ask-action-btn-dblue:visited {
background-color: var(--smw-ask-action-btn-dblue-bg);
color: var(--smw-ask-action-btn-dblue-color);
border-color: var(--smw-ask-action-btn-dblue-border-color);
}

.smw-ask-query textarea,
.smw-ask-actions textarea {
background-color: var(--ooui-interface);
border-color: var(--ooui-interface-border);
color: var(--ooui-text);
}

.smw-ask-query-format select {
background-color: var(--ooui-interface);
border: 1px solid var(--ooui-interface-border);
color: var(--ooui-text);
}

.smw-ask-toplinks {
background-color: var(--body-mid);
}

.smw-ask-toplinks span.smw-icon-info {
background: none;
padding: 0 !important;
}

.smw-ask-toplinks span.smw-icon-info::before {
content: '';
background: var(--text-color);
-webkit-mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E") no-repeat 50% 50% / contain;
mask: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E") no-repeat 50% 50% / contain;
padding: 0 0 3px 18px;
}

.smw-ask-options-row-odd {
background-color: var(--body-light);
}

.smw-ask-options-row-even {
background-color: var(--body-mid);
}

#options-toggle:not(:checked) + #options-list .options-parameter-list:after {
background-image: linear-gradient(to bottom, transparent, var(--body-mid) 90%);
}

.smw-ask-button-submit input {
background-color: var(--ooui-normal);
border-color: var(--ooui-normal-border);
color: var(--text-color);
}

.smw-ask-button-submit input:hover,
.smw-ask-button-lgrey:hover {
background-color: var(--ooui-normal--hover);
border-color: var(--ooui-normal-border);
}

input.smw-ask-action-btn.smw-ask-action-btn-dblue {
background-color: var(--ooui-normal);
border-color: var(--ooui-normal-border);
color: var(--ooui-text);
}

a.smw-ask-action-btn.smw-ask-action-btn-lblue {
background-color: var(--body-mid);
border-color: var(--body-mid);
color: var(--ooui-text);
}

a.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {
background-color: var(--body-mid);
border-color: var(--body-mid);
color: var(--ooui-text);
}

a.smw-ask-action-btn.smw-ask-action-btn-lblue:hover {
background-color: var(--body-mid);
border-color: var(--body-mid);
color: var(--ooui-text);
}

a.smw-ask-action-btn-lgrey {
background-color: var(--ooui-normal);
border-color: var(--ooui-normal-border);
color: var(--ooui-text);
}

a.smw-ask-action-btn-lgrey:hover {
background-color: var(--ooui-normal--hover);
border-color: var(--ooui-normal-border);
color: var(--ooui-text);
}

.smw-callout-error {
background-color: var(--errorbox-bg);
border-color: var(--errorbox-border);
}

.smw-callout-info {
background-color: var(--body-light);
border-color: var(--body-dark);
}

.smw-callout-success {
background-color: var(--successbox-bg);
border-color: var(--successbox-border);
}

.smw-callout-warning {
background-color: var(--warningbox-bg);
border-color: var(--warningbox-bg);
}

.smw-tabs input.nav-tab:checked + label.nav-label,
.smw-tabs input.nav-tab:checked + label.nav-label:hover {
color: inherit;
}

#tab-smw-property-value:checked + label.nav-label .usage-count {
color: #fff;
background-color: var(--ooui-progressive);
}

#tab-smw-property-value:checked + label.nav-label .usage-count.moderate {
color: #fff;
background-color: #b55e0c;
border-color: #b55e0c;
}

#tab-smw-property-value:checked + label.nav-label .usage-count.high {
color: #fff;
background-color: #9f261e;
border-color: #9f261e;
}

.smw-property-page-results .header-title {
background-color: var(--ooui-interface);
border-bottom-color: var(--ooui-interface-border);
color: var(--ooui-text);
}

.smw-property-page-results .value-row:hover {
background-color: var(--ooui-normal--hover);
}

.smw-property-page-results .smw-table .header-row {
color: var(--text-color);
}

.tippy-tooltip.light-border-theme {
background-color: var(--body-light);
color: var(--text-color);
}

.tippy-tooltip.light-border-theme .tippy-arrow {
border-top-color: var(--body-light);
}

.tippy-tooltip.light-border-theme .tippy-arrow:after {
border-top-color: var(--body-light);
}

.tippy-header {
background-color: var(--body-dark);
border-bottom-color: var(--body-mid);
}

.smw-ui-input-filter {
background-color: var(--ooui-interface);
border-color: var(--ooui-interface-border);
color: var(--ooui-text);
}

.smw-ui-input-filter input {
border-left-color: var(--ooui-interface-border) !important;
color: var(--ooui-text) !important;
}

.smw-ui-pagination .page-link.link-disabled {
background-color: var(--ooui-disabled);
border-color: var(--ooui-disabled-border);
color: var(--subtle-color);
}

.smw-ui-pagination .page-link {
background-color: var(--ooui-normal);
border-color: var(--ooui-normal-border);
color: var(--link-color);
}

.smw-ui-pagination .page-link:hover {
background-color: var(--ooui-normal--hover);
border-color: var(--ooui-normal-border);
color: var(--link-color);
}

.smw-ui-pagination .page-link.link-active {
color: #fff;
background-color: var(--ooui-progressive);
border-color: var(--ooui-progressive);
}

.smw-tabs input.nav-tab:checked + label.nav-label {
border-color: var(--ooui-normal-border);
}

.smw-tabs section,
.smw-tabs .subtab-content {
border-top-color: var(--ooui-normal-border);
}

.smw-column-header {
color: var(--text-color);
}

.smw-factbox {
background: var(--body-main);
border-color: transparent;
}

.mw-body .mw-indicators #mw-indicator-smw-entity-examiner.mw-indicator .smw-indicator-vertical-bar-loader {
display: none;
}

.smwb-theme-light .smwb-title,
.smwb-theme-light .smwb-center,
.smwb-theme-light .smwb-actions,
.smwb-theme-light .smwb-prophead {
background-color: var(--body-mid);
}

.smwb-theme-light .smwb-factbox {
border-left-color: var(--body-mid);
}

.smwb-theme-light .smwb-ifactbox {
border-right-color: var(--body-mid);
}

.smwb-theme-light .smwb-propval {
background-color: var(--body-light);
}

.smwb-action-separator {
border-color: var(--wikitable-border);
}

.smwb-bottom {
border-bottom: 1px solid var(--wikitable-border);
}

.smwb-ifactbox .smwb-cell,
.smwb-factbox .smwb-cell {
border-top: 1px solid var(--wikitable-border);
}

.smwb-propvalue .smwb-prophead,
.smwb-ipropvalue .smwb-prophead,
.smwb-propvalue .smwb-propval,
.smwb-ipropvalue .smwb-propval {
font-size: 0.9em;
}

:root {
--filter-black-to-link: invert(36%) sepia(58%) saturate(433%) hue-rotate(344deg) brightness(100%) contrast(91%);
}

.tabber .tabbertab {
/*background-color: var(--tabber-tab-bg);*/
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
border: 0;
padding: 0;
}

ul.tabbernav {
border-bottom: 1px solid var(--league-grey-2);
padding: 0;
font-family: inherit;
}
ul.tabbernav li {
padding-top: 0;
}

ul.tabbernav li a {
/*background-color: var(--tabber-inactive-tab-bg);*/
background: initial;
border: 0;
/*border: 0 0 1px 0 solid var(--tabber-inactive-tab-border-color);*/
color: var(--tabber-inactive-tab-color);
display: inline-block;
font-size: 130%;
padding: 0.6em 0.75em;
margin: 0;
}

ul.tabbernav li.tabberactive > a {
background-color: var(--tabber-active-tab-bg);
color: var(--tabber-active-tab-color);
box-shadow: inset 0 -3px 0 -1px currentColor;
border-bottom: none;
position: relative;
}

ul.tabbernav li.tabberactive > a:hover {
color: var(--tabber-active-tab-hover-color);
background-color: var(--tabber-active-tab-hover-bg);
border-color: var(--tabber-active-tab-hover-border-color);
border-bottom: none;
}

ul.tabbernav li.tabberactive > a::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: -1px;
border-bottom: 2px solid var(--tabber-active-tab-border-hider-color);
}

ul.tabbernav li a:hover {
background-color: var(--tabber-inactive-tab-hover-bg);
border-color: var(--tabber-inactive-tab-hover-border-color);
}

ul.tabbernav li a:link,
ul.tabbernav li a:visited {
color: var(--tabber-inactive-tab-color);
}

:root {
--ooui-text: var(--league-white); /*Was black for unknown. Now white because of RecentChanges and Special:AllMessages. */
--ooui-interface: var(--body-dark);
--ooui-interface-border: var(--body-border);
--ooui-window-background: rgba(25, 25, 25, 0.5);
--ooui-normal: #1a364f;
--ooui-normal--hover: #20415f;
--ooui-normal-border: #254b6d;
--ooui-progressive: var(--league-wheat-gold); /*Save Changes button below*/
--ooui-progressive--hover: #d3bb8b;
--ooui-accent: var(--link-color);
--ooui-input: var(--body-light); /*text field color of summary below*/
--ooui-input-border: var(--league-grey-2);
--ooui-input-border--hover: var(--body-accent-color);
--ooui-disabled: var(--league-grey-1);
--ooui-disabled-border: var(--league-grey-1);
--ooui-disabled-text: var(--subtle-color);
--ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);
}

.oo-ui-widget {
color: var(--ooui-text);
}

.oo-ui-checkboxInputWidget [type='checkbox'] + span,
.oo-ui-radioInputWidget [type='radio'] + span {
background-color: var(--ooui-input);
border-color: var(--ooui-input-border);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {
background-color: var(--ooui-progressive);
border-color: var(--ooui-progressive);
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {
border-color: var(--ooui-progressive);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {
border-color: var(--ooui-progressive--hover);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,
.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {
border-color: var(--ooui-accent);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover);
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {
border-color: var(--ooui-progressive--hover);
box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover);
}

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {
border-color: var(--ooui-progressive--hover);
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff;
}

.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,
.oo-ui-radioInputWidget [type='radio']:disabled + span {
background-color: var(--ooui-disabled);
border-color: var(--ooui-disabled);
}

.oo-ui-dropdownWidget-handle {
border-color: var(--ooui-normal-border);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
background-color: var(--ooui-normal);
color: var(--ooui-text);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {
background-color: var(--ooui-normal--hover);
color: var(--ooui-text);
border-color: var(--ooui-normal-border);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
color: var(--ooui-text);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {
background-color: var(--ooui-normal--hover);
}

.oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {
color: var(--ooui-disabled-text);
text-shadow: none;
border-color: var(--ooui-disabled-border);
background-color: var(--ooui-disabled);
}

.oo-ui-dropdownInputWidget select {
border-color: var(--ooui-normal-border);
}

.oo-ui-dropdownInputWidget option {
background-color: var(--ooui-interface);
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
background-color: var(--ooui-normal);
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
background-color: var(--ooui-normal--hover);
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {
color: var(--ooui-text);
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,
.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {
color: var(--ooui-text);
border-color: var(--ooui-normal-border);
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-labelWidget.oo-ui-inline-help {
color: var(--byline-color);
}

.oo-ui-menuSelectWidget {
background-color: var(--ooui-interface);
border-color: var(--ooui-interface-border);
}

.oo-ui-menuSelectWidget-frameless {
box-shadow: inset 0 -1px 0 0 var(--ooui-normal-border);
}

.oo-ui-menuSectionOptionWidget {
color: var(--byline-color);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--ooui-normal--hover);
color: var(--ooui-text);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
color: var(--ooui-accent);
}

.oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {
color: var(--ooui-text);
}

.oo-ui-messageDialog-title {
color: inherit;
}

.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {
background-color: var(--errorbox-bg);
border-color: var(--errorbox-border);
}

.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {
background-color: var(--warningbox-bg);
border-color: var(--warningbox-border);
}

.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {
background-color: var(--successbox-bg);
border-color: var(--successbox-border);
}

.oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {
background-color: var(--messagebox-info-background);
border-color: var(--messagebox-info-border);
}

.oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block),
.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {
color: var(--ooui-text);
}

.oo-ui-optionWidget.oo-ui-widget-disabled {
color: var(--ooui-disabled-text);
}

.oo-ui-outlineControlsWidget {
background-color: var(--ooui-normal);
}

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {
background-color: var(--ooui-normal--hover);
color: var(--ooui-text);
}

.oo-ui-popupWidget-popup {
background-color: var(--ooui-interface);
border-color: var(--ooui-interface-border);
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
border-bottom-color: var(--ooui-interface);
}

.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
border-bottom-color: var(--ooui-interface-border);
}

.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {
border-top-color: var(--ooui-interface);
}

.oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {
border-top-color: var(--ooui-interface-border);
}

.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {
border-right-color: var(--ooui-interface);
}

.oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {
border-right-color: var(--ooui-interface-border);
}

.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {
border-left-color: var(--ooui-interface);
}

.oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {
border-left-color: var(--ooui-interface-border);
}

.oo-ui-searchWidget-query {
border-bottom-color: var(--ooui-interface-border);
}

.oo-ui-selectFileWidget-dropTarget {
background-color: var(--ooui-interface);
border-color: var(--ooui-interface-border);
}

.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {
background-color: var(--ooui-interface);
}

.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {
border-color: var(--ooui-input-border--hover);
}

.oo-ui-tabOptionWidget {
color: var(--ooui-text);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--body-dark);
color: var(--ooui-text);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
border-bottom-color: var(--body-border);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
background-color: var(--body-light);
color: var(--ooui-text);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {
background-color: var(--body-dark);
}

.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
color: var(--ooui-progressive);
box-shadow: inset 0 -2px 0 0 var(--ooui-progressive);
}

.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover,
.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:focus {
color: var(--ooui-progressive--hover);
box-shadow: inset 0 -2px 0 0 var(--ooui-progressive--hover);
}

.oo-ui-tabSelectWidget-framed {
background: none;
border-bottom: 1px solid var(--ooui-interface-border);
}

.oo-ui-tabSelectWidget-frameless {
box-shadow: inset 0 -1px 0 0 var(--ooui-interface-border);
}

.oo-ui-tabSelectWidget-mobile {
}

.oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed:after {
background: var(--mobile-navbox-linear-gradient);
}

.oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless:after {
background: var(--mobile-navbox-linear-gradient);
}

.oo-ui-tagItemWidget {
border-color: var(--ooui-normal-border);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled {
color: var(--ooui-text);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {
background-color: var(--ooui-normal--hover);
color: var(--ooui-text);
border-color: var(--ooui-normal-border);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled:not( .oo-ui-tagItemWidget-fixed ) {
background-color: var(--ooui-normal);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {
background-color: var(--ooui-normal--hover);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {
background-color: var(--ooui-interface);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
background-color: var(--ooui-normal);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {
background-color: var(--ooui-interface);
}

.oo-ui-textInputWidget .oo-ui-inputWidget-input {
background-color: var(--ooui-input);
color: var(--ooui-text);
border-color: var(--ooui-input-border);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {
color: var(--subtle-color);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {
background-color: var(--ooui-disabled);
color: var(--ooui-disabled-text);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {
border-color: var(--ooui-input-border--hover);
}

.oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {
border-color: var(--ooui-accent);
}

@media screen and (min-width: 0) {
.oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {
outline: 1px solid var(--ooui-accent);
}

}

.oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {
background-color: var(--ooui-disabled);
color: var(--ooui-disabled-text);
text-shadow: none;
border-color: var(--ooui-disabled-border);
}

.oo-ui-toggleSwitchWidget {
background-color: var(--ooui-input);
border-color: var(--ooui-input-border);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
background-color: var(--ooui-input);
border-color: var(--ooui-input-border);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {
background-color: var(--ooui-input);
border-color: var(--ooui-accent);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {
background-color: var(--ooui-input);
border-color: var(--ooui-accent);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {
background-color: var(--ooui-input);
border-color: var(--ooui-input);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {
border-color: var(--ooui-accent);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {
background-color: var(--ooui-progressive);
border-color: var(--ooui-progressive);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
background-color: var(--ooui-input);
border-color: var(--ooui-input);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,
.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {
border-color: var(--ooui-progressive);
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {
border-color: #fff;
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {
background-color: var(--ooui-disabled);
border-color: var(--ooui-disabled);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
color: var(--ooui-text);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
color: var(--ooui-text);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > input.oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
color: var(--ooui-text);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
color: var(--ooui-text);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
color: var(--ooui-text);
border-color: var(--ooui-text);
}

.oo-ui-buttonElement-frameless.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
color: var(--ooui-disabled-text);
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
background-color: var(--ooui-disabled);
border-color: var(--ooui-disabled-border);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
background-color: var(--ooui-normal);
color: var(--ooui-text);
border-color: var(--ooui-normal-border);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: var(--ooui-normal--hover);
color: var(--ooui-text);
border-color: var(--ooui-normal-border);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
background-color: var(--ooui-progressive--hover);
color: #fff;
border-color: var(--ooui-progressive--hover);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:focus {
border-color: var(--ooui-progressive--hover);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {
background-color: var(--ooui-normal--hover);
color: var(--ooui-text);
border-color: var(--ooui-normal-border);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive {
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
color: var(--ooui-text);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
background-color: var(--ooui-normal--hover);
border-color: var(--ooui-progressive--hover);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button {
color: var(--ooui-text);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:hover {
background-color: var(--ooui-normal--hover);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button {
background-color: var(--ooui-progressive);
border-color: var(--ooui-progressive);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover {
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active > .oo-ui-buttonElement-button {
color: #fff;
background-color: var(--ooui-progressive--hover);
border-color: var(--ooui-progressive--hover);
}

.oo-ui-pendingElement-pending {
background-image: var(--ooui-pending-background-image);
background-size: 200%;
animation: oo-ui-pendingElement-stripes 6s linear infinite;
}

@keyframes oo-ui-pendingElement-stripes {
100% {
background-position: 100%;
}

}

.oo-ui-messageDialog-content > .oo-ui-window-foot {
outline-color: var(--ooui-interface-border);
}

.oo-ui-messageDialog-message {
color: var(--ooui-text);
}

.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {
border-right-color: var(--ooui-interface-border);
}

.oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {
border-bottom-color: var(--ooui-interface-border);
}

.oo-ui-processDialog-content .oo-ui-window-head,
.oo-ui-processDialog-content .oo-ui-window-foot {
outline-color: var(--ooui-interface-border);
}

.oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button {
border-top-color: transparent;
border-bottom-color: transparent;
}

.oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:hover,
.oo-ui-processDialog .oo-ui-actionWidget > .oo-ui-buttonElement-button:active {
border-top-color: transparent;
border-bottom-color: transparent;
}

.oo-ui-processDialog .oo-ui-actionWidget:not( .oo-ui-flaggedElement-progressive ):not( .oo-ui-flaggedElement-destructive ) > .oo-ui-buttonElement-button:hover,
.oo-ui-processDialog .oo-ui-actionWidget:not( .oo-ui-flaggedElement-progressive ):not( .oo-ui-flaggedElement-destructive ) > .oo-ui-buttonElement-button:active {
border-right-color: var(--ooui-interface-border);
border-left-color: transparent;
}

.oo-ui-processDialog .oo-ui-actionWidget:not( .oo-ui-flaggedElement-progressive ):not( .oo-ui-flaggedElement-destructive ) > .oo-ui-buttonElement-button:focus {
border-color: var(--ooui-accent);
}

.oo-ui-processDialog-actions-safe .oo-ui-actionWidget > .oo-ui-buttonElement-button,
.oo-ui-processDialog-actions-other .oo-ui-actionWidget > .oo-ui-buttonElement-button {
border-right-color: var(--ooui-normal-border);
border-left-color: transparent;
}

.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not( .oo-ui-labelElement ) > .oo-ui-buttonElement-button:hover {
background-color: var(--ooui-normal--hover);
border-right-color: var(--ooui-interface-border);
}

.oo-ui-windowManager-modal > .oo-ui-dialog {
background-color: var(--ooui-window-background);
}

.oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
background-color: var(--ooui-interface);
}

.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame {
border-color: var(--ooui-interface-border);
}

.oo-ui-window {
color: var(--ooui-text);
}

.oo-ui-toolbar-bar {
background-color: var(--ooui-interface);
color: var(--ooui-text);
}

.oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
border-bottom-color: var(--body-mid);
}

.oo-ui-toolbar-bar .oo-ui-bookletLayout > .oo-ui-menuLayout-menu {
border-right-color: var(--body-mid);
}

.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover {
background-color: var(--ooui-normal--hover);
}

.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:focus {
outline: 1px solid var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:active,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active > .oo-ui-tool-link,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active > .oo-ui-tool-link {
background-color: var(--ooui-normal--hover);
color: var(--ooui-accent);
box-shadow: none;
}

.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link {
background-color: var(--ooui-progressive);
}

.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:hover {
background-color: var(--ooui-progressive--hover);
}

.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:focus {
box-shadow: inset 0 0 0 1px var(--ooui-accent), inset 0 0 0 2px #fff;
}

.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link:active,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active > .oo-ui-tool-link {
background-color: var(--ooui-progressive--hover);
}

.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled {
background-color: var(--ooui-normal);
}

.oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {
background-color: var(--ooui-normal--hover);
color: var(--ooui-text);
}

.oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
color: var(--ooui-progressive);
}

.oo-ui-menuToolGroup {
border-left-color: var(--body-mid);
border-right-color: var(--body-mid);
}

.oo-ui-popupToolGroup-tools {
background-color: var(--ooui-interface);
border-color: var(--body-mid);
}

.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
background-color: var(--ooui-normal--hover);
}

.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:focus {
outline: 1px solid var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover {
border-right-color: var(--ooui-normal--hover);
}

.oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {
box-shadow: inset 0 0 0 2px var(--ooui-accent);
}

.oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {
color: var(--ooui-progressive);
}

.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle {
background-color: var(--ooui-normal);
color: var(--ooui-accent);
}

.oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle:hover {
background-color: var(--ooui-normal--hover);
color: var(--ooui-accent);
}

.oo-ui-bookletLayout-outlinePanel > .oo-ui-outlineControlsWidget {
border-top-color: var(--ooui-interface-border);
}

.oo-ui-bookletLayout > .oo-ui-menuLayout-menu {
border-right-color: var(--ooui-interface-border);
}

.oo-ui-fieldLayout-disabled > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header > .oo-ui-labelElement-label {
color: var(--ooui-disabled-text);
}

.oo-ui-panelLayout-framed {
border-color: var(--sidebar);
}

.toc .toctitle h2 {
font-weight: 700;
}

.mw-widget-dateInputWidget-handle {
background-color: var(--ooui-input);
color: var(--ooui-text);
border-color: var(--ooui-input-border);
}

.mw-widget-dateInputWidget-calendar {
background-color: var(--ooui-interface);
}

.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
border-color: var(--ooui-input-border--hover);
}

.mw-widget-calendarWidget {
border-color: var(--ooui-interface-border);
}

.mw-widget-calendarWidget:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.mw-widget-calendarWidget-day,
.mw-widget-calendarWidget-day-heading {
color: var(--ooui-text);
}

.mw-widget-calendarWidget-day-additional {
color: var(--ooui-text);
opacity: 0.67;
}

.mw-widget-calendarWidget-day-today {
box-shadow: inset 0 0 0 1px var(--ooui-accent);
}

.mw-widget-calendarWidget-item:hover {
background-color: var(--ooui-progressive);
}

.mw-widget-calendarWidget-item-selected {
background-color: var(--ooui-progressive--hover);
}

.mw-widgets-datetime-calendarWidget {
background-color: var(--ooui-interface);
border-color: var(--ooui-interface-border);
}

.mw-widgets-datetime-calendarWidget:focus {
border-color: var(--ooui-accent);
box-shadow: inset 0 0 0 1px var(--ooui-accent), 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}

.mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {
color: var(--subtle-color);
}

.mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button {
background-color: var(--ooui-progressive--hover);
}

.mw-widgets-datetime-dateTimeInputWidget-handle {
background-color: var(--ooui-input);
color: var(--ooui-text);
border-color: var(--ooui-input-border);
}

.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.mw-widgets-datetime-dateTimeInputWidget-handle:hover {
border-color: var(--ooui-input-border--hover);
}

.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input,
.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea {
border-color: var(--ooui-input-border--hover);
}

.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {
background-color: var(--ooui-normal);
}

.ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {
background: var(--ooui-normal--hover);
}

.ve-ui-overlay {
font-family: inherit;
}

.oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {
border-top-color: var(--body-mid);
}

.ve-ce-branchNode-blockSlug,
.ve-ce-branchNode-newSlug {
outline-color: var(--body-border);
background-color: var(--ooui-interface);
}

.ve-ui-specialCharacterPage h3 {
color: var(--byline-color);
}

.ve-ui-toolbarDialog {
background: var(--ooui-interface);
}

.ve-ui-specialCharacterPage-character {
border-color: var(--body-mid);
}

.ve-ui-specialCharacterPage-character:hover {
border-color: var(--body-dark);
}

.ve-ce-linkAnnotation.ve-ce-annotation-active {
box-shadow: 0 0 0 1px var(--body-mid);
background: none;
}

.ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label {
border-color: var(--body-border);
}

.ve-ui-mwHelpPopupTool-version-label,
.ve-ui-mwHelpPopupTool-version-link,
.ve-ui-mwHelpPopupTool-version-date {
color: var(--byline-color);
}

.ve-ce-tableCellableNode {
border-color: var(--body-mid);
}

.ve-ce-mwReferencesListNode-muted {
color: var(--byline-color);
}

.ve-ui-mwTemplatePage-description,
.ve-ui-mwParameterPage-label,
.ve-ui-mwParameterPage-description-required,
.ve-ui-mwParameterPage-description-deprecated {
color: var(--byline-color);
}

.mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {
color: var(--byline-color);
}

.ve-ui-mwGalleryDialog-menuLayout > .oo-ui-menuLayout-menu,
.ve-ui-mwGalleryDialog-innerMenuLayout > .oo-ui-menuLayout-menu,
.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container,
.ve-ui-targetWidget {
border-color: var(--body-border);
}

.ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {
background-color: var(--body-main);
}

.ve-ui-mwSaveDialog {
color: var(--ooui-text);
}

.ve-ui-mwSaveDialog-options {
background-color: var(--ooui-interface);
border-color: var(--body-border);
}

.ve-ui-mwSaveDialog-summary {
background-color: var(--ooui-input);
}

.ve-ui-mwSaveDialog-editSummary-count {
border-color: var(--body-border);
}

.ve-ui-mwSaveDialog-license {
color: var(--byline-color);
}

.ve-ui-mwReferenceContextItem-muted {
color: var(--byline-color);
}

.ve-ui-mwNoticesPopupTool-items > div:not(:first-child),
.ve-ui-mwHelpPopupTool-item:not(:first-child) {
border-color: var(--body-border);
}

.ve-ui-mwTransclusionOutlineControlsWidget {
background-color: var(--ooui-interface);
border-top-color: var(--body-border);
}

.ve-ui-mwTransclusionOutlineTemplateWidget-sticky {
background-color: var(--ooui-interface);
}

.ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {
color: var(--ooui-text);
}

.ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {
color: var(--subtle-color);
}

.ve-ui-mwParameterPage-undocumentedLabel {
color: var(--subtle-color);
}

.ve-ui-mwTwoPaneTransclusionDialogLayout > .oo-ui-menuLayout-menu {
border-right: var(--body-border);
}

.ve-ui-mwParameterPage-doc-required,
.ve-ui-mwParameterPage-doc-deprecated,
.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {
color: var(--byline-color);
}

.ve-ui-expandableContent-toggle {
background-color: var(--ooui-interface);
}

.ve-ui-expandableContent-fade {
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, var(--ooui-interface) 90%);
}

.ve-ui-commandHelpDialog-shortcut > kbd,
.ve-ui-commandHelpDialog-sequence > kbd {
background-color: var(--keypress-background);
color: var(--keypress-color);
border-color: var(--keypress-border);
box-shadow: none;
text-shadow: none;
}

.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {
background: var(--ooui-interface);
}

.ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {
border-bottom-color: var(--body-mid);
}

:root {
--fact-text-color: #15f;
--production-selected-background: #c3e8a3;
--production-selected-color: #000;
--wikipedia-border: #e0e0e0;
--wikipedia-background: #f8f8f8;
--keypress-background: #eee;
--keypress-border: #ccc;
--keypress-color: #333;
--tbz-unlocked-background: repeating-linear-gradient(-45deg, #bfffbd 0 20px, #4cf172 20px 30px);
--tbz-unlocked-border-color: #012100;
--tbz-locked-background-color: #ffc3c3;
--tbz-locked-border-color: #df9090;
--tbz-partial-unlock-background: #dae8d2;
--tbz-partial-unlock-border-color: #aeaeae;
}

.archivelist {
background-color: var(--body-light);
border: solid 1px var(--body-border);
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
float: right;
margin: 5px;
padding: 5px;
text-align: center;
width: 120px;
}

.fact-text {
color: var(--fact-text-color);
font-style: italic;
cursor: help;
border-bottom: dotted 1px;
}

.production-selected {
background: var(--production-selected-background);
color: var(--production-selected-color);
}

.talkheader {
text-align: center;
background-color: var(--body-dark);
}

.wikipedia {
border: 1px solid var(--wikipedia-border);
background-color: var(--wikipedia-background);
}

.hatnote,
.seealso {
font-style: italic;
}

.hatnote i,
.seealso i {
font-style: normal;
}

div.hatnote,
div.seealso {
margin: 0.5em 1.6em;
}

div.hatnote + div.hatnote,
div.hatnote + div.seealso,
div.seealso + div.hatnote,
div.seealso + div.seealso {
margin-top: -0.5em;
}

.extimage div,
.extimage a,
.extimage img {
width: inherit;
height: inherit;
}

.keypress {
background: var(--keypress-background);
color: var(--keypress-color);
font-family: inherit;
border: 1px solid var(--keypress-border);
border-radius: 2px;
font-size: 0.9em;
margin: 0 0.1em;
padding: 0.1em 0.4em;
white-space: nowrap;
}

td.famtreesub {
margin: 0;
padding: 0;
}

td.famtreesub table {
border-spacing: 0;
margin: 0;
padding: 0;
}

td.famtreesub table td {
height: 1em;
width: 1em;
}

td.famtreeleaf {
background: var(--body-light);
border: 1px solid var(--body-border);
padding: 0.2em;
}

.documentation {
background: var(--documentation-background);
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
margin: 1em 0;
}

.documentation pre,
.documentation code {
background-color: var(--documentation-background);
border-color: var(--documentation-border);
}

.documentation h2,
.documentation hr {
border-color: var(--documentation-border);
}

.documentation-header {
color: var(--documentation-headers-color);
background: var(--documentation-header-background);
font-weight: bold;
padding: 1em 1.5em;
}

.documentation-title {
font-size: 1.25em;
}

.documentation-subheader {
color: var(--documentation-headers-color);
background: var(--documentation-subheader-background);
padding: 0.5em 1.5em;
}

.documentation-subheader a,
.documentation-subheader a:visited,
.documentation-subheader a:active {
color: var(--documentation-link-color);
}

.documentation-documentation,
.documentation-links {
font-size: 0.85em;
}

.documentation-content {
padding: 1em 1.5em;
}

.mw-templatedata-doc-params dl:not(:empty) {
column-count: 3;
border-top: 1px solid var(--body-border);
margin-bottom: 0.5em;
}

.mw-templatedata-doc-params dt::after {
content: ":";
}

.mw-templatedata-doc-params dd,
.mw-templatedata-doc-params dt {
margin: 0.1em 2em;
min-width: auto;
}

.mw-templatedata-doc-muted {
color: var(--subtle-color);
font-style: italic;
}

.plink-template + a {
margin-left: 0.25em;
}

.plinkt-image {
text-align: center;
}

ol.references,
.reflist {
font-size: 90%;
}

.reflist {
list-style-type: decimal;
}

.reflist .references {
font-size: 100%;
list-style-type: inherit;
}

.reflist-lower-alpha {
list-style-type: lower-alpha;
}

ol.references li:target,
sup.reference:target {
background-color: var(--body-light);
}

.hideQuotes .refhide {
display: none;
}

.editnotice {
font-size: 0.9em;
padding-bottom: 0.75em;
margin-bottom: 0.6em;
}

.editnotice .editnotice-title {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 0.4em;
}

.mw-message-box,
.mw-message-box-error,
.mw-message-box-warning,
.mw-message-box-success,
.usermessage {
color: var(--text-color);
}

.messagebox {
width: 65%;
margin: 0.5em auto;
border-left: 15px solid;
border-color: var(--body-dark);
background-color: var(--body-light);
box-sizing: border-box;
}

.messagebox.obsolete {
background-color: var(--messagebox-obsolete-background);
border-color: var(--messagebox-obsolete-border);
color: var(--messagebox-obsolete-color);
}

.messagebox.obsolete a,
.messagebox.obsolete a:visited,
.messagebox.obsolete a:active {
color: var(--messagebox-obsolete-link-color);
}

.messagebox.info {
background-color: var(--messagebox-info-background);
border-color: var(--messagebox-info-border);
color: var(--messagebox-info-color);
}

.messagebox.info a,
.messagebox.info a:visited,
.messagebox.info a:active {
color: var(--messagebox-info-link-color);
}

.messagebox.action {
background-color: var(--messagebox-action-background);
border-color: var(--messagebox-action-border);
color: var(--messagebox-action-color);
}

.messagebox.action a,
.messagebox.action a:visited,
.messagebox.action a:active {
color: var(--messagebox-action-link-color);
}

.messagebox.warn {
background-color: var(--messagebox-warn-background);
border-color: var(--messagebox-warn-border);
color: var(--messagebox-warn-color);
}

.messagebox.warn a,
.messagebox.warn a:visited,
.messagebox.warn a:active {
color: var(--messagebox-warn-link-color);
}

.messagebox.safe {
background-color: var(--messagebox-safe-background);
border-color: var(--messagebox-safe-border);
color: var(--messagebox-safe-color);
}

.messagebox.safe a,
.messagebox.safe a:visited,
.messagebox.safe a:active {
color: var(--messagebox-safe-link-color);
}

.messagebox.disambig {
background-color: var(--messagebox-disambig-background);
border-color: var(--messagebox-disambig-border);
color: var(--messagebox-disambig-color);
}

.messagebox.disambig a,
.messagebox.disambig a:visited,
.messagebox.disambig a:active {
color: var(--messagebox-disambig-link-color);
}

.messagebox.discord {
background-color: var(--messagebox-discord-background);
border-color: var(--messagebox-discord-border);
color: #fff;
}

.messagebox.discord a,
.messagebox.discord a:visited,
.messagebox.discord a:active {
color: var(--messagebox-discord-link-color);
}

.messagebox.discord a.external,
.messagebox.discord a:visited.external,
.messagebox.discord a:active.external {
font-style: italic;
}

.messagebox.stub {
width: 40%;
}

.messagebox.hasdialogue {
padding: 0 10px;
width: auto;
}

#preferences .mw-htmlform-submit-buttons {
background-color: var(--body-main);
border-top-color: var(--body-border);
}

.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,
.mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
border-color: var(--body-border);
}

.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {
background-color: var(--body-light);
}

.mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {
background-color: var(--body-mid);
}

.mw-prefs-tabs.mw-prefs-tabs-searching .oo-ui-tabPanelLayout.mw-prefs-search-matched > fieldset > legend {
background: var(--body-mid);
}

.mw-prefs-search-highlight {
background: var(--body-mid) !important;
outline-color: var(--body-mid) !important;
}

:root {
--rc-positive-color: #407813;
--rc-negative-color: #b41e0f;
}

.mw-plusminus-pos {
color: var(--rc-positive-color);
}

.mw-plusminus-neg {
color: var(--rc-negative-color);
}

.client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {
border-color: var(--body-border);
background-color: var(--body-light);
border-radius: 2px;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {
color: var(--text-color) !important;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {
color: var(--byline-color) !important;
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
background-color: var(--ooui-interface) !important;
border-color: var(--ooui-interface-border) !important;
}

.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
border-color: var(--ooui-interface-border) !important;
}

.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {
border-bottom-color: var(--ooui-interface-border) !important;
}

.mw-rcfilters-ui-menuSelectWidget-footer {
background-color: var(--ooui-interface) !important;
border-color: var(--ooui-interface-border) !important;
}

.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
color: var(--byline-color) !important;
}

.mw-rcfilters-ui-tagItemWidget-popup-content {
color: var(--ooui-text) !important;
}

.mw-changeslist-legend {
display: none;
}

.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {
border-color: var(--sidebar) !important;
}

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

.mw-rcfilters-ui-watchlistTopSectionWidget-separator {
border-color: var(--sidebar) !important;
}

.mw-rcfilters-ui-itemMenuOptionWidget-header {
border-bottom-color: var(--ooui-interface) !important;
background-color: var(--ooui-interface-border) !important;
}

.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
border-bottom-color: var(--ooui-normal-border) !important;
}

.mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color: var(--text-color) !important;
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
background-color: var(--body-main) !important;
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
color: var(--subtle-color) !important;
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget {
background-color: var(--body-mid) !important;
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
color: var(--ooui-text) !important;
}

.mw-rcfilters-ui-filterMenuHeaderWidget-title {
color: var(--ooui-text) !important;
}

.mw-rcfilters-ui-filterMenuHeaderWidget-header {
border-bottom-color: var(--ooui-interface-border);
background-color: var(--ooui-interface);
}

.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {
border-top-color: var(--ooui-interface-border);
}

.mw-rcfilters-ui-datePopupWidget {
border-color: var(--ooui-interface-border);
}

.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
color: var(--byline-color);
}

.mw-rcfilters-ui-savedLinksListItemWidget-label {
color: var(--ooui-accent);
}

.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted ul,
.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted table.mw-enhanced-rc {
margin-left: 1.5em;
}

.page-Special_CreateAccount .mw-ui-container,
.page-Special_UserLogin .mw-ui-container {
max-width: 64rem;
margin: 0 auto;
}

.mw-number-text {
color: var(--byline-color);
}

.mw-body-content .mw-number-text h3 {
color: var(--text-color);
}

#mw-indicator-mw-helplink a {
background: none;
padding: 0;
display: flex;
align-items: center;
}

/*#mw-indicator-mw-helplink a::before {
content: '';
margin-right: 5px;
-webkit-mask: url("/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34") no-repeat 50% 50% / contain;
mask: url("/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34") no-repeat 50% 50% / contain;
background: var(--text-color);
height: 20px;
width: 20px;
}*/

.mw-helplink-icon {
background-color: var(--text-color) !important;
}

.results-info {
color: inherit;
}

.mw-search-profile-tabs {
background-color: var(--body-mid);
border-color: transparent;
}

.search-types .current a {
color: inherit;
}

@media screen {
.vector-search-box-input {
background-color: var(--search-box);
border: none;
border-radius: 0;
color: var(--text-color);
height: 2.5rem;
padding: 7px 2.15384615em 7px 8px;
box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15);
}
.vector-search-box-input::placeholder {
color: var(--text-color);
}
.vector-search-box-input:focus {
border-color: var(--league-gold);
box-shadow: inset 0 0 0 1px var(--league-gold);
}
.vector-search-box-input:focus, .vector-search-box-inner:hover .vector-search-box-input:focus {
border-color: var(--league-gold);
box-shadow: inset 0 0 0 1px var(--league-gold);
}
#searchButton {
background-image: var(--searchbutton-icon) !important;
}
}

.suggestions-special {
background-color: var(--body-light);
border-color: var(--body-border);
}
.suggestions-special .special-label {
color: var(--text-color);
}
.suggestions-special .special-query {
color: var(--text-color);
font-weight: 700;
}
.suggestions-results {
background-color: var(--body-light);
border: none;
}
.suggestions-result {
color: var(--text-color);
}
.suggestions-result-current {
background-color: var(--body-dark);
}

#mw-searchoptions {
background-color: var(--body-mid);
border-color: transparent;
}

#mw-searchoptions .divider {
border-color: var(--body-border);
}

#mw-searchoptions h4 {
font-family: inherit;
}

#mw-searchoptions .oo-ui-labelElement:nth-of-type(odd) {
font-weight: bold;
}

.searchresult {
line-height: 1.5;
}

.searchalttitle,
#mw-search-interwiki li {
font-size: 90%;
}

.mw-search-result-data {
color: var(--byline-color);
}

.not-patrolled {
background: var(--league-wiki-dark);
}

.page-Special_ListFiles a.mw-file-description img {
width: inherit;
height: inherit;
}

.page-Special_ListFiles .TablePager_col_thumb {
text-align: center;
}

.mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {
background-color: inherit;
}

table.mw-interwikitable.body td.mw-interwikitable-local-yes {
background-color: var(--table-yes-background);
color: var(--table-yes-color);
}

.mw-protectedpages-unknown {
color: var(--byline-color);
}

.watchlistredir,
.allpagesredirect {
font-style: italic;
}

.allpagesredirect:after {
color: var(--byline-color);
content: " (redirect)";
}

.mw-apisandbox-toolbar {
background: var(--body-main);
}

.oo-ui-menuOptionWidget .mw-apisandbox-flag {
color: var(--byline-color);
}

tr.mw-abusefilter-list-disabled,
tr.mw-abusefilter-list-disabled td {
color: var(--byline-color);
}

table.mw-abuselog-details {
background: var(--wikitable-bg);
border-color: var(--wikitable-border);
}

table.mw-abuselog-details th {
background: var(--wikitable-header-bg);
}

table.mw-abuselog-details th,
table.mw-abuselog-details td {
border-color: var(--wikitable-border);
}

.mw-abusefilter-log-hidden-entry {
color: var(--subtle-color);
}

body td.mw-abusefilter-history-changed {
background: var(--table-no-background);
}

div.mw-abusefilter-editor,
#mw-abusefilter-warn-preview,
#mw-abusefilter-disallow-preview {
border-color: var(--ooui-input-border);
}

.mw-destfile-warning {
border-color: var(--warningbox-border);
color: var(--text-color);
background-color: var(--warningbox-bg);
}

span.fileinput-button {
background-color: var(--ooui-normal);
border-color: var(--ooui-normal-border);
color: var(--ooui-text);
}

ul.fileupload-results li.ful-success {
background-color: var(--successbox-bg);
}

ul.fileupload-results li.ful-success a {
color: var(--link-color);
}

ul.fileupload-results li.ful-error {
background-color: var(--errorbox-bg);
}

#siteNotice {
text-align: center;
}

#siteNotice ul {
list-style: none;
}

.sitedir-ltr .mw-dismissable-notice-body {
margin: 0;
}

.sitedir-ltr .mw-dismissable-notice-close {
float: none;
text-align: right;
}

.mw-dismissable-notice-close-parent {
min-height: 1em;
}

.discussiontable th {
background-color: var(--body-dark);
}

.discussiontable .topic,
.discussiontable .edited,
.discussiontable .edited-by,
.discussiontable .rg-archive {
background-color: var(--body-mid);
}

.dpltable {
margin-top: -30px;
}

.dpltable td {
padding-left: 5px;
}

.dpltable,
.discussiontable {
width: 100%;
}

.dpltable .topic,
.discussiontable .topic {
width: 40%;
}

.dpltable .edited,
.discussiontable .edited,
.dpltable .edited-by,
.discussiontable .edited-by {
width: 30%;
}

.dpltable .rg-archive,
.discussiontable .rg-archive {
width: 20%;
}

body.ns-110 #ca-talk {
display: none;
}

#t-print,
#t-permalink {
display: none;
}

.jcConfig {
display: none;
}

#filetoc {
border-radius: 2px;
background: var(--body-mid);
border-color: transparent;
margin: 0.5em auto;
text-align: center;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

li.gallerybox div.thumb {
border: none;
background-color: var(--thumb-bg);
}

.smwfact {
display: none;
}

.list-header {
background-color: var(--body-mid);
color: inherit;
}

.editOptions {
color: var(--text-color);
background-color: var(--sourceeditor-background-secondary);
border-color: var(--sourceeditor-border);
}

.updatedmarker {
background-color: #c3e8a3;
color: #162e02;
}

.mw-json th,
.mw-json td {
border-color: var(--wikitable-border);
}

.mw-json td {
background: var(--wikitable-bg);
}

.mw-json th {
background: var(--wikitable-header-bg);
}

.cm-mw-link-pagename, .cm-mw-link, .cm-mw-extlink, .cm-mw-free-extlink, .cm-mw-link-bracket, .cm-mw-link-delimiter, .cm-mw-extlink, .cm-mw-free-extlink {
color: var(--link-color);
}

.image-carousel .image-loaded {
background: grey;
}

/***

vv STUFF WE USE LOL vv

***/
/********************/
/* Image Formatting */
/********************/

.FullWidthImage img {
height: auto;
width: 100%;
}

.FillImage img {
width: 100%;
height: 100%;
object-fit: cover;
}

.FullHeightImage img {
height: 100%;
width: auto;
}
.FullWidthVideo video {
height: auto;
width: 100%;
}

.FillVideo video {
width: 100%;
height: 100%;
object-fit: cover;
}

.FullHeightVideo video {
height: 100%;
width: auto;
}

/**************/
/* Flex Grids */
/**************/

.centered-grid {
display: flex;
justify-content: center;
flex-wrap: wrap;
}

.justified-grid {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}

/********************/
/* Infoboxes */
/********************/

.infobox {
box-sizing: border-box;
background: var(--infobox-background);
border: 1px solid var(--infobox-border);
font-size: 0.85em;
word-break: break-word;
margin-bottom: 2em;
position: relative;
z-index: 0;
}
.infobox-title {
font-size: 18px;
padding: 12px 9px;
padding: 0.6em 0.4em;
}
.infobox-header {
padding: 0.4em 0.4em;
}
.infobox-title,
.infobox-header {
text-align: center;
background: var(--infobox-accent);
font-weight: 700;
line-height: 1.5;
font-size: 1.15em;
line-height: 1.4em;
}

.infobox-image,
.infobox-gallery {
text-align: center;
}
.infobox-gallery img,
.infobox-image img {
height: auto;
max-width: 100%;
}

.infobox-section .infobox-data-row,
.infobox-section-column .infobox-data-row,
.infobox-section-stacked .infobox-data-row {
padding-left: 12px;
padding-right: 12px;
padding-top: 6px;
padding-bottom: 6px;
border-top-style: solid;
border-top-width: 1px;
border-color: var(--infobox-accent);
}

.infobox-section-column {
display:grid;
grid-template-columns: 2fr 3fr;
}
.infobox-section-column .infobox-data-row {
display: grid;
grid-column: 1 / -1;
grid-template-columns: subgrid;
}
.infobox-section-stacked .infobox-data-value {
margin-left: 1.2em;
}

.infobox-data-label {
font-size: 14px;
font-weight: 700;
}

.infobox-section-cell {
display: flex;
text-align: center;
justify-items: stretch;
flex-wrap: wrap;
}
.infobox-section-cell > * {
flex: 1 0 30%;
}

.infobox-section-cell-row {
display: flex;
flex-flow: row wrap;
text-align: center;
justify-items: stretch;
}
.infobox-section-cell-row > * {
flex: 1 1 0;
}

.infobox-section-two-cell {
display:grid;
grid-template-columns: repeat(2, 1fr);
text-align:center;
}
.infobox-section-two-cell .infobox-data-row:nth-child(2n+1) {
border-right: 1px solid var(--infobox-border); /* todo redo border */
}
.infobox-section-two-cell .infobox-data-row {
border-bottom: 1px solid var(--infobox-border); /* todo redo border */
}

.infobox-section-three-cell {
display:grid;
grid-template-columns: repeat(3, 1fr);
text-align:center;
}

.infobox-section-cell .infobox-data-row,
.infobox-section-two-cell .infobox-data-row,
.infobox-section-three-cell .infobox-data-row {
padding-top: 4px;
padding-bottom: 4px;
}

/* WR Infoboxes */
.infobox.type-wr-champion {
--infobox-accent: var(--wr-teal);
--infobox-border: var(--wr-teal-2);
}

.pi-border-color {
border-color: var(--league-grey-3);
}

/* PortableInfoboxes */
.portable-infobox {
background: var(--infobox-background);
border: 1px solid var(--infobox-border);
}
.portable-infobox .pi-title {
text-align: center;
background: var(--infobox-accent);
font-family: 'Lovelo';
}
.portable-infobox .pi-header {
text-align: center;
}
.mw-body-content h3 {
width: unset;
border: unset;
}
.portable-infobox .pi-secondary-background {
background-color: var(--infobox-accent);
}
.portable-infobox .pi-border-color {
border-color: var(--infobox-accent);
}

/* PortableInfobox Type-Specific CSS */
.portable-infobox.pi-type-conflict {
width: 330px;
}
.portable-infobox.pi-type-conflict .pi-image-thumnail {
max-width: 100%;
height: auto;
}

.pi-left-align {
text-align: left;
margin-left: 0 !important;
}

/********************/
/* Skill CSS */
/********************/

.skill {
position: relative;
z-index: 1;
}

.skill:before { /* This and the next four rules put the big faded letter at the top-right of each ability box. */
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.15;
}
.skill2 {
position: relative;
z-index: 1;
}
.skill2:before { /* This and the next four rules put the big faded letter at the top-right of each ability box. */
content: "";
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0.15;
}
.skill_q:before {
background: url('filepath://Q_bg.png') no-repeat right top !important;
}
.skill_w:before {
background: url('filepath://W_bg.png') no-repeat right top !important;
}
.skill_e:before {
background: url('filepath://E_bg.png') no-repeat right top !important;
}
.skill_r:before {
background: url('filepath://R_bg.png') no-repeat right top !important;
}
.basic_attack:before {
background: url('filepath://RMB.svg?width=64') no-repeat right top !important;
}

.skill_1:before {
background: url('filepath://1_bg.png') no-repeat right top !important;
}
.skill_2:before {
background: url('filepath://2_bg.png') no-repeat right top !important;
}
.skill_3:before {
background: url('filepath://3_bg.png') no-repeat right top !important;
}
.skill_4:before {
background: url('filepath://4_bg.png') no-repeat right top !important;
}
.basic_attack_wr:before {
background: url('filepath://WR_attack_bg.png') no-repeat right top !important;
}

.skill_leveling ul {
margin: 0;
}
.skill_leveling li {
line-height: 1.25;
list-style-type: none;
margin-top: 0;
}
.skill_leveling li+li {
list-style-type: none;
margin-top: 3px;
}
.skill_wrapper + .skill_header {
margin-top: 9px;
}
/* old ability info template */
.ability-info {
display:inline-block;
white-space: nowrap;
padding-right:7px;
}

.ability-info-container p {
margin-bottom: 12px;
}

/* Special formatting for Aphelios */
.skill_aphelios .ability-info-container {
position: relative;
z-index: 1;
}
.skill_aphelios .ability-info-container:before {
content: "";
position: absolute;
z-index: -1;
top: -1em;
bottom: 0;
left: 0;
right: -1em;
opacity: 0.15;
}

.skill_aphelios div:nth-of-type(1) > .ability-info-container:before {
background: url('filepath://RMB.svg?width=64') no-repeat right top !important;
}

.skill_aphelios div:nth-of-type(2) > .ability-info-container:before {
background: url('filepath://Q_bg.png') no-repeat right top !important;
}

/* Special formatting for Hwei */
.skill_qqwe .ability-info-container,
.skill_wqwe .ability-info-container,
.skill_eqwe .ability-info-container {
position: relative;
z-index: 1;
}
.skill_qqwe .ability-info-container:before,
.skill_wqwe .ability-info-container:before,
.skill_eqwe .ability-info-container:before {
content: "";
position: absolute;
z-index: -1;
top: -1em;
bottom: 0;
left: 0;
right: -1em;
opacity: 0.15;
}

.skill_qqwe div:nth-of-type(1) > .ability-info-container:before {
background: url('filepath://Q_bg.png') no-repeat right top !important;
}
.skill_qqwe div:nth-of-type(2) > .ability-info-container:before {
background: url('filepath://QQ_bg.png') no-repeat right top !important;
}
.skill_qqwe div:nth-of-type(3) > .ability-info-container:before {
background: url('filepath://QW_bg.png') no-repeat right top !important;
}
.skill_qqwe div:nth-of-type(4) > .ability-info-container:before {
background: url('filepath://QE_bg.png') no-repeat right top !important;
}
.skill_wqwe div:nth-of-type(1) > .ability-info-container:before {
background: url('filepath://W_bg.png') no-repeat right top !important;
}
.skill_wqwe div:nth-of-type(2) > .ability-info-container:before {
background: url('filepath://WQ_bg.png') no-repeat right top !important;
}
.skill_wqwe div:nth-of-type(3) > .ability-info-container:before {
background: url('filepath://WW_bg.png') no-repeat right top !important;
}
.skill_wqwe div:nth-of-type(4) > .ability-info-container:before {
background: url('filepath://WE_bg.png') no-repeat right top !important;
}
.skill_eqwe div:nth-of-type(1) > .ability-info-container:before {
background: url('filepath://E_bg.png') no-repeat right top !important;
}
.skill_eqwe div:nth-of-type(2) > .ability-info-container:before {
background: url('filepath://EQ_bg.png') no-repeat right top !important;
}
.skill_eqwe div:nth-of-type(3) > .ability-info-container:before {
background: url('filepath://EW_bg.png') no-repeat right top !important;
}
.skill_eqwe div:nth-of-type(4) > .ability-info-container:before {
background: url('filepath://EE_bg.png') no-repeat right top !important;
}

/* Template:Skill_Tabs / Template:st / skill-tabs */
/* see MediaWiki:Gadget-definition / MediaWiki:Gadget-skilltabs.js / MediaWiki:Gadget-skilltabs.css */

/**********************/
/* Runes.css */
/**********************/

/*.pi-theme-rune-path-infobox a {*/
/* color: rgb(213,212,212) !important;*/
/*}*/

.rune-path-container:after {
content: ' ';
display: block;
position: absolute;
top: 1px;
left: 1px;
width: calc(100% - 2px);
height: calc(100% - 79px);
z-index: -1;
opacity: 0.3;
background-repeat: no-repeat;
background-position: center;
-ms-background-size: 100%;
-o-background-size: 100%;
-moz-background-size: 100%;
-webkit-background-size: 100%;
background-size: cover;
}

.rune-path-container#Precision:after {
background-image: url('filepath://Precision_Loading.jpg');
}
.rune-path-container#Domination:after {
background-image: url('filepath://Domination_Loading.jpg');
}
.rune-path-container#Sorcery:after {
background-image: url('filepath://Sorcery_Loading.jpg');
}
.rune-path-container#Resolve:after {
background-image: url('filepath://Resolve_Loading.jpg');
}
.rune-path-container#Inspiration:after {
background-image: url('filepath://Inspiration_Loading.jpg');
}

/***********************************************/
/* portal.css */
/* renamed due to conflict with local elements */
/***********************************************/

/* Temporary fix for the main page */
.postit h2 {
display: inherit;
}

/* --- Global variables --- */

:root {
--games-rail-items-per-row: 2;
--games-rail-item-gap: .3em;
}

/* --- postit templates --- */

.postit {
overflow: hidden;
margin-bottom: 17px;
background-color: var(--league-blue);
border: 1px solid var(--league-wheat-gold);
border-radius: 6px;
}

.postit + p:not(.show) {
display: none;
}

h2.postit__header {
background-color: var(--league-black);
color: var(--league-white);
line-height: 40px;
text-align: center;
font-weight: bold;
font-size: 1em;
margin: 0;
padding-bottom: 0;
border-bottom: none !important;
font-family: 'Helvetica';
}

.postit__content {
box-sizing: border-box;
font-size: 14px;
background-color: var(--league-blue);
}

.postit__content h3 {
font-weight: bold !important;
}

.postit__subheader {
background-color: var(--league-black);
text-align: center;
color: var(--league-wheat-gold);
text-transform: uppercase;
font: 14px/22px Lovelo;
font-weight: 400;
padding: 3px 0;
margin-top: 1em;
margin-bottom: 10px;
}

.postit__content .floatright {
margin: 15px 0 10px 20px !important;
}

.postit__content__affiliates {
/*overflow-y: scroll;
overflow-x: hidden;
height: 200px;*/
margin-top: 10px;
}

.postit__content__affiliates img {
width: 100%;
height: auto;
}

/* postit/aux */

/*.postit__content span {
display: block;
text-align: center;
} This seems to be causing issues on UCP. Going to see how many more issues it causes if I remove it. */

.postit__content .preloader {
background-repeat: no-repeat;
background-position: 1px 1px;
}

.postit__content__aux {
display: inline-block;
position: relative;
text-align: center;
}

.postit__content__aux p a {
display: block;
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 25px;
transition: color .15s ease-in;
color: #999;
}

/*
.postit__content .tabber:after {
content: unset;
display: unset;
background-image: unset;
background-repeat: unset;
background-position: unset;
width: unset;
height: unset;
}*/

/********************/
/* Main page */
/********************/

.page-League_of_Legends_Wiki #firstHeading,
.page-LoR_Legends_of_Runeterra #firstHeading,
.page-TFT_Teamfight_Tactics #firstHeading,
.page-WR_Wild_Rift #firstHeading,
.page-Universe_Universe #firstHeading {
display: none;
}

.page-League_of_Legends_Wiki .mw-parser-output,
.page-LoR_Legends_of_Runeterra .mw-parser-output,
.page-TFT_Teamfight_Tactics .mw-parser-output,
.page-WR_Wild_Rift .mw-parser-output,
.page-Universe_Universe .mw-parser-output {
max-width: 1700px;
margin: auto;
}

.mainpage-intro {
text-align: center;
margin-bottom: 1em;
}

.mainpage-intro h2 {
margin-bottom: 0;
}

.mainpage-intro p,
.mainpage-discord h2 {
margin: 0;
}

.mainpage-col {
flex: 1;
}

.mainpage-jumbo {
display: flex;
box-shadow: 9px 10px 5px -8px rgba(0,0,0,0.35);
margin-bottom: 1em;
background-size: cover;
position: relative;
z-index: 0;
-webkit-user-select: none; /* Safari */
user-select: none;
}

.mainpage-jumbo-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.mainpage-jumbo-header,
.mainpage-jumbo-content {
padding: .5em;
}

.mainpage-jumbo-header {
display: flex;
align-items: center;
gap: 0.5em;
}

.mainpage-jumbo-header > div {
filter: drop-shadow(2px 3px 2px #000);
}

.mainpage-jumbo-header h2 {
margin: .25em 0;
border: 0;
text-shadow: 0 2px 4px #000000;
}

.mainpage-jumbo-header a {
color: unset;
text-decoration: none;
}

.mainpage-jumbo-content ul {
margin: 0;
list-style: none;
line-height: 2em;
}

.mainpage-jumbo-content li {
display: inline-block;
}

.mainpage-jumbo-content a {
padding: .25em .5em;
border-radius: 5px;
box-shadow: 9px 10px 5px -8px rgba(0,0,0,0.35);
}

.mainpage-jumbo-shop {
background: url('filepath://01PZ040T1 StarGuardian-full.png');
background-position: 50% 40%;
}

.mainpage-jumbo-league {
background: url('filepath://Mainpage-jumbo_LoL.jpg');
background-position: center;
}

.mainpage-league {
background: url('filepath://Mainpage-jumbo_LoL.jpg?width=350');
background-position: center;
}

.mainpage-jumbo-tft {
background: url('filepath://Mainpage-jumbo_TFT.jpg');
background-position: center;
}

.mainpage-tft {
background: url('filepath://Mainpage-jumbo_TFT.jpg?width=350');
background-position: center;
}

.mainpage-jumbo-lor {
background: url('filepath://05BC194-full.png');
background-position: center;
}

.mainpage-lor {
background: url('filepath://05BC194-full.png?width=350');
background-position: center;
}

.mainpage-jumbo-poc {
background: url('filepath://Mainpage-jumbo_LoR.jpg');
background-position: center;
}

.mainpage-poc {
background: url('filepath://Mainpage-jumbo_LoR.jpg?width=350');
background-position: center;
}

.mainpage-jumbo-poc-adventures {
background: url('filepath://Mainpage-jumbo PoC Adventures.png');
background-position: center;
}

.mainpage-jumbo-poc-resources {
background: url('filepath://Mainpage-jumbo PoC Resources.png');
background-position: center;
}

.mainpage-jumbo-poc-loot{
background: url('filepath://Mainpage-jumbo PoC Loot.png');
background-position: center;
}

.mainpage-jumbo-wr {
background: url('filepath://Mainpage-jumbo_WR.jpg');
background-position: center;
}

.mainpage-wr {
background: url('filepath://Mainpage-jumbo_WR.jpg?width=350');
background-position: center;
}

.mainpage-jumbo-universe {
background: url('filepath://Mainpage-jumbo_Universe.jpg');
background-position: center;
}

.mainpage-universe {
background: url('filepath://Mainpage-jumbo_Universe.jpg?width=350');
background-position: center;
}

.mainpage-jumbo-2xko {
background: url('filepath://2XKO Teaser 03.jpg');
background-position: center;
}

.mainpage-2xko {
background: url('filepath://2XKO Teaser 03.jpg?width=350');
background-position: center;
}

.mainpage-subheader {
margin: 1em 0 !important;
border: 0;
text-align: center;
}

.discord-icon-background {
width: 68px;
height: 52px;
background-size: 68px 52px !important;
filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));
background: url('data:image/svg+xml,<svg width="71" height="55" viewBox="0 0 71 55" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0)"><path d="M60.1045 4.8978C55.5792 2.8214 50.7265 1.2916 45.6527 0.41542C45.5603 0.39851 45.468 0.440769 45.4204 0.525289C44.7963 1.6353 44.105 3.0834 43.6209 4.2216C38.1637 3.4046 32.7345 3.4046 27.3892 4.2216C26.905 3.0581 26.1886 1.6353 25.5617 0.525289C25.5141 0.443589 25.4218 0.40133 25.3294 0.41542C20.2584 1.2888 15.4057 2.8186 10.8776 4.8978C10.8384 4.9147 10.8048 4.9429 10.7825 4.9795C1.57795 18.7309 -0.943561 32.1443 0.293408 45.3914C0.299005 45.4562 0.335386 45.5182 0.385761 45.5576C6.45866 50.0174 12.3413 52.7249 18.1147 54.5195C18.2071 54.5477 18.305 54.5139 18.3638 54.4378C19.7295 52.5728 20.9469 50.6063 21.9907 48.5383C22.0523 48.4172 21.9935 48.2735 21.8676 48.2256C19.9366 47.4931 18.0979 46.6 16.3292 45.5858C16.1893 45.5041 16.1781 45.304 16.3068 45.2082C16.679 44.9293 17.0513 44.6391 17.4067 44.3461C17.471 44.2926 17.5606 44.2813 17.6362 44.3151C29.2558 49.6202 41.8354 49.6202 53.3179 44.3151C53.3935 44.2785 53.4831 44.2898 53.5502 44.3433C53.9057 44.6363 54.2779 44.9293 54.6529 45.2082C54.7816 45.304 54.7732 45.5041 54.6333 45.5858C52.8646 46.6197 51.0259 47.4931 49.0921 48.2228C48.9662 48.2707 48.9102 48.4172 48.9718 48.5383C50.038 50.6034 51.2554 52.5699 52.5959 54.435C52.6519 54.5139 52.7526 54.5477 52.845 54.5195C58.6464 52.7249 64.529 50.0174 70.6019 45.5576C70.6551 45.5182 70.6887 45.459 70.6943 45.3942C72.1747 30.0791 68.2147 16.7757 60.1968 4.9823C60.1772 4.9429 60.1437 4.9147 60.1045 4.8978ZM23.7259 37.3253C20.2276 37.3253 17.3451 34.1136 17.3451 30.1693C17.3451 26.225 20.1717 23.0133 23.7259 23.0133C27.308 23.0133 30.1626 26.2532 30.1066 30.1693C30.1066 34.1136 27.28 37.3253 23.7259 37.3253ZM47.3178 37.3253C43.8196 37.3253 40.9371 34.1136 40.9371 30.1693C40.9371 26.225 43.7636 23.0133 47.3178 23.0133C50.9 23.0133 53.7545 26.2532 53.6986 30.1693C53.6986 34.1136 50.9 37.3253 47.3178 37.3253Z" fill="%23ffffff"/></g><defs><clipPath id="clip0"><rect width="71" height="55" fill="white"/></clipPath></defs></svg>') no-repeat;
}

.mainpage-discord a {
display: flex;
/*box-shadow: 9px 10px 5px -8px rgba(0,0,0,0.35);*/
/*margin-bottom: 1em;*/
background: #5865f2;
padding: .5em 1em;
color: unset;
background-image: none !important;
text-decoration: none;
align-items: center;
/*gap: 0.75em;*/
}

.mainpage-discord h2 {
margin: .25em 0;
border: 0;
text-shadow: 0 2px 4px #0000005e;
}

.mainpage-discord img {
filter: drop-shadow(2px 3px 2px #00000038);
}

.mainpage-contents {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
margin-bottom: 2em;
text-align: center;
gap: 6px;
}

.mainpage-contents .mainpage-contents-tile {
background-color: var(--league-black);
border: 1px solid var(--league-wheat-gold);
border-radius: 6px;
display: flex;
flex-flow: row wrap;
}

.mainpage-contents .mainpage-contents-tile:hover {
background-color: var(--league-blue);
}

.mainpage-contents-tile-image {
display: flex;
align-items: center;
overflow: hidden;
padding: 0;
height: 5rem;
max-height: 12em;
border-radius: 6px 6px 0 0;
}

.mainpage-contents-tile-image,
.mainpage-contents-tile-image span,
.mainpage-contents-tile-image img {
width: 100%;
}

.mainpage-contents-tile-image img {
object-fit: cover;
height: auto;
max-height: 200px;
transition: 0.4s ease-out;
transform: scale(1.3);
}

.mainpage-contents-tile:hover .mainpage-contents-tile-image img {
transform: scale(1.4);
transition: 0.5s ease-out;
}

.mainpage-contents-tile-content {
width: 100%;
}

.mainpage-contents-tile-content a {
padding: 0.3em 0;
display: block;
width: 100%;
text-decoration: none;
}

.mainpage-recent-updates {
grid-template-columns: repeat(3, 1fr);
}

.mainpage-recent-events {
grid-template-columns: repeat(2, 1fr);
}

@media only screen and (max-width: 1600px) {
.mainpage-recent-updates {
grid-template-columns: repeat(2, 1fr);
}
.mainpage-recent-updates .tile-halves:last-child {
display: none;
}
}

@media only screen and (max-width: 1200px) {
.mainpage-recent-updates {
grid-template-columns: none;
}

.mainpage-recent-events {
grid-template-columns: none;
}
}

/********************/
/* OSRS Main Page */
/********************/
:root {
--byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);
--tile-border-color: #cabe9b;
--tile-background-color: #f9f3eb;
--tile-link-button-color: #f5e9db;
--tile-link-button-highlight-color: #dfccb0;
--tile-dark-color: #fff;
--tile-dark-bg: #5d6773;
--tile-dark-link-color: #ccc;
--tile-dark-byline-color: rgba(255, 255, 255, 0.7);
--tile-dark-header-color: #fff;
}

.tile {
background: var(--infobox-background);
border: 1px solid var(--infobox-accent);
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
padding: 1.5em 2em 1em;
max-width: 40em;
}

.tile h2 {
font-size: 1.4em;
font-weight: bold;
border: none;
margin: 0 0 0.4em;
}

.tile .byline + h2 {
margin-top: -0.5em;
}

.byline {
font-size: 0.9em;
color: var(--byline-color);
}

.byline a {
color: var(--byline-color);
}

.tile-row {
display: flex;
flex-flow: row wrap;
margin-bottom: 1em;
}

.tile-halves {
display: flex;
flex-flow: row wrap;
border: 1px solid var(--infobox-accent);
background: var(--infobox-background);
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
}

.tile-halves h2 {
/*font-size: 1.4em;
font-weight: bold;*/
border: none;
margin: 0 0 0.4em;
}

.tile-halves .byline + h2 {
margin-top: -0.5em;
}

.tile-top {
width: 100%;
padding: 1.3rem 1.5rem 0.6rem;
}

.tile-top.tile-image {
display: flex;
align-items: center;
background-color: var(--infobox-background);
overflow: hidden;
padding: 0;
height: 13vw;
max-height: 12em;
transition: 0.4s ease-out;
}

.tile-top.tile-image.blog-embed-image {
display: block;
}

.tile-halves:hover .tile-top.tile-image img {
transform: scale(1.1);
transition: 0.5s ease-out;
}

.tile-top.tile-image span {
width: 100%;
}

.tile-top.tile-image img {
width: 100%;
object-fit: cover;
max-height: 200px;
transition: 0.4s ease-out;
}

.tile-top a.external {
display: flex;
flex-direction: column;
align-items: start;
}

.mw-parser-output .tile-top a.external {
background: none !important;
padding-left: 0 !important;
}

.tile-bottom {
background: var(--infobox-background);
border-top: 1px solid var(--infobox-accent);
width: 100%;
padding: 1rem 1.5rem 0.6rem;
}

.tile-bottom.link-button {
align-self: flex-end;
padding: 0;
}

.tile-bottom.link-button a {
display: block;
text-align: center;
padding: 0.75em 1.5em 0.8em;
text-decoration: none;
}

.tile-bottom.read-more {
background: var(--tile-link-button-color);
transition: 0.3s ease-out;
}

.tile-bottom.read-more a {
color: var(--byline-color);
font-weight: bold;
text-align: right;
}

.tile-bottom.read-more:hover {
background: var(--tile-link-button-highlight-color);
}

.tile-bottom.read-more:hover .arrow {
transform: translateX(50%);
}

.tile-bottom.read-more .arrow {
filter: var(--byline-arrow-filter);
margin-left: 0.4em;
transition: 0.3s ease-out;
}

.tile.oswf-day {
margin-left: 0.5em;
}

.oswf-tile {
margin: 1em;
}

.oswf-tile.oswf-complete {
opacity: 0.65;
}

.oswf-tile .oswf-summary {
font-size: 105%;
line-height: 1.6;
margin-top: -0.4em;
}

.oswf-tile .oswf-img {
display: block;
max-width: 75px;
float: right;
}

.oswf-tile .oswf-img img {
max-width: 100%;
height: auto;
}

.oswf-tile .oswf-guidance {
border-top: 1px solid #eee;
padding-top: 1em;
}

body.page-Main_Page .mw-parser-output {
max-width: 75em;
margin: 0 auto;
}

body.page-Main_Page.action-view .catlinks,
body.page-Main_Page.action-view #contentSub,
body.page-Main_Page.action-view #siteNotice {
display: none;
}

.mainpage-header {
display: flex;
margin: 2.6em 1.75em 1.5em;
}

.mainpage-header .header-intro {
flex: 2;
}

.mainpage-header .header-intro h1 {
font-size: 2.5em;
font-weight: bold;
border: none;
margin: 0 0 0.15em;
}

.mainpage-header .header-intro p {
font-size: 1.1em;
line-height: 1.7em;
}

.mainpage-header .header-stats {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
margin-top: -1em;
}

.mainpage-body {
display: grid;
grid-template-areas: "update update update" "content content content" "left left right";
gap: 0.9rem;
grid-template-columns: repeat(3, 1fr);
}

.mainpage-body:has(.mainpage-event) {
grid-template-areas: "event event event" "update update update" "content content content" "left left right";
}

.mainpage-body h2 a {
color: var(--text-color);
}

.mainpage-body .tile {
padding-left: 1.75em;
padding-right: 1.75em;
max-width: 100%;
}

.mainpage-body .tile-row {
width: 100%;
margin-bottom: 0;
}

.mainpage-body .tile-row {
display: grid;
gap: 0.9rem;
}

.mainpage-left {
grid-area: left;
flex: 2;
display: flex;
flex-flow: column wrap;
}

.mainpage-left > * {
margin: 0 0 0.9rem;
}

.mainpage-right {
grid-area: right;
flex: 1;
display: flex;
flex-flow: column wrap;
}

.mainpage-right > * {
margin: 0 0 0.9rem;
}

.arrow {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='10' viewBox='0 0 7 10'%3E%3Cpolyline fill='none' stroke='%23FFFFFF' stroke-width='2' points='1.775 1.55 5.225 4.996 1.775 8.45' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat;
display: inline-block;
height: 0.7rem;
width: 0.45rem;
vertical-align: middle;
}

.arrow.dark {
filter: invert(80%);
}

.mainpage-recent-updates {
grid-area: update;
grid-template-columns: repeat(3, 1fr);
}

.mainpage-recent-updates .tile-halves {
flex: 1;
align-content: flex-start;
}

.mainpage-recent-updates .tile-halves:hover .tile-top img {
transform: scale(1.04);
}

.mainpage-recent-updates .tile-halves .tile-top span {
width: 100%;
}

.mainpage-recent-updates .tile-bottom.link-button a {
text-align: left;
padding: 1rem 1.5rem 0.75rem;
}

.mainpage-recent-updates h2 {
margin: -0.5em 0 0.3em;
}

.mainpage-recent-updates p:not(.byline) {
font-size: 0.9em;
line-height: 1.75em;
color: var(--text-color);
}

.mainpage-contents {
grid-area: content;
grid-template-columns: repeat(6, 1fr);
}

.mainpage-contents .tile-halves {
flex: 1;
}

.mainpage-contents .tile-top {
position: relative;
}

.mainpage-contents h2 {
margin: 0;
padding: 0;
}

.mainpage-contents .tile-bottom.link-button a {
padding: 0.75em 0.2em;
}

.mainpage-skills ul {
columns: 3 9em;
margin: 1em 0.7em 0.7em 1em;
}

.mainpage-skills li {
display: flex;
margin-bottom: 0.29em;
}

.mainpage-skills li span a {
border-radius: 2px;
padding: 4px;
width: 25px;
height: 25px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}

.mainpage-skills li > a:last-child {
flex: 1;
display: flex;
align-items: center;
font-weight: bold;
padding-left: 0.7em;
text-decoration: none;
}

.mainpage-skills li:hover a:first-child {
border-radius: 2px 0 0 2px;
}

.mainpage-skills li:hover > a:last-child {
color: rgba(255, 255, 255, 0.9);
border-radius: 0 2px 2px 0;
}

.skill-agility span a,
.skill-melee span a {
background: #bc483d;
}

.skill-agility:hover > a:last-child,
.skill-melee:hover > a:last-child {
background: #932419;
}

.skill-ranged span a {
background: #748d36;
}

.skill-ranged:hover > a:last-child {
background: #4c6215;
}

.skill-magic span a {
background: #6274ab;
}

.skill-magic:hover > a:last-child {
background: #304791;
}

.skill-fishing span a,
.skill-fletching span a {
background: #3e8e9a;
}

.skill-fishing:hover > a:last-child,
.skill-fletching:hover > a:last-child {
background: #1a6671;
}

.skill-cooking span a,
.skill-thieving span a {
background: #91689e;
}

.skill-cooking:hover > a:last-child,
.skill-thieving:hover > a:last-child {
background: #713684;
}

.skill-farming span a,
.skill-woodcutting span a {
background: #59924f;
}

.skill-farming:hover > a:last-child,
.skill-woodcutting:hover > a:last-child {
background: #306f25;
}

.skill-mining span a {
background: #6385a8;
}

.skill-mining:hover > a:last-child {
background: #315f8d;
}

.skill-smithing span a {
background: #d2b244;
}

.skill-smithing:hover > a:last-child {
background: #b69213;
}

.popular-pages ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 0.6em;
margin: 1em 0 0.7em 0;
}

.mp-popular-page-light {
display: flex;
align-items: center;
background-color: var(--infobox-accent);
transition: 100ms;
}

.mp-popular-page-light a {
flex: 1;
display: block;
color: var(--text-color) !important;
font-weight: bold;
text-align: center;
text-decoration: none;
padding: 0.7em 1em;
}

.mp-popular-page-light:hover {
filter: brightness(115%);
transition: 100ms;
}

.mainpage-discord {
border: none;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}

.mainpage-discord .tile-top {
display: flex;
align-items: center;
background: #5865f2;
padding: 1em 1.75em;
}

.mainpage-discord .tile-top a {
flex: 1;
position: relative;
text-decoration: none;
}

.mainpage-discord .tile-top a:hover .arrow {
transform: translateX(50%);
}

.mainpage-discord .tile-bottom {
background: #525ee0;
border: none;
padding: 1em 1.75em;
}

.mainpage-discord .tile-bottom p {
color: #fff;
font-weight: bold;
font-size: 0.9em;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.03em;
margin: 0;
}

.mainpage-discord .partner-icon {
margin-right: 0.75em;
}

.mainpage-discord .server-name {
color: #fff;
font-weight: bold;
font-size: 1.25em;
margin: 0.5em 0 -0.15em;
}

.mainpage-discord .server-tagline {
color: rgba(255, 255, 255, 0.9);
margin-bottom: 0.5em;
}

.mainpage-discord .arrow {
position: absolute;
top: calc(50% - .5em);
right: 0;
height: 1em;
width: 0.7em;
background-size: 0.7em 1em;
transition: 0.3s ease-out;
}

.mainpage-twitter {
border: none;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}

.mainpage-twitter .tile-top {
display: flex;
align-items: center;
background: #15202b;
padding: 1em 1.75em;
}

.mainpage-twitter .tile-top a {
flex: 1;
position: relative;
text-decoration: none;
}

.mainpage-twitter .tile-top a:hover .arrow {
transform: translateX(50%);
}

.mainpage-twitter .tile-bottom {
background: #121c26;
border: none;
padding: 1em 1.75em;
}

.mainpage-twitter .tile-bottom p {
color: #fff;
font-weight: bold;
font-size: 0.9em;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.03em;
margin: 0;
}

.mainpage-twitter .twitter-logo {
margin-right: 0.75em;
}

.mainpage-twitter .twitter-name {
color: #fff;
font-weight: bold;
font-size: 1.25em;
margin: 0.5em 0 -0.15em;
}

.mainpage-twitter .twitter-tagline {
color: rgba(255, 255, 255, 0.9);
margin-bottom: 0.5em;
}

.mainpage-twitter .arrow {
position: absolute;
top: calc(50% - .5em);
right: 0;
height: 1em;
width: 0.7em;
background-size: 0.7em 1em;
transition: 0.3s ease-out;
}

.mainpage-valence {
border: none;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}

.mainpage-valence .tile-top {
display: flex;
align-items: center;
background: #6a882f;
padding: 1em 1.75em;
}

.mainpage-valence .tile-top a {
flex: 1;
position: relative;
text-decoration: none;
}

.mainpage-valence .tile-top a:hover .arrow {
transform: translateX(50%);
}

.mainpage-valence .tile-bottom {
background: #2d4303;
border: none;
padding: 1em 1.75em;
}

.mainpage-valence .tile-bottom p {
color: #fff;
font-weight: bold;
font-size: 0.9em;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.03em;
margin: 0;
}

.mainpage-valence .valence-logo {
margin-right: 0.75em;
}

.mainpage-valence .valence-name {
color: #fff;
font-weight: bold;
font-size: 1.25em;
margin: 0.5em 0 -0.15em;
}

.mainpage-valence .valence-tagline {
color: rgba(255, 255, 255, 0.9);
margin-bottom: 0.5em;
}

.mainpage-valence .arrow {
position: absolute;
top: calc(50% - .5em);
right: 0;
height: 1em;
width: 0.7em;
background-size: 0.7em 1em;
transition: 0.3s ease-out;
}

.mainpage-editing {
border: none;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3);
}

.mainpage-editing .tile-top {
background: #438ab5;
}

.mainpage-editing .tile-bottom {
background: #3980ab;
border: none;
padding: 0.8rem 1.5rem 0.4rem;
}

.mainpage-editing h2,
.mainpage-editing a {
color: #fff;
}

.mainpage-editing p {
color: rgba(255, 255, 255, 0.9);
}

.mainpage-editing ul {
list-style-image: url('filepath://Transparent-chevron.svg');
}

.mainpage-poll .ajaxpoll {
border: none;
background: none;
padding: 0;
width: auto;
}

.mainpage-trailblazer {
grid-area: event;
}

.mainpage-trailblazer .tb-logo {
margin-bottom: 0.9rem;
}

.mainpage-trailblazer .tile-row {
grid-template-columns: repeat(4, 1fr);
}

@media only screen and (max-width: 720px) {
.mainpage-trailblazer .tile-row {
grid-template-columns: none;
}

.mainpage-trailblazer .tile-row .tile-top {
height: 20vw;
min-height: 9em;
}

}

@media only screen and (max-width: 1200px) {
.mainpage-contents {
grid-template-columns: repeat(3, 1fr);
}

}

@media only screen and (max-width: 1000px) {
.mainpage-body {
grid-template-areas: "update" "content" "left" "right";
grid-template-columns: 1fr;
}

.mainpage-body:has(.mainpage-event) {
grid-template-areas: "event" "update" "content" "left" "right";
}

.mainpage-recent-updates {
grid-template-columns: repeat(2, 1fr);
}

.mainpage-recent-updates .tile-halves:last-child {
display: none;
}

.mainpage-recent-updates .tile-halves:hover .tile-top img {
transform: scale(1.04);
}

.mainpage-recent-updates .tile-top {
height: 18vw;
min-height: 9em;
}

.mainpage-header .header-stats {
display: none;
}

.mainpage-left > *:last-child,
.mainpage-right > *:last-child {
margin-bottom: 0;
}

.popular-pages ul {
grid-template-columns: repeat(2, 1fr);
}

}

@media only screen and (max-width: 720px) {
.mainpage-recent-updates {
grid-template-columns: none;
}

.mainpage-recent-updates .tile-halves:last-child {
display: flex;
}

.mainpage-contents {
grid-template-columns: repeat(2, 1fr);
}

}

/********************/
/* Tooltips */
/********************/
/* Template:Tt/Template:Texttip */
.tt-basic-tooltip {
padding: 2px 5px;
border-radius: 4px;
background-color: var(--tooltip-bg-color);
border: 1px solid #999;
box-sizing: content-box;
}

.blue-tooltip {
border: 1px solid #999;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
z-index: 9999;
border-radius: 4px;
padding: 2px 5px;
background-color: var(--tooltip-bg-color);
}

/********************/
/* Templates */
/********************/

/* [[Template:Sm2]] - has to be here to prevent a FOUC */
.inline-audio audio {
display: none;
}

/* Champion roster */
.champion_roster {
line-height: 0; /* Kills any vertical spacing between rows */
margin: 0 !important;
padding: .5em 0 !important;
text-align: center;
}
.champion_roster li {
display: inline-block;
margin: 1px;
overflow: hidden;
border-radius: 5px;
}
.champion_roster li:hover {
box-shadow: 0 0 3px #aac, 0 0 4px #111;
}

/* Template:Audio page legend */
.lol-quotes-caption {
display: flex;
flex-wrap: wrap;
justify-content: center;
column-gap: 0.5em;
font-weight: bold;
}

.lol-quotes-caption-appended-text {
flex-basis: 100%;
text-align: center;
margin: 0.5em 1em;
font-weight: normal;
}

/* Template:VideoGallery */
.video-gallery-wrapper {
display: flex;
gap: 1em;
justify-content: center;
flex-wrap: wrap;
}

/********************/
/* Tables */
/********************/

table.article-table {
background-color: var(--article-table-bg);
margin-bottom: 1em;
border-collapse: collapse;
}

table.article-table th {
background-color: var(--article-table-header-bg);
border-bottom: 1px solid var(--border-color);
padding: 6px 12px;
letter-spacing: 0.01em;
}

table.article-table td {
border-bottom: 1px solid var(--border-color);
padding: 6px 12px;
}

/*********************/
/* Chroma Exhibition */
/*********************/
.chroma-gallery {
display: grid;
width: 718px;
height: 100%;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-gap: 1px 1px;
grid-template-areas: "base base 1 2 3 4" "base base 5 6 7 8";
}

.chroma-gallery-large {
display: grid;
width: 718px;
height: 100%;
grid-template-columns: 1fr 0.5fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-gap: 1px 1px;
grid-template-areas: "base base 1 2 3 4 5" "base base 6 7 8 9 10";
}

.base { grid-area: base; }

.chroma {
background-color: #1c3248;
border-color: #6699cc;
color: #D5D4D4;
}

.chroma-gallery * .chroma {margin: 0 14px;}
.chroma-gallery-large * .chroma {margin: 0 14px;}

.bundle-border * img.mw-file-element {
border-color: #e63031;
}
.rare-border * img.mw-file-element {
border-color: #e63031;
}
.loot-border * img.mw-file-element {
border-color: #82499D;
}
.partner-border * img.mw-file-element {
border-color: #8bc34a;
}
.limited-border * img.mw-file-element {
border-color: #FFD700;
}
.canceled-border * img.mw-file-element {
border-color: #FF00FF;
}

.chroma-caption {
color: #858c93;
font-size: 12px;
line-height: 16px;
margin: 8px 0 5px;
}

/********************/
/* Fancy tricks */
/********************/
/* Image zoom ****/
.image-zoom-hover:hover .image-zoom-hover img {
transform: scale(1.06);
transition: 0.5s ease-out;
}

.image-zoom-hover img {
transition: 0.4s ease-out;
}
/**** Image zoom */

/* Slight blur */
.fxaa {
filter: blur(0.013rem);
}

/* No hyperlink underline */
.link-button a:hover {
text-decoration: none;
}
/* Template:Background_quote */
.background-quote {
background: var(--background-quote-bg-color);
}

/*******************************/
/* List styles */
/*******************************/

/* TLIST - Simulating a tablular list */
.tlist ul {
margin: 0 0 0 2.5em;
padding: 0;
text-align: left;
}
.tlist li {
margin: 0;
display: inline-block;
white-space: nowrap;
}
.tlist.twrap li {
white-space: normal;
}

.fluidcolumn_2 li { width: 25em; }
.fluidcolumn_3 li { width: 17em; }
.fluidcolumn_4 li { width: 12em; }
.fluidcolumn_5 li { width: 10em; }
.fluidcolumn_6 li { width: 8em; }
.fluidcolumn_8 li { width: 6em; }

.multicolumn_2 li { width:49%; }
.multicolumn_3 li { width:33%; }
.multicolumn_4 li { width:24%; }
.multicolumn_5 li { width:19%; }
.multicolumn_6 li { width:16%; }
.multicolumn_8 li { width:12%; }

/* Style for horizontal lists (separator following item) */
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li {
display: inline;
margin: 0;
}
/* Display nested lists inline */
.hlist dl dl,
.hlist ol ol,
.hlist ul ul {
display: inline;
}
/* Nowrap list items */
.hlist dd,
.hlist dt,
.hlist li {
white-space: nowrap;
/* white-space: normal !ie; /* IE < 8 no-wraps entire list, so disable it */
}
/* But allow parent list items to be wrapped */
.hlist dd dl,
.hlist dt dl,
.hlist li ol,
.hlist li ul {
white-space: normal;
}
/* Generate interpuncts */
.hlist dt:after {
content: ":";
}
.hlist dd:after,
.hlist li:after {
content: " ·";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* for IE 8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
content: none;
}
/* Add parens around nested lists */
.hlist dl dl dd:first-child:before,
.hlist ol ol li:first-child:before,
.hlist ul ul li:first-child:before {
content: "(";
}
.hlist dl dl dd:last-child:after,
.hlist ol ol li:last-child:after,
.hlist ul ul li:last-child:after {
content: ")";
font-weight: normal;
}
/* For IE8 */
.hlist dl dl dd.hlist-last-child:after,
.hlist ol ol li.hlist-last-child:after,
.hlist ul ul li.hlist-last-child:after {
content: ")";
font-weight: normal;
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
counter-increment: level1;
}
.hlist.hnum ol li:before {
content: counter(level1) " ";
}
.hlist.hnum ol ol li {
counter-increment: level2;
}
.hlist.hnum ol ol li:first-child:before {
content: "(" counter(level2) " ";
}
.hlist.hnum ol ol li:before {
content: counter(level2) " ";
}

/* Template 'lc' and 'sbc' */
.template_lc {
font-weight:bold;
font-size:89%;
text-transform:uppercase;
color:#9797FC;
}
.template_sbc {
font-weight:bold;
font-size:89%;
text-transform:uppercase;
}

/* advancedSearch styling */
.mw-advancedSearch-expandablePane-button.oo-ui-widget-enabled.oo-ui-buttonWidget > .oo-ui-buttonElement-button:hover {
background-color: var(--ooui-normal--hover);
}

.mw-advancedSearch-fieldContainer {
background: linear-gradient(rgba(0, 0, 0, 0.1), var(--ooui-normal) 0.5em);
border-color: var(--ooui-normal-border);
}

.mw-advancedSearch-fieldContainer .oo-ui-labelElement > .oo-ui-fieldsetLayout-header > .oo-ui-labelElement-label {
background: var(--ooui-normal);
color: var(--ooui-text);
}

.mw-advancedSearch-searchPreview .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {
background-color: var(--ooui-interface);
}

.mw-advancedSearch-namespace-selection {
background: linear-gradient(rgba(0, 0, 0, 0.1), var(--ooui-normal) 0.5em);
border-color: var(--ooui-normal-border);
}

.mw-advancedSearch-namespace-border {
border-color: var(--ooui-input-border);
}

/* Lore banner and game banner text */
#champinfo-container, .league-font {
font-family: 'Lovelo';
font-weight: 400;
text-transform: uppercase;
}

/* Template:Ability_info/stats */
.ability-info-stats__wrapper {
width: 100%;
display: flex;
flex-flow: row wrap;
border-bottom: 1px solid #465e76;
border-bottom: 1px solid rgba(255, 255, 255, 0.25);
align-items: last baseline;
padding: 2px;
box-sizing: border-box;
column-gap: 14px;
}

.ability-info-stats__ability {
white-space: nowrap;
font-size: 140%;
color: #9797fc;
font-weight: bold;
text-shadow: 0 2px black;
}

.ability-info-stats__list {
display: flex;
flex-flow: wrap;
text-align: left;
font-family: Rubik;
font-size: 80%;
padding-right: 50px;
position: relative;
column-gap: 1em;
flex: 1 1 740px;
}

.ability-info-stats__stat {
display: flex;
flex-wrap: wrap;
text-transform: uppercase;
column-gap: 0.2em;
}

.ability-info-stats__stat-label {
color: #9797fc;
font-weight: bold;
}

.ability-info-stats__stat-value {

}

/* Template:Ability_info */
.ability-info-content {
display: flex;
flex-direction: column;
}
.ability-info-row {
margin-bottom: 20px;
}
.ability-info-icon {
float: left;
margin-right: 10px;
margin-bottom: 10px;
margin-top: 8px;
}
.ability-info-icon img {
max-width: 64px;
height: auto;
}
.ability-info-description {
flex: 1;
}
.ability-info-stats {
}
.ability-info-stats:empty {
display: none;
}
.ability-info-icon:empty {
display: none;
}
.ability-info-flavor{
padding-left: 8em;
}
@media (min-width: 768px) {
.ability-info-content {
display: grid;
grid-template-columns: 64px 3fr 1.4fr;
gap: 10px;
}
.ability-info-row {
display: contents;
}
.ability-info-icon {
float: none;
margin-right: 0;
margin-bottom: 0;
margin-top: 8px;
}
.ability-info-description {
grid-column: 2;
}
.ability-info-description.no-stats {
grid-column: 2 / span 2;
}
.ability-info-icon:empty {
display: block;
}
}

/*******************************/
/* Namespace styles */
/*******************************/

body.ns-3000 .mw-page-title-namespace,
body.ns-3000 .mw-page-title-separator,
body.ns-3002 .mw-page-title-namespace,
body.ns-3002 .mw-page-title-separator,
body.ns-3004 .mw-page-title-namespace,
body.ns-3004 .mw-page-title-separator,
body.ns-3006 .mw-page-title-namespace,
body.ns-3006 .mw-page-title-separator {
display: none;
}

body.ns-3000,
body.ns-3001 {
--body-background-image: url('filepath://Background_image_TFT.png');
}

body.ns-3002,
body.ns-3003 {
--body-background-image: url('filepath://Background_image_LOR.png');
}

body.ns-3004,
body.ns-3005 {
--body-background-image: url('filepath://Background_image_WR.png');
}

body.ns-3006,
body.ns-3007 {
--body-background-image: url('filepath://Background_image_Universe.png');
}

body.ns-3000 .mw-first-heading::after {
content: " | Teamfight Tactics";
color: #f9a67d;
}

body.ns-3002 .mw-first-heading::after {
content: " | Legends of Runeterra";
color: #f9d47d;
}

body.ns-3004 .mw-first-heading::after {
content: " | Wild Rift";
color: #4ae0d9;
}

body.ns-3006 .mw-first-heading::after {
content: " | Universe";
color: #6bd9a6;
}

/* Videos are sometimes too wide */
#content video {
max-width: 100%;
}

/***********************/
/* Template:Navigation */
/***********************/

:root {
--navbox-background: var(--sidebar);
--navbox-border: #393E4A;
--navbox-title-background: var(--body-dark);
--navbox-footer-background: var(--body-dark);
--navbox-group-title-background: var(--body-mid);
}

.navbox-wrapper {
background: var(--navbox-background);
clear: both;
border: 1px solid var(--navbox-border);
border-radius: 5px;
padding: 4px;
}

.navbox {
font-size: 88%;
background: var(--navbox-background);
border-collapse: collapse;
margin: 1em auto 0;
width: 100%;
clear: both;
text-align: center;
/*box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);*/
}

.navbox-cell {
border: 1px solid var(--navbox-border);
border-radius: 5px;
padding: 0.5em;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.navbox img {
image-rendering: pixelated;
image-rendering: crisp-edges;
}

}

figure[data-item-name="pixelated"] > a > img {
-ms-interpolation-mode: nearest-neighbor;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: pixelated;
image-rendering: crisp-edges;
width: 256px;
height: 256px;
}

/******************************************/
/* Universe banner nav */
/******************************************/
.universe-banner-nav-item {
opacity: 0;
}
.universe-banner-nav:hover .universe-banner-nav-item {
opacity: 0.5;
transition: opacity 1s;
}
.universe-banner-nav-item img {
transform: translateX(-50%);
}

/* Template:Portal/News/Row */
.portal-news-updates-wrapper {
text-align: left;
display: grid;
grid-template-columns: fit-content(400px) auto;
grid-auto-rows: minmax(0, 150px);
row-gap: 0.7rem;
}
.portal-news-row {
overflow: hidden;
display: grid;
grid-template-columns: subgrid;
grid-column-end: span 2;
background: var(--portal-news-row-background-color);
border: 1px solid var(--portal-news-border-color);
position:relative;
z-index:0;
}

.portal-news-image {
overflow: hidden;
border-left: 1px solid var(--portal-news-accent-color);
}
.portal-news-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.portal-news-text {
margin:0.3rem 1rem;
}
.portal-news-header__wrapper{
position:relative;
z-index: 0;
display: flex;
flex-flow: row nowrap;
overflow:hidden;
align-items:last baseline;
white-space: nowrap;
justify-content: space-between;
}
.portal-news-header{
position:relative;
z-index: 0;
display:inline-block;
border-bottom: 2px solid var(--portal-news-accent-color);
font-weight: bold;
padding-left: 1rem;
padding-right: 0.3em;
min-width: 3rem;
margin-bottom: 15px;
margin-right: 40px;
margin-top: 0.3rem;
font-size: 140%;
}
.portal-news-header::after{
content:"";
display:block;
position:absolute;
left: calc(100% - 17px);
bottom: 0;
width: 100%;
height: 16px;
border-left: 2px solid;
border-bottom: 2px solid;
border-color: var(--portal-news-accent-color);
transform: rotate(-45deg);
transform-origin: 19px bottom;
box-sizing: border-box;

}
.portal-news-header::before{
content:"";
position:absolute;
border-bottom: 1px solid #c99e42;
left: calc(100% - 3px);
right: -4000px;
bottom:2px;
}
.portal-news-header-extra{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
.portal-news-header-extra::before {
content: "";
border-bottom: 1px solid var(--portal-news-accent-color);
position: absolute;
left: 0;
bottom: -6px;
right: 11px;
}
.portal-news-header-extra::after {
content: "";
border-bottom: 1px solid var(--portal-news-accent-color);
position: absolute;
left: calc(100% - 11px);
bottom: -6px;
transform: rotate(-45deg);
transform-origin: left bottom;
width:12px;
}
.portal-news-subheader{
color:var(--portal-news-subheader-color);
font-size:90%;
padding-right: 10px;
}
.portal-news-link{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:10;
}

.mw-parser-output .portal-news-row a.external {
background: none;
padding: 0;
}

/******************************************/
/* wikiEditor (source editor) settings */
/******************************************/
.wikiEditor-ui .wikiEditor-ui-view,
.wikiEditor-ui .wikiEditor-ui-top {
border-color: var(--body-main);
}
.wikiEditor-ui-toolbar {
background-color: var(--body-light);
}
.wikiEditor-ui-toolbar .tabs span.tab > a,
.wikiEditor-ui-toolbar .tabs span.tab > a:visited {
color: var(--link-color);
}
.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: var(--text-colour);
}
.wikiEditor-ui-toolbar .group {
border-color: var(--body-main);
}
.wikiEditor-ui-toolbar .group .tool-select {
background-color: var(--body-light);
border-color: var(--body-main);
}
.wikiEditor-ui-toolbar .group .tool-select .options {
border-color: var(--body-main);
background-color: var(--body-main);
}
.wikiEditor-ui-toolbar .group .tool-select .options .option {
color: var(--link-color);
}
.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
background-color: #384766;
}
.wikiEditor-ui-toolbar .group-search {
border-left-color: var(--body-mid);
}
.wikiEditor-ui-toolbar .page-table td {
border-color: var(--body-mid);
color: var(--text-color);
}
.wikiEditor-ui-toolbar .page-table th {
color: var(--text-color);
}
.wikiEditor-ui-toolbar .sections .section {
border-color: var(--body-mid);
}
.wikiEditor-ui-toolbar .sections .toolbar .group > .label {
color: var(--text-color);
}
.wikiEditor-ui-toolbar .sections .toolbar .tool > .label {
color: var(--text-color);
}
.wikiEditor-ui-toolbar .booklet > .index > :hover {
background-color: var(--body-mid);
color: var(--text-color);
}
.wikiEditor-ui-toolbar .booklet .index > .current {
background-color: var(--body-mid);
color: var(--link-color);
}
.wikiEditor-ui-toolbar .page-characters div span {
border-color: var(--body-mid);
color: var(--text-color);
}
.wikiEditor-ui-toolbar .page-characters div span:hover {
border-color: var(--body-dark);
background-color: transparent;
}
.wikiEditor-ui-toolbar .tabs span.tab a:before,
.wikiEditor-ui-toolbar .group .tool-select .label:after {
background: var(--text-color);
-webkit-mask: var(--arrow-down) center no-repeat;
mask: var(--arrow-down) center no-repeat;
}
.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group {
border-color: var(--body-main);
}
.wikiEditor-ui-toolbar .section-secondary .group {
border-left: 1px solid var(--body-main);
}

.wikiEditor-ui .wikiEditor-ui-view,
.wikiEditor-ui .wikiEditor-ui-top {
border-color: var(--sourceeditor-border);
}

.wikiEditor-ui-toolbar {
background-color: var(--sourceeditor-background);
}

.wikiEditor-ui-toolbar .tabs span.tab > a,
.wikiEditor-ui-toolbar .tabs span.tab > a:visited {
color: var(--link-color);
}

.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
color: var(--text-color);
}

.wikiEditor-ui-toolbar .group,
.wikiEditor-ui-toolbar .section-secondary .group {
border-color: var(--sourceeditor-border);
}

.wikiEditor-ui-toolbar .group .tool-select {
background-color: var(--sourceeditor-background);
border-color: var(--sourceeditor-border);
}

.wikiEditor-ui-toolbar .group .tool-select .options {
border-color: var(--sourceeditor-border);
background-color: var(--body-main);
}

.wikiEditor-ui-toolbar .group .tool-select .options .option {
color: var(--link-color);
}

.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
background-color: var(--ooui-normal--hover);
}

.wikiEditor-ui-toolbar .group-search {
border-left-color: var(--body-mid);
}

.wikiEditor-ui-toolbar .page-table td {
border-color: var(--body-mid);
color: var(--text-color);
}

.wikiEditor-ui-toolbar .page-table th {
color: var(--text-color);
}

.wikiEditor-ui-toolbar .sections .section {
border-color: var(--body-mid);
}

.wikiEditor-ui-toolbar .sections .toolbar .group > .label {
color: var(--text-color);
}

.wikiEditor-ui-toolbar .sections .toolbar .tool > .label {
color: var(--text-color);
}

.wikiEditor-ui-toolbar .booklet > .index > :hover {
background-color: var(--body-mid);
color: var(--text-color);
}

.wikiEditor-ui-toolbar .booklet .index > .current {
background-color: var(--body-mid);
color: var(--link-color);
}

.wikiEditor-ui-toolbar .page-characters div span {
border-color: var(--body-mid);
color: var(--text-color);
}

.wikiEditor-ui-toolbar .page-characters div span:hover {
border-color: var(--body-dark);
background-color: transparent;
}

.wikiEditor-ui-toolbar .tabs span.tab a:before,
.wikiEditor-ui-toolbar .group .tool-select .label:after {
background: var(--text-color);
-webkit-mask: var(--arrow-down) center no-repeat;
mask: var(--arrow-down) center no-repeat;
}

.ext-WikiEditor-ResizingDragBar,
.ext-WikiEditor-ResizingDragBar-ew {
background-color: var(--sourceeditor-background-secondary);
}

.ext-WikiEditor-ResizingDragBar-ns {
border-color: var(--sourceeditor-border);
}

.ext-WikiEditor-ResizingDragBar span {
background-color: var(--byline-color);
}

.ext-WikiEditor-ResizingDragBar span:hover {
background-color: var(--text-color);
}

.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane1,
.ext-WikiEditor-twopanes-TwoPaneLayout .ext-WikiEditor-twopanes-pane2 {
border-color: var(--sourceeditor-border);
}

.ext-WikiEditor-realtimepreview-loadingbar div {
background-color: var(--ooui-accent);
}

.ext-WikiEditor-realtimepreview-button:hover {
background-color: var(--ooui-normal--hover);
}

.ext-WikiEditor-realtimepreview-button.oo-ui-toggleWidget-on .oo-ui-labelElement-label {
color: var(--ooui-accent);
}

.mw-editform #wpTextbox1 {
color: var(--text-color);
background: var(--body-main);
border-color: var(--body-main);
}
.ext-WikiEditor-realtimepreview-button:hover {
background-color: #384766;
}
.ext-WikiEditor-ResizingDragBar {
background-color: #475980;
}
.ext-WikiEditor-ResizingDragBar-ns {
border-top: 1px solid var(--body-main);
}

/******************************************/
/* CodeMirror editor settings */
/******************************************/
.CodeMirror {
background: var(--body-main);
}
.CodeMirror pre {
color: var(--text-color);
}
.codeEditor-status {
border-color: var(--body-main);
background-color: var(--body-light);
}
.codeEditor-status-message {
border-color: var(--body-main);
}
.CodeMirror-gutters {
background-color: var(--body-light);
border-color: var(--body-main);
}
.CodeMirror-linenumber {
color: var(--text-color);
}

.ve-init-mw-desktopArticleTarget .CodeMirror-linenumber {
color: var(--byline-color);
}

/* Editor Color Settings */
.cm-mw-template-ext-link-ground.cm-mw-template-bracket,
.cm-mw-template-ext-link-ground.cm-mw-template-name,
.cm-mw-template-ext-link-ground.cm-mw-template-delimiter,
.cm-mw-template-ext-link-ground.cm-mw-template,
.cm-mw-template-ext2-link-ground.cm-mw-template-bracket,
.cm-mw-template-ext2-link-ground.cm-mw-template-name,
.cm-mw-template-ext2-link-ground.cm-mw-template-delimiter,
.cm-mw-template-ext2-link-ground.cm-mw-template,
.cm-mw-template-ext3-link-ground.cm-mw-template-bracket,
.cm-mw-template-ext3-link-ground.cm-mw-template-name,
.cm-mw-template-ext3-link-ground.cm-mw-template-delimiter,
.cm-mw-template-ext3-link-ground.cm-mw-template,
.cm-mw-template-link-ground.cm-mw-template-bracket,
.cm-mw-template-link-ground.cm-mw-template-name,
.cm-mw-template-link-ground.cm-mw-template-delimiter,
.cm-mw-template-link-ground.cm-mw-template,
.cm-mw-template-ext-ground.cm-mw-template-bracket,
.cm-mw-template-ext-ground.cm-mw-template-name,
.cm-mw-template-ext-ground.cm-mw-template-delimiter,
.cm-mw-template-ext-ground.cm-mw-template,
.cm-mw-template-ext2-ground.cm-mw-template-bracket,
.cm-mw-template-ext2-ground.cm-mw-template-name,
.cm-mw-template-ext2-ground.cm-mw-template-delimiter,
.cm-mw-template-ext2-ground.cm-mw-template,
.cm-mw-template-ext3-ground.cm-mw-template-bracket,
.cm-mw-template-ext3-ground.cm-mw-template-name,
.cm-mw-template-ext3-ground.cm-mw-template-delimiter,
.cm-mw-template-ext3-ground.cm-mw-template,
.cm-mw-template-ground.cm-mw-template-bracket,
.cm-mw-template-ground.cm-mw-template-name,
.cm-mw-template-ground.cm-mw-template-delimiter,
.cm-mw-template-ground.cm-mw-template {
color: #68e87b;
}
.cm-mw-template2-ext-link-ground.cm-mw-template-bracket,
.cm-mw-template2-ext-link-ground.cm-mw-template-name,
.cm-mw-template2-ext-link-ground.cm-mw-template-delimiter,
.cm-mw-template2-ext-link-ground.cm-mw-template,
.cm-mw-template2-ext2-link-ground.cm-mw-template-bracket,
.cm-mw-template2-ext2-link-ground.cm-mw-template-name,
.cm-mw-template2-ext2-link-ground.cm-mw-template-delimiter,
.cm-mw-template2-ext2-link-ground.cm-mw-template,
.cm-mw-template2-ext3-link-ground.cm-mw-template-bracket,
.cm-mw-template2-ext3-link-ground.cm-mw-template-name,
.cm-mw-template2-ext3-link-ground.cm-mw-template-delimiter,
.cm-mw-template2-ext3-link-ground.cm-mw-template,
.cm-mw-template2-link-ground.cm-mw-template-bracket,
.cm-mw-template2-link-ground.cm-mw-template-name,
.cm-mw-template2-link-ground.cm-mw-template-delimiter,
.cm-mw-template2-link-ground.cm-mw-template,
.cm-mw-template2-ext-ground.cm-mw-template-bracket,
.cm-mw-template2-ext-ground.cm-mw-template-name,
.cm-mw-template2-ext-ground.cm-mw-template-delimiter,
.cm-mw-template2-ext-ground.cm-mw-template,
.cm-mw-template2-ext2-ground.cm-mw-template-bracket,
.cm-mw-template2-ext2-ground.cm-mw-template-name,
.cm-mw-template2-ext2-ground.cm-mw-template-delimiter,
.cm-mw-template2-ext2-ground.cm-mw-template,
.cm-mw-template2-ext3-ground.cm-mw-template-bracket,
.cm-mw-template2-ext3-ground.cm-mw-template-name,
.cm-mw-template2-ext3-ground.cm-mw-template-delimiter,
.cm-mw-template2-ext3-ground.cm-mw-template,
.cm-mw-template2-ground.cm-mw-template-bracket,
.cm-mw-template2-ground.cm-mw-template-name,
.cm-mw-template2-ground.cm-mw-template-delimiter,
.cm-mw-template2-ground.cm-mw-template {
color: #34c576;
}
.cm-mw-template3-ext-link-ground.cm-mw-template-bracket,
.cm-mw-template3-ext-link-ground.cm-mw-template-name,
.cm-mw-template3-ext-link-ground.cm-mw-template-delimiter,
.cm-mw-template3-ext-link-ground.cm-mw-template,
.cm-mw-template3-ext2-link-ground.cm-mw-template-bracket,
.cm-mw-template3-ext2-link-ground.cm-mw-template-name,
.cm-mw-template3-ext2-link-ground.cm-mw-template-delimiter,
.cm-mw-template3-ext2-link-ground.cm-mw-template,
.cm-mw-template3-ext3-link-ground.cm-mw-template-bracket,
.cm-mw-template3-ext3-link-ground.cm-mw-template-name,
.cm-mw-template3-ext3-link-ground.cm-mw-template-delimiter,
.cm-mw-template3-ext3-link-ground.cm-mw-template,
.cm-mw-template3-link-ground.cm-mw-template-bracket,
.cm-mw-template3-link-ground.cm-mw-template-name,
.cm-mw-template3-link-ground.cm-mw-template-delimiter,
.cm-mw-template3-link-ground.cm-mw-template,
.cm-mw-template3-ext-ground.cm-mw-template-bracket,
.cm-mw-template3-ext-ground.cm-mw-template-name,
.cm-mw-template3-ext-ground.cm-mw-template-delimiter,
.cm-mw-template3-ext-ground.cm-mw-template,
.cm-mw-template3-ext2-ground.cm-mw-template-bracket,
.cm-mw-template3-ext2-ground.cm-mw-template-name,
.cm-mw-template3-ext2-ground.cm-mw-template-delimiter,
.cm-mw-template3-ext2-ground.cm-mw-template,
.cm-mw-template3-ext3-ground.cm-mw-template-bracket,
.cm-mw-template3-ext3-ground.cm-mw-template-name,
.cm-mw-template3-ext3-ground.cm-mw-template-delimiter,
.cm-mw-template3-ext3-ground.cm-mw-template,
.cm-mw-template3-ground.cm-mw-template-bracket,
.cm-mw-template3-ground.cm-mw-template-name,
.cm-mw-template3-ground.cm-mw-template-delimiter,
.cm-mw-template3-ground.cm-mw-template {
color: #248f5d;
}
.CodeMirror-line .cm-mw-template-argument-name {
color: #c1cc8e;
}
.CodeMirror-line .cm-mw-templatevariable-bracket,
.CodeMirror-line .cm-mw-templatevariable-name,
.CodeMirror-line .cm-mw-templatevariable-delimiter,
.CodeMirror-line .cm-mw-templatevariable {
color: #ea7b5d;
}
.CodeMirror-line .cm-mw-extlink-bracket,
.CodeMirror-line .cm-mw-link-bracket,
.CodeMirror-line .cm-mw-link-delimiter {
color: #cd9937;
}
.CodeMirror-line .cm-mw-extlink-protocol,
.CodeMirror-line .cm-mw-extlink,
.CodeMirror-line .cm-mw-free-extlink-protocol,
.CodeMirror-line .cm-mw-free-extlink,
.CodeMirror-line .cm-mw-link-pagename,
.CodeMirror-line .cm-mw-link,
.CodeMirror-line .cm-mw-link-tosection {
color: #c1b090;
}
.CodeMirror-line .cm-mw-extlink-text,
.CodeMirror-line .cm-mw-link-text {
color: #938976;
}
.CodeMirror-line .cm-mw-parserfunction-bracket,
.CodeMirror-line .cm-mw-parserfunction-name,
.CodeMirror-line .cm-mw-parserfunction-delimiter {
color: #9765b3;
}
.CodeMirror-line .cm-mw-htmltag-bracket,
.CodeMirror-line .cm-mw-htmltag-name,
.CodeMirror-line .cm-mw-exttag-bracket,
.CodeMirror-line .cm-mw-exttag-name {
color: #358db6;
}
.CodeMirror-line .cm-mw-htmltag-attribute,
.CodeMirror-line .cm-mw-exttag-attribute {
color: #0ba7ef;
}
.CodeMirror-line .cm-mw-mnemonic {
color: #1c4ca6;
}
.CodeMirror-line .cm-mw-comment {
color: #84a0a0;
}
.CodeMirror-line .cm-mw-apostrophes-bold,
.CodeMirror-line .cm-mw-apostrophes-italic,
.CodeMirror-line .cm-mw-section-header,
.CodeMirror-line .cm-mw-hr,
.CodeMirror-line .cm-mw-signature,
.CodeMirror-line .cm-mw-list,
.CodeMirror-line .cm-mw-indenting,
.CodeMirror-line .cm-mw-doubleUnderscore {
color: #0088ff;
}
.CodeMirror-line .cm-mw-table-bracket,
.CodeMirror-line .cm-mw-table-definition,
.CodeMirror-line .cm-mw-table-delimiter {
color: #c764ce;
}

.CodeMirror-selected {
background-color: rgba(140, 171, 230, 0.1);
}

.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
background-color: rgba(140, 171, 230, 0.2);
}

/** Cookie consent banner **/

.osano-cm-info {
background: var(--league-blue);
color: white;
box-shadow: 0 0 2px 2px var(--league-med-gold);
}

.osano-cm-header, .osano-cm-info-dialog-header {
background: linear-gradient( 180deg, var(--league-blue) 2.5em, rgba(255,255,255,0) 100% );
}

.osano-cm-window__dialog {
background: var(--league-blue);
border-top: 1px solid var(--league-med-gold);
}

.osano-cm-list__list-item.osano-cm-list-item::marker {
content: "";
}

.osano-cm-dialog__list {
gap: .5em;
}

.osano-cm-toggle__switch {
background: #c89834;
}

/* Icon List */
.icon_list li {
display: inline-block;
}

/* For making patch notes reading easier */
dt {
margin-top: 1em;
}

/* Machine-readable extra template information */
.ability-json {
display: none;
}
.hidden-metadata {
display: none;
}

/* table hover highlight e.g. Template:TFT_item_grid */
table.hover-row,
table.hover-column {
--table-hover-highlight-color: #ffffff20;
}
table.hover-row tr:hover > td {
background: var(--table-hover-highlight-color);
}
table.hover-column {
isolation: isolate;
overflow: hidden;
}
table.hover-column th,
table.hover-column td {
position: relative;
z-index: 0;
}
table.hover-column th:hover,
table.hover-column td:hover {
z-index: -1;
}
table.hover-column th:hover::after,
table.hover-column td:hover::after {
content: "";
position: absolute;
width: 100%;
height: 3000%;
top: -1500%;
left: 0;
background: var(--table-hover-highlight-color);
z-index:-1;
}

/*****
vv POC POWER TOOLTIP vv
****/

.poc-power-tooltip {
width: 512px;
height: auto;
background-color: #010a13;
}

.lor-tooltip-header {
line-height: 14px;
text-align: center;
color: #CCC;
background-color: #163474;
font-size: 0.9em;
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
margin-top: 4px;
margin-bottom: 4px;
border-radius: 2px 2px 0 0;
margin: 0;
}

.lor-tooltip-header .lor-logo {
display: inline;
vertical-align: middle;
}

.poc-tooltip-main-content {
display: flex;
width: 100%;
height: 256px;
}

.poc-power-tooltip .poc-tooltip-left-side {
display: flex;
width: 32%;
justify-content: center;
align-items: center;
}

.poc-power-tooltip .poc-power-overlay-icon {
display: inline-block;
position: relative;
width: 144px;
height: 144px;
text-align: center;
top: 5px;
}

.poc-power-tooltip .poc-power-overlay-icon-circle {
display: inline-block;
width: 120px;
height: 120px;
border-radius: 50%;
overflow: hidden;
}
.poc-power-tooltip .poc-power-overlay-border {
position: absolute;
left: 0px;
top: -10px;
}

.poc-power-tooltip .poc-tooltip-right-side {
width: 68%;
display: flex;
flex-direction: column;
justify-content: center;
}

.poc-power-tooltip .poc-tooltip-footer {
font-family: Lovelo;
padding-left: 12px;
}

.poc-tooltip-footer .poc-tooltip-footer-title {
font-size: 16px;
color: #f1e6d0;
text-transform: uppercase;
}

.poc-tooltip-footer .poc-tooltip-footer-subtitle {
font-size: 14px;
color: #c9aa71;
text-transform: none;
}

.poc-tooltip-footer .poc-tooltip-footer-extradesc {
font-size: 11px;
line-height: 1.7em;
text-align: justify;
font-weight: bold;
}

.poc-power-name {
font-family: UniversLoR;
font-stretch: ultra-condensed;
font-size: 35px;
color: #826f58;
text-transform: uppercase;
letter-spacing: 3px;
}

.poc-power-rarity {
font-family: UniversLoR;
font-size: 22px;
text-transform: uppercase;
}

.poc-power-description {
font-family: "Lovelo";
font-weight: 400;
color: #d6cbb6;
font-size: 27px;
line-height: 130%;
}

.poc-power-common {
color: #b7fd73;
}

.poc-power-rare {
color: #4995da;
}

.poc-power-epic {
color: #f18afe;
}

.poc-power-legendary {
color: #fbd85f;
}

.poc-power-special {
color: #3fd9d4;
}

.poc-power-vocab {
color: #f1cc54 !important;
white-space: nowrap;
}

.poc-power-vocab .img {
vertical-align: middle;
}

.poc-power-cardref {
color: #4699e8 !important;
}

Main Page

2025-02-24T15:36:31Z

Star:

__NOTOC__<div class="mainpage-header">
<div class="header-intro">
<h1>Welcome to the Valence Wiki!</h1>
<p>This is the official wiki for the '''Valence SMP''', one of the premiere roleplaying-focused Minecraft servers with a splash of RPG elements and MMO mechanics!</p>
</div>
<div class="header-stats plainlist nomobile">
<ul>
<li>Number of articles: '''{{NUMBEROFARTICLES}}'''</li>
<li>Number of files: '''{{NUMBEROFFILES}}'''</li>
<li>Number of active users: '''{{NUMBEROFACTIVEUSERS}}'''</li>
<li>Number of edits: '''{{NUMBEROFEDITS}}'''</li>
</ul>
</div>
</div>


<div class="mainpage-body">

<div class="mainpage-recent-updates tile-row">
<div class="tile-halves">
<div class="tile-top tile-image blog-embed-image">[https://valence-smp.net/blog/2025/the-star-modpack https://valence-smp.net/media/blogposts/banners/2025-01-09_01.07.21/16_9/800w.webp]</div>
<div class="tile-bottom link-button">[[valence:blog/2025/the-star-modpack|<p class="byline">January 9th, 2025</p><h2>The Star Modpack</h2><p>The Star Modpack is a list + download of all the recommended mods for playing on the Valence SMP.</p>]]</div>
</div>
<div class="tile-halves">
<div class="tile-top tile-image blog-embed-image">[https://valence-smp.net/blog/2024/how-to-get-started https://valence-smp.net/media/blogposts/banners/2024-08-26_22.33.00/16_9/800w.webp]</div>
<div class="tile-bottom link-button">[[valence:blog/2024/how-to-get-started|<p class="byline">August 26th, 2024</p><h2>How To Get Started</h2><p>Check out this brief guide to getting started on Valence!</p>]]</div>
</div>
<div class="tile-halves">
<div class="tile-top tile-image blog-embed-image">[https://valence-smp.net/blog/2024/intro-to-character-creation https://valence-smp.net/media/blogposts/banners/2024-04-28_23.27.05/16_9/800w.webp]</div>
<div class="tile-bottom link-button">[[valence:blog/2024/intro-to-character-creation|<p class="byline">September 18th, 2024</p><h2>Intro To Character Creation</h2><p>Need help making a character? I got you.</p>]]</div>
</div>
</div>

<div class="mainpage-contents tile-row">
<div class="contents-equipment tile-halves">
<div class="tile-top tile-image">[[File:Main-Page-Items.png|link=Category:Items]]</div>
<div class="tile-bottom link-button"><h2>[[:Category:Items|Items]]</h2></div>
</div>
<div class="contents-guides tile-halves">
<div class="tile-top tile-image">[[File:Main-Page-Mobs.png|link=Category:Mobs]]</div>
<div class="tile-bottom link-button"><h2>[[:Category:Mobs|Mobs]]</h2></div>
</div>
<div class="contents-quests tile-halves">
<div class="tile-top tile-image">[[File:Main-Page-NPCs.png|link=Category:NPCs]]</div>
<div class="tile-bottom link-button"><h2>[[:Category:NPCs|NPCs]]</h2></div>
</div>
<div class="contents-bestiary tile-halves">
<div class="tile-top tile-image">[[File:Main-Page-Events.png|link=Category:Events]]</div>
<div class="tile-bottom link-button"><h2>[[:Category:Events|Events]]</h2></div>
</div>
<div class="contents-calculators tile-halves">
<div class="tile-top tile-image">[[File:Main-Page-Characters.png|link=Category:Characters]]</div>
<div class="tile-bottom link-button"><h2>[[:Category:Characters|Characters]]</h2></div>
</div>
<div class="contents-minigames tile-halves">
<div class="tile-top tile-image">[[File:Main-Page-Locations.png|link=Category:Locations]]</div>
<div class="tile-bottom link-button"><h2>[[:Category:Locations|Locations]]</h2></div>
</div>
</div>


<div class="mainpage-left">

<div class="mainpage-popular tile-halves nomobile">
<div class="tile-top">
<div class="popular-pages plainlist">
<h2>Popular pages</h2>
<ul>
<li class="mp-popular-page-light">[[Macadier Maldore]]</li>
<li class="mp-popular-page-light">[[Stone Bay]]</li>
<li class="mp-popular-page-light">[[Nieseatian War]]</li>
<li class="mp-popular-page-light">[[Amberglide]]</li>
<li class="mp-popular-page-light">[[Ashenfish]]</li>
<li class="mp-popular-page-light">[[Barkspine]]</li>
<li class="mp-popular-page-light">[[Fishing]]</li>
<li class="mp-popular-page-light">[[Caverngill]]</li>
<li class="mp-popular-page-light">[[Dartfish]]</li>
<li class="mp-popular-page-light">[[Chromalure]]</li>
<li class="mp-popular-page-light">[[Shadetail]]</li>
<li class="mp-popular-page-light">[[Nightfire]]</li>
</ul>
</div>
</div>
</div>

<div class="mainpage-wikinews tile plainlinks">
<h2>Announcements</h2>
;February 24th, 2025
: Image hosting has been moved to S3, all images will require reupload. This should not be too bad, and needed to be done before more people started working and uploading.
;February 23rd, 2025
: Infobox templates have been created for Characters, Locations, Conflicts, and Fish.
;February 18th, 2025
: Added the dedicated mobile theme, still working on ironing out some light theme colors.
;February 17th, 2025
: Added the initial dark theme for the wiki on desktop, reformatted page layout and sidebar.
</div>


</div>


<div class="mainpage-right">

<div class="mainpage-discord tile-halves plainlinks">
<div class="tile-top">
<div class="partner-icon discord-icon-background"></div>
[https://discord.gg/valence <div class="arrow nomobile"></div><p class="server-name">Main Discord</p><p class="server-tagline">IC & OOC Unified</p>]
</div>
<div class="tile-bottom">
<p>Official Valence Discord</p>
</div>
</div>

<div class="mainpage-valence tile-halves plainlinks">
<div class="tile-top">
<div class="valence-logo"></div>
[https://valence-smp.net <div class="arrow nomobile"></div><p class="valence-name">Main Website</p><p class="valence-tagline">Read the blog!</p>]
</div>
<div class="tile-bottom">
<p>Official Valence Website</p>
</div>
</div>


</div>


</div>

[[Category:Valence Wiki| ]]