User:Westgrass/sandbox/src/common.scss

From Terraria Wiki
Jump to navigation Jump to search

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

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/**
 * For other language wikis, import this css via:
 * @import url(https://terraria.wiki.gg/load.php?lang=en&modules=site.styles&only=styles&skin=vector);
 */
 

/***********************************************************************************************************
 * css reset for browser default rules and MediaWiki internal rules
 ***********************************************************************************************************/
*{
	outline: 0;
}
table{
	white-space: unset; /* set to `no-wrap` in MW internal css */
}
html{
	font-size: 16px; /* reset rem */
}
pre{
	margin: 0;
}
h1, h2, h3, h4, h5, h6{
	padding: 0;
	border: 0 solid transparent;
}
table{
	display: table;
	white-space: unset;
}




/***********************************************************************************************************
 * base css styles for both interface and content box: font, color, theme vars, etc.
 ***********************************************************************************************************/

/*** vars, for theming ***/
:root {

	--theme-accent-color: transparent;
	--theme-accent-color--rgb: 228,240,247;
	--theme-accent-color--hover: #95c4df;

	--theme-accent-label-color: #eae3d1;
	--custom-accent-border-color: #afcfe2;
	--custom-accent-highlight-color: var(--theme-accent-color--hover);

	--theme-page-background-color--secondary: rgba(255,255,255,0.2);

	/* For Template:Msgbox */
	--custom-notice-blue-background-color: var(--theme-accent-color);
	--custom-notice-blue-border-color: var(--custom-accent-border-color);
	--custom-notice-red-background-color: hsla(0, 80%, 90%, 20%);
	--custom-notice-red-border-color: hsl(0, 60%, 72%);
	--custom-notice-purple-background-color: hsla(228, 80%, 90%, 20%);
	--custom-notice-purple-border-color: hsl(243, 60%, 72%);
	--custom-notice-green-background-color: hsla(84, 80%, 90%, 20%);
	--custom-notice-green-border-color: hsl(84, 60%, 72%);
	--custom-notice-yellow-background-color: hsla(58, 80%, 90%, 20%);
	--custom-notice-yellow-border-color: hsl(58, 60%, 72%);
	--custom-notice-orange-background-color: hsla(28, 80%, 90%, 20%);
	--custom-notice-orange-border-color: hsl(28, 60%, 72%);
	--custom-notice-pink-background-color: hsla(324, 80%, 90%, 20%);
	--custom-notice-pink-border-color: hsl(324, 60%, 72%);

	--custom-template-expert-color: #ffb556;
	--custom-template-master-color: #ff5656;
	--custom-template-journey-color: #ff69c4;

	--custom-modetabs-expert-background-color: #ffeece;
	--custom-modetabs-expert-border-color: #ffca67;
	--custom-modetabs-expert-label-color: #eae3d1;
	--custom-modetabs-master-background-color: #ffe9e9;
	--custom-modetabs-master-border-color: #ffbaba;
	--custom-modetabs-master-label-color: #eae3d1;


	/*************************************************************************/




	--theme-text-color-placeholder: rgba(234,227,209,0.4);



	--theme-control-text-color: #000;
	--theme-control-text-color-hover: #fff;




	/* temp */

	--theme-page-background-color: rgba(255,255,255,0.03);

	--theme-success-color: #7fc759;
	--theme-alert-color: #fe603f;




	--theme-dark-color-rgb: 20,20,20;
	--theme-light-color-rgb: 255,247,230;

	--theme-shadow-color-rgb: 10,10,10;


	--theme-box-border-color-light: rgba(255,255,255, 0.1);






	--theme-box-hover-mask: rgba(var(--theme-dark-color-rgb), 0.25);

	--theme-image-button-background: url(https://terraria.wiki.gg/images/d/d4/Button-background-overworld.jpg);





}


/**** Theme vars START ***********************************************************/

/*** base default theme (Overworld/dark) ***/
:root {
	/* for wide table */
	--theme-wide-table-shadow-color: #999;

	/*** text color ***/
	--theme-text-color: #eae3d1; /* main text color */
	--theme-text-color--rgb: 234, 227, 209;
	--theme-text-color-note: #b5bdb2; /* note text */
	--theme-text-color-em: #c4ebd0;/* 196,235,208 */
	--theme-text-color-highlight: #fff;

	/*** link text color ***/
	--theme-link-color: #9fecf0;
	--theme-link-color--rgb: 159,236,240;
	--theme-link-color-hover: #86dcdf;
	--theme-link-color-visited: #86dcdf;
	--theme-link-color-redlink: #f99;

	/* common */
	--theme-border-color: #000;
	--theme-border-color--rgb: 0,0,0;
	--theme-box-background: rgba(234,227,209, 0.05);
	--theme-highlight-background: rgba(20,20,20, 0.25);

	--theme-hr-color-A: rgb(10,10,10);
	--theme-hr-color-B: rgba(255,255,255, 0.1);


	--theme-box-border-color: rgba(255, 255, 255, 0.1) rgba(13, 4, 2, 0.5) rgb(13, 4, 2, 0.5) rgba(255, 255, 255, 0.1);
	--theme-box-border-color-inner: var(--theme-box-border-color);
	--theme-box-border-radius-inner: 8px;
	
	--theme-box-border-color-invert: rgba(255,255,255, 0.1);

	--theme-button-background:  linear-gradient(rgba(20,20,20, 0.2), rgba(20,20,20, 0.2)), var(--theme-button-background-active);
	--theme-button-border-color: rgba(151,107,69, 0.7) rgba(86,47,33, 0.7) rgba(86,47,33, 0.7) rgba(151,107,69, 0.7);
	--theme-button-background-active: #7b573d var(--theme-image-button-background) center center / cover repeat-x;
	--theme-button-border-color-active: rgb(151,107,69) rgb(86,47,33) rgb(86,47,33) rgb(151,107,69);

	/*** body ***/
	--theme-body-background: #d0e2d4 url(https://terraria.wiki.gg/images/0/0e/Site-background-overworld.jpg) center top / cover no-repeat fixed;

	/*** top site logo ***/
	--theme-site-logo-image: url(https://terraria.wiki.gg/images/9/99/Site-logo-overworld.png);
	--theme-site-logo-width: 421px;
	--theme-site-logo-height: 140px;

	/* sidebar/content common */
	--theme-box-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7);
	--theme-navbar-background-top: url(https://terraria.wiki.gg/images/e/ef/Grass-top-overworld.png) top repeat-x; /* the "grass" */
	--theme-navbar-background-top-offset: -6px; /* top */

	/*** sidebar ***/
	--theme-sidebar-box-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)),
									#60473b url(https://terraria.wiki.gg/images/2/26/Content-background-overworld.jpg);
	--theme-sidebar-box-border-style: solid;
	--theme-sidebar-box-border-color: var(--theme-content-border-color); /* set it to "transparent" for no border */
	--theme-sidebar-box-shadow: var(--theme-box-shadow);
	--theme-sidebar-heading-text-color: var(--theme-text-color);
	--theme-sidebar-heading-arrow-color: rgba(234,227,209, 0.5);
	--theme-sidebar-heading-arrow-color-hover: rgb(234,227,209);
	--theme-sidebar-heading-background: rgba(20,20,20, 0.15);
	--theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* for hover effect */
	/* following 3 values will affect the space between the heading and the list */
	--theme-sidebar-heading-border-bottom: 1px solid rgb(10,10,10);
	--theme-sidebar-list-border-top: 1px solid rgba(255,255,255, 0.1); /* will be hidden when collapsed */
	--theme-sidebar-list-padding-top: 4px;
	--theme-sidebar-list-item-background: none;
	--theme-sidebar-list-item-hover-mask: rgba(20,20,20, 0.25);
	--theme-sidebar-list-item-text-color: var(--theme-text-color-em);
	--theme-sidebar-list-item-text-color-hover: var(--theme-text-color-em);
	/* responsive */
	--theme-sidebar-box-background-2: #60473b url(https://terraria.wiki.gg/images/5/5a/Navbar-background-overworld.jpg);
	--theme-sidebar-dropdown-background: #60473b url(https://terraria.wiki.gg/images/2/26/Content-background-overworld.jpg);

	/*** navbar ***/
	--theme-navbar-background: linear-gradient(to top, var(--theme-box-hover-mask), transparent 30%),
	                           linear-gradient(to right, rgba(var(--theme-dark-color-rgb), 0.1), rgba(var(--theme-dark-color-rgb), 0.1) 40%, rgba(var(--theme-dark-color-rgb), 0.25)),
	                           #60473b url(https://terraria.wiki.gg/images/5/5a/Navbar-background-overworld.jpg);
	--theme-navbar-tab-box-shadow: none;
	--theme-navbar-tab-text-color: var(--theme-text-color-em);
	--theme-navbar-tab-icon-color: var(--theme-navbar-tab-text-color);
	--theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
	--theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
	--theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
	--theme-navbar-tab-icon-color-redlink: var(--theme-link-color-redlink);
	--theme-navbar-tab-border-color: rgba(20,20,20, 0.07);
	--theme-navbar-tab-background-hover: rgba(20,20,20, 0.25); /*rgba(214,255,228,0.06);*/
	--theme-navbar-tab-border-color-hover: rgba(20,20,20, 0.25); /*rgba(214,255,228,0.03);*/
	--theme-navbar-tab-selected-border-color: rgba(20,20,20, 0.03);
	--theme-navbar-tab-selected-border-bottom-corner-color: transparent;
	--theme-navbar-tab-background: rgba(20,20,20, 0.12);
	--theme-navbar-tab-selected-background: rgba(20,20,20, 0.3);
	--theme-navbar-tab-dropdown-arrow-color: rgba(196,235,208, 0.5);
	--theme-navbar-tab-dropdown-arrow-color-hover: rgb(196,235,208);
	--theme-navbar-tab-dropdown-background: #60473b url(https://terraria.wiki.gg/images/2/26/Content-background-overworld.jpg);
	--theme-navbar-tab-dropdown-border-color: var(--theme-content-border-color);
	--theme-navbar-tab-dropdown-box-shadow: 0px 0 5px 0px rgba(var(--theme-dark-color-rgb), 0.3);
	--theme-navbar-tab-dropdown-hover-mask: rgba(20,20,20, 0.25);
	--theme-navbar-search-box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
	--theme-navbar-search-input-background: rgba(20,20,20, 0.3);
	--theme-navbar-search-input-border-color: rgba(13, 4, 2, 0.5) rgba(255,255,255, 0.1) rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.5);
	--theme-navbar-search-input-text-color: inherit;
	--theme-navbar-search-button-background: var(--theme-button-background);
	--theme-navbar-search-botton-border-color: var(--theme-button-border-color);
	--theme-navbar-search-botton-text-color: var(--theme-text-color);
	--theme-navbar-search-button-background-active: var(--theme-button-background-active);
	--theme-navbar-search-botton-border-color-active: var(--theme-button-border-color-active);
	--theme-navbar-search-botton-text-color-active: var(--theme-navbar-search-botton-text-color);
	--theme-navbar-search-suggestions-background: linear-gradient(rgba(20,20,20, 0.3), rgba(20,20,20, 0.3)), #60473b url(https://terraria.wiki.gg/images/2/26/Content-background-overworld.jpg);
	--theme-navbar-search-suggestions-border-color: var(--theme-content-border-color);
	--theme-navbar-search-suggestions-text-color: var(--theme-text-color-em);
	--theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color-em);
	--theme-navbar-search-suggestions-hover-mask: rgba(20,20,20, 0.25);
	--theme-navbar-search-suggestions-results-border-bottom-color: rgb(10,10,10);
	--theme-navbar-search-suggestions-special-offset-top: 0px; /* margin-top offset, normally is -1px */
	--theme-navbar-search-suggestions-special-border-top-color: rgba(255,255,255, 0.1);
	--theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color);
	--theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color);
	/* responsive */
	--theme-navbar-search-background: #60473b url(https://terraria.wiki.gg/images/5/5a/Navbar-background-overworld.jpg) repeat-x;

	/*** content box ***/
	--theme-content-background: #5a433a;
	--theme-content-border-bottom-width: 0;
	--theme-content-border-style: solid;
	--theme-content-border-color: rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2) rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1);
	--theme-content-subpage-icon-color: rgba(234,227,209,0.4); /* color for "<" */
	--theme-content-heading-rule-border-top: 1px solid var(--theme-hr-color-A); /* border */
	--theme-content-heading-rule-border-bottom: 1px solid var(--theme-hr-color-B);

	/** category: box **/
	--theme-content-category-background: rgba(20,20,20, 0.25);
	--theme-content-category-border-style: solid;
	--theme-content-category-border-color: rgba(13, 4, 2, 0.5) rgba(255,255,255, 0.1) rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.5);

	/** notification **/
	--theme-notification-background: url(https://terraria.wiki.gg/images/5/56/Notification-background-overworld.png);
	--theme-notification-border-color: #cdab7b #562f21 #562f21 #cdab7b;
	--theme-notification-shadow: 0px 0px 10px 0px rgb(var(--theme-shadow-color-rgb));

	/*** #footer ***/
	--theme-footer-text-color: #fff;
	--theme-footer-background: linear-gradient(rgba(20,20,20, 0.3), rgba(20,20,20, 0.3)), #60473b url(https://terraria.wiki.gg/images/5/5a/Navbar-background-overworld.jpg);
	--theme-footer-border-top-width: 0;
	--theme-footer-border-style: solid;
	--theme-footer-border-color: var(--theme-content-border-color);
	--theme-footer-box-shadow: inset var(--theme-box-shadow);


	/* ------------------------------------------------------------------------- */
	/* ========================================================================= */

	/* OOUI variables start */

	/* ========================================================================= */
	/* ------------------------------------------------------------------------- */


	/* These helper variables are defined for reuse in the variable definitions below */

	--oouihelper--red: #b32424;
	--oouihelper--red-darker: #551111;
	--oouihelper--red-lighter: #f04848;
	--oouihelper--red-lighter-transparent: rgba(240, 72, 72, 0.6); /* #f0484899 */
	--oouihelper--red-lightest: #ff5959;

	--oouihelper--yellow: #ac6600;
	--oouihelper--yellow-darker: #4d2e00;
	--oouihelper--yellow-lighter: #ffcc33;

	--oouihelper--green: #006633;
	--oouihelper--green-darker: #00331a;
	--oouihelper--green-lighter: #00e673;

	--oouihelper--progressive: #9fecf0;
	--oouihelper--progressive-transparent: rgba(159, 236, 240, 0.6); /* #9fecf099; */
	--oouihelper--progressive-lighter: #a7eef1;

	--oouihelper--disabled: #b3b3b3;
	--oouihelper--disabled-lighter-transparent: rgba(196, 196, 196, 0.5);
	--oouihelper--disabled-darker-transparent: rgba(128, 128, 128, 0.5);

	--oouihelper--borderdark: #000;
	--oouihelper--borderdark-lighter: #0e0c0c;
	--oouihelper--borderdark-hover: #72777d;
	--oouihelper--borderdark-focus: var(--oouihelper--progressive);

	--oouihelper--textinput-background: rgba(20, 20, 20, 0.65);
	--oouihelper--textinput-background-lighter: rgba(30, 30, 30, 0.65);
	--oouihelper--textinput-background-darker: rgba(20, 20, 20, 0.9);

	--oouihelper--placeholdertext: rgba(234, 227, 209, 0.4);

	--oouihelper--themerelated: #a58350;
	--oouihelper--themerelated-lighter: #cdab78;
	--oouihelper--themerelated-lighter-transparent: rgba(171, 120, 84, 0.6);
	--oouihelper--themerelated-lightest: #e6dbcb;
	--oouihelper--themerelated-darker: #785f3a;
	--oouihelper--themerelated-darkest: #342919;
	--oouihelper--themerelated-disabled: rgba(230, 219, 203, 0.25);
	--oouihelper--themerelated-disabled-lighter: rgba(238, 231, 221, 0.25);

	--oouihelper--text-background: #2c2421;


	/* Actual OOUI variables, grouped by element type */

	/* misc */
	--ooui--inlinehelp-color: var(--theme-text-color-note);
	--ooui--disabled-color: var(--oouihelper--disabled);


	/* all buttons */
	--ooui--button-background--hover: #7b573d url(https://terraria.wiki.gg/images/d/d4/Button-background-overworld.jpg) center center / cover repeat-x;
	--ooui--button-background: linear-gradient(rgba(20, 20, 20, 0.2), rgba(20, 20, 20, 0.2)), var(--ooui--button-background--hover);

	--ooui--button-box-shadow: rgba(10, 10, 10, 0.5) 2px 2px 3px;
	--ooui--button-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px;


	/* "normal" button */
	--ooui--button-border-top: 1px solid rgba(151, 107, 69, 0.7);
	--ooui--button-border-right: 1px solid rgba(86, 47, 33, 0.7);
	--ooui--button-border-bottom: var(--ooui--button-border-right);
	--ooui--button-border-left: var(--ooui--button-border-top);

	--ooui--button-border-top--hover: 1px solid rgb(151, 107, 69);
	--ooui--button-border-right--hover: 1px solid rgb(86, 47, 33);
	--ooui--button-border-bottom--hover: var(--ooui--button-border-right--hover);
	--ooui--button-border-left--hover: var(--ooui--button-border-top--hover);

	--ooui--button-color: var(--theme-text-color);
	--ooui--button-color--hover: var(--theme-text-color-highlight);


	/* "progressive" button */
	--ooui--button-progressive-color: var(--oouihelper--progressive);
	--ooui--button-progressive-color--hover: var(--oouihelper--progressive-lighter);

	--ooui--button-progressive-box-shadow--focus: inset var(--oouihelper--progressive-transparent) 0 0 0 2px;

	--ooui--button-progressive-primary-border-color: var(--oouihelper--progressive);
	--ooui--button-progressive-primary-border-color--hover: var(--oouihelper--progressive-lighter);


	/* "destructive" button */
	--ooui--button-destructive-color: var(--oouihelper--red-lighter);
	--ooui--button-destructive-color--hover: var(--oouihelper--red-lightest);

	--ooui--button-destructive-box-shadow--focus: inset var(--oouihelper--red-lighter-transparent) 0 0 0 2px;

	--ooui--button-destructive-primary-border-color: var(--oouihelper--red-lighter);
	--ooui--button-destructive-primary-border-color--hover: var(--oouihelper--red-lightest);


	/* disabled button */
	--ooui--button-disabled-color: var(--oouihelper--disabled);

	--ooui--button-disabled-background: linear-gradient(var(--oouihelper--disabled-darker-transparent), var(--oouihelper--disabled-darker-transparent)), var(--ooui--button-background--hover);

	--ooui--button-disabled-border-top: 1px solid rgba(126, 109, 93, 0.7);
	--ooui--button-disabled-border-right: 1px solid rgba(70, 53, 47, 0.7);
	--ooui--button-disabled-border-bottom: var(--ooui--button-disabled-border-right);
	--ooui--button-disabled-border-left: var(--ooui--button-disabled-border-top);


	/* frameless button */
	--ooui--button-frameless-on-color: var(--theme-text-color-highlight);


	/* textarea */
	--ooui--textarea-background-color: var(--oouihelper--textinput-background);

	--ooui--textarea-placeholder-color: var(--oouihelper--placeholdertext);

	--ooui--textarea-border-color: var(--oouihelper--borderdark);
	--ooui--textarea-border-color--hover: var(--oouihelper--borderdark-hover);
	--ooui--textarea-border-color--focus: var(--oouihelper--borderdark-focus);

	--ooui--textarea-invalid-border-color: var(--oouihelper--red-lighter);

	--ooui--textarea-readonly-background-color: var(--oouihelper--textinput-background-darker);

	--ooui--textarea-disabled-color: var(--oouihelper--disabled);
	--ooui--textarea-disabled-border-color: var(--oouihelper--disabled-lighter-transparent);
	--ooui--textarea-disabled-background-color: var(--oouihelper--disabled-darker-transparent);

	--ooui--textarea-pending-background-color-1: rgba(20, 20, 20, 0.9);
	--ooui--textarea-pending-background-color-2: #000;


	/* checkbox */
	--ooui--checkbox-border-color: var(--oouihelper--themerelated);
	--ooui--checkbox-border-color--hover: var(--oouihelper--themerelated-lighter);

	--ooui--checkbox-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23a58350%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E"); /* set the part between "fill=%22%23" and "%22" to the desired hexcode */
	--ooui--checkbox-icon--hover: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23cdab78%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E");

	--ooui--checkbox-box-shadow--focus: var(--oouihelper--themerelated-darkest);

	--ooui--checkbox-disabled-background-color: var(--oouihelper--themerelated-disabled);
	--ooui--checkbox-disabled-icon: var(--ooui--checkbox-icon);


	/* radiobutton */
	--ooui--radiobutton-border-color: var(--oouihelper--themerelated);
	--ooui--radiobutton-border-color--hover: var(--oouihelper--themerelated-lighter);

	--ooui--radiobutton-box-shadow--focus: var(--oouihelper--themerelated-darkest);

	--ooui--radiobutton-disabled-background-color: var(--oouihelper--themerelated-disabled);


	/* toggleswitch */
	--ooui--toggleswitch-border-color: var(--oouihelper--themerelated);
	--ooui--toggleswitch-border-color--hover: var(--oouihelper--themerelated-lighter);

	--ooui--toggleswitch-color--active: var(--oouihelper--themerelated-darker);

	--ooui--toggleswitch-grip-color: var(--oouihelper--themerelated-lightest);

	--ooui--toggleswitch-box-shadow--focus: var(--oouihelper--themerelated-darkest);

	--ooui--toggleswitch-disabled-background-color: var(--oouihelper--themerelated-disabled);
	--ooui--toggleswitch-disabled-grip-color: var(--oouihelper--themerelated-disabled-lighter);


	/* dropdown */
	--ooui--dropdown-background-color: var(--oouihelper--textinput-background);
	--ooui--dropdown-background-color--hover: var(--oouihelper--textinput-background-lighter);

	--ooui--dropdown-border-color: var(--oouihelper--borderdark);
	--ooui--dropdown-border-color--hover: var(--oouihelper--borderdark-hover);
	--ooui--dropdown-border-color--focus: var(--oouihelper--borderdark-focus);

	--ooui--dropdown-disabled-color: var(--oouihelper--disabled);
	--ooui--dropdown-disabled-border-color: var(--oouihelper--disabled-lighter-transparent);
	--ooui--dropdown-disabled-background-color: var(--oouihelper--disabled-darker-transparent);


	/* selectfile */
	--ooui--selectfile-border-color: #72777d;
	--ooui--selectfile-background-color: var(--oouihelper--textinput-background);
	--ooui--selectfile-candrop-background-color: #514743;


	/* tag item */
	--ooui--tagitem-background-color: rgba(20, 20, 20, 0.75);

	--ooui--tagitem-border-color: var(--oouihelper--borderdark);
	--ooui--tagitem-border-color--hover: var(--oouihelper--borderdark-hover);
	--ooui--tagitem-border-color--focus: var(--oouihelper--themerelated-darkest);

	--ooui--tagitem-invalid-border-color: var(--oouihelper--red-lighter);

	--ooui--tagitem-color--hover: #efeadc;

	--ooui--tagitem-disabled-color: var(--oouihelper--disabled);
	--ooui--tagitem-disabled-border-color: var(--oouihelper--disabled-lighter-transparent);
	--ooui--tagitem-disabled-background-color: rgba(20, 20, 20, 0.5);


	/* multioption */
	--ooui--multioption-disabled-color: var(--oouihelper--disabled);


	/* progressbar */
	--ooui--progressbar-border-color: var(--oouihelper--themerelated);
	--ooui--progressbar-bar-background-color: var(--oouihelper--themerelated);
	--ooui--progressbar-disabled-border-color: var(--oouihelper--themerelated-disabled);

	--ooui--progressbar-pending-background-color-1: #7a6a52;
	--ooui--progressbar-pending-background-color-2: #4d4233;


	/* messagewidget */
	--ooui--messagewidget-notice-background-color: #4e3a32;
	--ooui--messagewidget-notice-border-color: #2f231e;

	--ooui--messagewidget-error-background-color: var(--oouihelper--red);
	--ooui--messagewidget-error-border-color: var(--oouihelper--red-darker);
	--ooui--messagewidget-error-color: var(--oouihelper--red-lighter);

	--ooui--messagewidget-warning-background-color: var(--oouihelper--yellow);
	--ooui--messagewidget-warning-border-color: var(--oouihelper--yellow-darker);

	--ooui--messagewidget-success-background-color: var(--oouihelper--green);
	--ooui--messagewidget-success-border-color: var(--oouihelper--green-darker);
	--ooui--messagewidget-success-color: var(--oouihelper--green-lighter);


	/* menuselectwidget */
	--ooui--menuselect-background-color: var(--oouihelper--text-background);
	--ooui--menuselect-selected-background-color: var(--oouihelper--textinput-background-darker);
	--ooui--menuselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter);

	--ooui--menuselect-border-color: var(--oouihelper--borderdark);

	--ooui--menusectionoption-color: var(--oouihelper--placeholdertext);


	/* tabselectwidget */
	--ooui--tabselect-background-color: var(--oouihelper--text-background);
	--ooui--tabselect-selected-background-color: var(--theme-content-background);
	--ooui--tabselect-highlighted-background-color: var(--oouihelper--textinput-background-lighter);

	--ooui--tabselect-frameless-box-shadow-color: var(--oouihelper--borderdark-lighter);
	--ooui--tabselect-frameless-selected-color: var(--theme-link-color);
	--ooui--tabselect-frameless-selected-box-shadow-color: var(--theme-link-color);
	--ooui--tabselect-frameless-highlighted-color: #bcd1d2;
	--ooui--tabselect-frameless-highlighted-box-shadow-color: #bcd1d2;

	--ooui--taboption-color: var(--oouihelper--placeholdertext);


	/* outlineselectwidget */
	--ooui--outlineselect-box-shadow--focus: inset var(--oouihelper--themerelated-lighter-transparent) 0 0 0 2px;

	--ooui--outlineoption-background-color: var(--oouihelper--text-background);
	--ooui--outlineoption-border-color: var(--oouihelper--borderdark);
	--ooui--outlineoption-selected-background-color: var(--oouihelper--textinput-background-darker);
	--ooui--outlineoption-highlighted-background-color: var(--oouihelper--textinput-background-lighter);
	--ooui--outlineoption-pressed-background-color: #22292a;


	/* popupwidget */
	--ooui--popup-background-color: var(--oouihelper--text-background);
	--ooui--popup-border-color: var(--oouihelper--borderdark);


	/* layouts */
	--ooui--bookletlayout-border-color: var(--oouihelper--borderdark);

	--ooui--panellayout-border-color: var(--oouihelper--borderdark);


	/* dialog */
	--ooui--dialog-border-color: var(--oouihelper--borderdark);
	--ooui--dialog-border-color--lighter: var(--oouihelper--borderdark-lighter);


	/* window */
	--ooui--window-background-color: var(--oouihelper--text-background);
	--ooui--window-border-color: var(--oouihelper--borderdark);


	/* indicators */
	/* tools like https://isotropic.co/tool/hex-color-to-css-filter/ allow converting the desired color into a filter */
	--ooui--indicator-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%);
	--ooui--indicator-invert-filter: brightness(0);


	/* icons */
	--ooui--icon-normal-filter: brightness(0) invert(90%) sepia(28%) saturate(107%) hue-rotate(5deg) brightness(96%) contrast(93%);
	--ooui--icon-progressive-filter: brightness(0) invert(90%) sepia(21%) saturate(662%) hue-rotate(140deg) brightness(99%) contrast(91%);
	--ooui--icon-destructive-filter: brightness(0) invert(33%) sepia(27%) saturate(2948%) hue-rotate(329deg) brightness(116%) contrast(91%);
	--ooui--icon-invert-filter: brightness(0);

	--ooui--icon-success-filter: brightness(0) invert(76%) sepia(47%) saturate(4832%) hue-rotate(101deg) brightness(101%) contrast(101%); /* #00e673 */
	--ooui--icon-warning-filter: brightness(0) invert(81%) sepia(89%) saturate(585%) hue-rotate(323deg) brightness(96%) contrast(112%); /* #ffcc33 */
	--ooui--icon-error-filter: brightness(0) invert(56%) sepia(62%) saturate(4943%) hue-rotate(329deg) brightness(91%) contrast(108%); /* #f04848 */


	/* ------------------------------------------------------------------------- */
	/* ========================================================================= */

	/* OOUI variables end */

	/* ========================================================================= */
	/* ------------------------------------------------------------------------- */


	/******* "real" wiki content ********/

	--theme-widget-toc-arrow-color: rgba(234,227,209, 0.5);
	--theme-widget-toc-arrow-color-hover: rgba(234,227,209);
	--theme-widget-toc-item-hover-background: rgba(20,20,20, 0.25);


	--theme-collapsible-toggle-icon-color: var(--theme-text-color-note);
	--theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover);

	/* modetabs */
	--theme-modetabs-classic-background: var(--theme-box-background);
	--theme-modetabs-classic-border-color: var(--theme-border-color);
	--theme-modetabs-classic-text-color: var(--theme-text-color-highlight);
	--theme-modetabs-classic-text-color-label: var(--theme-modetabs-classic-text-color);
	--theme-modetabs-expert-background: #a1743a80;
	--theme-modetabs-expert-border-color: #ffca67;
	--theme-modetabs-expert-text-color: var(--theme-modetabs-classic-text-color);
	--theme-modetabs-expert-text-color-label: #dab2fa;
	--theme-modetabs-master-background: #a9545467;
	--theme-modetabs-master-border-color: #ffbaba;
	--theme-modetabs-master-text-color: var(--theme-modetabs-classic-text-color);
	--theme-modetabs-master-text-color-label: #ff6c60;
}

/*** for Hydra theme ***/

.theme-Hydra{
	/* for wide table */
	--theme-wide-table-shadow-color: #999;

	/*** text color ***/
	--theme-text-color: #000; /* main text color */
	--theme-text-color-note: #808080; /* note text */
	--theme-text-color-em: #063b5e;

	/*** link text color ***/
	--theme-link-color: #07398b;
	--theme-link-color-hover: #021d4a;
	--theme-link-color-visited: #07398B;
	--theme-link-color-redlink: #bf0017;

	/* common */
	--theme-border-color: rgb(179, 179, 179);
	--theme-box-background: none;
	--theme-highlight-background: #e4f0f7;

	--theme-hr-color-A: rgb(179, 179, 179);
	--theme-hr-color-B: transparent;

	--theme-box-border-color-invert: rgba(255,255,255, 0.1);

	--theme-button-background:  linear-gradient(rgba(20,20,20, 0.2), rgba(20,20,20, 0.2)), var(--theme-button-background-active);
	--theme-button-border-color: rgba(151,107,69, 0.7) rgba(86,47,33, 0.7) rgba(86,47,33, 0.7) rgba(151,107,69, 0.7);
	--theme-button-background-active: #7b573d var(--theme-image-button-background) center center / cover repeat-x;
	--theme-button-border-color-active: rgb(151,107,69) rgb(86,47,33) rgb(86,47,33) rgb(151,107,69);


	/*** body ***/
	--theme-body-background: #d0e2d4 url(https://terraria.wiki.gg/images/3/3e/Site-background-hydra.jpg) center bottom / cover no-repeat fixed;

	/*** top site logo ***/
	--theme-site-logo-image: url(https://terraria.wiki.gg/images/9/99/Site-logo-overworld.png);
	--theme-site-logo-width: 421px;
	--theme-site-logo-height: 140px;

	/* sidebar/content common */
	--theme-box-shadow: 0px 0px 6px 0px rgba(0,0,0, 0.1);
	--theme-navbar-background-top: none; /* the "grass" */
	--theme-navbar-background-top-offset: -6px; /* top */

	/*** sidebar ***/
	--theme-sidebar-box-background: rgba(252,525,252,0.7);
	--theme-sidebar-box-border-style: solid;
	--theme-sidebar-box-border-color: transparent;
	--theme-sidebar-box-shadow: var(--theme-box-shadow);
	--theme-sidebar-heading-text-color: var(--theme-text-color);
	--theme-sidebar-heading-arrow-color: rgba(0,0,0, 0.3);
	--theme-sidebar-heading-arrow-color-hover: rgba(0,0,0, 0.7);
	--theme-sidebar-heading-background: none;
	--theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* for hover effect */
	/* following 3 values will affect the space between the heading and the list */
	--theme-sidebar-heading-border-bottom: 0;
	--theme-sidebar-list-border-top: 0;
	--theme-sidebar-list-padding-top: 0;
	--theme-sidebar-list-item-background: none;
	--theme-sidebar-list-item-hover-mask: rgba(7,57,139, 0.1);
	--theme-sidebar-list-item-text-color: var(--theme-link-color);
	--theme-sidebar-list-item-text-color-hover: var(--theme-link-color-hover);
	/* responsive */
	--theme-sidebar-box-background-2: rgba(252,525,252,0.5);
	--theme-sidebar-dropdown-background: rgb(252,525,252);

	/*** navbar ***/
	--theme-navbar-background: rgba(252,252,252,0.23);
	--theme-navbar-tab-box-shadow: none;
	--theme-navbar-tab-text-color: #000;
	--theme-navbar-tab-icon-color: #808080;
	--theme-navbar-tab-text-color-hover: var(--theme-navbar-tab-text-color);
	--theme-navbar-tab-icon-color-hover: var(--theme-navbar-tab-icon-color);
	--theme-navbar-tab-text-color-redlink: var(--theme-link-color-redlink);
	--theme-navbar-tab-icon-color-redlink: #f99;
	--theme-navbar-tab-border-color: rgba(0,0,0, 0.2);
	--theme-navbar-tab-background-hover: rgba(252,252,252, 0.6);
	--theme-navbar-tab-border-color-hover: var(--theme-navbar-tab-border-color);
	--theme-navbar-tab-selected-border-color: var(--theme-navbar-tab-border-color);
	--theme-navbar-tab-selected-border-bottom-corner-color: rgba(0,0,0, 0.2);
	--theme-navbar-tab-background: rgba(252,252,252, 0.4);
	--theme-navbar-tab-dropdown-arrow-color: rgba(0,0,0, 0.3);
	--theme-navbar-tab-dropdown-arrow-color-hover: rgba(0,0,0, 0.7);
	--theme-navbar-tab-selected-background: var(--theme-content-background);
	--theme-navbar-tab-dropdown-background: rgba(252,252,252, 0.95);
	--theme-navbar-tab-dropdown-border-color: rgba(0,0,0, 0.2);
	--theme-navbar-tab-dropdown-box-shadow: var(--theme-box-shadow);
	--theme-navbar-tab-dropdown-hover-mask: rgba(7,57,139, 0.1);
	--theme-navbar-search-box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
	--theme-navbar-search-input-background: #fcfcfc;
	--theme-navbar-search-input-border-color: rgba(0,0,0, 0.2) transparent rgba(0,0,0, 0.2) rgba(0,0,0, 0.2);
	--theme-navbar-search-input-text-color: inherit;
	--theme-navbar-search-button-background: #fcfcfc;
	--theme-navbar-search-botton-border-color: rgba(0,0,0, 0.2) rgba(0,0,0, 0.2) rgba(0,0,0, 0.2) transparent;
	--theme-navbar-search-botton-text-color: #666;
	--theme-navbar-search-button-background-active: #fcfcfc;
	--theme-navbar-search-botton-border-color-active: var(--theme-navbar-search-botton-border-color);
	--theme-navbar-search-botton-text-color-active: #222;
	--theme-navbar-search-suggestions-background: #fcfcfc;
	--theme-navbar-search-suggestions-border-color: rgba(0,0,0, 0.2);
	--theme-navbar-search-suggestions-text-color: var(--theme-text-color);
	--theme-navbar-search-suggestions-text-color-hover: var(--theme-text-color);
	--theme-navbar-search-suggestions-hover-mask: rgba(7,57,139, 0.1);
	--theme-navbar-search-suggestions-results-border-bottom-color: transparent;
	--theme-navbar-search-suggestions-special-offset-top: -1px; /* margin-top offset, normally is -1px */
	--theme-navbar-search-suggestions-special-border-top-color: rgba(0,0,0, 0.2);
	--theme-navbar-search-suggestions-special-label-text-color: var(--theme-text-color-note);
	--theme-navbar-search-suggestions-special-label-text-color-hover: var(--theme-text-color-note);
	/* responsive */
	--theme-navbar-search-background: rgba(252,252,252, 0.5);

	/*** content ***/
	--theme-content-background: #fcfcfc;
	--theme-content-border-bottom-width: 0;
	--theme-content-border-style: solid;
	--theme-content-border-color: rgba(0,0,0, 0.2) transparent transparent;
	--theme-content-subpage-icon-color: #AAA; /* color for "<" */
	--theme-content-heading-rule-border-top: 1px solid #B3B3B3; /* border */
	--theme-content-heading-rule-border-bottom: 0;

	/** category: box **/
	--theme-content-category-background: #e4f0f7;
	--theme-content-category-border-style: solid;
	--theme-content-category-border-color: #B3B3B3;

	/** notification **/
	--theme-notification-background: rgba(252,252,252, 0.9);
	--theme-notification-border-color: rgba(0,0,0, 0.2);
	--theme-notification-shadow: var(--theme-box-shadow);

	/*** #footer ***/
	--theme-footer-text-color: #000;
	--theme-footer-background: rgba(252,252,252,0.65);
	--theme-footer-border-top-width: 0;
	--theme-footer-border-style: none;
	--theme-footer-border-color: var(--theme-content-border-color);
	--theme-footer-box-shadow: none;

	/******* "real" wiki content ********/

	--theme-widget-toc-arrow-color: rgba(0,0,0, 0.3);
	--theme-widget-toc-arrow-color-hover: rgba(0,0,0, 0.7);
	--theme-widget-toc-item-hover-background: rgba(7,57,139, 0.1);

	--theme-collapsible-toggle-icon-color: var(--theme-text-color-note);
	--theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover);

}


/*** Theme specific css ***/
@media screen and (max-width: 1365px) {
	/* sidebar nav size tweak */
	.theme-Hydra #mw-panel{
		border-radius: var(--main-box-border-radius);
		height: 35px;
	}
	.theme-Hydra #mw-panel #p-logo + .portal.expanded h3,
	.theme-Hydra #mw-panel .portal.expanded h3,
	.theme-Hydra #mw-panel #p-logo + .portal:hover h3,
	.theme-Hydra #mw-panel .portal:hover h3 {
		border-radius: 0;
	}
	.theme-Hydra #mw-panel #p-logo + .portal h3,
	.theme-Hydra #mw-panel .portal h3 {
		line-height: 19px;
	}
}
@media screen and (max-width: 600px) {
	.theme-Hydra #mw-head #p-search {
		top: -90px;
	}
}

/**** Theme vars END ***********************************************************/



/**** base styles START ***********************************************************/

/* always show scroll bar for short page.
 * By doing this page background size won't change when expand/collapse sidebar sections.
 */
html{
	overflow-y: scroll;
}

/** Font **/
html, body,
h1,h2,h3,h4,h5,h6,
.mw-body h1, .mw-body-content h1, .mw-body-content h2{
	font-family: Helvetica, Arial, sans-serif; /* This is much more readable. */
	/* font-family: ;'Trebuchet MS', 'Trebuchet', 'Helvetica Neue', Helvetica, Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', sans-serif; */
	color: var(--theme-text-color);
}
body,
body .vector-body{
	font-size: 14px;
}

/** link color **/

/* Self-links aren't real links, they're not clickable.
 * Hence, they shouldn't change color when hovered over like real links, as that is counter-intuitive.
 * We should not use :not(.selflink) since it increases the priority and make it is difficult to override
 * link styles for certain elements (e.g. in wiki.gg header).
 */
a,
a.selflink:hover, a.selflink:active{
	text-decoration: none;
	color: var(--theme-link-color);
}
a:visited{
	color: var(--theme-link-color-visited);
}
a:hover, a:active{
	text-decoration: underline;
	color: var(--theme-link-color-hover);
}

/** red link **/
/* we don't really need to mark you have "visited" an inexistent page */
a.new, a.new:visited{
	color: var(--theme-link-color-redlink);
}

button, input[type=submit]{

}


/* -------------------------------------------------------- */
/* Characteristic "terraria" styling */
/* -------------------------------------------------------- */

.terraria {
	border: 1px var(--theme-border-color) solid;
	padding: 8px 12px;
	border-radius: 6px;
	min-height: 1.5em;
	position: relative;
	overflow: auto; /* for float box */
}

.terraria > .heading,
.terraria > .mw-collapsible-content > .heading {
	background: var(--theme-highlight-background);
	text-align: center;
	font-weight: bold;
	line-height: 2;
	min-height: 2em;
	padding: 3px 6px;
	font-size: inherit;
	margin: 8px -8px;
}
.terraria > .heading:first-child,
.terraria > .mw-collapsible-toggle:first-child + .mw-collapsible-content > .heading:first-child{
	margin-top: -4px;
}
.terraria > .heading:nth-of-type(1),
.terraria > .mw-collapsible-content > .heading:nth-of-type(1){
	margin-top: auto;
}
/* Here we do not need to add
   ".terraria > .heading:last-child{ margin-bottom: auto; }"
   since there can be a text node after the :last-child element.
 */

/* collapsible-toggle in .terraria box */
.terraria > .mw-collapsible-toggle {
	position: absolute;
	line-height: 1;
	right: 12px;
	top: 12px;
	font-size: 12px;
}
.terraria > .mw-collapsible-toggle > .mw-collapsible-bracket {
	display: none;
}
.terraria > .mw-collapsible-toggle:before {
	content: "";
	vertical-align: middle;
	display: inline-block;
	width: 0;
	height: 0;
	border-color: var(--theme-collapsible-toggle-icon-color) transparent;
	border-style: solid;
	border-width: 0 0.4em 0.45em;
	margin-right: 0.2em;
}
.terraria > .mw-collapsible-toggle:after{
	content: "";
}
.terraria > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before {
	border-width: 0.45em 0.4em 0;
}
.terraria:hover > .mw-collapsible-toggle:before{
	border-color: var(--theme-collapsible-toggle-icon-color-hover) transparent;
}



/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */

table {
	/* fix 100% width table with border */
	box-sizing: border-box;
}

table.lined,
table.bordered,
table.cellborder{
	border-collapse: collapse;
	border-style: solid;
	border-color: var(--theme-border-color);
}
table.lined th,
table.lined td{
	border-width: 0 0 1px 0;
}







/*** "terraria"-classed tables ***/
table.terraria {
	border: 2px solid transparent;
	margin: calc(0.5em + 5px) 5px;
	box-shadow: 0 0 0 2px var(--theme-content-background), 0 0 0 3px var(--theme-border-color);
	border-radius: 3px; /* (border radius of .terraria box) - 3px */
}
table.terraria.noborder {
	padding: 0;
	border: 0;
}
table.terraria th,
table.terraria td {
	padding: 3px 6px;
	border-color: var(--theme-border-color);
	border-style: solid;
	border-width: 0;
}
table.terraria th{
	background: var(--theme-highlight-background);
	border-color: var(--theme-border-color);
	text-align: center;
}
table.terraria caption {
	font-weight: bold;
	background: var(--theme-highlight-background);
	padding: 5px;
	margin: auto 2px;
}
table.terraria > caption {
	padding: 3px;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	margin: 1px 1px -4px;
	border-bottom-width: 1px;
	box-shadow: 0 0 0 1px var(--theme-highlight-background);
	position: relative;
}
table.terraria > caption:after {
	box-sizing: content-box;
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: var(--theme-highlight-background);
	position: absolute;
	left: -4px;
	bottom: -2px;
	border-left: 4px solid var(--theme-page-background-color);
	border-right: 4px solid var(--theme-page-background-color);
}
table.terraria > caption.plaincaption {
	background: transparent;
	border: 0;
	box-shadow: 0 0 0 0;
	margin-bottom: 4px;
}
table.terraria > caption.plaincaption:after {
	background: transparent;
	border: 0;
}
table tfoot:empty,
table thead:empty{
	display: none;
}
/* Auto line separators for tables */
table.terraria.lined {
	padding-bottom: 0;
	/*display: inline-table;*/
}
table.terraria.lined td {
	border-width: 0;
	border-bottom-width: 1px;
}
table.terraria.lined::after {
	content: "";
	display: block;
	height: 3px;
	width: calc(100% - 6px);
	position: absolute;
	left: 3px;
	bottom: 3px;
	background-color: var(--theme-page-background-color);
}
table.lined td.noline, table.lined tr.noline td{
	border-bottom-width: 0;
}
table tr.bottomline td {
	border-bottom-width: 1px;
}
table tr.topline td {
	border-top-width: 1px;
}
table td.bottomline, table.lined tr.noline td.bottomline{
	border-bottom-width: 1px;
}
table td.topline {
	border-top-width: 1px;
}
table.terraria.cellborder,
table.terraria.border{
	border-spacing: 0;
	padding: 4px 4px 4px 3px;
	position: relative;
}
table.terraria.cellborder::before,
table.terraria.border::before{
	content: "";
	display: block;
	width: 1px;
	height: calc( 100% - 6px );
	background-color: var(--theme-page-background-color);
	position: absolute;
	left: 4px;
	top: 3px;
}
table.terraria.cellborder td,
table.terraria.border td{
	border-left-width: 1px;
	border-bottom-width: 1px;
}
table.terraria.cellborder th,
table.terraria.border th{
	border-left-width: 1px;
	border-top-width: 1px;
}
table.terraria.cellborder tr:first-of-type th,
table.terraria.border tr:first-of-type th{
	border-top: 0;
}
table.terraria.cellborder::after,
table.terraria.border::after{
	content: "";
	display: block;
	height: 1px;
	width: calc(100% - 6px);
	position: absolute;
	left: 3px;
	bottom: 5px;
	background-color: var(--theme-page-background-color);
}

/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
	white-space: nowrap;
}
table.inner {
	border-collapse: collapse;
	background: inherit;
	width: 100%;
}
table.inner th {
	border: 2px solid var(--theme-page-background-color);
}

/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width:1520px) and (min-width:1350px) {
	.with-siderail table.terraria .i{
		white-space:normal;
	}
	.with-siderail table.terraria th {
		font-size:90%;
	}

	.with-siderail table.terraria td:not(.il1c) img {
		max-width:100%;
		height:auto;
	}
}
.terraria th {
	border-bottom: 1px solid;
}

.wikitable,
.wikitable > tr > th,
.wikitable > * > tr > th {
	color: inherit;
	background: none;
}
/*
.jquery-tablesorter th.headerSort{
	border: 1px solid var(--theme-border-color);
}
*/

table.cargoTable.noMerge tr:nth-child(2n) {
	background: rgba(0, 0, 0, 0.25);
}
table.cargoTable.noMerge tr:nth-child(2n+1) {
	background: none;
}
table.terraria caption {
	border-width: 1px;
	border-style: solid;
	border-color: var(--theme-box-border-color-inner);
	border-radius: 8px;
}

table.terraria {
	/*display: inherit;*/
	width: auto;
}
.terraria.sortable.lined.align-center.jquery-tablesorter{
	/*width: min-content;*/
}
.terraria.lined.sortable.jquery-tablesorter,
.terraria.lined {
	width: auto;
}


/**** base styles END ***********************************************************/

/*********************************************************************************************************/






input, button{
	color: var(--theme-control-text-color);
	caret-color: var(--theme-text-color);
}
input[type=submit]{
	color: var(--theme-control-text-color);
}
::placeholder {
	color: var(--theme-text-color-placeholder);
}



/* Removes VisualEdit button */
#ca-ve-edit {
	display: none;
}

.content-body img{
	/*max-width: 100%;*/
}





/* Link color */
.mw-parser-output a.external,
.mw-parser-output a.external:visited,
.mw-parser-output a.extiw,
.mw-parser-output a.extiw:visited {
	color: var(--theme-link-color);
}

/* Text color */
#content,
#firstHeading,
#footer ul li,
h1,
h2,
h3,
h4,
h5,
h6,
div.hat-note.t-main,
#contentSub, #contentSub2,
.search-types .current a,
code,
.trw-toggleable.not-toggled.achievements .achievement b * {
	color: var(--theme-text-color);
}

.i .note,
.note-text{
	color: var(--theme-text-color-note);
}

/* ??? */
.mw-plusminus-neg{
	color: var(--theme-link-color-redlink);
}

.autocomment, .autocomment a,
.autocomment a:visited {
	color: var(--theme-text-color-note);
}

/* Invert class */
.invert,
.dark-invert {
	filter: invert(1);
}

.auto-icon {
	filter: var(--ooui--icon-normal-filter); /* theme-dependent color of the icon */
}


/* Input text color  ???
input, button {
	color:#eae3d1;
}
*/




/* ------------------------------------------------------------------ */


/* ================================================================== */
/* OOUI styles start */
/* ================================================================== */


/* ------------------------------------------------------------------ */


.oo-ui-iconElement-icon {
	filter: var(--ooui--icon-normal-filter);
}

.oo-ui-iconElement-icon.oo-ui-image-progressive {
	filter: var(--ooui--icon-progressive-filter);
}

.oo-ui-iconElement-icon.oo-ui-image-destructive {
	filter: var(--ooui--icon-destructive-filter);
}

.oo-ui-iconElement-icon.oo-ui-image-invert {
	filter: var(--ooui--icon-invert-filter);
}

.oo-ui-iconElement-icon.oo-ui-image-success {
	filter: var(--ooui--icon-success-filter);
}

.oo-ui-iconElement-icon.oo-ui-image-warning {
	filter: var(--ooui--icon-warning-filter);
}

.oo-ui-iconElement-icon.oo-ui-image-error {
	filter: var(--ooui--icon-error-filter);
}

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

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

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus {
	border-top: var(--ooui--button-border-top--hover);
	border-right: var(--ooui--button-border-right--hover);
	border-bottom: var(--ooui--button-border-bottom--hover);
	border-left: var(--ooui--button-border-left--hover);
	box-shadow: var(--ooui--button-box-shadow--focus);
}

.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 {
	background-color: unset;
	color: var(--ooui--button-color);
	border-top: var(--ooui--button-border-top--hover);
	border-right: var(--ooui--button-border-right--hover);
	border-bottom: var(--ooui--button-border-bottom--hover);
	border-left: var(--ooui--button-border-left--hover);
	box-shadow: none;
}

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

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

.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--button-progressive-color);
	border-top: var(--ooui--button-border-top--hover);
	border-right: var(--ooui--button-border-right--hover);
	border-bottom: var(--ooui--button-border-bottom--hover);
	border-left: var(--ooui--button-border-left--hover);
}

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

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

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button {
	color: var(--ooui--button-destructive-color);
	border-top: var(--ooui--button-border-top--hover);
	border-right: var(--ooui--button-border-right--hover);
	border-bottom: var(--ooui--button-border-bottom--hover);
	border-left: var(--ooui--button-border-left--hover);
}

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

.oo-ui-buttonElement-framed>.oo-ui-buttonElement-button {
	border-radius: 4px;
}

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

.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
	background: var(--ooui--button-background);
	color: var(--ooui--button-color);
	border-top: var(--ooui--button-border-top);
	border-right: var(--ooui--button-border-right);
	border-bottom: var(--ooui--button-border-bottom);
	border-left: var(--ooui--button-border-left);
	box-shadow: var(--ooui--button-box-shadow);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:hover {
	background: var(--ooui--button-background--hover);
	color: var(--ooui--button-color--hover);
	border-top: var(--ooui--button-border-top--hover);
	border-right: var(--ooui--button-border-right--hover);
	border-bottom: var(--ooui--button-border-bottom--hover);
	border-left: var(--ooui--button-border-left--hover);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button:focus {
	border-top: var(--ooui--button-border-top--hover);
	border-right: var(--ooui--button-border-right--hover);
	border-bottom: var(--ooui--button-border-bottom--hover);
	border-left: var(--ooui--button-border-left--hover);
	box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-box-shadow--focus);
}

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

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active>.oo-ui-buttonElement-button:focus {
	border-color: var(--ooui--button-progressive-primary-border-color);
	box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus);
}

.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: var(--ooui--button-background);
	color: var(--ooui--button-color);
	border-top: var(--ooui--button-border-top--hover);
	border-right: var(--ooui--button-border-right--hover);
	border-bottom: var(--ooui--button-border-bottom--hover);
	border-left: var(--ooui--button-border-left--hover);
}

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

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

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:focus {
	border-top: var(--ooui--button-border-top);
	border-right: var(--ooui--button-border-right);
	border-bottom: var(--ooui--button-border-bottom);
	border-left: var(--ooui--button-border-left);
	box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus);
}

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

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

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:hover {
	color: var(--ooui--button-destructive-color--hover);
	background: var(--ooui--button-background--hover);
	border-top: var(--ooui--button-border-top--hover);
	border-right: var(--ooui--button-border-right--hover);
	border-bottom: var(--ooui--button-border-bottom--hover);
	border-left: var(--ooui--button-border-left--hover);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:focus {
	border-top: var(--ooui--button-border-top);
	border-right: var(--ooui--button-border-right);
	border-bottom: var(--ooui--button-border-bottom);
	border-left: var(--ooui--button-border-left);
	box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus);
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-pressed>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-buttonElement-active>.oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive.oo-ui-popupToolGroup-active>.oo-ui-buttonElement-button {
	background: var(--ooui--button-background);
	color: var(--ooui--button-destructive-color);
	border-top: var(--ooui--button-border-top--hover);
	border-right: var(--ooui--button-border-right--hover);
	border-bottom: var(--ooui--button-border-bottom--hover);
	border-left: var(--ooui--button-border-left--hover);
}

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

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive>.oo-ui-buttonElement-button:hover {
	color: var(--ooui--button-progressive-color--hover);
	background: var(--ooui--button-background--hover);
	border-color: var(--ooui--button-progressive-primary-border-color--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--button-progressive-primary-border-color);
	box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus);
}

.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: var(--ooui--button-progressive-color);
	background: var(--ooui--button-background);
	border-color: var(--ooui--button-progressive-primary-border-color);
}

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

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

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-destructive>.oo-ui-buttonElement-button:focus {
	border-color: var(--ooui--button-destructive-primary-border-color);
	box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-destructive-box-shadow--focus);
}

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

.oo-ui-pendingElement-pending {
	background-color: var(--ooui--textarea-pending-background-color-1);
	background-image: linear-gradient(135deg, var(--ooui--textarea-pending-background-color-2) 25%, transparent 25%, transparent 50%, var(--ooui--textarea-pending-background-color-2) 50%, var(--ooui--textarea-pending-background-color-2) 75%, transparent 75%, transparent);
}

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

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

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

.oo-ui-radioSelectWidget:focus [type='radio']:checked+span:before {
	border-color: transparent;
}

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

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

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

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

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

.oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block) {
	color: var(--ooui--messagewidget-error-color)
}

.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {
	color: var(--ooui--messagewidget-success-color)
}

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

.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on+.oo-ui-toggleWidget-on>.oo-ui-buttonElement-button,
.oo-ui-buttonGroupWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-toggleWidget-on+.oo-ui-toggleWidget-on>.oo-ui-buttonElement-button:active {
	border-left-color: var(--ooui--button-border-left);
}

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

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

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

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

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

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

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

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

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

.oo-ui-checkboxInputWidget [type='checkbox']+span {
	background-color: transparent;
	border-color: var(--ooui--checkbox-border-color);
	border-width: 2px;
	filter: none;
}

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

.oo-ui-checkboxInputWidget [type='checkbox']:disabled+span {
	background-color: var(--ooui--checkbox-disabled-background-color);
	border-color: var(--ooui--checkbox-border-color);
	background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon);
}

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

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

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active+span {
	background-color: var(--ooui--checkbox-border-color);
	border-color: var(--ooui--checkbox-border-color);
	box-shadow: none;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate+span {
	background-color: transparent;
	border-color: var(--ooui--checkbox-border-color);
	border-width: 2px;
	background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon);
}

.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: transparent;
	border-color: var(--ooui--checkbox-border-color);
	box-shadow: inset 0 0 0 1px var(--ooui--checkbox-box-shadow--focus);
}

.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: transparent;
	border-color: var(--ooui--checkbox-border-color--hover);
	background-image: linear-gradient(transparent, transparent), var(--ooui--checkbox-icon--hover);
}

.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: transparent;
	border-color: var(--ooui--checkbox-border-color);
	box-shadow: none;
}

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

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled {
	background-color: transparent;
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {
	background-color: transparent;
}

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

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover {
	color: var(--theme-text-color);
	border-color: transparent;
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {
	color: var(--theme-text-color);
	border-color: transparent;
}

.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {
	border-color: transparent;
	box-shadow: none;
}

.oo-ui-dropdownInputWidget.oo-ui-widget-disabled {
	background-color: transparent;
}

.oo-ui-dropdownInputWidget.oo-ui-widget-disabled select {
	color: var(--ooui--dropdown-disabled-color);
	border-color: transparent;
}

.oo-ui-radioInputWidget [type='radio']+span {
	background-color: transparent;
	border-color: var(--ooui--radiobutton-border-color);
	border-width: 3px;
}

.oo-ui-radioInputWidget [type='radio']+span:before {
	top: 2.5px;
	left: 2.5px;
	right: 2.5px;
	bottom: 2.5px;
}

.oo-ui-radioInputWidget [type='radio']:checked+span,
.oo-ui-radioInputWidget [type='radio']:checked:hover+span,
.oo-ui-radioInputWidget [type='radio']:checked:focus:hover+span {
	border-width: 3px;
}

.oo-ui-radioInputWidget [type='radio']:checked+span:before,
.oo-ui-radioInputWidget [type='radio']:checked:hover+span:before,
.oo-ui-radioInputWidget [type='radio']:checked:focus:hover+span:before {
	background-color: var(--ooui--radiobutton-border-color);
}

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

.oo-ui-radioInputWidget [type='radio']:disabled:checked+span {
	background-color: var(--ooui--radiobutton-disabled-background-color)
}

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

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

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

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:focus+span:before {
	border-color: transparent;
}

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

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

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

.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active+span:before {
	border-color: transparent;
}

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

.oo-ui-textInputWidget .oo-ui-pendingElement-pending {
	background-color: var(--ooui--textarea-pending-background-color-1)
}

.oo-ui-textInputWidget>.oo-ui-labelElement-label {
	color: var(--ooui--textarea-placeholder-color);
}

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

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

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

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

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

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

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

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

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

	.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid textarea.oo-ui-inputWidget-input:focus {
		outline-color: var(--ooui--textarea-invalid-border-color)
	}
}

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

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

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

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

.oo-ui-textInputWidget.oo-ui-widget-disabled>.oo-ui-labelElement-label {
	color: var(--ooui--textarea-placeholder-color);
	text-shadow: none;
}

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

.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
	background-color: var(--ooui--menuselect-highlighted-background-color);
	color: var(--theme-text-color);
}

.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
	background-color: var(--ooui--menuselect-selected-background-color);
	color: var(--theme-text-color);
}

.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 {
	background-color: var(--ooui--menuselect-selected-background-color);
	color: var(--theme-link-color);
}

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

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

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

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

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

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

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

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

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

.oo-ui-multioptionWidget.oo-ui-widget-disabled {
	color: var(--ooui--multioption-disabled-color);
}

.oo-ui-progressBarWidget {
	border-color: var(--ooui--progressbar-border-color);
}

.oo-ui-progressBarWidget:not(.oo-ui-pendingElement-pending) {
	background-color: transparent;
}

.oo-ui-progressBarWidget.oo-ui-widget-enabled .oo-ui-progressBarWidget-bar {
	background-color: var(--ooui--progressbar-bar-background-color)
}

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

.oo-ui-progressBarWidget.oo-ui-pendingElement-pending {
  background-color: var(--ooui--progressbar-pending-background-color-1);
  background-image: linear-gradient(135deg, var(--ooui--progressbar-pending-background-color-2) 25%, transparent 25%, transparent 50%, var(--ooui--progressbar-pending-background-color-2) 50%, var(--ooui--progressbar-pending-background-color-2) 75%, transparent 75%, transparent);
}

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

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

.oo-ui-buttonSelectWidget .oo-ui-buttonOptionWidget.oo-ui-widget-disabled+.oo-ui-widget-disabled>.oo-ui-buttonElement-button {
	border-left: var(--ooui--button-disabled-border-left);
}

.oo-ui-buttonSelectWidget.oo-ui-widget-enabled:focus .oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected .oo-ui-buttonElement-button {
	border-color: var(--ooui--button-progressive-primary-border-color);
	box-shadow: var(--ooui--button-box-shadow), var(--ooui--button-progressive-box-shadow--focus);
}

.oo-ui-toggleButtonWidget.oo-ui-widget-enabled.oo-ui-buttonElement-frameless.oo-ui-toggleWidget-on .oo-ui-buttonElement-button {
	background-color: transparent;
	color: var(--ooui--button-frameless-on-color);
}

.oo-ui-toggleSwitchWidget {
	background-color: transparent;
	border: 3px solid var(--ooui--toggleswitch-border-color);
}

.oo-ui-toggleSwitchWidget-grip {
	top: 0.21428571428571427em;
}

.oo-ui-toggleSwitchWidget.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
	left: 1.7142857142857142em;
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {
	background-color: transparent;
	border: 3px solid var(--ooui--toggleswitch-border-color);
}

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

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

.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--toggleswitch-color--active);
	border-color: var(--ooui--toggleswitch-color--active);
	box-shadow: inset 0 0 0 1px var(--ooui--toggleswitch-color--active);
}

.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--toggleswitch-grip-color);
	border-color: var(--ooui--toggleswitch-grip-color);
}

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

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

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

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

.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {
	background-color: var(--ooui--toggleswitch-border-color--hover);
	border-color: var(--ooui--toggleswitch-border-color--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--toggleswitch-color--active);
	border-color: var(--ooui--toggleswitch-color--active);
}

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

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

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

.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-off .oo-ui-toggleSwitchWidget-grip {
	background-color: transparent;
	border: 3px solid var(--ooui--toggleswitch-border-color);
	box-shadow: none;
}

.oo-ui-toggleSwitchWidget.oo-ui-widget-disabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {
	background-color: var(--ooui--toggleswitch-disabled-grip-color);
}

.oo-ui-selectFileWidget-dropTarget {
	background-color: var(--ooui--selectfile-background-color);
	border: 1px solid var(--ooui--selectfile-border-color);
}

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

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

.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop.oo-ui-selectFileWidget-dropTarget,
.oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-canDrop .oo-ui-selectFileInputWidget-info>.oo-ui-inputWidget-input {
	background-color: var(--ooui--selectfile-candrop-background-color);
	color: var(--theme-link-color);
}

.oo-ui-selectFileWidget.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget,
.oo-ui-selectFileWidget.oo-ui-selectFileInputWidget-empty.oo-ui-widget-disabled.oo-ui-selectFileWidget-dropTarget {
	background-color: var(--ooui--textarea-disabled-background-color);
	border-color: var(--ooui--selectfile-border-color);
}

.oo-ui-outlineSelectWidget:focus {
	box-shadow: var(--ooui--outlineselect-box-shadow--focus);
}

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

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-selected {
	background-color: var(--ooui--outlineoption-selected-background-color);
	color: var(--theme-text-color);
}

.oo-ui-outlineOptionWidget.oo-ui-optionWidget-pressed {
	background-color: var(--ooui--outlineoption-pressed-background-color);
	color: var(--theme-link-color);
}

.oo-ui-tabSelectWidget-framed {
	background-color: var(--ooui--tabselect-background-color);
}

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

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

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

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

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
	background-color: var(--ooui--tabselect-highlighted-background-color);
	color: var(--theme-text-color);
}

.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
	background-color: var(--ooui--tabselect-selected-background-color);
	color: var(--theme-text-color);
}

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

.oo-ui-tabSelectWidget-framed.oo-ui-widget-enabled:focus .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {
	border-bottom-color: var(--theme-text-color);
}

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

.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover {
	color: var(--ooui--tabselect-frameless-highlighted-color);
	box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-highlighted-color);
}

.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {
	color: var(--ooui--tabselect-frameless-selected-color);
	box-shadow: inset 0 -2px 0 0 var(--ooui--tabselect-frameless-selected-color);
}

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

.oo-ui-tagMultiselectWidget-handle {
	border: 1px solid var(--ooui--textarea-border-color);
}

.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group>input {
	color: var(--theme-text-color);
}

.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group>input::-webkit-input-placeholder {
	color: var(--ooui--textarea-placeholder-color);
}

.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group>input:-ms-input-placeholder {
	color: var(--ooui--textarea-placeholder-color);
}

.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group>input::-moz-placeholder {
	color: var(--ooui--textarea-placeholder-color);
}

.oo-ui-tagMultiselectWidget-handle .oo-ui-tagMultiselectWidget-group>input::placeholder {
	color: var(--ooui--textarea-placeholder-color);
}

.oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
	background-color: var(--ooui--textarea-readonly-background-color);
}

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

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle {
	border-color: var(--ooui--textarea-border-color--hover);
}

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

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid .oo-ui-tagMultiselectWidget-handle,
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined.oo-ui-flaggedElement-invalid:hover .oo-ui-tagMultiselectWidget-handle {
	border-color: var(--ooui--textarea-invalid-border-color);
}

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

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

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
	border-color: var(--ooui--textarea-invalid-border-color);
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input {
	color: var(--ooui--textarea-invalid-border-color);
}

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

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

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

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

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

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

.oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid {
	border-color: var(--ooui--tagitem-invalid-border-color);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:hover {
	border-color: var(--ooui--tagitem-invalid-border-color);
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid:focus {
	border-color: var(--ooui--tagitem-invalid-border-color);
	box-shadow: inset 0 0 0 1px var(--ooui--tagitem-invalid-border-color);
}

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

.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:focus {
	border: 0;
	box-shadow: none;
}

.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:active {
	background-color: var(--ooui--tagitem-border-color);
}

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

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

.oo-ui-messageDialog-title {
	color: var(--theme-text-color);
}

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

.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive .oo-ui-buttonElement-button:active {
	background: var(--ooui--button-background);
}

.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:active {
	background: var(--ooui--button-background);
}

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

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

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

.oo-ui-processDialog-actions-primary .oo-ui-actionWidget>.oo-ui-buttonElement-button {
	border-left-color: var(--ooui--dialog-border-color--lighter);
}

.oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive)>.oo-ui-buttonElement-button:hover,
.oo-ui-processDialog-actions-primary .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive)>.oo-ui-buttonElement-button:active {
	border-left-color: var(--ooui--dialog-border-color--lighter);
}

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

.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--dialog-border-color--lighter);
}

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

.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement)>.oo-ui-buttonElement-button:active {
	background: var(--ooui--button-background);
	border-top: var(--ooui--button-border-top--hover);
	border-right: var(--ooui--button-border-right--hover);
	border-bottom: var(--ooui--button-border-bottom--hover);
	border-left: var(--ooui--button-border-left--hover);
}

.oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement)>.oo-ui-buttonElement-button:focus {
	border-top: var(--ooui--button-border-top--hover);
	border-right: var(--ooui--button-border-right--hover);
	border-bottom: var(--ooui--button-border-bottom--hover);
	border-left: var(--ooui--button-border-left--hover);
}

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

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

.oo-ui-indicator-clear {
	filter: var(--ooui--indicator-filter);
}

.oo-ui-image-invert.oo-ui-indicator-clear {
	filter: var(--ooui--indicator-invert-filter);
}

.oo-ui-indicator-up {
	filter: var(--ooui--indicator-filter);
}

.oo-ui-image-invert.oo-ui-indicator-up {
	filter: var(--ooui--indicator-invert-filter);
}

.oo-ui-indicator-down {
	filter: var(--ooui--indicator-filter);
}

.oo-ui-image-invert.oo-ui-indicator-down {
	filter: var(--ooui--indicator-invert-filter);
}

.oo-ui-indicator-required {
	filter: var(--ooui--indicator-filter);
}

.oo-ui-image-invert.oo-ui-indicator-required {
	filter: var(--ooui--indicator-invert-filter);
}

/* The following styles are actually not part of OOUI, but base MediaWiki.
 * They appear very similarly to OOUI, though, so they use OOUI styling vars as well.
 */

.editOptions {
	background-color: var(--ooui--messagewidget-notice-background-color);
	color: var(--theme-text-color);
	border-color: var(--ooui--messagewidget-notice-border-color);
}

.unpatrolled {
	color: var(--ooui--messagewidget-error-color)
}

li span.deleted,
span.history-deleted {
	color: var(--ooui--messagewidget-error-border-color);
}

.messagebox,
.errorbox,
.warningbox,
.successbox {
	color: var(--theme-text-color);
}

.messagebox {
	background-color: var(--ooui--messagewidget-notice-background-color);
	border-color: var(--ooui--messagewidget-notice-border-color);
}

.errorbox {
	background-color: var(--ooui--messagewidget-error-background-color);
	border-color: var(--ooui--messagewidget-error-border-color);
}

.warningbox {
	background-color: var(--ooui--messagewidget-warning-background-color);
	border-color: var(--ooui--messagewidget-warning-border-color);
}

.successbox {
	background-color: var(--ooui--messagewidget-success-background-color);
	border-color: var(--ooui--messagewidget-success-border-color);
}

.usermessage {
	background-color: var(--custom-notice-yellow-background-color);
	border-color: var(--custom-notice-yellow-border-color);
	color: var(--theme-text-color);
}

.client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {
	border-color: var(--ooui--dialog-border-color--lighter);
}

.client-js .mw-rcfilters-spinner .mw-rcfilters-spinner-bounce,
.client-js .mw-rcfilters-spinner:before,
.client-js .mw-rcfilters-spinner:after {
	background-color: var(--ooui--checkbox-border-color);
}

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

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

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled .mw-rcfilters-ui-filterTagMultiselectWidget-emphasize.oo-ui-tagMultiselectWidget-handle {
	background-color: var(--ooui--textarea-background-color);
}

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

.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-savedQueryTitle {
	color: var(--theme-text-color);
}

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

.mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {
	color: var(--theme-text-color-note)
}

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

.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {
	border-top-width: 3px;
	border-top-color: var(--ooui--menuselect-border-color);
}

.mw-rcfilters-ui-itemMenuOptionWidget:hover {
	background-color: var(--ooui--menuselect-highlighted-background-color);
}

.mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected {
	background-color: var(--ooui--menuselect-selected-background-color);
}

.mw-rcfilters-ui-itemMenuOptionWidget-label-title {
	color: var(--theme-text-color)
}

.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {
	color: var(--theme-text-color-note);
}

.mw-rcfilters-ui-itemMenuOptionWidget-excludeLabel {
	color: var(--theme-text-color-note);
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {
	background-color: transparent;
}

.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(--ooui--dropdown-disabled-color)
}

.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted.oo-ui-optionWidget-highlighted {
	background-color: var(--ooui--menuselect-highlighted-background-color);
}

.mw-rcfilters-ui-filterMenuSectionOptionWidget {
	background-color: var(--ooui--dropdown-disabled-background-color);
}

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

.mw-rcfilters-ui-filterItemHighlightButton-circle.oo-ui-iconElement-icon {
	filter: none;
}

.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled {
	background-color: var(--ooui--tagitem-disabled-background-color);
	border-color: var(--ooui--tagitem-disabled-border-color)
}

.mw-rcfilters-ui-tagItemWidget.oo-ui-flaggedElement-muted.oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-labelElement-label {
	color: var(--ooui--tagitem-disabled-color)
}

.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget-selected.oo-ui-tagItemWidget.oo-ui-widget-enabled {
	background-color: var(--ooui--tagitem-background-color);
	border-color: var(--ooui--tagitem-border-color--focus);
}

.mw-rcfilters-ui-tagItemWidget-popup-content {
	color: var(--theme-text-color-note)
}

.mw-rcfilters-ui-filterMenuHeaderWidget-title {
	color: var(--theme-text-color)
}

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

.mw-rcfilters-ui-menuSelectWidget-noresults {
	color: var(--theme-text-color-note);
}

.mw-rcfilters-ui-menuSelectWidget-footer {
	background-color: var(--ooui--textarea-readonly-background-color);
	border-top-color: var(--ooui--textarea-border-color);
}

.mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {
	color: var(--theme-text-color);
}

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

.mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {
	color: var(--theme-text-color-note)
}

.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color .oo-ui-iconElement-icon {
	filter: none;
}

.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
	background-color: var(--ooui--messagewidget-notice-background-color);
	border-color: var(--ooui--messagewidget-notice-border-color)
}

.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c1,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c1 tr:first-child,
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c1.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
	background-color: var(--custom-notice-blue-background-color);
}

.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c2,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c2 tr:first-child,
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c2.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
	background-color: var(--custom-notice-green-background-color);
}

.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c3,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c3 tr:first-child,
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c3.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
	background-color: var(--custom-notice-yellow-background-color);
}

.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c4,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c4 tr:first-child,
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c4.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
	background-color: var(--custom-notice-orange-background-color);
}

.mw-rcfilters-ui-changesListWrapperWidget li.mw-rcfilters-highlight-color-c5,
.mw-rcfilters-ui-changesListWrapperWidget .mw-rcfilters-highlight-color-c5 tr:first-child,
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-toplevel:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+2)),
.mw-rcfilters-ui-changesListWrapperWidget tr.mw-rcfilters-highlight-color-c5.mw-rcfilters-ui-highlights-enhanced-nested:not(.mw-rcfilters-ui-changesListWrapperWidget-enhanced-grey) td:not(:nth-child(-n+4)) {
	background-color: var(--custom-notice-red-background-color);
}

.mw-rcfilters-ui-savedLinksListItemWidget:hover {
	background-color: var(--ooui--menuselect-highlighted-background-color);
}

.mw-rcfilters-ui-savedLinksListItemWidget-label {
	color: var(--theme-link-color);
}

.mw-rcfilters-ui-watchlistTopSectionWidget-separator {
	border-top-color: var(--ooui--textarea-border-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly] {
	background-color: var(--ooui--textarea-readonly-background-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-webkit-input-placeholder {
	color: var(--ooui--textarea-placeholder-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]:-ms-input-placeholder {
	color: var(--ooui--textarea-placeholder-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::-moz-placeholder {
	color: var(--ooui--textarea-placeholder-color);
}

.mw-rcfilters-ui-filterTagMultiselectWidget-mobile .oo-ui-tagMultiselectWidget-input.oo-ui-textInputWidget input[readonly]::placeholder {
	color: var(--ooui--textarea-placeholder-color);
}

.mw-rcfilters-ui-liveUpdateButtonWidget.oo-ui-toggleWidget-on::after {
	background: rgba(var(--theme-link-color--rgb), 0.5);
}

.wikiEditor-ui .wikiEditor-ui-view {
    border-color: var(--ooui--textarea-border-color);
}

.wikiEditor-ui .wikiEditor-ui-top {
    border-bottom-color: var(--ooui--textarea-border-color);
}

.wikiEditor-ui-toolbar .sections .section {
    border-top-color: var(--ooui--textarea-border-color);
}

.wikiEditor-ui-toolbar .tabs span.tab a {
    color: var(--theme-link-color);
}

.wikiEditor-ui-toolbar .tabs span.tab a:before {
    filter: var(--ooui--icon-normal-filter);
}

.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
    color: var(--theme-text-color);
}

.wikiEditor-ui-toolbar .group .label {
    color: var(--ooui--textarea-placeholder-color);
}

.wikiEditor-ui-toolbar .group .tool-select .label {
    color: var(--theme-text-color);
}

.wikiEditor-ui-toolbar .group .tool-select .label:after {
    filter: var(--ooui--icon-normal-filter);
}

.wikiEditor-ui-toolbar .group .tool-select .options {
    border-color: var(--ooui--menuselect-border-color);
    background-color: var(--ooui--menuselect-background-color);
}

.wikiEditor-ui-toolbar .group .tool-select .options .option {
    color: var(--theme-text-color);
}

.wikiEditor-ui-toolbar .page-table th {
    color: var(--ooui--disabled-color);
}

.wikiEditor-ui-toolbar .page-table td {
    color: var(--theme-text-color);
    border-top-color: var(--ooui--menuselect-border-color);
}

.wikiEditor-ui-toolbar .page-characters div span {
    border-color: var(--ooui--tagitem-border-color);
    color: var(--theme-text-color);
}

.wikiEditor-ui-toolbar .page-characters div span:hover {
    background-color: var(--ooui--menuselect-highlighted-background-color);
    border-color: var(--ooui--tagitem-border-color--hover);
}

.wikiEditor-ui-toolbar {
    background-color: var(--theme-content-background);
}

.wikiEditor-ui-toolbar .group {
    border-color: var(--ooui--menuselect-border-color);
}

.wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {
    background-color: var(--ooui--menuselect-highlighted-background-color);
}

.wikiEditor-ui-toolbar .booklet>.index> :hover {
    background-color: var(--ooui--menuselect-highlighted-background-color);
}

.wikiEditor-ui-toolbar .booklet>.index>.current {
    background-color: var(--ooui--menuselect-selected-background-color);
    color: var(--theme-link-color);
}

.tool-button:hover,
.tool.oo-ui-buttonElement-frameless.oo-ui-iconElement>.oo-ui-buttonElement-button:hover {
    background-color: var(--ooui--menuselect-highlighted-background-color);
}

.mw-email-not-authenticated .oo-ui-labelWidget,
.mw-email-none .oo-ui-labelWidget {
    color: unset;
}

.mw-email-not-authenticated .oo-ui-labelWidget {
    background-color: var(--ooui--messagewidget-warning-background-color);
    border-color: var(--ooui--messagewidget-warning-border-color)
}

.mw-email-none .oo-ui-labelWidget {
    background-color: var(--ooui--messagewidget-notice-background-color);
    border-color: var(--ooui--messagewidget-notice-border-color);
}

.mw-prefs-buttons {
    background-color: var(--theme-content-background);
    border-top-color: var(--ooui--panellayout-border-color);
}

.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(--ooui--panellayout-border-color);
}

.client-nojs .mw-prefs-tabs .mw-prefs-section-fieldset > .oo-ui-fieldsetLayout-group {
    border-top-color: var(--ooui--panellayout-border-color);
}


/* ------------------------------------------------------------------ */


/* ================================================================== */
/* OOUI styles end */
/* ================================================================== */


/* ------------------------------------------------------------------ */








/* from common.css, need to be clean up */



/*
Common css for both desktop and mobile view.
Imported in common.css and mobile.css.
*/

/* ------------------------------------------------------------------ */

/* ================================================================== */
/* General styles */
/* ================================================================== */


/* ------------------------------------------------------------------ */



.pixel img, .pixel,
.WikiaLightbox .media img,
#mw-imagepage-section-filehistory img {
	image-rendering: pixelated; /*for chrome*/
	image-rendering: crisp-edges; /*for firefox*/
}

.thumb{
	background: var(--theme-box-background);
}
.thumbimage{
	background-color: var(--theme-content-background);
	border-color: var(--theme-border-color);
}
div.thumbinner{
	background-color: var(--theme-box-background);
	border-color: var(--theme-border-color);
	border-radius: 5px;
}
li.gallerybox div.thumb{
	border-radius: 5px;
	border-color: var(--theme-border-color);
	background-color: var(--theme-page-background-color);
}
.gallery *{
	box-sizing: initial;
}
.mw-gallery-traditional .thumb{
	display: flex;
}
.mw-gallery-traditional .thumb a{
	display: block;
}
.small {
	font-size: 85%;
}
.fullwidth, .full-width{
	width: 100%;
}
.nowrap {
	white-space: nowrap;
}

.page-content ul, .page-content ol{
	margin: 2px 0 2px 1.5em;
}
.page-content ol.special{
	list-style-position: inside;
	margin-left: auto;
}

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
	text-align: center;
}

.alignleft,
.align-left{
	text-align: left;
}

.alignright,
.align-right{
	text-align: right;
}

/* pic box */
div.tright {
	margin: 0 0 1em 1em;
}

/* clear fix for float block */
.clearfix {
	*zoom: 1;
}
.clearfix::before,
.clearfix::after {
	content: " ";
	display: table;
}
.clearfix::after {
	clear: both;
}

/* Add diff accent to make even smaller changes visible */
.diffchange-inline {
	border: 1px var(--theme-alert-color) dashed;
}

/* Recent changes reduce spacing */
fieldset.rcoptions {
	margin-top: 0;
}

/* References smaller text than main */
.references {
	font-size: 90%;
}



/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
	font-size: 14px !important;
}

/* SoundManager2Button icon (It looks useless/unused) */
a.sm2_button {
	background-color: #3399CC;
}
a.sm2_button:hover,
a.sm2_playing {
	background-color: #006A9F;
}

/* Fix indicators' styling (e.g. the "Help" link on category pages) */
.mw-body .mw-indicators {
	z-index: 0;
}
.mw-body .mw-indicator {
	vertical-align: middle;
}
@media screen and (max-width: 720px){
	.mw-body .mw-indicators + .firstHeading{
		float: left;
	}
}
/*hide its negative margin-top */
.mw-jump, #jump-to-nav{
	display:none;
}

/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
	display: inline;
}

/* hide last empty paragraph at the end */
div.mw-parser-output > p:last-child > br:only-child{
	display: none;
}

/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
	content: '\00A0';
}

/* Vertical margin tweaks */
#contentSub {
	margin-bottom: 0.5em;
}
/* When title sub line is empty, remove its margin (provides better vertical centering) */
#contentSub:empty {
	margin: 0;
}

/* For floating the "Collapse"/"Expand" link (instead of always right next to text) */
.mw-collapsible-alignbtnright .mw-collapsible-toggle {
	float: right !important;
}
.mw-collapsible-alignbtnleft .mw-collapsible-toggle {
	float: left !important;
}

/* Other "plaincollapse" styling */
/* Removes brackets from collapse/expand links for collapsible elements with "plaincollapse" class specified */
/* Only apply to immediate children to allow nesting */
.plaincollapse > .mw-collapsible-toggle {
	color: rgba(0, 0, 0, 0.0);
}
.plaincollapse > .mw-collapsible-toggle > a,
.plaincollapse > .mw-collapsible-toggle > a:link,
.plaincollapse > .mw-collapsible-toggle > a:visited,
.plaincollapse > .mw-collapsible-toggle > a:hover {
	font-weight: bold;
}

/* Highlight (used in Community and Admin noticeboard headers) */
.highlightheader {
	text-align: center;
	font-size: 140%;
	background: var(--theme-highlight-background);
	padding: 4px;
}
.highlightbody {
	padding: 10px;
	background: var(--custom-notice-purple-background-color);
}

.block{
	display: block;
}
.inline{
	display: inline;
}
.inline-block{
	display: inline-block;
}

.incell-border {
	margin: 0.7em 0;
	background-color: var(--theme-border-color);
}

hr.space{
	height: 4px;
	background: none;
	border: 0;
}
.page-content .vertical-align-top *{
	vertical-align: top;
}
.page-content .vertical-align-bottom *{
	vertical-align: bottom;
}












/* ================================================================== */
/* Portable infobox theme */
/* ================================================================== */
.portable-infobox {
	--pi-border-color: var(--theme-border-color);
	border: 1px solid var(--pi-border-color);
	border-radius: 8px;
	padding: 6px;
	font-size: 12px;
	background-color: var(--theme-box-background);
	line-height: 1.5;
	float: right;
	margin: 0.5em 0 0.5em 1em;
	width: 21em;
}
.portable-infobox .pi-data,
.portable-infobox .pi-group {
	border: none;
}
.portable-infobox .pi-title,
.portable-infobox .pi-header,
.portable-infobox .pi-navigation {
	color: var(--modetabs-text-color);
	text-align: center;
}
.portable-infobox .pi-title,
.portable-infobox .pi-header {
	background: var(--modetabs-background);
	border: 1px solid;
	border-color: var(--theme-box-border-color-inner);
	border-radius: var(--theme-box-border-radius-inner);
}
.portable-infobox .pi-title {
	font-weight: bold;
	font-size: 15px;
	padding: 6px 3px;
	line-height: 1.2;
}
.portable-infobox .pi-title + .pi-group,
.portable-infobox .pi-group.pi-collapse-closed + .pi-group {
	margin-top: 4px;
}
.portable-infobox .pi-header {
	padding: 2px 0;
}
.portable-infobox .pi-secondary-font {
	font-size: 12px;
	line-height: 1.5;
}
.portable-infobox .pi-navigation {
	background-color: transparent;
	border-top: 1px solid var(--pi-border-color);
	font-size: 11.5px;
}
.portable-infobox .pi-data.pi-item .pi-data-label {
	flex-basis: 120px;
	text-align: right;
}
.portable-infobox .pi-group.pi-collapse .pi-header {
	cursor: pointer;
}
.portable-infobox .pi-image {
	margin: 6px;
}
.portable-infobox .pi-image img {
	max-width: 100%;
	height: auto;
}
@media screen and (min-width: 720px) {
	.client-js .pi-collapse .pi-header:first-child {
		padding-right: 0;
	}
}


/* Removes VisualEdit button */
#ca-ve-edit {
	display: none;
}




/* Warning color */
.warning {
	color: #ffff00;
}



/* Bullets */
ul {
	list-style-image: none;
}

/* History pages */
#pagehistory li.selected {
	background-color: transparent;
	color: inherit;
}
.updatedmarker {
	background-color: var(--oouihelper--yellow);
}

fieldset {
	border: 2px solid #eae3d1;
}

/* Code */
code {
	background-color: transparent;
	border-color: var(--theme-box-border-color-light);
}

/* History pages */
.mw-plusminus-pos {
	color: #00ff00;
}

/* Mobile view fixes */
@media screen and (max-width: 720px) {
	div#p-personal {
		right: unset;
		padding-right: unset;
	}

	#content, #footer {
		margin-right: 0;
	}


}

/* Community Noticeboard */
.highlightbody {
	background: none;
}

/* Search Page */
.mw-search-profile-tabs {
	background-color: none;
}

/* Classic Mode Color */
.tab.normal {
	color: var(--theme-modetabs-classic-text-color-label);
}
/* Expert Mode Color */
.tab.expert {
	color: var(--theme-modetabs-expert-text-color-label);
}
/* Master Mode Color */
.tab.master {
	color: var(--theme-modetabs-master-text-color-label);
}


.games-showcase-header img,
.games-showcase-footer img {
	height: 100%;
	width: auto;
	object-fit: contain;
}

/* Mobile view fixes - START */

@media screen and (max-width: 1100px) {
	.games-showcase-header img,
	.games-showcase-footer img  {
		height: auto!important;
		width: 100%!important;
		object-fit: contain;
	}
}

@media screen and (max-width: 926px) {
	.games-showcase-header img,
	.games-showcase-footer img  {
		object-position: 50%;
		height: 105px!important;
		width: 100%!important;
		object-fit: none!important;
	}
}


@media screen and (max-width: 720px) {



	.mclist li {
		display: block;
		text-overflow: unset;
		white-space: nowrap;
		overflow: unset;
	}

	.mclist,
	.outro .content{
		overflow-x: auto;
	}



}

@media screen and (max-width: 450px) {
	.mw-parser-output .infobox,
	.portable-infobox {
		width: calc(100% - 20px) !important; /* !important required since some infoboxes manually specify a width */
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	/* images/thumbnails */
	.mw-parser-output .image > img {
		max-width: 100%;
		max-height: 50vh;
		width: auto;
		height: auto;
	}
	.mw-parser-output .thumb,
	.transclude-box {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		float: none;
	}
	.mw-parser-output .thumb .thumbinner {
		max-width: 100%;
		width: auto !important;
		height: auto !important;
	}
}

/* Mobile view fixes - END */

/* Search */
.mw-search-profile-tabs {
	background: none;
}
.mw-search-result-data {
	color: #00ff00;
}

/* Footnotes */
ol.references li:target,
sup.reference:target {
	background-color: var(--theme-page-background-color);
}

.drilldown-filter-values a {
	color: #54595d;
}

/* from vector.css, need to be clean up */

/* Changes gray text from Temlpate:Na to regular text color */
.na {
	color: #eae3d1;
}


/* Invert color for formulas created by math extension */
.mwe-math-fallback-image-inline {
	filter: invert(1);
}

/* Achievement text color */
.trw-toggleable.not-toggled.achievements .achievement > div {
	color: var(--theme-text-color) !important;
}

/* Drowning Table No Border */
.drowning-table-no-border {
	border: none;
}

/* Gadget description length */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-top>.oo-ui-fieldLayout-body>.oo-ui-fieldLayout-header,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-inline>.oo-ui-fieldLayout-body {
	max-width: unset;
}


/* "Warning" boxes that have some log entries
 	+
 * (e.g. on Special:Contribs of a blocked user or when editing a protected page)
 	+
 * (selector needs the mw-content-text ID to have a higher specificity) */

	/* Theme-dependent border color instead of hardcoded #2a4b8d */

#mw-content-text .mw-warning-with-logexcerpt {
border-color: var(--custom-notice-red-border-color);
}

	/* More evenly aligned text in the box */
#mw-content-text .mw-warning-with-logexcerpt > p {
margin: 0.25em 0.5em;
}


/* Box at the top of all pages when the user has a new message on their User_talk: page */
.usermessage {
background-color: var(--custom-notice-yellow-background-color);
border-color: var(--custom-notice-yellow-border-color);
color: var(--theme-text-color);
}


/* Warning box that appears sometimes when uploading a file */
.mw-destfile-warning {
	border-color: var(--ooui--messagewidget-warning-border-color);
	color: var(--theme-text-color);
	background-color: var(--ooui--messagewidget-warning-background-color);
}


/***********************************************************************************************************
 * css for wiki.gg top bar and footer bar
 ***********************************************************************************************************/

/*** Wiki.gg site bars tweak ***/
div#p-personal ul{
	white-space: nowrap; /* for "log out" */
}
#p-personal .vector-menu-content #pt-anonuserpage,
#p-personal .vector-menu-content  #pt-userpage a{
	padding-top: 0;
	background-position: left center;
}


/*** responsive ***/
@media screen and (max-width: 720px){
	footer#wikigg-footer .footer-right{
		margin-left: 0;
	}
	footer#wikigg-footer .footer-left {
		margin-right: 0;
	}
}
@media screen and (max-width:600px) {
	footer#wikigg-footer{
		display: grid;
		grid-template-columns: 35px 1fr;
		grid-template-rows: auto auto;
		align-items: center;
		justify-items: start;
		padding: 3px 0 3px 10px;
	}
	footer#wikigg-footer .footer-middle{
		grid-column: 1 / 2;
		grid-row: 1 / 3;
	}
	footer#wikigg-footer .footer-right{
		grid-column: 2 / 3;
		grid-row: 1 / 2;
		margin: 0;
	}
	footer#wikigg-footer .footer-left{
		grid-column: 2 / 3;
		grid-row: 2 / 3;
		margin: 0;
	}
}/* screen and (max-width:600px) */




/*
css for floating-scroll v3.2.0
https://amphiluke.github.io/floating-scroll/
(c) 2022 Amphiluke
*/
.fl-scrolls{overflow:auto;position:fixed}.fl-scrolls div{overflow:hidden;pointer-events:none}.fl-scrolls div:before{content:"\A0"}.fl-scrolls,.fl-scrolls div{font-size:1px;line-height:0;margin:0;padding:0}.fl-scrolls-hidden div:before{content:"\A0\A0"}.fl-scrolls-viewport{position:relative}.fl-scrolls-body{overflow:auto}.fl-scrolls-viewport .fl-scrolls{position:absolute}.fl-scrolls-hoverable .fl-scrolls{opacity:0;transition:opacity .5s .3s}.fl-scrolls-hoverable:hover .fl-scrolls{opacity:1}.fl-scrolls:not([data-orientation]),.fl-scrolls[data-orientation=horizontal]{bottom:0;min-height:17px}.fl-scrolls:not([data-orientation]) div,.fl-scrolls[data-orientation=horizontal] div{height:1px}.fl-scrolls-hidden.fl-scrolls:not([data-orientation]),.fl-scrolls-hidden.fl-scrolls[data-orientation=horizontal]{bottom:9999px}.fl-scrolls-viewport .fl-scrolls:not([data-orientation]),.fl-scrolls-viewport .fl-scrolls[data-orientation=horizontal]{left:0}.fl-scrolls[data-orientation=vertical]{right:0;min-width:17px}.fl-scrolls[data-orientation=vertical] div{width:1px}.fl-scrolls-hidden.fl-scrolls[data-orientation=vertical]{right:9999px}.fl-scrolls-viewport .fl-scrolls[data-orientation=vertical]{top:0}
/*css for wide table */
.table-wide {
	clear: both;
	position: relative;
}
.mw-parser-output > .table-width{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.table-wide-inner {
	overflow-x: auto;
}
.table-wide-inner > table {
	margin: 0 !important;
}
.table-wide:before {
	box-shadow: inset -15px 0 20px -15px var(--theme-wide-table-shadow-color);
	content: "";
	display: block;
	width: 20px;
	height: 100%;
	pointer-events: none;
	position: absolute;
	right: 0;
	z-index: 2;
}




/***********************************************************************************************************
 * interface layout and styles for widgets outside of content box
 ***********************************************************************************************************/

:root {
	--main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
	--main-layout-sidebar-width: 160px; /* width of side navbar, without gap */
	--main-layout-sidespace: 24px; /* whitespace width on most left and most right */
	--main-layout-gap: 12px;
	--main-layout-logo-height: var(--theme-site-logo-height);
	--main-box-border-radius: 6px;
	--main-inner-box-border-radius: calc(var(--main-box-border-radius) - 2px);
	--main-box-padding: 12px;
}
body {
	background: var(--theme-body-background);
	/* Removes second vertical scrollbar(mw 1.37 fix) */
	overflow-y: unset; /* must be unset or visible, can not be auto, or side ad will not be sticky */
}

/**** Main Layout START ***********************************************************/

/**
 * Note: wiki.gg topbar is position:fixed. So we don't need to consider it in grid layout
 */

html, body{
	min-height: 100%;
}
html{
	height: 100%;
	scroll-padding-top: calc(var(--main-layout-topbar-height) + 50px);
}
body{
	height: auto;
}

/*** main grid container ***/
body{
	/* self */
	box-sizing: border-box;
	/* grid */
	display: grid;
	grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left] var(--main-layout-sidebar-width) [aside-right content-left] minmax(0,1fr) [content-right] var(--main-layout-sidespace) [body-right];
	grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end nav-start] 0fr [nav-end content-start] auto [content-end footer-start] 0fr [footer-end] 1fr [page-end] 0fr [body-end];
	gap: 0 var(--main-layout-gap);
}


/*** grid items ***/
/* Flatten DOM structure. Therefore we have following grid items under body grid container:
 * div#mw-page-base, div#mw-head-base, #mw-navigation>h2, div#mw-head, div#mw-panel, div#content.mw-body, div#footer, footer.
 */
body > .content-wrapper,
#mw-navigation{
	display: contents;
}
/** unused, hide them **/
#mw-head-base,
#mw-navigation>h2{
	display: none;
}
/** side nav bar **/
#mw-panel{
	grid-column: aside-left / aside-right;
	grid-row: nav-start / page-end;
	margin-bottom: var(--main-layout-gap);
	float: none;
	width: unset;
	padding: 0;
}
/** nav **/
#mw-head{
	grid-column: content-left / content-right;
	grid-row: nav-start / nav-end;
}
/** content **/
.mw-body{
	grid-column: content-left / content-right;
	grid-row: content-start / content-end;
}
/* For some page such as api.php, .mw-body is the only child, so take up all space. */
.mw-body:first-child{
	grid-column: body-left / body-right;
	grid-row: page-start / page-end;
}
/** #footer: content footer **/
#footer{
	grid-column: content-left / content-right;
	grid-row: footer-start / footer-end;
	margin: 0;
}
/** used to gen box shadow for main box (nav + content + #footer) **/
#mw-page-base{
	grid-column: content-left / content-right;
	grid-row: nav-start / footer-end;
	height: 100%;
	background: none;
}
/** wiki.gg footer bar **/
body > footer{
	grid-column: body-left / body-right;
	grid-row: page-end / body-end;
}

/*** logo block. It is absolute position ***/
#p-logo{
	position: absolute;
	width: 100%;
	height: var(--main-layout-logo-height);
	left: 0;
	top: var(--main-layout-topbar-height);
	background: var(--theme-site-logo-image) center center / var(--theme-site-logo-width) auto no-repeat;
}
/* use logo image as <a>'s background will sometime flicker when hovered on Firefox,
 * I still don't know why, but move background to #p-logo can avoid this issue.
 */
#p-logo .mw-wiki-logo{
	width: var(--theme-site-logo-width);
	height: var(--theme-site-logo-height);
	margin: 0 auto;
	background: none; /* logo flicker fix */
}

/**** Main Layout END ***********************************************************/

/**** side panel START ***********************************************************/
#mw-panel{
	font-size: 12px;
	line-height: 1.5;
	color: var(--theme-text-color);
}
#mw-panel a{
	text-decoration: none;
}
/* sections */
#mw-panel .portal,
#mw-panel #p-logo + .portal{
	margin: var(--main-layout-gap) 0 0 0;
	padding: 0;
	border-radius: var(--main-box-border-radius);
	box-shadow: var(--theme-sidebar-box-shadow);
	color: var(--theme-sidebar-heading-text-color);
	background: var(--theme-sidebar-box-background);
	border-width: 1px;
	border-style: var(--theme-sidebar-box-border-style);
	border-color: var(--theme-sidebar-box-border-color);

}
#mw-panel #p-logo + .portal{
	margin-top: 0;
	position: relative;
}
/* the "grass" */
#mw-panel #p-logo + .portal::before{
	content: '';
	display: block;
	width: 100%;
	padding: 0 1px; /* for border width */
	height: 15px;
	background: var(--theme-navbar-background-top);
	position: absolute;
	top: var(--theme-navbar-background-top-offset);
	left: -1px;
}
/* secction heading */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3{
	margin: 0;
	padding: 6px 12px;
	border-bottom: var(--theme-sidebar-heading-border-bottom);
	border-radius: var(--main-inner-box-border-radius) var(--main-inner-box-border-radius) 0 0;
	background: var(--theme-sidebar-heading-background);
	font-size: 15px;
	line-height: 18px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--theme-text-color);
}
/* arrow icon */
#mw-panel .portal h3::after{
	content: "";
	display: inline-block;
	background: none;
	position: relative;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: var(--theme-sidebar-heading-arrow-color) transparent;
	border-width: 0 5px 6px 5px;
	margin-top: 4px;
	vertical-align: middle;
	flex: 0 0 auto;
}
#mw-panel .portal h3:hover::after{
	border-color: var(--theme-sidebar-heading-arrow-color-hover) transparent;
}
#mw-panel .portal.collapsed h3{
	border-radius: var(--main-inner-box-border-radius);
}
#mw-panel .portal.collapsed h3::after{
	border-width: 6px 5px 0 5px;
}
/* list */
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body{
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	border-top: var(--theme-sidebar-list-border-top);
}
#mw-panel .portal .body ul{
	padding: var(--theme-sidebar-list-padding-top) 4px 4px;
}
#mw-panel .portal .body li{
	margin: 0;
	padding: 0;
	font-size: inherit;
	line-height: inherit;
	background: var(--theme-sidebar-list-item-background);
	border-radius: var(--main-inner-box-border-radius);
}
#mw-panel .portal .body li:hover{
	background: var(--theme-sidebar-list-item-hover-mask);
}
#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited{
	display: block;
	padding: 3px 8px;
	color: var(--theme-sidebar-list-item-text-color);
}
#mw-panel .portal .body li a:hover{
	color: var(--theme-sidebar-list-item-text-color-hover);
}
#mw-panel .portal .body li a.feedlink{ /* "Atom" RSS Feed */
	text-indent: 14px; /* the icon is 12x12px, so 12px + 2px */
	background-position: 8px center; /* align icon with other text */
}
#merch{
	margin: 1.5em auto auto 1em;
}

/**** side panel END ***********************************************************/

/**** main content box START ***********************************************************/

/**** box shadow for nav+content+#footer ****/
#mw-page-base{
	box-shadow: var(--theme-box-shadow);
	border-radius: var(--main-box-border-radius);
}

/**** navbar ****/
#mw-head{
	padding: 14px var(--main-box-padding) 0;
	box-sizing: border-box;
	background: var(--theme-navbar-background);
	border-width: 0 1px;
	border-style: solid;
	border-color: var(--theme-content-border-color);
	border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;

}
/* the "grass" */
#mw-head::before{
	content: '';
	display: block;
	width: 100%;
	padding: 0 1px;
	height: 15px;
	background: var(--theme-navbar-background-top);
	position: absolute;
	top: var(--theme-navbar-background-top-offset);
	left: -1px;
}

#mw-head #left-navigation,
#mw-head #right-navigation{
	float: none;
	flex: 1 1 auto;
	margin: 0;
	display: flex;
	align-items: flex-end;
}
#mw-head #left-navigation{
	justify-content: flex-start;
}
#mw-head #right-navigation{
	justify-content: flex-end;
}
/* reset */
#p-search,
.vector-menu-dropdown,
#mw-head .vector-menu-dropdown h3,
.vector-menu-dropdown h3 span,
.vectorTabs,
.vectorTabs ul,
.vectorTabs span,
.vectorTabs li,
.vectorTabs li a,
.vectorTabs li.selected a,
.vectorTabs li.selected a:visited{
	background-image: none;
	float: none;
	height: auto;
	display: block;
}
#mw-head input{
	display: block;
	z-index: 1;
}
#mw-head input + h3{
	z-index: 0;
}
.vectorMenuCheckbox:focus+h3{
	outline: 0;
}
.vectorTabs ul{
	display: flex;
}
.vectorTabs ul li,
.vector-menu-dropdown{
	display: block;
	white-space: nowrap;
}
.vector-menu-dropdown.emptyPortlet{
	display: none;
}

/* override some mw css */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
	color: var(--theme-navbar-tab-text-color);
	font-size: 14px;
	line-height: 24px;
	padding: 3px 12px;
	overflow: hidden;
}
.vector-menu-dropdown h3:hover span {
	color: var(--theme-navbar-tab-text-color); /* reset */
	text-decoration: underline;
}
.vectorTabs li,
.vector-menu-dropdown{
	background: var(--theme-navbar-tab-background);
	border-style: solid;
	border-color: var(--theme-navbar-tab-border-color);
	border-width: 1px 1px 0 1px;
	border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
	box-shadow: var(--theme-navbar-tab-box-shadow);
	position: relative;
	margin-right: calc( var(--main-box-padding) / 2 );
}
div.vectorTabs li:hover,
div.vector-menu-dropdown:hover,
div.vector-menu-dropdown.open {
	color: var(--theme-navbar-tab-text-color-hover);
	border-color: var(--theme-navbar-tab-border-color-hover);
	background: var(--theme-navbar-tab-background-hover);
}
div.vectorTabs li.selected:hover a,
div.vectorTabs li.selected:hover a:visited,
div.vectorTabs li:hover a,
div.vector-menu-dropdown:hover h3 span,
div.vector-menu-dropdown.open h3 span{
	color: var(--theme-navbar-tab-text-color-hover);
}

.vectorTabs li.new a,
.vectorTabs li.new a:visited{
	color: var(--theme-navbar-tab-text-color-redlink);
}
.vectorTabs li.selected {
	background: var(--theme-navbar-tab-selected-background);
	border-color: var(--theme-navbar-tab-selected-border-color);
}
.vectorTabs li.selected:hover span{
	background: none;
}
/* cover border bottom */
.vectorTabs li.selected::after{
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: var(--theme-navbar-tab-selected-background);
	border-width: 0 1px;
	border-style: solid;
	border-color: var(--theme-navbar-tab-selected-border-bottom-corner-color);
	position: absolute;
	bottom: -1px;
	left: -1px;
	z-index: 3;
}


/* watch/unwatch star */
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading{
	display: block;
	position: unset;
	width: 18px;
	height: 18px;
	padding: 6px 8px;
	box-sizing: content-box;
}
.vector-menu-tabs .mw-watchlink.icon a::before{
	height: 18px;
	width: 18px;
	display: inline-block;
	position: unset;
	margin-right: 20px;
}
.vector-menu-tabs #ca-unwatch.icon .loading::before,
.vector-menu-tabs #ca-watch.icon .loading::before{
	transform-origin: 50% 52%;
}


#mw-head .vector-menu-dropdown h3{
	padding: 0;
	margin: 0;
}
.vector-menu-dropdown h3::after{
	display: none;
}
.vector-menu-dropdown h3 span::after {
	content: "";
	display: inline-block;
	background: none;
	position: unset;
	width: 0;
	height: 0;
	border-color: var(--theme-navbar-tab-dropdown-arrow-color) transparent;
	border-style: solid;
	border-width: 6px 5px 0 5px;
	margin-left: 4px;
	vertical-align: middle;
}
.vector-menu-dropdown .vector-menu-checkbox:checked ~ h3 span::after,
.vector-menu-dropdown:hover h3 span::after{
	border-width: 0 5px 6px 5px;
	border-color: var(--theme-navbar-tab-dropdown-arrow-color-hover) transparent;
}
/* drop down menu */
.vector-menu-dropdown.open .menu{
	visibility: visible;
}
/* reset mw 1.37 css */
.vector-menu-dropdown:not(.vector-user-menu) li{
	font-size: 1em;
}
.vector-menu-dropdown .vector-menu-content,
.vector-menu-dropdown > .menu {
	font-size: 15px;
	background: var(--theme-navbar-tab-dropdown-background);
	margin: 0;
	border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
	border-width: 1px;
	border-style: solid;
	border-color: var(--theme-navbar-tab-dropdown-border-color);
	box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
	padding: 4px;
	top: 100%;
	left: -1px; /* 1px for border */
	min-width: 8em;
}
.vector-menu-dropdown .menu li a{
	text-decoration: none;
	padding: 10px 8px;
	border-radius: calc( var(--main-box-border-radius) - 2px );
	font-size: 1em;
	color: var(--theme-navbar-tab-text-color);
}
.vector-menu-dropdown li.selected a,
.vector-menu-dropdown li.selected a:visited {
	color: var(--theme-navbar-tab-text-color);
}
.vector-menu-dropdown .menu li a:hover{
	background-color: var(--theme-navbar-tab-dropdown-hover-mask);
	color: var(--theme-navbar-tab-text-color-hover);
}
.vector-menu-dropdown li.selected{
	display: none; /* just remove current selected (already displayed in header) */
}
/* search */
#p-search form,
#p-search input{
	margin: 0;
}
#mw-head #p-search{
	margin: 0 0 6px calc( var(--main-layout-gap) / 2 );
	box-shadow: var(--theme-navbar-tab-dropdown-box-shadow);
}
#simpleSearch{
	background: none;
	margin: 0;
	border: 0;
	color: var(--theme-text-color);
	width: 15em;
	padding: 0;
	height: auto;
	border-radius: 0;
	transition: none;
	display: grid;
	grid-template-columns: 1fr 0fr;
	grid-template-rows: 1fr;
	align-content: stretch;
	justify-content: stretch;
}
#simpleSearch #searchInput{
	grid-column: 1 / 2;
	grid-row: 1 / 2;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	padding: 3px 5px;
	background: var(--theme-navbar-search-input-background);
	border-radius: 2px 0 0 2px;
	border-width: 1px;
	border-style: solid;
	border-color: var(--theme-navbar-search-input-border-color);
	border-right: 0;
	word-wrap: break-word;
	appearance: none;
	-webkit-appearance: none;
	color: var(--theme-navbar-search-input-text-color);
	height: auto;
}

#searchInput:focus,
#simpleSearch:hover #searchInput,
#simpleSearch:hover #searchInput:focus {
	border-color: var(--theme-navbar-search-input-border-color);
	box-shadow: none;
}
#simpleSearch #searchButton{
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	box-sizing: border-box;
	position: static; /* reset css from mw internal */
	display: block;
	width: 28px;
	height: 100%;
	/* mw internal css override its button default styles, so override again  */
	background: var(--theme-navbar-search-button-background);
	border: 1px solid;
	border-color: var(--theme-navbar-search-botton-border-color);
	border-radius: 0 2px 2px 0;
	z-index: 0;
}
#simpleSearch #searchButton:hover,
#searchInput:hover ~ #searchButton,
#searchInput:focus ~ #searchButton{
	background: var(--theme-navbar-search-button-background-active);
	border-color: var(--theme-navbar-search-botton-border-color-active);
}
/* use ::before & ::after to draw search icon */
#simpleSearch::before,
#simpleSearch::after{
	content: '';
	display: block;
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	z-index: 1;
	place-self: center;
	border-style: solid;
	border-color: var(--theme-navbar-search-botton-text-color);
	pointer-events: none;
}
#simpleSearch:hover::before,
#simpleSearch:hover::after {
	border-color: var(--theme-navbar-search-botton-text-color-active);
}
#simpleSearch::before{
	border-width: 2px;
	border-radius: 100%;
	width: 8px;
	height: 8px;
	margin: 0 0 1px 0;
	transform: translateX(-1px);
}
#simpleSearch::after{
	border-width: 1px;
	width: 3px;
	height: 0;
	transform: translate(4px, 4px) rotate(45deg);
}

/* search result suggestion */
.suggestions{
	background: var(--theme-navbar-search-suggestions-background);
	border: 1px solid;
	border-color: var(--theme-navbar-search-suggestions-border-color);
	transform: translateX(3px);/* self border 2px + input border 1px */
}
.suggestions .suggestions-results,
.suggestions .suggestions-special {
	background: none;
	border: 0;
}
.suggestions .suggestions-results {
	border-bottom: 1px solid;
	border-bottom-color: var(--theme-navbar-search-suggestions-results-border-bottom-color);
}
.suggestions .suggestions-result,
.suggestions .suggestions-special .special-query,
.suggestions a.mw-searchSuggest-link,
.suggestions a.mw-searchSuggest-link:hover,
.suggestions a.mw-searchSuggest-link:active,
.suggestions a.mw-searchSuggest-link:focus{
	color: var(--theme-navbar-search-suggestions-text-color);
}
.suggestions .suggestions-result-current {
	background: var(--theme-navbar-search-suggestions-hover-mask);
	color: var(--theme-navbar-search-suggestions-text-color-hover);
}
.suggestions .suggestions-special{
	margin-top: var(--theme-navbar-search-suggestions-special-offset-top);
	border-top: 1px solid;
	border-top-color: var(--theme-navbar-search-suggestions-special-border-top-color);
}
.suggestions .suggestions-special .special-label{
	color: var(--theme-navbar-search-suggestions-special-label-text-color);
}
.suggestions .suggestions-result-current .special-label{
	color: var(--theme-navbar-search-suggestions-special-label-text-color-hover);
}

/** sidebar toggle **/
#nav-content-size-toggle{
	width: 24px;
	height: 24px;
	align-self: center;
	margin-right: calc( var(--main-box-padding) - 5px );
	margin-left: -5px;
	position: relative;
	border-radius: 3px;
	cursor: pointer;
	flex: 0 0 auto;
}
#nav-content-size-toggle:hover{
	background: var(--theme-navbar-tab-background-hover);
}
#nav-content-size-toggle::before,
#nav-content-size-toggle::after,
#nav-content-size-toggle span::before,
#nav-content-size-toggle span::after{
	content: "";
	display: block;
	position: absolute;
	width: 3px;
	height: 3px;
	border-style: solid;
	border-color: var(--theme-navbar-tab-text-color);
}
#nav-content-size-toggle:hover::before,
#nav-content-size-toggle:hover::after,
#nav-content-size-toggle:hover span::before,
#nav-content-size-toggle:hover span::after{
	border-color: var(--theme-navbar-tab-text-color);
}
#nav-content-size-toggle::before{
	border-width: 2px 0 0 2px;
	top: 5px;
	left: 5px;
}
#nav-content-size-toggle::after{
	border-width: 2px 2px 0 0;
	top: 5px;
	right: 5px;
}
#nav-content-size-toggle span::before{
	border-width: 0 0 2px 2px;
	bottom: 5px;
	left: 5px;
}
#nav-content-size-toggle span::after{
	border-width: 0 2px 2px 0;
	bottom: 5px;
	right: 5px;
}
.content-size-expanded #nav-content-size-toggle::before{
	border-width: 0 2px 2px 0;
}
.content-size-expanded #nav-content-size-toggle::after{
	border-width: 0 0 2px 2px;
}
.content-size-expanded #nav-content-size-toggle span::before{
	border-width: 2px 2px 0 0;
}
.content-size-expanded #nav-content-size-toggle span::after{
	border-width: 2px 0 0 2px;
}


/**** main content box ****/
.mw-body{
	color: var(--theme-text-color); /* override mw internal css */
	background: var(--theme-content-background);
	border-width: 1px 1px var(--theme-content-border-bottom-width) 1px;
	border-style: var(--theme-content-border-style);
	border-color: var(--theme-content-border-color);
	margin: 0;
	padding: 0;
	z-index: 1; /* cover #footer */
	display: flex;
	flex-direction: column;
}
.content-body{
	flex: 1 1 auto;
}
.content-body > main{
	align-self: stretch;
	padding: var(--main-box-padding);
}
#firstHeading{
	border: 0;
	margin: 0;
	overflow: hidden; /* override mw internal css, fix scroll-x issue for narrow width */
}
#contentSub, #contentSub2{
	margin: 0;
}
#contentSub .subpages{
	color: transparent;
	line-height: 1.5;
	font-size: 0;
}
#contentSub .subpages a{
	font-size: 12px;
	vertical-align: middle;
	display: inline-flex;
	align-items: center;
	padding-left: 4px;
}
#contentSub .subpages a::before{
	content: "";
	display: inline-block;
	height: 4px;
	width: 4px;
	border-color: var(--theme-content-subpage-icon-color);
	border-style: solid;
	border-width: 0 0 2px 2px;
	margin: 0 2px 0 0;
	transform: rotate(45deg);
}
#bodyContent{
	clear: both;
	display: flex;
	flex-direction: column;
}
#mw-content-text{
	flex: 1 1 auto;
	min-height: 35em;
}
#mw-content-text::before{
	content: "";
	display: block;
	height: 0;
	border-top: var(--theme-content-heading-rule-border-top);
	border-bottom: var(--theme-content-heading-rule-border-bottom);
	margin-top: 2px;
	margin-bottom: 1em; /* will collapse with margin-top of content's "top element" */
}
/*
This will break margin collapse
.mw-parser-output{
	overflow: auto;
}
*/
/* "category:" box */
#catlinks{
	background: var(--theme-content-category-background);
	border: 1px;
	border-style: var(--theme-content-category-border-style);
	border-color: var(--theme-content-category-border-color);
	border-radius: var(--main-box-border-radius);
	margin: var(--main-layout-gap) 0 0 0;
	padding: calc( var(--main-box-padding) / 2 ) var(--main-box-padding);
}

/* ads */
div.games-showcase-header,
div.games-showcase-footer,
.content-body > .games-showcase-sidebar{
	margin: 0;
	padding: var(--main-box-padding);
}
div.games-showcase-header{
	padding-bottom: 0;
}
div.games-showcase-footer{
	padding-top: 0;
}
.content-body > .games-showcase-sidebar{
	padding-left: 0;
}
aside.games-showcase-sidebar div.sidebar-showcase{
	padding: 0 0 var(--main-box-padding) 0;
}


/**** #footer (copyright info) ****/
#footer{
	/* self */
	color: var(--theme-footer-text-color);
	background: var(--theme-footer-background);
	padding: var(--main-box-padding);
	border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
	border-width: var(--theme-footer-border-top-width) 1px 1px 1px;
	border-style: var(--theme-footer-border-style);
	border-color: var(--theme-footer-border-color);
	box-shadow: var(--theme-footer-box-shadow);
	position: relative;
	/* grid */
	display: grid;
	grid-template-columns: [l] 1fr 0fr [r];
	grid-template-rows: [t] auto auto [b];
	z-index: 0; /* covered by content */
}
#footer-info{
	font-size: 11px;
	display: contents;
}
#footer ul li{
	font-size: inherit;
	line-height: 1.5;
	padding: 0;
}
#footer-icons{
	grid-column: span 1 / r;
	grid-row: t / b;
	place-self: end;
}
#footer #footer-info-lastmod{
	grid-column: l / span 1;
	grid-row: t / span 1;
	place-self: start;
	margin-bottom: 1em;
}
#footer #footer-info-copyright{
	grid-column: l / span 1;
	grid-row: span 1 / b;
	place-self: end stretch;
	position: relative;
	padding-right: 100px;
}
#footer-info-copyright img{
	position: absolute;
	right: 0;
	/* mediawiki logo is 31px height, and this image has a 1px black border,
	   a small tweak to make them visually matched on size and position */
	bottom: -1px;
	height: 33px;
	width: auto;
}
#footer-places,
#footer > div {
	display: none;
}

/**** main content box START ***********************************************************/

/****** responsive Layout ******/

/* sidebar toggle. >=1366px only */
@media screen and (min-width: 1366px){
	#mw-head #left-navigation:first-child{
		margin-left: calc( 24px + var(--main-box-padding) - 5px * 2 ); /* space for toggle button before it is loaded. */
	}
	body.content-size-expanded{
		grid-template-columns: [body-left] var(--main-layout-sidespace) [aside-left aside-right content-left] minmax(0,1fr) [content-right] var(--main-layout-sidespace) [body-right];
	}
	body.content-size-expanded #mw-panel > *{
		display: none;
	}
	body.content-size-expanded #mw-panel #p-logo{
		display: block;
	}
}

@media screen and (max-width: 1365px){
:root{
	--main-layout-sidespace: 0;
}
/* re-style "sidebar" nav */
body{
	height: 100%;
	grid-template-columns: [body-left] 0 [aside-left content-left] minmax(0,1fr) [content-right aside-right] 0 [body-right];
	grid-template-rows: [body-start] var(--main-layout-topbar-height) [page-start logo-start] var(--main-layout-logo-height) [logo-end aside-start] auto [aside-end nav-start] 0fr [nav-end content-start] 1fr [content-end footer-start] 0fr [footer-end] auto [page-end] 0fr [body-end];
}

#mw-panel{
	grid-column: aside-left / aside-right;
	grid-row: aside-start / aside-end;
	box-shadow: var(--theme-sidebar-box-shadow);
	background: var(--theme-sidebar-box-background-2);
	border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
	height: 40px;
	display: flex;
	align-items: flex-end;
	padding: 0 var(--main-layout-gap);
}
/* remove the "grass" for sidebar and content */
#mw-head::before,
#mw-panel #p-logo + .portal::before{
	display: none;
}
/* the "grass" for sidebar box */
#mw-panel::before{
	content: '';
	display: block;
	padding: 0;
	height: 15px;
	background: var(--theme-navbar-background-top);
	position: absolute;
	top: calc( var(--main-layout-topbar-height) + var(--main-layout-logo-height) + var(--theme-navbar-background-top-offset) );
	left: var(--main-layout-gap);
	right: var(--main-layout-gap);
}
#mw-panel .portal,
#mw-panel #p-logo + .portal{
	background: none;
	box-shadow: none;
	border: 0;
	margin: 0;
	position: relative;
}
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3{
	padding: 8px 12px;
	border: 0;
	border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
	background: none;
}
#mw-panel #p-logo + .portal.expanded h3,
#mw-panel .portal.expanded h3,
#mw-panel #p-logo + .portal:hover h3,
#mw-panel .portal:hover h3{
	background: var(--theme-sidebar-list-item-hover-mask);
	border-radius: var(--main-box-border-radius) var(--main-box-border-radius) 0 0;
}
#mw-navigation #mw-panel .portal h3::after{
	margin-left: 4px;
}
#mw-panel div.portal h3::after{
	border-width: 6px 5px 0 5px;
}
#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after{
	border-width: 0 5px 6px 5px;
}
#mw-panel #p-logo + .portal .body,
#mw-panel .portal .body{
	display: none !important; /* !important is required, since there is inline-css from sidebar collapse/expand */
	position:absolute;
	left: 0;
	top: 100%;
	z-index: 50;
	width: max-content;
	border-top: 0;
	background: var(--theme-sidebar-dropdown-background);
	box-shadow: var(--theme-sidebar-box-shadow);
	border-radius: 0 0 var(--main-box-border-radius) var(--main-box-border-radius);
	min-width: 8em;
}
#mw-panel #p-logo + .portal.expanded .body,
#mw-panel .portal.expanded .body,
#mw-panel #p-logo + .portal:hover .body,
#mw-panel .portal:hover .body{
	display: block !important;
}
#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
	padding: 6px 8px;
}

/* logo: move to left */
#p-logo{
	margin: 0 var(--main-layout-gap);
	width: var(--theme-site-logo-width);
}

/* merch: move to top right */
#merch{
	position: absolute;
	margin: 0;
	right: var(--main-layout-gap);
	top: calc( var(--main-layout-topbar-height) + 20px );
}

/* search: move to sidebar nav box ("main nav bar") */
#mw-head #p-search{
	position: absolute;
	top: -42px;
}

#mw-head #right-navigation #p-cactions {
	margin-right: 0;
}

/* "more" menu in #right-navigation causes horizontal scroll bar appear */
#right-navigation .vector-menu-dropdown .vector-menu-content{
	left: auto;
	right: -1px; /* 1px for border */
}

/* hide sidebar toggle */
#nav-content-size-toggle{
	display: none;
}

/* site footer */
body > footer{
	margin-top: var(--main-layout-gap);
}
}/* screen and (max-width: 1365px) */

@media screen and (max-width:900px) {
:root{
	--theme-site-logo-width: 210px;
	--theme-site-logo-height: 90px;
	--main-layout-gap: 6px;
	--main-box-padding: 6px;
}
body{
	grid-template-columns: [body-left aside-left content-left] minmax(0,1fr) [aside-right content-right body-right];
}
#merch{
	display: none;
}

/** reset mw internal css **/
div#content{
	margin: 0;
}
#mw-head {
	position: relative !important;
	margin-top: 0;
	top: 0;
}
div#mw-navigation div#mw-panel {
	display: flex;
	position: static;
	width: auto;
	overflow: visible;
}
div#mw-navigation div#mw-panel .portal {
	width: auto;
}
body #footer {
	padding-top: 0.75em;
}
body #footer #footer-info-lastmod,
body #footer #footer-info-viewcount {
	display: block;
}
#mw-head div#left-navigation,
#mw-head div#right-navigation{
	position: static;
}
div#p-logo{
	display: block;
}
div.mw-body {
	margin-top: 0;
}

#mw-head #p-search {
	background: var(--theme-navbar-search-background);
	padding: calc( var(--main-layout-gap) / 2 ) var(--main-layout-gap) calc( var(--main-layout-gap) / 2 ) calc( var(--main-layout-gap) / 2 );
	border-radius: var(--main-box-border-radius) 0 0 var(--main-box-border-radius);
	top: -100px;
	right: 0;
	z-index: 50;
}

#mw-head,
#mw-panel,
#footer,
#mw-page-base{
	border-radius: 0;
}

#mw-panel::before{
	left: 0;
	right: 0;
}
}/* screen and (max-width:900px) */

@media screen and (max-width: 720px){
:root{
	--main-layout-topbar-height: 35px; /* height of wiki.gg topbar */
}
/* reset */
div#p-namespaces, div#p-views, div#p-variants{
	top: 0;
}
div#mw-navigation div#mw-panel{
	font-size: 12px;
}

/* styles */
#mw-panel #p-logo + .portal h3,
#mw-panel .portal h3{
	font-size: 12px;
	padding: 8px 6px;
}
#mw-panel div.portal h3::after,
#mw-panel .portal.collapsed h3::after{
	border-width: 5px 4px 0;
	margin-top: 1px;
}
#mw-panel div.portal.expanded h3::after,
#mw-panel div.portal:hover h3::after {
	border-width: 0 4px 5px;
}
#mw-panel #p-logo + .portal{
	margin-left: calc( var(--main-layout-gap) - 6px );
}
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span {
	font-size: 12px;
	padding: 1px 8px;
}
.vectorTabs #ca-unwatch.icon a,
.vectorTabs #ca-watch.icon a,
.vectorTabs #ca-unwatch.icon a.loading,
.vectorTabs #ca-watch.icon a.loading {
	padding: 4px 8px;
}
}/* screen and (max-width:720px) */

@media screen and (max-width:600px) {
/* reset mw internal css */
#footer #footer-icons{
	float: none;
}
#footer #footer-info-copyright{
	padding-right: 0;
	padding-bottom: 40px;
	right: auto;
	left: 0;
}
#footer-info-copyright img{
	right: auto;
	left: 0;
}

div#p-logo{
	margin: auto;
	width: 100%;
}
#mw-panel{
	margin-top: 45px;
}
#mw-panel::before{
	transform: translateY(45px);
}
#mw-head #p-search {
	top: -95px;
	box-sizing: border-box;
	width: 100%;
	max-width: 20em;
	margin: 0;
	padding: var(--main-box-padding);
	box-shadow: none;
	left: 50%;
	right: auto;
	transform: translateX(-50%);
	border-radius: var(--main-box-border-radius);
}
div#simpleSearch{
	margin: auto;
	width: auto;
}

/* content nav to icons */
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited,
div.vectorTabs li a,
div.vector-menu-dropdown h3 span{
	width: 20px;
	height: 20px;
	line-height: 20px;
	padding: 3px 6px;
	box-sizing: content-box;
}
div.vectorTabs li a::before,
div.vector-menu-dropdown h3 span::before {
	content: "";
	display: inline-block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	width: 20px;
	height: 0;
	border-bottom: 60px solid transparent;
	filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color));
	margin: -40px 20px 0 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h4v-2H6V4h3.994v4H14v1h2V7.01L11 2z' /%3E%3Cpath d='M13.339 10a.641.641 0 0 0-.643.643v.418a3.536 3.536 0 0 0-1.064.44l-.291-.291a.64.64 0 0 0-.91 0l-.226.228a.641.641 0 0 0 0 .909l.293.293a3.536 3.536 0 0 0-.437 1.056h-.418A.641.641 0 0 0 9 14.34v.322c0 .356.286.643.643.643h.418a3.536 3.536 0 0 0 .44 1.064l-.296.297a.641.641 0 0 0 0 .91l.227.227a.642.642 0 0 0 .909 0l.3-.3a3.536 3.536 0 0 0 1.055.437v.418c0 .357.287.643.643.643h.322a.641.641 0 0 0 .643-.643v-.418a3.536 3.536 0 0 0 1.056-.436l.3.299a.642.642 0 0 0 .908 0l.228-.228a.641.641 0 0 0 0-.909l-.298-.299a3.536 3.536 0 0 0 .441-1.062h.418A.641.641 0 0 0 18 14.66v-.322a.641.641 0 0 0-.643-.643h-.418a3.536 3.536 0 0 0-.436-1.056l.293-.293a.641.641 0 0 0 0-.91l-.228-.227a.642.642 0 0 0-.909 0l-.292.292a3.536 3.536 0 0 0-1.063-.441v-.418A.641.641 0 0 0 13.66 10zm.161 2.5a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2z' /%3E%3C/svg%3E%0A");
}
div.vectorTabs li:hover a::before,
div.vector-menu-dropdown:hover h3 span::before,
div.vector-menu-dropdown.open h3 span::before{
	filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-hover));
}
.vectorTabs li.new a::before,
.vectorTabs li.new:hover a::before{
	filter: drop-shadow(0 40px 0 var(--theme-navbar-tab-icon-color-redlink));
}
#ca-edit a::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='m12.879 2.165-9.465 9.471 4.95 4.95 9.465-9.471zm0 2.829L15 7.115l-6.636 6.643-2.121-2.122zM6.95 18H2v-4.95z'/%3E%3C/svg%3E%0A");
}
#ca-view a::before,
#ca-view-foreign a::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M9.92 4.91c-2.78 0-5.42 1.77-7.53 4.95l-.371.555.371.555c2.12 3.17 4.76 4.95 7.53 4.95 2.78 0 5.42-1.77 7.53-4.95l.371-.555-.371-.555c-2.12-3.17-4.76-4.95-7.53-4.95zm0 2c1.75 0 3.6 1.19 5.34 3.5-1.74 2.31-3.59 3.5-5.34 3.5s-3.6-1.19-5.34-3.5c1.74-2.31 3.59-3.5 5.34-3.5z'/%3E%3Cpath d='M9.84 5.31C7.72 5.31 6 7.04 6 9.15c0 2.12 1.73 3.84 3.84 3.84 2.12 0 3.84-1.73 3.84-3.84 0-2.12-1.73-3.84-3.84-3.84zm0 1c1.58 0 2.84 1.27 2.84 2.84 0 1.58-1.27 2.84-2.84 2.84C8.26 11.99 7 10.72 7 9.15c0-1.58 1.27-2.84 2.84-2.84z'/%3E%3C/svg%3E");
}
#left-navigation li[id^='ca-nstab-'] a::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 2v16h12V7.01L11 2zm2 2h3.994v4H14v8H6z'/%3E%3C/svg%3E%0A");
}
#ca-history a::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M10 2a8 8 0 0 0-8 8 8 8 0 0 0 8 8 8 8 0 0 0 8-8 8 8 0 0 0-8-8zm0 2a6 6 0 0 1 6 6 6 6 0 0 1-6 6 6 6 0 0 1-6-6 6 6 0 0 1 6-6z'/%3E%3Cpath d='M9.984 4.986A1 1 0 0 0 9 6v5h3a1 1 0 1 0 0-2h-1V6a1 1 0 0 0-1.016-1.014z'/%3E%3C/svg%3E%0A");
}
#ca-talk a::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M5.391 15.575c.553 1.556-.098 2.537-.942 3.425 3.262-.731 3.243-2.134 3.77-3.425zm10.366-3.933c-.553 1.557.098 2.538.942 3.426-3.262-.732-3.242-2.134-3.769-3.426z'/%3E%3Cpath d='M7.768 7.146c-3.202 0-5.798 2.035-5.797 4.545 0 2.51 2.596 4.544 5.797 4.543 3.2 0 5.794-2.034 5.795-4.543 0-2.51-2.595-4.544-5.795-4.545zm-.022 2.247c2.01 0 3.64 1.034 3.639 2.308-.001 1.274-1.63 2.306-3.639 2.307-2.01 0-3.64-1.033-3.64-2.307-.001-1.275 1.629-2.309 3.64-2.308z'/%3E%3Cpath d='M12.473 2.727c-3.604 0-6.525 2.149-6.526 4.8l2.104-.017c.001-1.392 1.974-2.52 4.406-2.52 2.433 0 4.407 1.128 4.408 2.52 0 1.393-1.973 2.522-4.408 2.521l.016 2.3c3.603-.001 6.524-2.152 6.523-4.804 0-2.65-2.92-4.8-6.523-4.8z'/%3E%3C/svg%3E%0A");
}
#t-contributions a::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M4 5v3.272A2 2 0 0 1 5 8a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-1-.27V15h10V5H4z'/%3E%3Ccircle cx='15.001' cy='10' r='2'/%3E%3Ccircle cx='9' cy='4' r='2'/%3E%3Ccircle cx='9' cy='16' r='2'/%3E%3C/svg%3E");
}
#ca-addsection a::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Crect width='2' height='12' x='9' y='4' ry='0'/%3E%3Crect width='12' height='2' x='4' y='9' ry='0'/%3E%3C/svg%3E%0A");
}
#ca-viewsource a::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Cpath d='M3 4h3v1H5v11h1v1H3zm14 0v13h-3v-1h1V5h-1V4zM6.5 4H9v1H8v11h1v1H6.5zm7 0v13H11v-1h1V5h-1V4z'/%3E%3C/svg%3E%0A");
}
#p-variants h3 span::before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 48 48' width='20'%3E%3Cpath d='M0 0h48v48h-48z' fill='none'/%3E%3Cpath d='M23.99 4c-11.05 0-19.99 8.95-19.99 20s8.94 20 19.99 20c11.05 0 20.01-8.95 20.01-20s-8.96-20-20.01-20zm13.85 12h-5.9c-.65-2.5-1.56-4.9-2.76-7.12 3.68 1.26 6.74 3.81 8.66 7.12zm-13.84-7.93c1.67 2.4 2.97 5.07 3.82 7.93h-7.64c.85-2.86 2.15-5.53 3.82-7.93zm-15.48 19.93c-.33-1.28-.52-2.62-.52-4s.19-2.72.52-4h6.75c-.16 1.31-.27 2.64-.27 4 0 1.36.11 2.69.28 4h-6.76zm1.63 4h5.9c.65 2.5 1.56 4.9 2.76 7.13-3.68-1.26-6.74-3.82-8.66-7.13zm5.9-16h-5.9c1.92-3.31 4.98-5.87 8.66-7.13-1.2 2.23-2.11 4.63-2.76 7.13zm7.95 23.93c-1.66-2.4-2.96-5.07-3.82-7.93h7.64c-.86 2.86-2.16 5.53-3.82 7.93zm4.68-11.93h-9.36c-.19-1.31-.32-2.64-.32-4 0-1.36.13-2.69.32-4h9.36c.19 1.31.32 2.64.32 4 0 1.36-.13 2.69-.32 4zm.51 11.12c1.2-2.23 2.11-4.62 2.76-7.12h5.9c-1.93 3.31-4.99 5.86-8.66 7.12zm3.53-11.12c.16-1.31.28-2.64.28-4 0-1.36-.11-2.69-.28-4h6.75c.33 1.28.53 2.62.53 4s-.19 2.72-.53 4h-6.75z'/%3E%3C/svg%3E");
}
#p-cactions h3 span::before{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath d='M14 6C14 7.10457 13.1046 8 12 8C10.8954 8 10 7.10457 10 6C10 4.89543 10.8954 4 12 4C13.1046 4 14 4.89543 14 6Z'/%3E%3Cpath d='M14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z'/%3E%3Cpath d='M14 18C14 19.1046 13.1046 20 12 20C10.8954 20 10 19.1046 10 18C10 16.8954 10.8954 16 12 16C13.1046 16 14 16.8954 14 18Z'/%3E%3C/svg%3E");
}
/* Except watch/unwatch star. It does not work under chrome. */
div.vectorTabs li.mw-watchlink a::before{
	border: 0;
	filter: none;
	margin: 0 20px 0 0;
}
}/* screen and (max-width:600px) */

@media screen and (max-width:450px) {
#mw-panel{
	padding-left: 6px;
	padding-right: 6px;
}
#mw-panel div.portal h3::after{
	display: none;
}
#mw-panel #p-navigation #p-navigation-label,
#mw-panel #p-lang #p-lang-label{
	width: 18px;
	display: block;
	white-space: nowrap;
	padding: 8px;
}
#p-navigation-label::before,
#p-lang-label::before{
	content: "";
	display: inline-block;
	vertical-align: bottom;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	width: 18px;
	height: 0;
	border-bottom: 60px solid transparent;
	position: relative;
	filter: drop-shadow(0 42px 0 var(--theme-text-color));
	margin: -42px 20px 0 0;
}
#p-navigation-label::before{
	background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 200 200' width='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75,20H40A20.06,20.06,0,0,0,20,40V75A20.06,20.06,0,0,0,40,95H75A20.06,20.06,0,0,0,95,75V40A20.06,20.06,0,0,0,75,20Zm0,55H40V40H75Zm95-27.5a10,10,0,0,0-10,10V75H125V40h17.5a10,10,0,0,0,0-20H125a20.06,20.06,0,0,0-20,20V75a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V57.5A10,10,0,0,0,170,47.5ZM75,105H40a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20H75a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,75,105Zm0,55H40V125H75Zm85-55H125a20.06,20.06,0,0,0-20,20v35a20.06,20.06,0,0,0,20,20h35a20.06,20.06,0,0,0,20-20V125A20.06,20.06,0,0,0,160,105Zm0,55H125V125h35Z'/%3E%3C/svg%3E");
}
#p-lang-label::before{
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 52 52' width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M39,18.67H35.42l-4.2,11.12A29,29,0,0,1,20.6,24.91a28.76,28.76,0,0,0,7.11-14.49h5.21a2,2,0,0,0,0-4H19.67V2a2,2,0,1,0-4,0V6.42H2.41a2,2,0,0,0,0,4H7.63a28.73,28.73,0,0,0,7.1,14.49A29.51,29.51,0,0,1,3.27,30a2,2,0,0,0,.43,4,1.61,1.61,0,0,0,.44-.05,32.56,32.56,0,0,0,13.53-6.25,32,32,0,0,0,12.13,5.9L22.83,52H28l2.7-7.76H43.64L46.37,52h5.22Zm-15.3-8.25a23.76,23.76,0,0,1-6,11.86,23.71,23.71,0,0,1-6-11.86Zm8.68,29.15,4.83-13.83L42,39.57Z'/%3E%3C/svg%3E");
}
#mw-navigation #mw-panel #p-lang{
	margin-left: auto;
	display: flex;
	justify-content: flex-end;
}
#mw-panel #p-lang .body{
	left: auto;
	right: 0;
}

div#simpleSearch{
	width: 90%;
}
}/* screen and (max-width:450px) */



/* section edit link */
.mw-editsection{
	white-space: nowrap;
}

/***** Notification *****/
.mw-notification {
	color: var(--theme-text-color);
	border: 1px solid;
	background: var(--theme-notification-background);
	border-color: var(--theme-notification-border-color);
	box-shadow: var(--theme-notification-shadow);
	border-radius: var(--main-box-border-radius);
	transform: none;
}
/* postedit notification */
.postedit-container{
	top: 4em;
}
.theme-mode-dark .postedit::after{
	filter: invert(100%);
}

/* Notification boxes on the right, e.g. after patrolling an edit */
.mw-notification.mw-notification-type-error {
	border-color: var(--custom-notice-red-border-color);
	--custom-notice-red-text-color: hsl(0, 100%, 70%);
	color: var(--custom-notice-red-text-color);
}
.mw-notification.mw-notification-type-warn {
	border-color: var(--custom-notice-orange-border-color);
	--custom-notice-orange-text-color: hsl(28, 100%, 70%);
	color: var(--custom-notice-orange-text-color);
}



/* Help icon on category pages, Special:RecentChanges, etc. */
/* In the default style, the icon is the background-image of the <a> element.
 * We want to apply a filter to the image only (not the text), so we have to 
 * move the image to a new pseudo-element. */
#mw-indicator-mw-helplink a {
	background: none;
	padding-left: 0;
	display: flex;
}
#mw-indicator-mw-helplink a:before {
	content: '';
	background-image: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
	background-position: left center;
	background-repeat: no-repeat;
	display: inline-block;
	height: 20px;
	padding-left: 25px;
	filter: var(--ooui--icon-normal-filter); /* theme-dependent color of the icon */
}



/* Arrow on redirect pages */
/* In the default style, the icon is the background of the <li> element.
 * We want to apply a filter to the image only (not the text), so we have to 
 * move the image to a new pseudo-element. */
.mw-content-ltr .redirectText li:first-child {
	background: none;
	padding-left: 0;
}
.mw-content-ltr .redirectText li:first-child:before {
	content: '';
	background: linear-gradient(transparent, transparent), url(/resources/src/mediawiki.action/images/redirect-ltr.svg);
	padding-left: 47px;
	filter: var(--ooui--icon-normal-filter); /* theme-dependent color of the icon */
}



/***********************************************************************************************************
 * css for pages under MediaWiki or Special NS, or system widgets on template/module pages and so on
 ***********************************************************************************************************/

/******* Search result page. (Special:Search)  ******/

.mw-search-form-wrapper{
	font-size: 1em;
}

.mw-search-form-wrapper #mw-search-top-table{
	display: flex;
	align-items: center;
}
.mw-search-form-wrapper #mw-search-top-table > div{
	float: none;
}
.mw-search-form-wrapper .results-info{
	color: var(--theme-text-color-note);
	font-size: 1em;
	padding: 0 0 0 3em;
	white-space: nowrap;
	text-align: right;
	flex: 1 1 auto;
}
.mw-search-form-wrapper .mw-search-visualclear{
	display: none;
}
.mw-search-form-wrapper .mw-search-profile-tabs {
	border: 0;
	margin: 1em 0;
}
.mw-search-form-wrapper .mw-search-profile-tabs .search-types + div{
	display: none;
}
.mw-search-form-wrapper .mw-search-profile-tabs .search-types{
	width: 100%;
	float: none;
	padding: 0;
}
.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li{
	float: none;
	display: inline-block;
	vertical-align: middle;
}
.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li.current{
	background: var(--theme-highlight-background);
	border-radius: 4px;
	overflow: hidden;
}
.mw-search-form-wrapper #mw-searchoptions{
	padding: 1em;
	background: var(--theme-box-background);
	border: 1px solid var(--theme-border-color);
	border-radius: 4px;
}
.mw-search-form-wrapper #mw-searchoptions .divider {
	border-color: var(--theme-border-color);
}

/* responsive tweak */
@media screen and (max-width: 600px){
	.mw-search-form-wrapper #mw-search-top-table{
		display: block;
	}
	.mw-search-form-wrapper .results-info{
		margin-top: 1em;
	}
	.mw-search-form-wrapper .mw-search-profile-tabs .search-types ul li{
		font-size: 12px;
	}
}


.mw-specialpages-table {
	margin-bottom: 0;
	margin-top: 0;
}



/* -------------------------------------------------------- */
/* "Datatables" (from mediawiki.pager.tablePager)           */
/* -------------------------------------------------------- */
.mw-datatable {
	border-color: var(--oouihelper--borderdark);
}
.mw-datatable td, .mw-datatable th {
	border-color: var(--oouihelper--borderdark);
}
.mw-datatable th {
	background-color: var(--oouihelper--textinput-background-darker);
}
.mw-datatable td {
	background-color: var(--oouihelper--textinput-background);
}
.mw-datatable tr:hover td {
	background-color: var(--oouihelper--textinput-background-lighter);
}


/* -------------------------------------------------------- */
/* Special:AbuseLog/x                                       */
/* -------------------------------------------------------- */
table.mw-abuselog-details {
	background: var(--oouihelper--textinput-background);
	border-color: var(--oouihelper--borderdark);
}
table.mw-abuselog-details th,
table.mw-abuselog-details td {
	border-color: var(--oouihelper--borderdark);
}
table.mw-abuselog-details th {
	background: var(--oouihelper--textinput-background-darker);
}


/* -------------------------------------------------------- */
/* Special:AbuseFilter                                      */
/* -------------------------------------------------------- */
body td.mw-abusefilter-history-changed {
	background: var(--oouihelper--themerelated-darkest);
}
#mw-abusefilter-warn-preview,
#mw-abusefilter-disallow-preview {
	border-color: var(--oouihelper--borderdark-lighter);
}
tr.mw-abusefilter-list-disabled,tr.mw-abusefilter-list-disabled td {
	color: var(--oouihelper--disabled);
}
tr.mw-abusefilter-list-deleted,tr.mw-abusefilter-list-deleted td {
	color: var(--oouihelper--disabled);
}
tr.mw-abusefilter-list-throttled,tr.mw-abusefilter-list-throttled td {
	color: var(--oouihelper--red);
}
div.mw-abusefilter-editor {
	border-color: var(--oouihelper--borderdark);
}
.mw-abusefilter-tools-error {
	color: var(--oouihelper--red);
}


/* -------------------------------------------------------- */
/* Special:AllMessages                                      */
/* -------------------------------------------------------- */
#mw-allmessagestable tbody:hover td {
	background-color: var(--oouihelper--textinput-background-lighter);
}
#mw-allmessagestable .am_default {
	background-color: var(--oouihelper--yellow-darker);
}
#mw-allmessagestable tbody:hover .am_default {
	background-color: var(--oouihelper--yellow);
}
#mw-allmessagestable .am_actual {
	background-color: var(--oouihelper--green-darker);
}
#mw-allmessagestable tbody:hover .am_actual {
	background-color: var(--oouihelper--green);
}


/* -------------------------------------------------------- */
/* Special:NewPages                                         */
/* -------------------------------------------------------- */
.not-patrolled {
	background-color: var(--oouihelper--yellow);
}


/* -------------------------------------------------------- */
/* Special:RecentChanges, Special:Watchlist                 */
/* -------------------------------------------------------- */
/* Colors in the "Legend" box for the non-JavaScript version of the page 
 * (and to prevent a color flash for the JavaScript version) */
.mw-changeslist-legend {
	background-color: var(--ooui--messagewidget-notice-background-color);
	border-color: var(--ooui--messagewidget-notice-border-color);
}


/* History pages */
.mw-plusminus-pos {
	color: #00ff00;
}


/* ======================================= */
/*             Special:Contribs            */
/* ======================================= */

.mw-contributions-table>:nth-child(3) label+select,
.mw-contributions-table>:nth-child(4) label+input {
	display: inline;
	margin: 0;
}
.mw-contributions-table .mw-input-with-label {
	vertical-align: middle;
}

pre, .mw-code,
div.cargoReplacementTableInfo {
	background-color: rgba(255, 255, 255, 0.2);
}


/* File: pages */
#filetoc {
	border-color: var(--theme-border-color);
	background-color: var(--theme-highlight-background);
}
.mw_metadata td, .mw_metadata th {
	border-color: var(--theme-border-color);
}
.mw_metadata th {
	background-color: var(--theme-box-background);
}
.mw_metadata td {
	background-color: var(--theme-highlight-background);
}



/* ------------------------------------------------------------------ */


/* ================================================================== */
/* Extension styles */
/* ================================================================== */


/* ------------------------------------------------------------------ */

/* Extension:Tabber */
.tabber__tab {
	padding-top: 2px;
}
.tabber__panel {
	overflow-x: unset;
}
.tabber__header {
	margin-bottom: 4px;
	box-shadow: inset 0 -1px 0 0 var(--theme-hr-color-B);
}
.infobox .tabber__header:not(.tabber__header--next-visible, .tabber__header--prev-visible) {
	display: flex;
	justify-content: center;
}
.tabber__tab,
.tabber__tab:visited {
	color: var(--theme-text-color);
}
.tabber__tab--active,
.tabber__tab--active:visited,
.tabber__tab:hover {
	color: var(--theme-link-color);
	box-shadow: inset 0 -2px 0 0 var(--theme-link-color);
}
.tabber__header__prev::after, .tabber__header__next::after {
	filter: var(--ooui--icon-normal-filter);
}
.tabber__header__next::after {
	right: 2px;
}
.tabber__header__prev::after {
	left: 2px;
}

/* Extension:Cargo */
/* Removes redundant Cargo extension "Purge cache" link */
div.menu li#ca-cargo-purge {
	display: none;
}
/* Maximum image size for NPC images storing in Cargo table */
.npcimg img{
	height: auto;
	width: auto;
	max-height: 100px;
	max-width: 100px;
}
/* Adjustments for the table headers on ?action=pagevalues */
.cargo-pagevalues-tableinfo {
	background-color: var(--oouihelper--text-background);
	top: 35px; /* wiki.gg header offset */
}
/* The query table at the bottom of Special:CargoQuery */
div.specialCargoQuery-extraPane {
	background: var(--oouihelper--text-background);
	border-color: var(--oouihelper--borderdark);
}


/* Extension:InputBox */
/* Hide text input box for just a button */
.notextbox form > .mw-ui-input {
	display: none;
}


/* Extension:MultimediaViewer */
/* Reset link color to default (from Vector skin) */
/* (this entire thing could be styled to fit the currently active theme, but as
 * long as it uses default Vector styling, the links should too, in order to be readable) */
.mw-mmv-main a {
	color: #0645ad;
}
/* same for text color in attribution warning */
.mw-mmv-dialog .mw-mmv-dialog-warning {
	color: #202122;
}


/* Extension:CiteThisPage */
.mw-specialCiteThisPage-bibliographic {
	background-color: var(--theme-page-background-color--secondary);
}


/* Extension:CodeEditor */
/* Unify text color in status bar */
/* (the "status-message" and "status-line" divs use the current theme's text
 * color, which might be hard to read on the hard-coded white background */
.codeEditor-status {
	color: rgb(114, 119, 125); /* same color as div.ace_gutter-cell */
}


/* Extension:CategoryTree */
/* Use theme-dependent colors for the "expand"/"collapse" arrows */
.CategoryTreeEmptyBullet {
	color: var(--theme-text-color-note);
}
.CategoryTreeToggle {
	color: var(--theme-link-color);
}


/* Extension:Scribunto */
/* The "Script error" dialog uses jquery.ui.dialog, which looks the same in all
 * themes. The links do use theme-dependent styling by default though, which
 * causes them to be hard to read in some themes. 
 * Resetting them here to the Vector default to be the same in all themes. */
.scribunto-trace a {
	color: #0645ad;
}

/* Styles for the "debug console" at the bottom of the editing screen on Module: pages */
.mw-scribunto-console-fieldset{
	background-color: var(--ooui--messagewidget-notice-background-color);
	color: var(--theme-text-color);
}
#mw-scribunto-input{
	background-color: var(--ooui--textarea-background-color);
}
.mw-scribunto-input{
	color: var(--theme-text-color-highlight);
}
.mw-scribunto-normalOutput{
	color: var(--theme-text-color);
	background: transparent;
}
.mw-scribunto-print{
	color: var(--oouihelper--yellow);
	background: transparent;
}
.mw-scribunto-error{
	color: var(--ooui--messagewidget-error-color);
	background: transparent;
}
.mw-scribunto-message{
	color: var(--theme-text-color-em);
	background: transparent;
}


/* Extension:SyntaxHighlight */
/* ("SyntaxHighlight_GeSHi") */
.mw-highlight pre {
	margin-top: 1em;
	background: #282828 !important;
	color:#fff !important;
	overflow: auto; /* scroll if needed */
}
.mw-highlight, .kw1 {
	color: #FFFFFF;
	font-weight: bold;
}
.mw-highlight .nf {
	color: aqua;
}
/* Operators */
.mw-highlight .p,
.mw-highlight .o {
	color: #fff;
	font-weight: bold;
}
/* Comments */
.mw-highlight .c {
	color: #8d9e6b;
	font-weight: bold;
}
/* HTML Tags */
.mw-highlight .nt {
	color: #bfe431;
}
/* IDs */
.mw-highlight .nn {
	color: #a8a8ff;
}
/* Classes */
.mw-highlight .nc {
	color: #7676ff;
}
/* Pseudo-classes */
.mw-highlight .nd {
	color: #cf82ff;
}
/* Properties */
.mw-highlight .k,
.mw-highlight .kp {
	color: #fff;
	font-weight: normal;
}
/* Keywords */
.mw-highlight .nb {
	color: #ff5858;
}
/* Text values, strings */
.mw-highlight .kc,
.mw-highlight .s1,
.mw-highlight .s2,
.mw-highlight .sx,
.mw-highlight .n {
	color: #00c6d2;
}
/* Numeric values */
.mw-highlight .mi,
.mw-highlight .mf {
	color: #60feff;
	font-weight: bold;
}
/* Units */
.mw-highlight .kt {
	color: #ff3f85;
	font-weight: bold;
}
/* #Color values */
.mw-highlight .mh {
	color: #b2d241;
}
/* !important */
.mw-highlight .cp {
	color: #F37F20;
}
/* JS generic */
.mw-highlight .nx {
	color: #a8a8ff;
}
.mw-highlight .nv {
	color: #fff;
}
/* Highlighted lines */
.mw-highlight .hll {
	background-color: #50503e;
}
/* Highlight fields inside code class (e.g. Template:Code) */
code.mw-highlight {
	background: var(--theme-page-background-color);
	color: var(--theme-text-color);
}

/* More noticeable diff coloring */
.diff td.diff-context {
	background: none repeat scroll 0 0 transparent;
	color: var(--theme-text-color);
	border-color: rgba(var(--theme-border-color--rgb), 0.5);
}
.diff td.diff-deletedline {
	background-color: #FFE49C;
	border-color: #FFE49C;
	color: #000;
}
.diff td.diff-deletedline .diffchange {
	background-color: #feeec8;
	color: #000;
}
.diff td.diff-addedline {
	background-color: #A3D3FF;
	border-color: #A3D3FF;
	color: #000;
}
.diff td.diff-addedline .diffchange {
	background-color: #d8ecff;
	color: #000;
}


/* "Forward" column on Special:Interwiki */
table.mw-interwikitable.body td.mw-interwikitable-local-yes {
	background-color: var(--theme-page-background-color--secondary);
}


/* Numbers of edits/pages/contributors on Special:CreateAccount */
.mw-createacct-benefits-list .mw-number-text,
#bodyContent .mw-createacct-benefits-list .mw-number-text h3 /* needs to be this specific to override another rule */ {
	color: var(--theme-text-color);
}


/* Pages with content model "JSON" */
.mw-json th, .mw-json td {
	border-color: var(--theme-border-color);
}
.mw-json tr {
	background-color: transparent;
}
.mw-json th {
	background-color: var(--theme-box-background);
}
.mw-json-value, .mw-json-single-value {
	background-color: var(--theme-highlight-background);
}
.mw-json-single-value {
	background-color: var(--theme-highlight-background);
}
.mw-json-empty {
	background-color: var(--theme-box-background);
}




/***********************************************************************************************************
 * Common styles for "real" wiki page content.
 ***********************************************************************************************************/


/* remove external link icon. */
.mw-parser-output a.external,
.link-https{
	padding-right: 0;
	background: none;
}

/** ToC **/
.toc {
	border-radius: 4px;
	border: 1px solid var(--theme-border-color);
	background: var(--theme-box-background);
	margin: 1em auto 1em 0;
	padding: 0;
	font-size: 1em;
	min-width: 12em;
}
.toc .toctitle h2{
	margin: 0;
	display: flex;
	align-items: center;
	padding: 0 0.5em;
}
.toc .toctitle h2::before{
	content: '';
	display: block;
	width: 12px;
	height: 0;
	border-bottom: 52px solid transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewbox='0 0 12 12'%3E%3Cpath id='bulleted-list-tiny' d='M1.29 9.277c-.181.19-.29.45-.29.71 0 .26.109.52.29.71.189.18.45.29.71.29.26 0 .519-.11.71-.29.18-.19.29-.45.29-.71 0-.26-.11-.52-.29-.71-.38-.37-1.05-.37-1.42 0M10 9H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M6 3h4a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m4 2H6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2M1.29 1.277c.37-.37 1.04-.37 1.42 0 .18.19.29.45.29.71 0 .26-.11.52-.29.71-.191.18-.45.29-.71.29-.26 0-.521-.11-.71-.29-.181-.19-.29-.45-.29-.71 0-.26.109-.52.29-.71zM2.55 5.17c.06.03.11.08.16.12.18.19.29.45.29.71 0 .26-.11.521-.29.71-.05.04-.1.09-.16.12a.559.559 0 0 1-.17.09c-.06.03-.12.05-.19.06-.06.01-.13.02-.19.02-.26 0-.52-.11-.71-.29A1.05 1.05 0 0 1 1 6c0-.26.11-.52.29-.71.24-.23.58-.34.9-.269a.6.6 0 0 1 .19.058c.06.021.12.051.17.091z'%3E%3C/path%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	filter: drop-shadow(0 40px 0 var(--theme-text-color));
	margin: -40px 6px 0 0;
}
.toc .toctitle{
	position: relative;
	overflow: hidden;
	text-align: left;
}
.toc .toctogglelabel{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	box-sizing: border-box;
	padding-right: 1em;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
.toc .toctogglespan::before,
.toc .toctogglespan::after{
	display: none;
}
.toc .toctogglelabel::after{
	display: none;
}
.toc .toctogglelabel::before{
	content: "";
	display: inline-block;
	background: none;
	position: relative;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: var(--theme-widget-toc-arrow-color) transparent;
	border-width: 0 5px 6px 5px;
	vertical-align: middle;
	flex: 0 0 auto;
}
.toc .toctogglelabel:hover::before{
	border-color: var(--theme-widget-toc-arrow-color-hover) transparent;
}
.toc .toctogglecheckbox:checked + .toctitle .toctogglelabel::before{
	border-width: 6px 5px 0 5px;
}
/* Won't change ToC box width when toggle show/hide. */
.toctogglecheckbox:checked ~ ul{
	overflow: hidden;
	display: block;
	height: 0;
	border: 0;
	padding-top: 0;
	padding-bottom: 0;
}
/* content list */
.mw-content-ltr .toc ul ul,
.mw-content-rtl.toc ul ul{
	margin: 0 0 0 1em;
}
.toc a{
	color: var(--theme-text-color);
}
.toc .tocnumber{
	color: var(--theme-text-color-note);
}
.toc .tocnumber::after{
	content: '.';
}
.toc .toctitle,
.toc > ul{
	padding: 0.5em;
}
.toc > ul{
	border-top: 1px solid var(--theme-border-color);
	margin: 0;
}
.toc > ul a{
	display: block;
	padding: 2px 0.5em;
	border-radius: 4px;
	transition: background 0.1s;
}
.toc > ul a:hover {
	text-decoration: none;
	background: var(--theme-widget-toc-item-hover-background);
}
.toc h2{
	font-weight: normal;
}
.toc li{
	margin: 0;
}







/***********************************************************************************************************
 * common style for content box
 ***********************************************************************************************************/
.mw-body-content h2 {
	border-color: var(--theme-hr-color-B);
	border-bottom-width: 1px;
	margin-bottom: 0.5rem;
}
.mw-body-content hr {
	background-color: var(--theme-hr-color-B);
}

.fullwidth, .full-width{
	width: 100%;
}
.nowrap {
	white-space: nowrap;
}


/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
	text-align: center;
}

.alignleft,
.align-left{
	text-align: left;
}

.alignright,
.align-right{
	text-align: right;
}

/* clear fix for float block */
.clearfix {
	*zoom: 1;
}
.clearfix::before,
.clearfix::after {
	content: " ";
	display: table;
}
.clearfix::after {
	clear: both;
}

/* -------------------------------------------------------- */
/* classic/expert/master mode tabber */
/* -------------------------------------------------------- */
.infobox,
.portable-infobox,
.infotable {
	--modetabs-background: var(--theme-modetabs-classic-background);
	--modetabs-border-color: var(--theme-modetabs-classic-border-color);
	--modetabs-text-color: var(--theme-modetabs-classic-text-color);
}
.modesbox.c-expert{
	--modetabs-background: var(--theme-modetabs-expert-background);
	--modetabs-border-color: var(--theme-modetabs-expert-border-color);
	--modetabs-text-color: var(--theme-modetabs-expert-text-color);
}
.modesbox.c-master{
	--modetabs-background: var(--theme-modetabs-master-background);
	--modetabs-border-color: var(--theme-modetabs-master-border-color);
	--modetabs-text-color: var(--theme-modetabs-master-text-color);
}
.modesbox.c-normal .m-expert,
.modesbox.c-normal .m-master,
.modesbox.c-normal .m-expert-master{
	display: none !important;
}
.modesbox.c-expert .m-normal,
.modesbox.c-expert .m-master,
.modesbox.c-expert .m-normal-master{
	display: none !important;
}
.modesbox.c-master .m-normal,
.modesbox.c-master .m-expert,
.modesbox.c-master .m-normal-expert{
	display: none !important;
}
.modesbox.expertonly .m-normal,
.modesbox .expertonly .m-normal{
	display: none !important;
}
.modesbox.masteronly .m-normal,
.modesbox.masteronly .m-expert,
.modesbox .masteronly .m-normal,
.modesbox .masteronly .m-expert{
	display: none !important;
}



.block{
	display: block;
}
.inline{
	display: inline;
}
.inline-block{
	display: inline-block;
}

.incell-border {
	margin: 0.7em 0;
	background-color: var(--theme-border-color);
}

hr.space{
	height: 4px;
	background: none;
	border: 0;
}
.page-content .vertical-align-top *{
	vertical-align: top;
}
.page-content .vertical-align-bottom *{
	vertical-align: bottom;
}




/* ================================================================== */
/* Portable infobox theme */
/* ================================================================== */


/***********************************************************************************************************
 * css for specific templates
 ***********************************************************************************************************/

/* -------------------------------------------------------- */
/* Template:recipes (match the looking of table.terraria)   */
/* -------------------------------------------------------- */
table.crafts { /*must be "table.crafts", "".crafts" is not enouth */
	margin: 0.5em 0;
	border-spacing: 0;
	line-height: 1.5;
	border: 1px solid var(--theme-border-color);
	border-radius: 6px;
}
.crafts td{
	border:0;
	padding: 2px;
}
table.crafts table{
	border-collapse: collapse;
	border: 2px solid transparent;
}
.crafts caption {
	font-size: 16px;
	background: var(--theme-highlight-background);
	padding: 6px 8px;
	position: relative;
	font-weight: bold;
	white-space: nowrap;
	margin: 2px;
}
.crafts caption > i,
.crafts caption > b{
	vertical-align: middle;
}
.crafts table th,
.crafts table td {
	padding: 4px 8px;
	border: 1px solid var(--theme-border-color);
}
.crafts table th {
	background: var(--theme-highlight-background);
	background-clip: padding-box;
}

.crafts td.result,
.crafts td.ingredients{
	white-space: nowrap;
}
.crafts td.result .version-note{
	margin-bottom: 0.25em;
}
.crafts td.result .result-note{
	margin-top: 0.25em;
}
.crafts td.station{
	text-align: center;
}
.crafts td.station > b,
.crafts td.station > i{
	vertical-align: middle;
}
.crafts td.station span.water{
	display: inline-block;
	vertical-align: middle;
}

.crafts.nostation th.station,
.crafts.nostation td.station {
	display: none;
}
.crafts .ingredients ul,
.crafting-ingredients > ul{
	margin: -3px 0;
	list-style: none;
}

.crafts .ingredients li,
.crafting-ingredients > ul > li{
	margin: 3px auto;
}
/* itemlink default as multiline */
.crafts .i > span,
.crafts .i > span,
.crafts .note-text{
	line-height: 1.25;
	vertical-align: middle;
}
.recipe.compact .result-note{
	margin-left: 2px;
}

/* ================================================================== */
/* Templates */
/* ================================================================== */
/* todo: 这个模板的样式是有问题的。看[[Recipes]] */
/* Template:Multi-column TOC */
.horizontal-toc {
	/* to match styles of .toc */
	border: 1px solid var(--theme-border-color);
	border-radius: 3px;
	margin: 24px auto 24px 0;
}
.horizontal-toc #toc {
	display: block;
	border: 0;
	padding: 0;
	margin: 0;
}
.horizontal-toc .toctitle {
	-webkit-column-span: all;
	column-span: all;
	margin-bottom: 9px;
	min-width: 0 !important;
}
.horizontal-toc .toctogglecheckbox:checked ~ .toctitle {
	margin-bottom: 0;
}
.horizontal-toc ul:after {
	content: '';
	display: block;
	-webkit-column-span: all;
	column-span: all;
	height: 9px;
}
.horizontal-toc .toctogglecheckbox:checked ~ ul:after {
	display: none;
}
.horizontal-toc .toctitle h2 {
	margin: 0;
}
.horizontal-toc ul,
.horizontal-toc ol {
	margin-top: 0;
	padding: 0;
}
.horizontal-toc ul li:first-child,
.horizontal-toc ol li:first-child {
	margin-top: 0;
}

/* Template:Quotation */
blockquote.quotation {
	--quotation-mark-color: var(--theme-text-color-note);
	position: relative;
	font-style: italic;
	padding: 0 1em;
	margin: 1em auto;
	overflow: hidden;
	border-left: none; /* Override default vector styling */
}
blockquote.quotation > div.m {
	display: block;
	font: bold 5em Times New Roman, Times, Georgie, serif;
	line-height: 0.8;
	color: var(--quotation-mark-color);
	position: absolute;
	left: 0.2em;
	top: 0;
}
blockquote.quotation > div.c {
	padding: 0.25em 0 0 1em;
	margin-left: 3em;
	border-left: 1px solid var(--quotation-mark-color);
	display: inline-block;
}
blockquote.quotation > div.c > p:last-child {
	text-align: right;
	font-size: 0.9em;
	margin: 0;
}
@media (max-width: 640px) {
	blockquote.quotation {
		clear: both;
	}
}


/* Navbox */
.navbox,
.navbox > .header,
.navbox .table > div > .title,
.navbox .table > div > .h1,
.navbox .table > div > .h2 {
	background: var(--theme-navbar-search-suggestions-background);
	background-size: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: var(--theme-box-border-color-inner);
	border-radius: var(--theme-box-border-radius-inner);
}

/* -------------------------------------------------------- */
/* Common infobox */
/* -------------------------------------------------------- */

/* Latest version */
.infobox {
	border: 1px solid var(--theme-border-color);
	border-radius: 8px;
	padding: 6px;
	font-size: 12px;
	background-color: var(--theme-box-background);
	line-height: 1.5;
	float: right;
	margin: 0.5em 0 0.5em 1em;
}
.infobox *{
	background: none;
}
@media(max-width:450px) {
	.infobox,
	.mw-parser-output>.infobox{ /*fandom!!!*/
		float: none;
		margin-left: 0;
	}
}
.infobox.float-right {
	float: right;
	margin: 0.5em 0 0.5em 1em;
}

.infobox.float-left {
	float: left;
	margin: 0.5em 1em 0.5em 0;
}
.infobox.float-none {
	float: none;
	margin: 0.5em 1em 0.5em 0;
}

.infobox blockquote.quotation {
	padding: 0 0.25em;
	margin: 0.5em auto;
}
.infobox blockquote.quotation:before{
	font-size: 3.5em;
	left: 0;
}
.infobox blockquote.quotation div{
	padding: 0;
	margin-left: 2em;
	border-left: 0;
}

.infobox table {
	background: none;
	width: 100%;
	border-spacing: 0;
}

.infobox table th,
.infobox table td{
	padding: 2px;
	vertical-align: middle;
}

.infobox table th{
	white-space: nowrap;
	text-align: right;
	width: 5em;
}
.infobox > .title,
.infobox .section > .title {
	background: var(--modetabs-background);
	color: var(--modetabs-text-color);
	border: 1px solid;
	border-color: var(--theme-box-border-color-inner);
	border-radius: var(--theme-box-border-radius-inner);
	font-weight: bold;
	text-align: center;
	padding: 2px 0;
}
.infobox > .title {
	font-size: 15px;
	padding: 6px 3px;
	line-height: 1.2;
}
.infobox > .title > span {
	display: block;
	font-size: 12px;
	color: var(--theme-text-color-note);
	font-style: italic;
}
.infobox > .title > span::before {
	content: "(";
	font-style: normal;
	margin-right: 1px;
}
.infobox > .title > span::after {
	content: ")";
	font-style: normal;
	margin-left: 1px;
}
.infobox > .title > span.ename {
	color: var(--theme-text-color-highlight);
}
.infobox > .title > span.ename::before,
.infobox > .title > span.ename::after
{
	content:"";
}
.infobox .content-section {
	padding: 6px 3px;
}

.infobox .variant {
	color: var(--modetabs-text-color);
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	padding: 4px 0;
	line-height: 1.2;
}

.infobox .images {
	position: relative;
	padding: 6px 0;
	min-height: 40px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.infobox .images > img {
	margin-top: 0.5em;
}

.infobox ul {
	list-style: none;
	margin: auto;
	text-align: center;
}
.infobox .section{
	margin-bottom: 4px;
}
.infobox .section:last-child{
	margin-bottom: 0;
}
.infobox .section > .title:first-child + * {
	margin-top: 4px;
}

.infobox .section > .title:first-child + :empty,
.infobox .section > .title:first-child + :empty {
	/* hidden title when section content is empty. */
	display: none;
}
/* tag list */
.infobox .tags {
	--tags-border-color: rgba(var(--theme-text-color--rgb), 0.4);
	--tags-border-color-linked: rgba(var(--theme-link-color--rgb), 0.4);
	margin-top: -1px;
	margin-bottom: -1px;
}
.infobox .tags .tag {
	border: 1px solid var(--tags-border-color-linked);
	display: inline-block;
	padding: 0 4px;
	border-radius: 3px;
	margin: 3px 6px 3px auto;
}
@supports selector(:has(p)) {
	.infobox .tags .tag {
		border-color: var(--tags-border-color);
	}
	.infobox .tags .tag:has(> a) {
		border-color: var(--tags-border-color-linked);
	}
}

.infobox .tags .tag a{
	white-space: nowrap;
}

.infobox tr.buff th,
.infobox tr.buff td {
	background: var(--modetabs-background);
	border: 1px solid var(--modetabs-border-color);
}
.infobox tr.buff th {
	border-left: 0;
}

.infobox tr.buff td {
	border-right: 0;
	padding-left: 3px;
}

.infobox tr.buff td b {
	font-weight: bold;
	white-space: nowrap;
}

.infobox .section.buff table,
.infobox .section.debuff table {
	border-bottom: 1px solid var(--theme-border-color);
	margin-bottom: 0.25em;
}
.infobox .section.buff:after,
.infobox .section.debuff:after {
	content: "";
	display: block;
	height: 4px;
	margin-top: -7px;
	background: var(--theme-page-background-color);
}

.infobox .section.ids {
	border-top: 1px solid var(--theme-border-color);
	text-align: center;
	font-size: 10.5px;
	background: var(--modetabs-background);
	color: var(--modetabs-text-color);
}

.infobox .section.ids li {
	padding: 2px 0;
	border-bottom: 2px solid var(--theme-page-background-color);
	margin: 0;
	font-weight: bold;
}

.infobox .section.ids li:last-child {
	border-bottom: 0;
}

.infobox .variant {
	margin-bottom: 2px;
}

.modetabs {
	display: flex;
	padding: 0 4px;
}
.infobox .modetabs {
	border-bottom: 1px solid var(--theme-border-color);
	margin: 6px -6px;
}
.modetabs .tab {
	margin: 0 2px -1px;
	border-radius: 3px 3px 0 0;
	background: transparent;
	padding: 4px 0 3px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid transparent;
	border-bottom: none;
}
.modetabs .tab.current {
	background: var(--theme-box-background);
	border-color: var(--theme-border-color);
}
.modetabs .tab:hover {
	text-decoration: underline;
}
.infobox .modetabs .tab {
	flex: 1 1 33.33333333%;
}

.infobox .imageother {
	text-align: center;
	padding: 6px 0;
	border-top: 1px solid var(--theme-border-color);
}
.infobox .imageother .imageothercaption {
	margin:0.15em 0 0;
}

.infobox abbr[title]{
	/* for {{expert}} and so on.*/
	text-decoration: none;
}

/* -------------------------------------------------------- */
/* Template:item infobox */
/* -------------------------------------------------------- */

.item.infobox {
	width: 21em;
}
.item.infobox .images{
	min-height: 50px;
}
.item.infobox .images .auto,
.infobox.item .images .stack {
	position: absolute;
	right: 3px;
}

.item.infobox .images .auto {
	top: 3px;
}

.item.infobox .images .stack {
	bottom: 3px;
}

.item.infobox .images ul.infobox-inline > li {
	display: inline-block;
	padding: 0 8px 0 9px;
	margin: 2px auto;
	position: relative;
	vertical-align: middle;
	line-height: 2px;
}

.item.infobox .images ul.infobox-inline > li::before {
	content: "";
	display: block;
	width: 1px;
	background: var(--theme-border-color);
	height: 80%;
	position: absolute;
	left: 0;
	top: 10%;
}
.item.infobox .images ul.infobox-inline > li:first-child {
	padding: 0 8px;
}
.item.infobox .images ul.infobox-inline > li:first-child::before {
	display: none;
}

.item.infobox .images ul.infobox-block > li {
	display: block;
	padding: 13px 0 0 0;
	margin: auto;
	position: relative;
}

.item.infobox .images hr {
	background-color: var(--theme-border-color);
	margin: 0.5em 0;
}

.item.infobox .images ul.infobox-block > li::before {
	content: "";
	display: block;
	height: 1px;
	background: var(--theme-border-color);
	width: 80%;
	position: absolute;
	left: 10%;
	top: 6px;
}

.item.infobox .images ul.infobox-block > li:first-child {
	padding-top: 0;
}

.item.infobox .images ul.infobox-block > li:first-child::before {
	display: none;
}

.item.infobox .section {
	overflow: hidden;
}

.item.infobox ul.toolpower {
	padding: 6px 0;
	cursor: help;
}
.item.infobox ul.toolpower li {
	display: inline-block;
	padding: 0 0.5em;
}
.item.infobox ul.toolpower .zero{
	opacity: 0.5;
}
.item.infobox ul.toolpower li>img{
	width: 16px;
	height: 16px;
	object-fit: cover;
	object-position: 0 0;
	filter: var(--ooui--icon-normal-filter);
}
.item.infobox .section.projectile,
.item.infobox .section.mount {
	text-align: center;
}

.item.infobox .section.mount .name,
.item.infobox .section.projectile .name {
	font-size: 10.5px;
	margin-right: 0.5em;
	margin-left: 0.5em;
	margin-bottom: 0.25em;
}

.item.infobox .section.projectile .image,
.item.infobox .section.mount .image {
	margin: 0.25em 0.5em 0.5em;
}

.item.infobox .section.projectile img {
	max-width: 100%;
	height: auto;
}

.item.infobox .section.projectile .name {
	margin-top: 0.25em;
}

.item.infobox .section.projectile ul {
	margin-right: 0.5em;
	margin-left: 0.5em;
}

.item.infobox .section.projectile ul.infobox-inline li {
	display: inline-block;
	vertical-align: middle;
}

/* ammo pages: Total Velocity Multiplier line */
.item.infobox td.tvm {
	font-weight: bold;
	padding-left: 5px
}

.item.infobox th.tvm,
.item.infobox td.tvm {
	border-color: var(--theme-border-color);
	border-style: solid;
	border-width: 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
}

/* drop info section in item infobox */
/* Overwrite the background:inherit; from the generic " .infobox * " above for the contents of the sortable column headers */
.item.infobox .section.drop .headerSort * {
	background-image: unset;
}
.item.infobox .section.drop table {
	margin-top: 6px;
	margin-bottom: 6px;
}
.item.infobox .section.drop td {
	border-top: 1px solid var(--theme-border-color);
}

.item.infobox .section.drop th:first-child,
.item.infobox .section.drop td:first-child {
	text-align: left;
	width: 0;
}
.item.infobox .section.drop td:first-child s {
	display: none;
}
.item.infobox .section.drop th:nth-child(2),
.item.infobox .section.drop td:nth-child(2) {
	text-align: center;
	width: 0;
	min-width: 3em;
}
.item.infobox .section.drop th:last-child,
.item.infobox .section.drop td:last-child {
	text-align: right;
	width: 0;
	min-width: 4em;
}
/*
.item.infobox .section.drop th {
	background-color: var(--theme-accent-color);
	color: var(--theme-accent-label-color);
	border-bottom: 1px var(--theme-border-color) solid;
	border-right: 0;
	padding: 2px 5px;
}*/
.item.infobox .section.drop th:first-child.headerSort {
	padding-left: 21px;
	background-position-x: left;
}
.item.infobox .section.drop th:nth-child(2).headerSort {
	padding-left: 21px;
	text-align: left;
	background-position-x: left;
}
.item.infobox .section.drop th:last-child.headerSort {
	padding-right: 21px;
}
.item.infobox .section.drop .entity-img img,
.item.infobox .section.drop .entity-name img{
	width: auto;
	height: auto;
	max-width: 90px;
	max-height: 90px;
}
.item.infobox .section.drop .entity-name {
	display: flex;
	align-items: center;
}

.item.infobox .section.drop .nodrop-note {
	text-align: center;
	padding-top: 6px;
}

.item.infobox .section.drop > .mw-collapsible-toggle {
	background-color: unset;
	margin-right: 3px;
}
.item.infobox .section.drop > .mw-collapsible-toggle:before {
	content: "";
	vertical-align: middle;
	display: inline-block;
	width: 4px;
	height: 4px;
	transform: rotate(45deg);
	position: relative;
	left: -3px;
	border-left: 2px solid var(--theme-link-color);
	border-top: 2px solid var(--theme-link-color);
	border-right: 0;
	border-bottom: 0;
	top: 1px;
}
.item.infobox .section.drop > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before {
	border-left: 0;
	border-top: 0;
	border-right: 2px solid var(--theme-link-color);
	border-bottom: 2px solid var(--theme-link-color);
	top: -2px;
}
.item.infobox .section.drop > .mw-collapsible-toggle:after {
	content: "";
}

/* -------------------------------------------------------- */
/* Template:npc infobox */
/* -------------------------------------------------------- */
.npcstat .ssep{
	display: inline;
	padding-left: 0.5em;
	padding-right: 0.5em;
}
.npc.infobox .npcstat .ssep,
.npc.infotable .npcstat .ssep
{
	display: none;
}
.npc.infobox table.drops.money span.money,
.npc.infotable td.infobox-block span.npcstat,
.npc.infotable td.infobox-block span.npcstat .s{
	display: block;
}
.npc.infotable td.infobox-block span.npcstat + br,
.npc.infotable td.infobox-block span.npcstat .sep{
	display: none;
}

.npc.infobox table.drops.money span.sep{
	display: block;
	text-indent: -9999px;
	height:1px;
	overflow: hidden;
}
.npcstat span.prefix,
.npcstat span.postfix{
	display: inline;
	color: var(--theme-text-color-note);
	font-weight: normal;
	font-size: 0.85em;
}
.npcstat.prefix .s, .npcstat.postfix .s{
	display: block;
}

.infobox.npc .immunities > div{
	margin: -1px;
}
.infobox.npc .immunities .i {
	margin: 1px ;
}
.npc.infobox {
	width: 21em;
}

.npc.infobox .statistics table th {
	width: 6em;
}

.npc.infobox .section {
	overflow: hidden;
}

/* drops list section */
.npc.infobox .drops td:first-child {
	text-align: left;
}

.npc.infobox .drops td:last-child {
	text-align: right;
}

.npc.infobox .drops th:first-child {
	text-align: left;
	border-right: 0;
}

.npc.infobox .drops.money table th {
	width: 1px;
}
.npc.infobox .section.drops .drops.items {
	margin-top: 4px;
	margin-bottom: 0;
}

.npc.infobox .drops.items li {
	border-color: var(--theme-border-color);
	border-style: solid;
	border-width: 0;
	border-top-width: 1px;
	padding: 3px 0;
	margin-bottom: auto;
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.npc.infobox .drops.items li:first-child {
	background: var(--modetabs-background);
	color: var(--modetabs-text-color);
	padding: 2px 6px;
	border: 1px solid;
	border-color: var(--theme-box-border-color-inner);
}

.npc.infobox .drops.items li > div {
	display: block;
}

.npc.infobox .drops.items li > div:first-child {
	text-align: left;
}

.npc.infobox .drops.items li > div:last-child {
	text-align: right;
}
.npc.infobox .drops.items li.notebox{
	display: block;
	text-align: center;
	padding: 0;
}
.npc.infobox .drops.items li.notebox > div{
	text-align: center;
	border-width: 1px;
	border-style: dashed;
	border-color: rgba(var(--theme-border-color--rgb), 0.8);
	border-radius: 3px;
	margin: 3px auto;
	padding: 2px 0;
}
.npc.infobox .drops.items li.note-before,
.npc.infobox .drops.items li.note-after{
	display: block;
}
.npc.infobox .drops.items li.note-before > div,
.npc.infobox .drops.items li.note-after > div{
	text-align: center;
}

.npc.infobox .drops.items li.note-before{
	padding-bottom: 0;
	margin-bottom: -3px;
}
.npc.infobox .drops.items li.note-before + li{
	border-top: 0;
}
.npc.infobox .drops.items li.note-after{
	margin-top: -2px;
	border-top: 0;
	padding-top: 0;
}
.npc.infobox .drops.items li .i > span:first-of-type > div.note {
	/*note2 of {{item}}s in drops list*/
	font-size: 11px;
	line-height: 12px;
}
/* "Treasure Bag contents" caption */
.npc.infobox .drops.items li.caption.trsbg {
	border-bottom-width: 2px;
	margin-bottom: 2px;
	padding-bottom: 5px;
}
.npc.infobox .drops.items li.caption.trsbg + li {
	border-top-width: 1px;
	border-top-style: solid;
}

.npc.infobox .drops.items li.caption {
	line-height: 1.1;
	text-align: center;
	color: var(--modetabs-text-color);
	background: var(--modetabs-background);
	display: block;
	border: 1px solid;
	border-color: var(--theme-box-border-color-inner);
}
.npc.infobox .drops.items li.caption + li.group{
	border-top-width: 0;
}

.npc.infobox .drops.items li.caption.group_end {
	padding-bottom: 5px;
}

.npc.infobox .drops.items li.group_end {
	border-bottom-width: 2px;
	position: relative;
	margin-bottom: 2px;
}
.npc.infobox .drops.items li.group {
	border-color: rgba(var(--theme-border-color--rgb), 0.35);
}
.npc.infobox .drops.items li.groupstart,
.npc.infobox .drops.items li.groupend + li{
	border-top-width: 2px;
}
.npc.infobox .drops.items li.groupend {
	display: none;
}
.npc.infobox .drops.items li.loot{
	border-color: rgba(var(--theme-border-color--rgb), 0.35);
	margin-left: 1.5em;
}
.npc.infobox .drops.items li.loot:before{
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 100px;
	background: var(--theme-text-color);
	position:absolute;
	left: -1em;
	top: 50%;
	transform: translateY(-50%);
}
.npc.infobox .drops.items li.loot.caption:before {
	display: none;
}
.npc.infobox .drops.items li.lootstart,
.npc.infobox .drops.items li.lootend{
	display: none;
}

/* npc drops list in tableview */
ul.table-npcdrops{
	text-align: left;
	margin: auto;
}
.table-npcdrops>li{
	list-style: none;
	margin-bottom: 2px;
}
.table-npcdrops>li:last-child{
	margin-bottom: auto;
}
.table-npcdrops > li > div{
	display: inline-block;
}
.table-npcdrops > li > div:last-child{
	margin-left: 0.25em;
}
.table-npcdrops > li > div:last-child:before{
	content: " (";
}
.table-npcdrops > li > div:last-child:after{
	content: ")";
}

/* npc info table */
.npc.infotable{
	display: grid;
	grid-template-columns: [tab-left table-left] auto [tab-right note-left] auto [note-right table-right];
	grid-template-rows: [tab-start note-start] auto [tab-end note-end table-start] auto [table-end];
	width: fit-content;
	box-sizing: border-box;
	max-width: 100%;
}
.npc.infotable th{
	background: var(--modetabs-background);
	color: var(--modetabs-text-color);
}
.npc.infotable > .statnote{
	grid-column: note-left / note-right;
	grid-row: note-start / note-end;
	text-align: right;
	font-size: 10px;
	line-height: 14px;
	padding-right: 9px;
	color: var(--theme-text-color-note);
}
.npc.infotable.note-no > .statnote{
	display: none;
}
.npc.infotable.note-bottom{
	grid-template-columns: [tab-left table-left note-left] auto [tab-right note-right table-right];
	grid-template-rows: [tab-start] auto [tab-end table-start] auto [table-end note-start] auto [note-end];
}
.npc.infotable.note-bottom > .statnote{
	text-align: left;
}
@media screen and (max-width:640px) {
	.npc.infotable{
		grid-template-columns: [tab-left table-left note-left] auto [tab-right note-right table-right];
		grid-template-rows: [tab-start] auto [tab-end table-start] auto [table-end note-start] auto [note-end];
	}
	.npc.infotable > .statnote{
		text-align: left;
	}
}

.npc.infotable > .table{
	grid-column: table-left / table-right;
	grid-row: table-start / table-end;
	z-index: 10;
	margin: 0;
	border: 1px solid var(--theme-border-color);
	border-radius: 0 8px 8px 8px;
	padding: 6px;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;

}
.npc.infotable > .table > table{
	margin: 0;
}
.npc.infotable > .table > table.terraria{
	margin-top: 0 !important;
}
.npc.infotable .modetabs{
	grid-column: tab-left / tab-right;
	grid-row: tab-start / tab-end;
	z-index: 20;
}
.npc.infotable .modetabs .tab{
	margin: 0 5px -1px 0;
	padding: 4px 1em;
}

/* -------------------------------------------------------- */
/* Template:drop infobox */
/* -------------------------------------------------------- */
/* Overwrite the background:inherit; from the generic " .infobox * " above for the contents of the sortable column headers */
.drop.infobox .headerSort * {
	background-image: unset;
}
.drop.infobox table {
	margin-top: 6px;
	margin-bottom: 6px;
}
.drop.infobox td {
	border-top: 1px solid var(--theme-border-color);
}

.drop.infobox th:first-child, .drop.infobox td:first-child {
	text-align: left;
	width: 0;
}
.drop.infobox td:first-child s {
	display: none;
}
.drop.infobox th:nth-child(2), .drop.infobox td:nth-child(2) {
	text-align: center;
	width: 0;
	min-width: 3em;
}
.drop.infobox th:last-child, .drop.infobox td:last-child {
	text-align: right;
	width: 0;
	min-width: 4em;
}
/* This should actually be part of the following ".drop.infobox th" rule,
 * but that would overwrite the background-image rule for "th.headerSort" from
 * jquery-tablesorter, which displays the arrows for sorting. */
.drop.infobox thead > tr {
	background: var(--modetabs-background);
}
.drop.infobox th {
	/* background: var(--modetabs-background); */ /* see note above */
	color: var(--modetabs-text-color);
	border-bottom: 1px var(--modetabs-border-color) solid;
	border-right: 0;
	padding: 2px 5px;
}
.drop.infobox th:first-child.headerSort {
	padding-left: 21px;
	background-position-x: left;
}
.drop.infobox th:nth-child(2).headerSort {
	padding-left: 21px;
	text-align: left;
	background-position-x: left;
}
.drop.infobox th:last-child.headerSort {
	padding-right: 21px;
}
.drop.infobox .entity-img img,
.drop.infobox .entity-name img{
	width: auto;
	height: auto;
	max-width: 90px;
	max-height: 90px;
}
.drop.infobox .entity-name {
	display: flex;
	align-items: center;
}

.drop.infobox .nodrop-note {
	text-align: center;
	padding-top: 6px;
}

.drop.infobox > .mw-collapsible-toggle {
	background-color: unset;
	margin-right: 3px;
}
.drop.infobox > .mw-collapsible-toggle:before {
	content: "";
	vertical-align: middle;
	display: inline-block;
	width: 4px;
	height: 4px;
	transform: rotate(45deg);
	position: relative;
	left: -3px;
	border-left: 2px solid var(--theme-link-color);
	border-top: 2px solid var(--theme-link-color);
	border-right: 0;
	border-bottom: 0;
	top: 1px;
}
.drop.infobox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before {
	border-left: 0;
	border-top: 0;
	border-right: 2px solid var(--theme-link-color);
	border-bottom: 2px solid var(--theme-link-color);
	top: -2px;
}
.drop.infobox > .mw-collapsible-toggle:after {
	content: "";
}


/* Template:Summoned (No longer on EN Wiki) */
.summoned.infobox {
	text-align: center;
	padding-bottom: 12px;
}
.summoned.infobox .title{
	font-size: 12px;
}
.summoned.infobox .p{
	font-size: 14px;
}


/* -------------------------------------------------------- */
/* Template:infobox wrapper */
/* -------------------------------------------------------- */

.infobox-wrapper.float-right {
	float: right;
	margin-left: 0.5em;
}
.infobox-wrapper.float-left {
	float: left;
	margin-right: 0.5em;
}
.infobox-wrapper.float-none {
	float: none;
}
@media(max-width:600px) {
	.infobox-wrapper.float-right {
		float: none;
		margin-left: auto;
	}
	.infobox-wrapper.float-left {
		float: none;
		margin-right: auto;
	}
}
.infobox-wrapper.float-right.direction-row .infobox,
.infobox-wrapper.float-right.direction-row-reverse .infobox,
.infobox-wrapper.float-right.direction-row .infobox.float-left,
.infobox-wrapper.float-right.direction-row-reverse .infobox.float-left,
.infobox-wrapper.float-right.direction-row .infobox.float-right,
.infobox-wrapper.float-right.direction-row-reverse .infobox.float-right,
.infobox-wrapper.float-right.direction-row .infobox.float-none,
.infobox-wrapper.float-right.direction-row-reverse .infobox.float-none {
	float: none;
	margin: 0 0 0.5em 0.5em;
}
.infobox-wrapper.float-left.direction-row .infobox,
.infobox-wrapper.float-left.direction-row-reverse .infobox,
.infobox-wrapper.float-left.direction-row .infobox.float-left,
.infobox-wrapper.float-left.direction-row-reverse .infobox.float-left,
.infobox-wrapper.float-left.direction-row .infobox.float-none,
.infobox-wrapper.float-left.direction-row-reverse .infobox.float-none,
.infobox-wrapper.float-left.direction-row .infobox.float-right,
.infobox-wrapper.float-left.direction-row-reverse .infobox.float-right,
.infobox-wrapper.float-none.direction-row .infobox,
.infobox-wrapper.float-none.direction-row-reverse .infobox,
.infobox-wrapper.float-none.direction-row .infobox.float-left,
.infobox-wrapper.float-none.direction-row-reverse .infobox.float-left,
.infobox-wrapper.float-none.direction-row .infobox.float-none,
.infobox-wrapper.float-none.direction-row-reverse .infobox.float-none,
.infobox-wrapper.float-none.direction-row .infobox.float-right,
.infobox-wrapper.float-none.direction-row-reverse .infobox.float-right {
	float: none;
	margin: 0 0.5em 0.5em 0;
}
.infobox-wrapper.float-left.direction-column .infobox,
.infobox-wrapper.float-left.direction-column-reverse .infobox,
.infobox-wrapper.float-left.direction-column .infobox.float-left,
.infobox-wrapper.float-left.direction-column-reverse .infobox.float-left,
.infobox-wrapper.float-left.direction-column .infobox.float-none,
.infobox-wrapper.float-left.direction-column-reverse .infobox.float-none,
.infobox-wrapper.float-left.direction-column .infobox.float-right,
.infobox-wrapper.float-left.direction-column-reverse .infobox.float-right {
	float: left;
	margin: 0 0.5em 0.5em 0;
}
.infobox-wrapper.float-none.direction-column .infobox,
.infobox-wrapper.float-none.direction-column-reverse .infobox,
.infobox-wrapper.float-none.direction-column .infobox.float-right,
.infobox-wrapper.float-none.direction-column-reverse .infobox.float-right {
	float: right;
	margin: 0 0 0.5em 0.5em;
}
.infobox-wrapper.float-none.direction-column .infobox.float-left,
.infobox-wrapper.float-none.direction-column-reverse .infobox.float-left,
.infobox-wrapper.float-none.direction-column .infobox.float-none,
.infobox-wrapper.float-none.direction-column-reverse .infobox.float-none {
	float: left;
	margin: 0 0.5em 0.5em 0;
}
.infobox-wrapper.float-right.direction-column .infobox,
.infobox-wrapper.float-right.direction-column-reverse .infobox,
.infobox-wrapper.float-right.direction-column .infobox.float-left,
.infobox-wrapper.float-right.direction-column-reverse .infobox.float-left,
.infobox-wrapper.float-right.direction-column .infobox.float-none,
.infobox-wrapper.float-right.direction-column-reverse .infobox.float-none,
.infobox-wrapper.float-right.direction-column .infobox.float-right,
.infobox-wrapper.float-right.direction-column-reverse .infobox.float-right {
	float: right;
	margin: 0 0 0.5em 0.5em;
}

/* Template:Spoiler */
.spoiler-content{
	background-color: rgba(127,127,127,1);
	transition: all 0.3s;
	cursor: pointer;
}
.spoiler-content > span{
	opacity: 0;
	transition: all 0.3s;
}
.spoiler-content.show,
.spoiler-content.hover:hover{
	background-color: rgba(127,127,127,0);
}
.spoiler-content.show > span,
.spoiler-content.hover:hover > span{
	opacity: 1;
}

/* Template:living preferences */
.living-preferences .love {
	background-color: #56e55670;
}
.living-preferences .like {
	background-color: #b7e55670;
}
.living-preferences .dislike {
	background-color: #e5bd5670;
}
.living-preferences .hate {
	background-color: #e55a5670;
}

/* Template:diagram */
table.diagram {
	border-spacing: 0;
	background: transparent;
}
table.diagram tr {
	height: 1px;
	text-align: center;
}
table.diagram td.l {
	border-style: none;
	border-width: 1px;
	border-color: var(--theme-border-color);
	padding: 0.5em;
}
table.diagram td.n {
	padding: 0;
}
table.diagram td.db {
	border-bottom-style: dashed;
}
table.diagram td.dr {
	border-right-style: dashed;
}
table.diagram td.sb {
	border-bottom-style: solid;
}
table.diagram td.sr {
	border-right-style: solid;
}
table.diagram td.nb {
	border-bottom-style: solid;
	border-bottom-color: transparent;
}
table.diagram td.nr {
	border-right-style: solid;
	border-right-color: transparent;
}
/* center dot fix */
table.diagram td.cf {
	position: relative;
}
table.diagram td.cf:after {
	content: "";
	display: block;
	position: absolute;
	width: 0.9px;
	height: 1px;
	border-bottom: 1px solid var(--theme-border-color);
	right: 0;
	bottom: 0;
}
/*arrow*/
table.diagram td.alt,
table.diagram td.alb,
table.diagram td.art,
table.diagram td.arb,
table.diagram td.atl,
table.diagram td.atr,
table.diagram td.abl,
table.diagram td.abr{
	position: relative;
}
table.diagram td.alt:before,
table.diagram td.alb:before,
table.diagram td.art:before,
table.diagram td.arb:before,
table.diagram td.atl:before,
table.diagram td.atr:before,
table.diagram td.abl:before,
table.diagram td.abr:before{
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	box-sizing: content-box;
	border-style: solid;
	border-color: var(--theme-border-color);
}
table.diagram td.alt:before{
	left: 0;
	bottom: -1px;
	border-width: 3px 8px 1px 0;
	border-top-color: transparent;
}
table.diagram td.alb:before{
	left: 0;
	top: 0;
	border-width: 0 8px 3px 0;
	border-bottom-color: transparent;
}
table.diagram td.art:before{
	right: 0;
	bottom: -1px;
	border-width: 3px 0 1px 8px;
	border-top-color: transparent;
}
table.diagram td.arb:before{
	right: 0;
	top: 0;
	border-width: 0 0 3px 8px;
	border-bottom-color: transparent;
}
table.diagram td.atl:before{
	right: -1px;
	top: 0;
	border-width: 0 1px 8px 3px;
	border-left-color: transparent;
}
table.diagram td.atr:before{
	left: 0;
	top: 0;
	border-width: 0 3px 8px 0;
	border-right-color: transparent;
}
table.diagram td.abl:before{
	right: -1px;
	bottom: 0;
	border-width: 8px 1px 0 3px;
	border-left-color: transparent;
}
table.diagram td.abr:before{
	left: 0;
	bottom: 0;
	border-width: 8px 3px 0 0;
	border-right-color: transparent;
}
table.diagram td.ct,
table.diagram td.cb{
	position: relative;
}

table.diagram td.sr.cb{
	border-right-color: transparent;
}
/* unlinked crossing */
table.diagram td.ct:before,
table.diagram td.cb:before,
table.diagram td.ct:after{
	content: "";
	display: block;
	position: absolute;
	box-sizing: border-box;
	border-style: solid;
	border-color: var(--theme-border-color);
}
table.diagram td.ct:before{
	right: 0;
	top: 0;
	width: 100%;
	height: calc(100% - 4px);
	border-width: 0 1px 0 0;
}
table.diagram td.cb:before{
	right: -1px;
	bottom: 0;
	width: 100%;
	height: calc(100% - 4px);
	border-width: 0 1px 0 0;
}
table.diagram td.ct:after{
	right: -4px;
	bottom: -5px;
	width: 5px;
	height: 9px;
	border-width: 1px 1px 1px 0;
	border-radius: 0 10px 10px 0;
}

.diagram-box {
	border-width: 2px;
	border-style: solid;
	border-color: var(--theme-border-color);
	border-radius: 7px;
	padding: 0.25em 0.5em;
}
.diagram-box .note-text{
	line-height: 1.25;
	margin-top: 0.25em;
}
.diagram-box > .note-text:first-child{
	margin-top: auto;
}
.diagram-box > img:first-child{
	margin-top: 2px;
}
table.diagram td.no-border {
	border: none;
}
table.diagram td.craft-station {
	border: none;
	padding: 2px 0;
}
.crafting-tree {
	overflow: auto;
	padding: 0.5em 0;
	font-size: 12px;
	line-height: 1.25;
}
.crafting-tree .diagram {
	white-space: nowrap;
}

/* Template:hp */
.hp {
	display:inline-block;
	vertical-align:middle;
}
.hp > div {
	margin: -2px;
	max-width: 260px;
}
.hp > div > img,
.hp > div > a {
	width: 22px;
	height: 22px;
	padding: 2px;
}

/* Template:l10n_subtemplate */
table.l10n-data-table tr:hover td{
	background-color: rgba(180,0,0,0.05);
}
table.l10n-data-table th.all-lang,
table.l10n-data-table th.lang{
	cursor: pointer;
}
table.l10n-data-table th.lang.en{
	cursor: auto;
}
table.l10n-data-table th.shrinked{
	padding-left: 0;
	padding-right: 0;
}
table.l10n-data-table th.shrinked code{
	padding-left: 1px;
	padding-right: 1px;
}
table.l10n-data-table th.shrinked small{
	display: none;
}
table.l10n-data-table td.shrinked{
	background-color: rgba(127,127,127,0.05);
}
table.l10n-data-table td.shrinked > div{
	display: none;
}

/* -------------------------------------------------------- */
/* Template:infocard */
/* -------------------------------------------------------- */

.infocard + .infocard {
	margin-top: 0.5em;
}
.infocard {
	--infocard-padding: 1em;
	--infocard-padding-negative: calc(var(--infocard-padding) * -1);
	--infocard-padding-half: calc(var(--infocard-padding) * 0.5);
	--infocard-padding-half-negative: calc(var(--infocard-padding-negative) * 0.5);
	--infocard-icon-right-offset: -2em;
	--infocard-box-title-font-size: 1.5em;
	--infocard-box-title-font-weight: lighter;
	--infocard-main-heading-font-size: 2em;
	padding: var(--infocard-padding);
	box-sizing: border-box;
	border: 1px solid var(--theme-border-color);
	border-radius: 6px;
	width: 100%;
	min-width: 300px;
	position: relative;
	background: var(--theme-content-background);
}
.infocard.compact {
	--infocard-padding: 0.5em;
	--infocard-icon-right-offset: -2.5em;
	--infocard-box-title-font-size: 100%;
	--infocard-box-title-font-weight: bold;
	--infocard-main-heading-font-size: 1.25em;
	min-width: 240px;
}
.infocard > .intro {
	margin: 1em 0;
	min-width: 200px;
}

.infocard .heading {
	margin: 1em 0 var(--infocard-padding-half);
	font-weight: bold;
}
.infocard .main-heading {
	border-right: 3em solid transparent;
	position: relative;
	line-height: 1;
	padding-left: var(--infocard-padding);
	margin: var(--infocard-padding) var(--infocard-padding-negative) var(--infocard-padding);
	background: var(--theme-highlight-background);
}
.infocard .main-heading .hgroup {
	display: inline-block;
	margin-left: 4px;
	padding: 0 var(--infocard-padding);
	background: var(--theme-content-background);
}
.infocard .main-heading .hgroup > .main {
	font-size: var(--infocard-main-heading-font-size);
	color: var(--theme-text-color-highlight);
}
.infocard .main-heading .hgroup > .main > .namenote {
	font-size: 62.5%;
	color: var(--theme-text-color-note);
}
.infocard .main-heading .icon {
	position: absolute;
	right: var(--infocard-icon-right-offset);
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	justify-content: center;
	width: var(--iconsize);
	height: var(--iconsize);
}
.infocard .main-heading .icon.frame {
	border: 1px solid var(--theme-border-color);
	border-radius: 4px;
	background: var(--theme-page-background-color);
}
.infocard .main-heading .icon.frame.round {
	border-radius: 100%;
}

.infocard > .card {
	float: right;
	margin: -1em 1em 0.75em 0.75em;
	box-shadow: 0 0 6px rgba(0,0,0,0.05);
	position: relative;
	z-index: 5;
}
.infocard > .card .image {
	background: var(--theme-border-color);
	border-left: 1px solid var(--theme-border-color);
	border-right: 1px solid var(--theme-border-color);
	box-shadow: var(--theme-box-shadow);
}
.infocard > .card .content {
	border: 1px solid var(--theme-border-color);
	border-top: 0;
	background: var(--theme-content-background);
	border-radius: 0 0 4px 4px;
	box-sizing: border-box;
	padding: 0 0.75em 0;
	box-shadow: var(--theme-box-shadow);
}
@media screen and (max-width: 450px) {
	.infocard > .card {
		float: none;
		margin: 0;
	}
	.infocard > .card > .content {
		width: 100% !important;
	}
	.infocard > .card > .image {
		width: 100% !important;
		text-align: center;
	}
	.infocard > .main-heading {
		padding-right: 0 !important;
	}
}
.infocard > .card .content > .intro {
	margin-top: 0.75em;
}
.infocard > .card .content > dl {
	margin: 0.75em 0;
}
.infocard > .card .content dt {
	font-weight: bold;
	margin-top: 0.75em;
}
.infocard > .card .content dd {
	margin: 0;
}
.infocard > .card .content > .outro {
	margin-bottom: 0.75em;
}
  

.infocard .box {
	padding: var(--infocard-padding);
	margin: 1em 0;
	background-color: var(--theme-box-background);
	border: 1px solid;
	border-radius: 4px;
	border-color: var(--theme-box-border-color);
}
.infocard .box > .title {
	line-height: 1;
	display: inline-block;
	margin-left: var(--infocard-padding-negative);
	padding: 0 1em 0 var(--infocard-padding-half);
	min-width: 5em;
	border-left: var(--infocard-padding-half) solid transparent;
	border-left-color: transparent;
}
.infocard .box > .title > span {
	font-weight: var(--infocard-box-title-font-weight);
	font-size: var(--infocard-box-title-font-size);
}
.infocard .box > .content {
	margin-top: 4px;
}

.infocard.biome .main-heading + div {
	display: flex;
	flex-wrap: wrap;
	margin: 0 var(--infocard-padding-half-negative) var(--infocard-padding-negative);
}
.infocard.biome .main-heading + div > .box {
	margin: 0 var(--infocard-padding-half) var(--infocard-padding);
	flex: 1 1 auto;
}
.infocard.biome .main-heading + div > .box:last-child,
.infocard.biome .main-heading + div > .box.last{
	flex: 10 10 auto;
}
.infocard.biome .main-heading + div > .box .dotlist{
	margin-top: -2px;
}
.infocard.biome .main-heading + div > .box .dotlist li{
	margin-top: 2px;
}

/* Template:coin */
.coins {
	white-space: nowrap;
}
.coins s {
	display: none;
}
.coin {
	white-space: nowrap;
}
.coin s {
	display: none;
}
.coin ::after{
	content: '';
	display: inline-block;
	width: 12px;
	height: 16px;
	margin: -3px 2px auto;
	vertical-align: middle;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAQCAMAAACBWcfHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABaUExURQAAAJN9IW+Nn1xnakwsDMu1R1xCEjI3SiE1P1QdCo+cnWBtj4iksOF1S/Hy6npbGUVMUKGsrbZXG/z4tpmsuFJXbe3Zeey3oOzw89XF45VDFq+h03o3Ea7CxDpXvFYAAAABdFJOUwBA5thmAAAAwUlEQVQoz43SSxKDIBREUXyCQVBRUBQ1+99m4MVQJf5yq3p4Zk2I74WRX4WPPHenuO/c9L1zTbO5omDMmOh2qvT9oTjvummKLqpgAKoKAB2ljGVZdDtVlnU9jujuFOdC5Hl0O1X5miYsKmOsTVUw86w1uifVtsEdFYCU7zeAc6iyTClrGaM0VVqv6zzX9aPK89YnxFFJOQxhyxKVUkdF0KEht4qg28xOfR0AmlBwm0lU8o1rdf2ow3spjeb6vffqtA8gqhYRvoCL8AAAAABJRU5ErkJggg==);
	background-repeat: no-repeat;
	background-size: auto 16px;
	image-rendering: pixelated; /*for chrome*/
	image-rendering: crisp-edges; /*for firefox*/
}
.coin .pc::after{
	width: 14px;
	background-position: 0 50%;
}
.coin .gc::after{
	background-position: -15px 50%;
}
.coin .sc::after{
	background-position: -28px 50%;
}
.coin .cc::after{
	background-position: -41px 50%;
}

/* Template:project */
.project {
	float: right;
	display: block;
	margin: -0.6em 0 0.5em;
	border: 1px solid var(--theme-border-color);
	background: var(--theme-highlight-background);
	padding: 0 7px;
	font-size: 90%;
}

/* Template:translation projects */
#indic-project.collapsed .text-wrapper {
	display: none;
}
#indic-project.expanded {
	border: 1px solid var(--theme-border-color);
	border-radius: 0.2em;
	padding: 0.5em;
	background: var(--theme-box-background);
}
#indic-project.expanded #indic-project-flag {
	margin-left: 1em;
}
#indic-project-flag {
	cursor:pointer
}
#indic-project-flag > img {
	border: 1px solid var(--theme-box-border-color-invert); /* border around the flag to improve visibility */
}

/* Template:GameText */
.gameText{
	white-space: pre-wrap;
}

/* Template:archive header */
.terraria.archive-header {
	text-align: center;
	padding: 10px;
	margin: 10px auto;
	background: var(--theme-highlight-background);
}
/* Template:dpl3 */
.dpl3{
	background-color:var(--theme-page-background-color--secondary);
	font:120% Courier, monospace;
}

/* Template:archive-box */
.archive-box {
	float: right;
	margin: 0 0 .5em .5em;
	padding: .5em 1em;
	width: 150px;
	background: var(--theme-page-background-color);
	border: 1px solid var(--theme-border-color);
	-moz-border-radius: 10px;
}
.archive-box .archive-header {
	padding: 0.1em;
	font-size: 0.9em;
	color: var(--theme-text-color);
	background-color: var(--theme-border-color);
	text-align: center;
	-moz-border-radius: 7px;
}

/* Template:dropinfo */
.dropinfo br {
	content: "";
}
.dropinfo br::after {
	content: " / ";
}
.dropinfo .mode-content span + span::before {
	content: " / ";
}

/* Template:chance */
.chance > s {
	display: none;
}

/* Template:flavor text */
.flavor-text{
	margin-bottom: 1em;
}


/* Template:toggleBox */
.trw-toggleable .trw-togglehandle{
	color: var(--theme-link-color);
	cursor: pointer;
}
.trw-toggleable .trw-togglehandle:hover{
	color: var(--theme-link-color--hover);
}
.trw-toggleable.not-toggled .only-toggled,
.trw-toggleable.toggled .only-not-toggled{
	display: none;
}
.trw-toggleable .trw-togglehandle>span:first-child,
.trw-toggleable.toggled .trw-togglehandle>span:last-child{
	display: inline-block;
}
.trw-toggleable.toggled .trw-togglehandle>span:first-child,
.trw-toggleable .trw-togglehandle>span:last-child{
	display: none;
}


/* Template:sound */
.sound {
	cursor: pointer;
}
.sound .sound-audio {
	display:none
}
.sound-title::after,
.sound.iconfirst .sound-title::before {
	content:'';
	display: inline-block;
	width: 1.143em;
	height: 1.143em;
	margin-left: 2px;
	vertical-align: text-top;
	background: url(https://commons.wiki.gg/images/3/36/Audio.svg);
	background-size: contain;
	filter: var(--ooui--icon-normal-filter);
}
.sound.iconfirst .sound-title::after{
	display: none;
}
.sound.iconfirst .sound-title::before{
	margin-left: auto;
	margin-right: 2px;
}
/* -------------------------------------------------------- */
/* Navbox (Template:navbox/start etc.) */
/* -------------------------------------------------------- */

.navbox {
	border: 1px solid var(--theme-border-color);
	border-radius: 8px;
	padding: 6px;
	margin: 0.5em auto;
	width: 100%;
	max-width: 1800px;
	box-sizing: border-box;
	position: relative;
	clear: both;
}

.navbox .i{
	padding: 1px 0;
}

.navbox > .header {
	background: var(--theme-highlight-background);
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
	min-height: 1em;
	padding: 4px 70px 4px 6px;
}

.navbox > .vde {
	position: absolute;
	right: 10px;
	top: calc(2rem + 2px);	font-size: 9px;
	line-height: 1;
	color: var(--theme-text-color-note);
}

.navbox > .mw-collapsible-toggle {
	position: absolute;
	line-height: 1;
	right: 10px;
	top: 10px;
	font-size: 12px;
}

.navbox > .mw-collapsible-toggle > .mw-collapsible-bracket {
	display: none;
}

.navbox > .mw-collapsible-toggle:before {
	content: "";
	vertical-align: middle;
	display: inline-block;
	width: 5px;
	height: 5px;
	transform: rotate(45deg);
	position: relative;
	left: -3px;
	border-left: 2px solid var(--theme-link-color);
	border-top: 2px solid var(--theme-link-color);
	border-right: 0;
	border-bottom: 0;
	top: 1px;
}

.navbox > .mw-collapsible-toggle:after{
	content: "";
}

.navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before {
	border-left: 0;
	border-top: 0;
	border-right: 2px solid var(--theme-link-color);
	border-bottom: 2px solid var(--theme-link-color);
	top: -2px;
}

.navbox > .content {
	text-align: left;
	padding: 6px 6px 0;
}
.navbox > .content .dotlist + .dotlist{
	margin-top: 0.5em;
}

.navbox > .content > .dotlist + .dotlist {
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px solid var(--theme-body-text-color--hover);
}


/* nested navbox */
.navbox .navbox {
	border: 0;
	padding: 0;
	width: auto;
	margin: 0 -6px 6px -6px;
}

.navbox .navbox:last-child {
	margin: 0 -6px;
}

.navbox .navbox > .header {
	font-size: 14px;
	padding: 0 64px 0 6px;
}

.navbox .navbox > .mw-collapsible-toggle {
	right: 4px;
	top: 4px;
	font-size: 10px;
}

.navbox .navbox > .mw-collapsible-toggle:before {
	width: 3px;
	height: 3px;
	border-left: 1px solid var(--theme-link-color);
	border-top: 1px solid var(--theme-link-color);
	border-right: 0;
	border-bottom: 0;
	top: 1px;
}

.navbox .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before {
	border-left: 0;
	border-top: 0;
	border-right: 1px solid var(--theme-link-color);
	border-bottom: 1px solid var(--theme-link-color);
	top: -1px;
}

.navbox .h1 {
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.25em;
	line-height: 1.5;
}
.navbox .table > div:first-child .h1,
.navbox .content > .h1:first-child{
	margin-top: auto;
}
.navbox .h1::after {
	content: '';
	display: block;
	margin: auto auto auto 0;
	width: 5em;
	height: 0;
	border-bottom: 2px solid var(--theme-border-color);
}

.navbox .h2 {
	font-weight: bold;
	line-height: 1.5;
	margin-top: 0.25em;
	font-size: 12px;
}

.navbox .h1 + .h2 {
	margin-top: 0.5em;
}

.navbox .h3 {
	font-size: 10px;
	font-weight: bold;
	line-height: 1.5;
}

.navbox h2 + .h3 {
	margin-top: 0.5em;
}
@media (max-width: 599px){
	.navbox .table > div > .title::after,
	.navbox .table > .dotlist > .title::after{
		content: ":";
		margin-right: 0.25em;
	}
}
@media (min-width: 600px){
	.navbox .table{
		display: table;
		text-align: left;
		margin: -5px -7px -1px -7px;
	}
	.navbox .table > div{
		display: table-row;
	}
	.navbox .table > div > * {
		display: table-cell;
		padding: 4px 7px;
		vertical-align: middle;
		box-shadow: inset 0 0 0 1px var(--theme-page-background-color);
	}
	.navbox .table > div > .title,
	.navbox .table > div > .h1,
	.navbox .table > div > .h2{
		background: var(--theme-highlight-background);
		text-align: right;
		line-height: 1.1;
		/*width: max-content;*/
	}
	.navbox .table > div > .title .eil,
	.navbox .table > div > .h1 .eil,
	.navbox .table > div > .h2 .eil{
		white-space: normal;
	}
	.navbox .table > div > .title::after,
	.navbox .table > div > .h1::after{
		display: none;
	}

	.navbox .table .table{
		display: table;
		padding: 0;
		margin: 0 -1px 0 0;
	}
	.navbox .table .cell{
		padding: 0;
	}
	.navbox .table .cell > .dotlist{
		padding: 4px 7px;
	}
}
/* ------------------------------------------------------------------ */


/* ================================================================== */
/* Template-related styles */
/* ================================================================== */


/* ------------------------------------------------------------------ */

/* template:redirect etc. */
div.hat-note{
	margin: 0.5em auto 0.5em 1.6em;
	font-style: italic;
}
div.hat-note.no-indent{
	margin-left: auto;
}
div.hat-note.t-main{
	color: var(--theme-text-color-note);
}

/* Template:multi-column list */
/* correct webkit/chrome uneven margin on the first column*/
.responsive-columns ul,
.responsive-columns ol {
	margin-top: 0;
}
.responsive-columns ul li:first-child,
.responsive-columns ol li:first-child {
	margin-top: 0;
}
.mclist.block > ul {
	list-style: none;
	margin-left: 0;
}

/* Template:itemlist */
.itemlist > ul {
	list-style: none;
	margin: 0;
}
.itemlist > ul > li {
	width: 10em;
	margin: 0.25em 1em 0.25em auto;
	display: inline-block;
}

/* Template:dotlist */
.dotlist {
	margin: auto;
}
.dotlist.inline{
	display: inline;
}
.dotlist > .title {
	font-weight: bold;
}
.dotlist.nobold > .title {
	font-weight: normal;
}
.dotlist > .title::after {
	content: "";
	display: inline-block;
	width: 0.25em;
}
.dotlist > ul {
	display: inline;
	list-style: none;
	margin: auto; /* please don't delete this line, we need it to remove default ul margin setting. */
}
.dotlist > ul > li {
	display: inline-block;
}
.dotlist.inline > ul > li{
	display: inline;
}
.dotlist > ul > li::after {
	content: "•";
	padding: 0 0.25em;
}

.dotlist.nodot > ul > li::after {
	content: "\3000";
	padding: 0;
	margin: 0;
}
.dotlist > ul > li:last-child::after {
	display: none;
}
.dotlist.l > .title {
	margin-right: 0.4em;
}
.dotlist.l > ul > li::after {
	margin-left: 0.25em;
	margin-right: 0.25em;
}
.dotlist.xl > .title {
	margin-right: 0.8em;
}
.dotlist.xl > ul > li::after {
	margin-left: 0.5em;
	margin-right: 0.5em;
}
.dotlist.xxl > .title {
	margin-right: 1.2em;
}
.dotlist.xxl > ul > li::after {
	margin-left: 0.75em;
	margin-right: 0.75em;
}
.dotlist.xxxl > .title {
	margin-right: 1.6em;
}
.dotlist.xxxl > ul > li::after {
	margin-left: 1em;
	margin-right: 1em;
}
.dotlist.xxxxl > .title {
	margin-right: 2em;
}
.dotlist.xxxxl > ul > li::after {
	margin-left: 1.25em;
	margin-right: 1.25em;
}

/* Template:toc limit */
/* Allows limiting TOCs to generate links for only header levels below a limit, for instance only level-3 (=== ===) and below. */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
	display: none !important;
}

/* Template:error */
.error {
	font-weight: bold;
	color: red;
}

/* Template:documentation */
.feature,
.documentation {
	background: var(--theme-box-background);
	border: 1px solid var(--theme-border-color);
	border-radius: 5px;
	padding: 10px;
	clear: both;
}
.documentation_header {
	padding-bottom: 3px;
	border-bottom: 1px solid var(--theme-border-color);
}

/* Template:achievement */
div.achievement{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin: 0.5em 0;
}
div.achievement>div{
	margin-left: 0.5em;
}
div.achievement .mw-selflink{
	font-weight: inherit;
}

/* Template:main */
div.main-article {
	padding: 0.5em 0 0.3em 1.5em;
	color: var(--theme-text-color-note);
}

/* Template:history */
.history-header {
	background: none;
	margin: 0;
	padding-top: .5em;
	padding-bottom: .17em;
	border-bottom: none;
	font-size: 116%;
	font-weight: bold;
}
.history-title {
	font-weight: bold;
}

/* Template:yes, Template:no */
span.t-yes,span.t-no{
	width: 20px;
	height: 20px;
	display: inline-block;
	color: transparent;
	background-size: contain;
}
span.t-yes{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABKVBMVEX///8POg9bzFsSqBIPhg8POg8POg8POg8POg8eVx4POg8POg8dVR0POg8cVBwPOg8POg8cVBwVRhUPOg8POg8cUhwWSBYPOg8POg8bUBsYTBgPOg8POg8aTxoZTRkPOg8WSBYXShcPOg8POg9WwlY1hDVVwFU6vDpRx1EyfTIyuDISqBI7vDtLrUtTvlMvti8SohI2tzZNsU0stSwRmhEnpCdRvVEosygQlxAopChOsk5Ptk89kz1RvFEmsiYQlhAppClRuVFAv0BMxEwYSxhPuk8jsCMRlBErpitOtE4pbClZy1kgryAVqRVDwENWyVYhsCERkxEspywveC9Ow04UkhQRnhEZpxkQkBAuqS4udi5QxFASjhIPhg8tdC1SxlI2sDYtcy3///96G+hpAAAAJHRSTlMAAAAAADaZZjPzeDDwYPCHLe3eGyrt25Z17d+QJ+rfGNjZFU4CAy6JAAAAAWJLR0QAiAUdSAAAAAd0SU1FB+QIExEnKMFJk1wAAAABb3JOVAHPoneaAAAAxElEQVQY02NgIAEwIgFWNnZGRpAgEwJwcKqockEEmWGAm0dNXUOTF0WQm09NS1tHlx8iyAIGAoJ6+gaGRkLCSIIionrGJqZGYsIQM4XFJYBikmbmFpZWYsJMYEFhKWsbaRlZWzt7B6AYM0RQztHJ2cbF1c3dw1NMngUq6OXt4+vnHxAYBBKDCXIFh4SGhUdEeioAxWCCTFxR0TGxkZ6KIDG4IDNXXHyCtaISC7IgExNXIlAMFgCMsFBSZldCBBUpQYwNAADsdBhCcqhwpwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wOC0xOVQxNzozOTo0MCswMDowMF4hGvUAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDgtMTlUMTc6Mzk6NDArMDA6MDAvfKJJAAAAIHRFWHRzb2Z0d2FyZQBodHRwczovL2ltYWdlbWFnaWNrLm9yZ7zPHZ0AAAAYdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AAAAXdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADIw3+GomQAAABZ0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAAyMCdOaBQAAAAZdEVYdFRodW1iOjpNaW1ldHlwZQBpbWFnZS9wbmc/slZOAAAAF3RFWHRUaHVtYjo6TVRpbWUAMTU5Nzg1ODc4MM3733wAAAAOdEVYdFRodW1iOjpTaXplADBCyW8Y7QAAADZ0RVh0VGh1bWI6OlVSSQBmaWxlOi8vL3RtcC90aHVtYmxyL2ltZzExODc4ODM3MDA5OTYzNjkxNjgz9+auPAAAAABJRU5ErkJggg==');
}
span.t-no{
	background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABMlBMVEX///9eAAD/YmL+AADGAABeAABeAABeAABeAABeAAByDAxeAAByDAxeAABeAABzDQ1eAABeAABxDAxeAABeAABeAABzDQ1rCAh3Dw9tCQl5ERFuCgpeAABeAAB1Dg5yDAxeAABlBAReAABeAABeAABvCgpzDQ1eAABzDQ1eAABeAACvMjLoVFSiKiqsLy//Vlb/NjbqVVX/Ojr/VVWoLS3kUlL/NDT+AAD+MDDsVlb/MzPbTEzuWFj+Ly//MjKEFxf+Li7hUFD/YmLyWlr+FxfmU1OLHBz+FRX+GRmAFRX+Kyv7AADwERH+LCzyAADoHR3kGhrsAAD1JSXYAADhFxeGGBjgFhbTAADwJibsIyPHAADiGBjGAADmICD4SkroICDoHx/4Tk6uMDCmLCyeJyf///8Bf9RuAAAAK3RSTlMAAAAAAFRmG05+4R7fdWDfV4fkPIQk5+Do4+jnIUXn2RWKP3hp4eVR4nKZPdb+ugAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQflAhEQMQDCQ+fJAAAA7klEQVQY02NgIAUwMrKysTOCADsbByMjRJCJU1uHi5uJiYmdR0eXFyrIp6dvABRlZuc3NDI2EYAICpqamVvoCAnzW1qZW1mLQARFxWxsze107C3tzB0cxdmhZopK2FiYmznZmtuaSnLDLGISlXK2Mncxt3WVlmGCCzLLujm5m3s4ecoyIwRlxAy9vH287XSE2OGCQDFfP3+ngEArHR52qKCMnGVQcIhOqE1YeISOvAJEUNEmMirAlUtJzjI6JlZHGSKooh0Xb6rKziKjZpmQmKQONVMkGSgG9Du3hk6KJiMslFS0IKHErcUGCyUKAAAKiSBmgCLl9AAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xN1QxNjo0OTowMCswMDowMGR5URYAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTdUMTY6NDk6MDArMDA6MDAVJOmqAAAAIHRFWHRzb2Z0d2FyZQBodHRwczovL2ltYWdlbWFnaWNrLm9yZ7zPHZ0AAAAYdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AAAAXdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADIw3+GomQAAABZ0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAAyMCdOaBQAAAAZdEVYdFRodW1iOjpNaW1ldHlwZQBpbWFnZS9wbmc/slZOAAAAF3RFWHRUaHVtYjo6TVRpbWUAMTYxMzU4MDU0MP1XuP0AAAAQdEVYdFRodW1iOjpTaXplADgxN0Iis7AJAAAANXRFWHRUaHVtYjo6VVJJAGZpbGU6Ly8vdG1wL3RodW1ibHIvaW1nNzI4Nzk1MDY5NDMyNjgxODQ2NAFjgaMAAAAASUVORK5CYII=');
}

/* Template:key */
span.key {
	display:inline-block;
	white-space:nowrap;
	cursor: pointer;
}
span.key a:-webkit-any-link {
	text-decoration: none;
}
span.key kbd{
	color:black;
	border: 1px solid rgb(170, 170, 170);
	box-shadow: 0.1em 0.2em 0.2em rgb(221, 221, 221);
	border-radius: .2em;
	background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(249, 249, 249), rgb(238, 238, 238));
	background-color: rgb(249, 249, 249);
	padding: 0.1em 0.4em 0.2em 0.3em;
	margin-right:2px;
	font-size:85%;
	font-family:inherit;
	font-style:normal;
}

/* Template:eicons
.eico:before => d (.i1)
.eico b:before => c (.i2)
.eico b:after => o (.i3)
.eico b => m (.i4)
.eico i:before => 3 (.i5)
.eico i:after => t (.i6)
.eico i => unused
.eico:after => unused
*/
.eico, .eico:before, .eico:after,
.eico b, .eico b:before, .eico b:after,
.eico i, .eico i:before, .eico i:after{
	display: inline-block;
	vertical-align: middle;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	height: var(--height);
	width: var(--width);
	margin-right: var(--gap);
}
.eico, .eico b, .eico i,
.eico.s, .eico.s b, .eico.s i{
	width: auto;
	padding-right: var(--width);
	background-position: right center;
}
.eico.s, .eico.s:before, .eico.s:after,
.eico.s b, .eico.s b:before, .eico.s b:after,
.eico.s i, .eico.s i:before, .eico.s i:after{
	width: calc( var(--width) * var(--small-scale) );
	height: calc( var(--height) * var(--small-scale) );
	/*margin-right: calc( var(--gap) * var(--small-scale) );*/
}
.eico.s, .eico.s b, .eico.s i{
	width: auto;
	padding-right: calc( var(--width) * var(--small-scale) );
}
.eico.i1:before, .eico.i2 b:before, .eico.i3 b:after,
.eico.i4 b, .eico.i5 i:before, .eico.i6 i:after {
	--gap: var(--base-gap);
}
.eico{
	color: transparent !important;
	font-size: 0 !important;
	line-height: 0 !important;
	vertical-align: middle !important;
	white-space: nowrap !important;
	--width: 0;
	--height: 16px;
	--small-scale: 0.75;
	--gap: 0;
	--base-gap: 2px;
	margin-right: calc( -1 * var(--base-gap) );
}
.eico.s{
	margin-right: calc( -1 * var(--base-gap) * var(--small-scale) );
}
.eico.j{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAApElEQVQoka2SQQrEMAhFPaU5mgeb3sBF6CJpGrML6Z9NO0zoZJiWET4I6gO/kqrCzJBzviQzg/cetCwLRrG1hq21YT3n/BlQQ0AUgTJDmRFEUEMYAFIPqDFCmTER4bFrIoIyo8bY9ZrZGRBEXsPTriMPImdASqnbWZ3rht8h6lznyf8Bt1ZY1/W2iaWUMwD4/YxDwLsn3x6plALy3l9+40PzPOMJC/qV2WNuhKAAAAAASUVORK5CYII=);
	width: 16px;
	height: 12px;
	box-shadow: 0 0 1px rgba(0,0,0,0.5);
}
.eico.s.j {
	width: 12px;
	height: 9px;
}
.eico.i1:before{
	content: "";
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAACp0lEQVQokY2SzUuTcQDHf7haiHjwb/DgSeR3kFGtZeqaLufbHva0mpYoPOIYk9RGoBEmy0wmpEhkGyk8tmVmloHvNdG5x+m02V58aw7nG9Ompw4dvp0KvPW5fuBz+hDyn2g1GhXLMBzDajmGYTkdU8qVqQtURKPVqFidjititFyptpwr0lVyKl0lp9RWckq2glMxOq6U1XJqtbr6cH8PkZ19RLZ3cHJ0gNvqgmpSWFhQvX0Yg//oN7xxwHUMzMWBhTiwcgSEYr8QiZ1i+NMI3HMuuNwCBMED18w0SpRyPVEo5fpg9BA3atuQ++A1ch46oGh+j5LWYZQ/e4eG5/0IROP4PDaJaDSKra0wNta3EA2HUSCX64lSIdd7w/vIrX+Biv51lDki0L3Zxl1+DTV9S6jtGsZS5BT2wRFMTX7B+PgkpqenMTU2iizpRSOR58iMwuYBLtfbkN2xAFnHIq5YPLjaNoc88yiqOj5gZj0Ox/A4AoEQfD4fAqvfsRb0Q3ZJUkeysmTGr74fkJn6cM3ixvXubyjsCYLt3UQVH0ID78F46AQ9/BBWfX44nU7YXr2ERxAgyZTUEYkks84dCOPO07fQdTlR3euFgfehfjCIxiE/2j+uYGJ1D+3dNszOuzAxNYVlnxeCIIBmUBORSqV1iyurcC6vYza4C+/2TyxsxrAUPoY7tAuXbwPzy36o2VtQ39QgjymGimVQXFyMRJGYJ5RSLaXUlJ6ebqKUmqxWK2w2G6xWKyilpoyMDBOl1EQI6awxGlBz/x4etbfCYDAgkYg6z9yWmpraZLfbMTAwAIfDgbS0tKa/LjEpyfK41YxGczOa256gpaUFFxLOWc4EkpOTzdnZ2Xx+fj6vUCj4lJQU8z+ZQHgiSuCJWMQTsYgXi8X8eZGI/wPwz6C3jZnAMAAAAABJRU5ErkJggg==);
	--width: 16px;
}
.eico.i2 b:before{
	content: "";
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAANCAYAAABPeYUaAAACjklEQVQokY2SS08aYRiFv4UxI5dejCFk2kxQdEKMKa0/qQ1iqiVpKw29KKvZGYq0BEQtOCCKVSsCQ0UQhRkuVdA0WlQiRY0umvgbTheaxjQsfLZP3nPexSHkBu1axqBjWYNOqzOQBrRrGQPbrjWwDNvQE023xnp+cYKLkzPUj+vo6NRZb3r2MWs9PavhvH6Kyz+X6PzPE9LSZBGLEvJ5Caf136jXaijtlMF2d1s7ejqtHY9Ya3mvjHq9hsPKPqqHR5AkCU3yFsvVvVxpcTqdEEURmewGht+/xY9CDok1AdXqIY5rVVSrVQhCFJKUhdHwDIWcCEnKwuV2Qi5vsRAlpeRWFsMIzc7hzdArvB56iXeWIfi8bqTXE8iJEjLpDKa9Pgw+78fR0QH6jE+xMB/E0sIcZDKKIwpKyYWC80iuJuCdmsDIyAeImXXEoouIhBexvPQNkeUI4jEB6VQSL0wDcLk/IfE9ivnQDCiqmSMK5V3O7nAgHA7ji3cSodkg/NM+DAwa4fG44ZnyYHxyAv39feB5H+aCAXx2jOHrQggOhx0KhYwj1B3FMD/rx/7BTwjCChx2G+y2UYyPuzAT9GMjswmfn4fL7YTNNoox20fEYwJ+VfYQmOHR2npvmKhptTmRiuO4VsHWtoTVRBy8bxoKGcX16p/w+h49r9f38jKZjAsEAkiuJrFdLCGflxCNrUBNq8yE0TImUcygUMygvFOAIEQhU1Bcoy01K5u5SCSG3dIuSlvbyOclMAxjIg80GmN5dweFYg6xSBg0TZsbrvGaNlpljoajKEgFVPYq6NJqjeShRmPayGSRWlu7eu0W3Fe3mdPpTaSSaTBdGiMhhBC1ijbTKvWtAv4F0Spz23XpX3tXlLpeYi2zAAAAAElFTkSuQmCC);
	--width: 17px;
}
.eico.i3 b:after{
	content: "";
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAACcUlEQVQokXXRW0hTAQAG4PMSDdkl1+atmTbPEEw8bpKYI7TQKDNyRan54GWblacUzU1ZOtGz0mIuiYi00zY3tVLoxS4vBx8KJWPkhdxyO2qWVoRFtxfr4e+lAiX/1///nn6CWBcmUq63yeRolcagVRqnX9+vSasiRn9ZIsJqvRkrdB3sslhcUpAbI4dcjqXc/cDR4/hZdBK/6Gq0S6OxIeiQScHv2o1P6nR835eNH0UlaJNEbQwaFREYVachkJiMhdRUBHNy0RwT/3+gVUSZjoVLTB2yCDxNy8BYqhqdIhEKJeGmvXE7TGvGKlWC6dv7Jaz6AxjSn4EpIhZN8ig8MhjwxfcMn9+9QULCH6RQqcwzfBA8H8QNG4MB8wU0a7Ngy9Difn0tmJoq8HOvsLj0Ftvj481EJBln8c/PYnFxDtfbWoBQEI2ZWtgP5OD13T40nzJiIRTEfIgHSZIWIoUkLTPPx7Hsn0aXxYzQ42HcpCvB0kYEBvvRYjDgw0wA874XSI7eZiGyhDKrz+nBx5EnYBsaYa+twcNeFg/6WFgry3DLVI+VkRFMeb3YIxRbicMCqfWarhhO/VlMuO+A6x9AQw2Numoaw14Pvo6Nwm00ovNIAQ4JhVYihxAwVw7qYC8oxoT7HpZ9k+AnX2J2yo+FiWmMO124mJcHh06HPLGYIbLFW5muUiPaS8rRVFKO82UGnNOfRpWBRnVFJdpKK2ArPIGr5WXIDAtjCI1SmR8tEjn62R54brPwOt3odbnhdHvgdnkwyLow1N0D5RapI12pyv933iaJoDuRSuIoiuIoiuKSNBpup1rDUSkpnGizoPvv7jfmDU3XQ9W5ywAAAABJRU5ErkJggg==);
	--width: 12px;
}
.eico.i4 b{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAACZ0lEQVQokT3SyU8TYQBA8e8fU2OQqMQYCQejB3EFFO0ww0wBgSIBGmJAQGUKTmmhdNMGsNS2WEHKXqBYQUSw4sKFLXgwERA1zwOJh9/tHZ8QQghXp0d3OQK4nL04XX463F4MtxfD7ae96xl2l18XQgjh8nXrRpeXH/uwswcbB7D++9DWAWzvgs3ho9vn0YXd7WRj7y91zmGqPQtU+BYp9y9h8S5S60nS6HrFzi8wOjsRrYaN9PYumn2CQmeags5V8rpWueVcRXHMYzGGSG/9oUlvQzxpa+fjxj6m1hku29LkGqvkGmmuGCvkt6dQbMO824ZG3Y6wPW5lae0nN5oTnG9e5uKjpf8uPXxLXkuc2U2of+xANLQ0MfP5OxesQ5ypTZJtnSHbOsNZ6wLZdUnOW2OMrEFNiwNR1/SA0ZUtcu7FyKycIqtqjCzLBCctb8iqnOacJczQF6hqsiOq6+8z93WP0+YXHCmZ4NjdUTIqxjmqjZNpjnNGCzD8Ccob2hA11gYm329yqrCDE3IPxyU3mbKXjNs+sm57yCkyCCfXKa1tRFRW1TGdWiYYX6BvZJEXI/OEXqd4ObJCePgDwfgCiaVvVNTWIyrKLMwl54nFBpFlmdhABK1I4VUkhiqbiQ4OkkilMJeXIcpUM4mxCWKhCCWSSjQYRTapRMIDKEoRA9EQick4qlaEKNFUZqcmifYGMZuKed7Xzx1Jpj8cRCk2MRgOMTs+SmlJMULVFF2WJcL9IQKBAIFwD4HIU3pCfkLBAAP9EVRJQ5Kkw/NUTdUVRaVQvsNV5RrXtSsUSLlIpvzD8KaqCyHEP/2E67btctK/AAAAAElFTkSuQmCC);
	--width: 11px;
}
.eico.i5 i:before{
	content: "";
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAJCAYAAABT2S4KAAAD10lEQVQ4jYWSa0xTZxjHj9vM4pZJ39NKz/uWSOPYFJEQLk5AtrWCEm6aCaXQ0x5gzOkiIhMmAg4LzHA90nKJwUUCkngj2+IUw9wyQmEfliw776kW2JaBIc4GzcqEgNzaZx/EDzNuez7/n+T3/+XPUJZUUcQ5qQL/ThGZpCy5L7PYTVnyq4zINSeLP3QyfggAuKrKyrH30vZCZnqGN1cQfHlCDuRaLGAx8SsH8vPv1lirv7p587oRAF5lGIaZmZlRdXV2Vhw7UkjzhJyFPCEHVn+8VZWVd9xu91ZGVpJCGeHPKMJmJwpIdiIuiSJ8UGLxtzLCPllBFqX1/u2PJUlrNGSOqVklxEXHzLfZ7R3NoljW1NBQc7yk5IvUpOQHwUFvQLxOP9NQV9cGAOrG+noxOmr7yo7IqMXysvJLzaJYZjtz5uSpik/PNjU2fe12u7cyALCGec7JKrKXsmSOIgzUj/t+pq/vTd5oHMMqf0jQ66cHBwdjn2YBYK3D4Yg3m/gxjZqD7RGRyz3d3bbDhz76EStVkJiw+9HQ0FA2AKxdza8BgHUA8BLDMAzj3LgRSSrMSyw+ICvwUZkldhnhMQmRecqSW7fX+ccCAMdnrgLo9NMOh2Pns9Dnz507Fr4t1Ef81ZCf977r6uXLtnidbnZToBbidfrp48XF1y/29HwwMTGh/Udx14aAIIrIN1SBf5ZYPEIRfkARXqGIm5VZ7qr8iioCAPD/AfT396fE7Yhe4pQq2JeSdn9qairsy95eQ/HRolu7d+16FLJ5C7wVEblsyTb90t7aan04OUmeKDQYXpS0WsWoRqN0bdByt5WBwRRpDkos+YMiDJKfWp4srXgnOyt75D8NfH6+6KkBwWQanZubI6vKXxsYGNDV19a27ktNvafVBEBkWPjK6erqG8xvQUEvP28HroAAliIy/GQD6tlxg8liNJpc/7aB4eFhvcCbRzRqDsK3hfpa7HYRABQA8MIzloR3Y3cuqFklZBsyFxmKcI+sxGdlBSmUEcmSWS7DqSQFFHE3ZIQXKYsfS+v9u/7s6grJMhhH1awS4mJi5tvsrR3NolgmNjZWl5aU9KYlJU9t3vQ6vB0Tu1BltV7weDyh7W1tvSdPnOhuFsVTrTbbxy22lk+KCo70h2wJ9kWFhS/XWK19DGVJJ0XcHcqSe5KCPKQKMk0R9xdF+K6MyDXKkryfGOQHAFx5aenInvgEb0pi4pIxPcNrzMjwGfan+wz700HgzZ6K8vLvrly5dMjj8fgBgLK+tu6HHLPFK/A8CLx5JdcieAWeXyo8XODq6Og4PT4+Hvg3tXbwvaiwAi8AAAAASUVORK5CYII=);
	--width: 32px;
}
.eico.i6 i:after{
	content: "";
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAASrElEQVR4Xt1bB1iUV5d+hyYyioJSVJAO0gQVRLFgibEgKrY1osYejRqjZrN/jNm4eTZl88cUE7uxJdEYRZFYwKDYsALSpYtIR5FehjJ77jcwBYaZb0jC/+ye55mH4fvOvefc95577znnnhHgX0D29kN/EfYSLpYXXVNduyczM35jd6sj6G6BTN4Q5xFi/9kTFUSHBkcgIyOu2/XpdoGurq7GvuPGvzTsK1QAoKSoDNeuxgsLCmJqu3NSuh0AOzuPyDkLpkxQNsiQM3+EZGXFB/6/A8De3j1ILBZspYENd3CyhetQe6VjTE1+itSUDPYuBxDsIjD20Hfx3wlIlyzA3t5zdn8To5DSkpciS0tj4Y0bN5raK0kb3cdiMXYO83KDlc3ALo3h+bNCxMUko7lZvJ/AWN9Rhn0PsdigxsZusPbTrNzPsrISPtRUkMYA2NkNzZ3q72fZ06AHJysu5glysvPeIwV30b9a9P6xnYPVUHdPJ011UcmflfEciXFPinR0GhzT0tKqaCl9ZGUz6JNhXi5cOwG0cP5MWJO+frMwOTlZxFe4RgC4ufuIp/qP69B3o6gJly5cb3J2c9BxcrbhK7tLfEUFL3A/Khaz5k6BlnZH9W/88QAxMbd5j4s3I9OWZrd+zoLXJVPfBdLV0UNyUhqqKmpRWvIC9fUNXC+6urowMe2HfiZGsLUbDIFW15c9baSVZI19+KqnEQBTp86Mdxs2ZCjfzhlfbk4hYh8lYsAAE1hZDYCBQU+VzevrRcjNLUReXhFc3BzBltKrsjIUFxWjsLCIa9u3b1+YmpnCwtKCQKyX9qerq4fE2OTbly5dGM9XR40AMDQ0/L2ysnKmqs63/eM96Ojo4Orl2xAa6MPZ2VbKrqWvD53+JtDpawStngYQEB8jcXMzWupq0VxRgeq857gRHoacnBy+Y+D4AmYHoKVFD5aDTCz279+fz7cxXwBWUIdHWKeLFr2BU6dOdui/trYWQqEQRkYmGD7cC7a2FhyP3iAL9BhsrcBf/bIMKeGnUVbSAscxo/GqoAjWIz1x/MMPpHyLV6/Bjm1bMcTJCQJB52rm5D7D7FmzkBCf0Nb2U/qy468CwI46ymSd9enTJ7q8vNyTvkqmTQkxRV1cXDBm7FgIPYZxs8yohWb4/q/n0FhThMqyJuj1EGDjbtfWd2JcPZ2EC4fiuf9LCZz+xkZ89Vfg8/L2Rkx0NHtWTh9enXQGLRtkAX1MWG9isfgJ/XFWpxUDwGPCJExe9qaUNftRLFw8nsHSqVenzddP/Bm7jvwHtq74Qp0Ite/Dw8Mxbdo0xldNn97qGigD4DI1ms4ahoaGpgQEBEgOWh7EAPCc/BomBS2Vcpenn4T3VA5HlQA0NTdBW0ubhxT1LPn5+a8sLCyYBWTRR7nb2dpNewD20vP1y5cvjzl69OgI9aIUOZQBUBB9An4LBnQrAEzY6dOncxYtWmRNX5lHlt6ZAu0BEE+cOPHM9evXF2g6eMavDIDw7/Zi47cO3Q5Amz70l7npurwBmDx58vmIiIguRWTtAbj94w9Y+d/qXWK2B/yVS6BtsCdPnkRQUBCHRbcDcPfUWby5nZ9DpgqAmvoKbNu2HQf2stUpoU1btmL31yz0UE+tR+gU4oxQxs0hY28/jHap5rOZmQnjAwPnlp87F9xXfdcdOeQtIP7yH3h9kQiG/fTUdqUMgHMXT2FegCxr1sfMHDZubshLT8OL58+5PhtEIuiRG62KmE5GRqb5xsbmzI1slCwJQZNA0LI9MzPxHgcA+fiPyMf32vXFV1izdg0OHjioVmmlaMqdArnxSUi/ewvrv1S9/lk/DICGxjro6eijsbmB+8tooK0hnN1d4TF7XQdxX698E3aubshMSlQLwOixvvCljzyFnLnaSOGzHgeA90g/8fhJ3lAFwOnfTmPhgoUqvTJ5CwjffQCmPrZYuEg9ll9vCUNG3AsFxl2hC2DQuwcOfJCPSWuXd+gk4sRxJNy4znyULgGQlvIUF0ODBQJbW3f3uQtnJIjRrBSAze9uxu7vdnNCWlpaeANQkpWD0oo0TJ+phR484scrvySgprKeG/SMJR7SQb3Ir0dZw8wOcpkFMOIDwKy5s+Hg2NESQ4OvbhaQ+aeS+XNb9YO793Hn1h1uGcTExCI2JoYTMsp3FO7TO00AyEt6gtKaPK693wSAlnCX6I+f82E9RtECHl+LQOQvP+FZcTEGm5qqtYAPPtoOUWPHHAktAzG3BIYO9RGP8fOGgVBfCgJ7PiuQkHOSIMeWhyYAsDbRl09Bu19/rj3FSfAPUI/Bi1LAkA4Pcgzxeyh9hzHsfGQ+2TEKmMoKCzB6zBjcvXNHZYfbt2/H559/DhahylNleQ0e3Y+Dp6dTT8GmTZtMKKYuefmynOLtl/D1G96hUx1tHfzPp19oDEAjJTyexF1Ds0CyU5vQZLEBzpnLkiASMRTM4cF9ZsodxyKiHIDP7CVcMHXpwD5kRD/imM6FhiIwQD2abE9ydnXGjAB/aee3rj+C1WBzOhkMWSJmgNRBWLNmTQpxOd+8+Qj+cyZDS0vmO+Rk5yP4t1MaA8Ck1lVWIT3qAVqM1Wd5BKI6iF5VQc/cFFVPXqKFcicxYVekymty/js7uyA19Yl09imxiiuh1zF+vBfbTx4fPHiQm2kFD2nt2rX+tKlcLCx+BScXa6ngiLAoxMfd6xIAbZ2Ef/cDtOnQMbbtB0HfftxjrRYRrPLyKAgS4EGJNsYELURPw954mZuHE598BDFtutY0kLCr4XCykOQX+JAvheP3oqKwcu0qGLWG1s+eFsDIUMgGP4kGH9nWj1IXcd7CRWLr1oQGY6TNAnRm/ikA2gSK6upx9YeD6IEWjHXsjwkOkgjwx3xzuE2RXJfVVlVi/+ZNqKipgaGBJKfAl0aM9KEU3EOYD7RG0LL5sma03YWcDTejcZTI96UMAMFbGza09Ooty92FXYlCcvyfswB5oQWpGTDP5hIXGG0teaMMAHVHXHtQtv77+/jmq39yj60cXDB/3gwFltDgcL+MjMRbKgGgY9F0zvxpxRC0SPlu3UvCo5thf4kFsE7vnz6Hkb0lGeG/EoA2hb19RiH64QMMHDgQbyyTudMXzl5dQO7+WZUAuLp6m08PmFTIHKM2inqUivvXLmoMgIjyhLUVlXhIXqTXvPkwthjEdZl25ADcLQxRT0fd3wEAk3Hx8mUE+PvDxMQEy1ZJnKbzv4UHZWcnKiQ0OywBM7OhwoWLJ1fr9ZBlZyJvxyE2KkIjAMJ378fGb+wgqm+Gnr42SvPqUVw+CT3IIUg6tBdulLBpoYPh7wKADTj3eS4deVZ012CLwAVzCYCImdnZcZdUWgB7uWT5CrGZuWSn5tC8EIm0JzG8ARg3bwGcHG9BW+7mproKtIwsYeE6BBn3HsHuFZdrVQlAXUMD9PXUR5PyA2r/PeRCCALnBOIfO7bj7K9XXDMzH7PjXkpKT4E5c/9NbOdoKWXqyimQGXkE01fK+jj5fSm8Z0rW46v8QvSJv9EpAOxFm68vr+z6dzZj7PjxWDQ3EFoqUuXtQZBLq3cYb4cHdnaecxyHWJ93cZflEmMeJONG5BXeFmDr4oHK5iKM8BbA2lqiztHNKajX64XX3l7F3QP0iZMcxcqWAHvOvL+rx4+ipbGRgqQKPH/CEtOKdCo4mMAgt1INlb0qQz/jfnQz5TLj2bMUmWdF7RQAoBMgfZr/BAd9A0WzY9UbPx07whsAoW5v6FkJaQkAXt5k+g8pCxGdgfXjjfAwpwapRQ1wHGDcKQBF6ZnIuhsOc+dRMOjbB+YOdnRfKFO14sULnP3qS1SUFHN98DkumRWM9h2LkuLKJPIF3Nsw43p1dHS31dHVz5oe4NcplpoGQ3dO/Aqhk2QfqUx9hnFLViJ2/z6sGmsMfYoD7uVIRLW3gNRbd1HXo4bLI9TXNENfqI1TX2TBM3AldNrtB1U0s4e2bcHqDRtx6IfvVdoBA2CEtxcmTJ5AN9mRZGFNFunp8fkCe3uPn0eOHhY0YJAkauuMNAWAeXyp0eGoyH2JsYtXSOP5O5Rb8HWQ3RO0B+DBmRDoDRZ2SKTs3pSO6Vs3dFAv7MdDSIm6o9YKGAAsJ8ByA4xyn9KlbXTiccoHeHxENTufqFtHmgLA+ouPvI6kO7dR/DSb674nxbk27u7oVVUDX0czqQU003l4tEDiCrO1n0zAjZ2kBzMJC0c//mcpxq9QqKzjnleXv8LBre9qDABrS47RLcFbb73lUfKyIs7WXnWwoQkA9iO8cPZL1ddcvenmeNWMCUhOT8QfCbLLXGefMdCprIHDHDdMeV0GwImvizE6cEmHebpJTlZM2GV+ADg5Uo5jFtdHeVkVba5Vy9qSomLKCqk0Ar4AmNnYcjPuNmw43dVLMkrt6XJYGPynT+eiQDb7SZGhcPGbiaC5ATgVIvFThs2eCisnE1RWAtqCZhTey8br77yt0BWzlm/XrMRw75GIIddXFbEl4DXSC36TJnBsF89fQ1raY8lhOnWqf0GLWGuANm3bjFFbR/JXT08X1naSAie+AHDK0y1t7EPa+lVQOW1gRnQ0MZLfxVnBQ8+eskCsv40l3L3GY9h02QTVVVcj4qfjyGDHS7v2nYlk47G2sYfTEDdumdXX1Ylv346QnC3r168f1dTUdK99Y5YlsrCxoMyJtkYA8DmWmKxPdn6Mj//rE6XmK6Kc/+LFQQgOVohdFFR8e/O72PPtNyqBZi8bmEdJxRlLly7l/jIiQDZSXmCPfEboNXrOvaWX3BTQQOyvX3/wGVsefC1gNhVQhCgpoFA1M9nZ2bCxsVE5kErKDWRTisy4Vy9YmJpo5Al6eHjUJCQkCCnr1ZZHqz906BB3U9R56UWrOkuXvinWobz20cMHeTlCH1Ai8rNPWZEGP2Km+fjxY0pQstqLv4VekQx2Vc52ZVkJSqsotQCsW7fO7eHDhMTY2Lv/JwFQFQfwsgDGRLnCXFovlnzS4uvIK9unxiuTn2emYEpKChVTqS1A0dg85AbPPC/Fqye+FiAnlXKU6m+GWvcOXsomPryDoT7jEHruLAIC5/Fqw5dJbvDsmklaQdW+vdol0BUADv9yEqsWv6FWV/nqr3fWrsB3B7hCtD9FwRQhzp8vTYay8p6OYaScBI0AoFOBJfc7LzYgcxZoaXHp7CMnT2HFG8pvRtl7LRYqEq3x98XjtKeIzizk/t+yYR3++d33FEl2WoymFKAdO3bgU9nmW0ZMsoyOCkg1AoDP1Hzw0YeUmf2WHI0ajn3b+++jd2tqu5kGfvp8CNITJRb5zoHD0Gm9ImLYXty3R3r70yZr9YYNMDMygk6rk8aes6VYU1uDXV8pFknoUCluU5OIRRAKqW9VemsCAOuHpXI7zVEteXMpzAZIIpiGOhH279lHCrGaBEUaQykzH//OC05ryf+9//sFCqYiyZpkyVllA2H3/t4+3hyQVZW1iLp5sx9VizML4EUaAUCRYxRFjoqVBjzEsLr/xPg0aOn1gKW7C0xtrWBIzoxeT4lX1tQgQmXpC5Tm5CIvKQW15RVwdXeEncNgHr0rslD67golPBQvBFT0ohEAnsN8xZOnKh8/u3ri+8MIFnOIGppQXS1ZJqyAWtirJ5j7y4eyMnI7BSfs95tITn7Ee1y8GZliI0f67Rb2Mtg0fKSkzJWRro4uzvx6CRPoej019Slnil6jpBknPuPhzZMUl063yy/h4eGEW7disGCxvwJoOdkFSE5ID0tNjeYKPfmQRgCQL51Nm5XNzZvRmDFrIrKznqOcAqYhQzg//nP6cK5mdnYenj8vgu+4EfQbgC7VW0l1r68V4ca1ezA27tMmh8UqB0mPtSkpWTAbaAYbu0FgP7vz9fVkEWwh+fm8f6OjEQBMq9WrVy8jBY6zAZqb96dIUaeZiqgNzpw5w9kvJVim0S7NZV6bm1uQnp5DdQelcHSywyBLM/Qx6rxmmLWpra5HYUEp7RlP0L+/ETdoFpYzIrlvk0e6j33fsmVLz2oikahRKzMzl4q0WV03fqTBr+Yz8208GgPQ1pCsoYIUOkYKbVYm8L333hNWVFScpnfS6gR21DHrmTWPBZ4diSUpxowZTj6AlvzLh1TIMHvv3r2SX0u0I3LTD1G/q1jAQ7pUaDJ4DlRNG3SVnwBbSG2Xl5aWTR3i7qjVSPl+eWI/enqakcNM/QY9Pz5o0KATO3fulN3QdlWwmnbdBkCbHjRjdjnPijLdhzkqqBZ9PxEO9pbmhw8fliT7u4m6HQA2Lmf67fC0mRO5ITY1Sn5yGBlxF0lJD7tdn24XyAZLy+FqY2MTq9+lWiQt2ty4v2dpA+tSlfqfMZZ/CQC0DPrQxnVNTvE62hOmHDt2TPYTsD8zKg3a/i/vuowybmncrQAAAABJRU5ErkJggg==');
	--width: 14px;
}
/* Template:etext */
.etxt{
	white-space: nowrap;
}
.etxt .eico{
	margin-left: calc( var(--base-gap) + 1px );
	margin-right: calc( var(--base-gap) + 1px );
}
.etxt .eico.s{
	margin-left: calc( var(--base-gap) * var(--small-scale) + 1px );
	margin-right: calc( var(--base-gap) * var(--small-scale) + 1px );
}
.etxt .eico:first-child{
	margin-left: auto;
}
.etxt .eico:last-child{
	margin-right: auto;
}

/* Template:eil */
.eil {
	white-space: nowrap;
}
.eil > span:first-child{
	display: inline-block; /* gracefully wrap */
}
.eil .eico {
	margin-left: 2px;
}

/* Template:note */
.l10n-data-table .note-text{
	opacity: 0.5;
}

/* Template:na */
.na {
	font-size: 90%;
	color: var(--theme-text-color-note);
	font-weight: bold;
	font-style: italic;
}

/* Template:expert */
.expert {
	color: var(--custom-template-expert-color);
	font-weight: bold;
}
.expert[title]{
	cursor: pointer;
}
abbr.expert{
	text-decoration: none;
}
.expert > span.sep{
	padding: 0 0.3em;
	color: var(--theme-text-color-note);
}
.expert > span.postfix{
	display: none;
}
.money .expert > span.sep{
	padding: 0 0.5em;
}
/* Template:master */
.master {
	color: var(--custom-template-master-color);
	font-weight: bold;
}
.master > span.sep{
	padding: 0 0.3em;
	color: var(--theme-text-color-note);
}
.master > span.postfix{
	display: none;
}
.master[title]{
	cursor: pointer;
}
abbr.master {
	text-decoration: none;
}
.money .master > span.sep{
	padding: 0 0.5em;
}

/* Template:Journey */
.journey {
	color: var(--custom-template-journey-color);
	font-weight: bold;
}
.journey > span.sep {
	padding: 0 0.3em;
	color: var(--theme-text-color-note);
}
.journey > span.postfix {
	display: none;
}
.journey[title] {
	cursor: pointer;
}
abbr.journey {
	text-decoration: none;
}

/* Template:hardmode */
abbr.hardmode > span.sep{
	padding: 0 0.3em;
	color: var(--theme-text-color-note);
}

/* Template:use time, Template:kb (.small-bold also used in some other places) */
.usetime, .knockback, .small-bold {
	font-size: 10.5px;
	font-weight: bold;
}

/* Template:Color box */
.color-box {
	display: inline-block;
	margin: 1px 0;
	vertical-align: middle;
}

/* -------------------------------------------------------- */
/* Boxes */
/* -------------------------------------------------------- */

.message-box-container {
	display: flex;
	margin: 1px auto 3px;
}
.message-box {
	display: flex;
	background: var(--theme-box-background);
	border: 1px solid var(--theme-border-color);
	border-left: 6px solid var(--message-box-highlight-color, var(--theme-border-color));
	border-radius: 0.2em;
	padding: 4px 1.5em;
	margin: auto;
	align-items: center;
}
.message-box-small {
	margin-left: 0;
	max-width: 40em;
	font-size: small;
}
.message-box-icon {
	margin-right: 1.25em;
	white-space: nowrap;
}
.message-box.msgbox-color-blue {
	--message-box-highlight-color: var(--custom-notice-blue-border-color);
}
.message-box.msgbox-color-red {
	--message-box-highlight-color: var(--custom-notice-red-border-color);
}
.message-box.msgbox-color-purple {
	--message-box-highlight-color: var(--custom-notice-purple-border-color);
}
.message-box.msgbox-color-yellow {
	--message-box-highlight-color: var(--custom-notice-yellow-border-color);
}
.message-box.msgbox-color-green {
	--message-box-highlight-color: var(--custom-notice-green-border-color);
}
.message-box.msgbox-color-orange {
	--message-box-highlight-color: var(--custom-notice-orange-border-color);
}
.message-box.msgbox-color-pink {
	--message-box-highlight-color: var(--custom-notice-pink-border-color);
}

/* Template:transclude */
.transclude-box {
	float: right;
	margin: 0.6em 0 0.5em 0.6em;
	border: 1px solid var(--theme-border-color);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: var(--theme-highlight-background);
	padding: 0 7px;
	font-size: 90%;
}

/* Template:protected */
.protected-box {
	background: var(--theme-box-background);
	border-color: var(--theme-border-color);
}
.protected-box table {
	background: none;
}
.protected-box #left {
	width: 50%;
	vertical-align: top;
	padding: 1.3em 5% 1.3em 1.3em;
}
.protected-box #right {
	width: 50%;
	vertical-align: top;
	padding: 1.3em;
}
.protected-box #left div, .protected-box #right div {
	font-size: 120%;
	font-weight: bold;
	margin-left: 1.3em;
}

/* Template:loot */
.loot-table tr:nth-child(2).topline td {
	border-top: 0;
}

/* Template:editcopy notice */
.editcopy-notice {
	text-align: center;
	margin: 0.75em 2px 0;
}
.editcopy-notice > div {
	border: 1px solid var(--theme-border-color);
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: var(--theme-highlight-background);
	padding: 0.5em;
	max-width: 25em;
	margin: auto;
	font-style: italic;
}
.editcopy-notice > div span {
	display: inline-block;
}

/* Template:licensebox */
.licensebox {
	width: 100%;
}
.licensebox.licensebox_re-logic .message-box-icon {
	filter: var(--ooui--icon-normal-filter);
}

/* -------------------------------------------------------- */
/* Template:item */
/* -------------------------------------------------------- */

.i {
	white-space: nowrap;
	display: inline-block;
}
/* css trick for non-exist item image: a orange "?" image */
.i > a.new {
	display: inline-block;
	width: 16px;
	height: 24px;
	text-indent: -9999px;
	direction: ltr;
	background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjEuNv1OCegAAAB3SURBVDhP5ZDdCoAgFIPPI/aY3fSMRrBJTOcRkW76YKDuhyiU64gyEmKeXuktxFoYKOdYdmh5QIu8OzVDznCaHsAHVmzOGoLN8aBCr8L3/QMZDFLfDWhhukiWB7TIO4WYh8HtA7Bztg2oYOf0yo9g57Dwm38QcQN+/9SIQx7WTAAAAABJRU5ErkJggg==');
	background-repeat: no-repeat;
	background-position: center center;
}

.i > a,
.i > img {
	display: inline-block;
	line-height: 0;
	vertical-align: middle;
	margin-left: 2px;
}

.i > img,
.i > span.img img,
.i > a:first-child img{
	margin: 1px 0;
}

.i > span {
	display: inline-block;
	text-align: left;
}
/* "main" text block after item image */
.i > a + span,
.i > img + span{
	margin-left: 2px;
}
/*"bignote" after text block*/
.i > span + span{
	margin-left: 2px;
}
.i.multi-line > span,
.i.-w > span,
.i.break > span {
	line-height: 1.25;
	vertical-align: middle;
}
.i.break > span{
	white-space: normal;
}
.i > span:first-of-type > .eico {
	font-size: 0.75em;
	vertical-align: middle;
}

.i .note {
	color: var(--theme-text-color-note);
	font-size: 85.7142%;
	/*12px/14px*/
}

.i > span:first-of-type > div.note {
	/*note2*/
	font-size: 100%;
	line-height: 1;
}

.i > span:first-of-type > .eico,
.i > span:first-of-type > span.note {
	margin-left: 3px;
}

.i.-w > span:first-of-type > .eico:last-child,
.i.-w > span:first-of-type > span.note:last-child,
.i.-w > span.img + span > .eico:last-child,
.i.-w > span.img + span > span.note:last-child{
	display: block;
	margin-left: 1px; /* visually left align */
}

.i.-w > span:first-of-type > span.note:last-child,
.i.-w > span.img + span > span.note:last-child{
	line-height: 1;
}

.i .id {
	font-size: 71.4285%;
	/*10px/14px*/
	background-color: var(--theme-accent-color);
	font-weight: bold;
	margin-top: 1px;
	padding: 0 2px;
}

.i.boldname > span:first-of-type span:first-child {
	font-weight: bold;
}

.i.notecolor span.note {
	color: inherit;
}

.i.note2color div.note {
	color: inherit;
}

.i.block,
.i.block > span:first-child,
.i.allblock,
.i.allblock > * {
	display: block;
}

.i.allblock > * {
	text-align: inherit;
}

.i.notesize span.note {
	font-size: 100%;
}

.i.note2size span div.note {
	font-size: 85.7142%;
	/*12px/14px*/
}

.i.alignleft {
	text-align: left;
}

.i.aligncenter {
	text-align: center;
}

.i.alignright {
	text-align: right;
}

.i.textleft > span {
	text-align: left;
}

.i.textcenter > span {
	text-align: center;
}

.i.textright > span {
	text-align: right;
}

.i.flip > a:first-child img,
.i.flip > img:first-child{
	transform: scaleY(-1);
}
.i.mirror > a:first-child img,
.i.mirror > img:first-child{
	transform: scaleX(-1);
}
.i.rotate90 > a:first-child img,
.i.rotate90 > img:first-child{
	transform: rotate(90deg);
}
.i.rotate180 > a:first-child img,
.i.rotate180 > img:first-child{
	transform: rotate(180deg);
}
.i.rotate270 > a:first-child img,
.i.rotate270 > img:first-child{
	transform: rotate(270deg);
}
td.il1c .i{
	display: block;
	text-align: center;
}
td.il1c .i.alignleft{
	text-align: left;
}
td.il1c .i.alignright{
	text-align: right;
}
td.il2c .i{
	display: block;
	text-align: left;
}
table.item-noborder td.il1c{
	border-right: 0 !important;
	padding-right: 1px;
}
table.item-noborder td.il2c{
	border-left: 0 !important;
	padding-left: 1px;
}


/* -------------------------------------------------------- */
/* math */
/* -------------------------------------------------------- */
.math-image img{
	max-width: 100%;
	height: auto;
	margin: 1px auto 3px;
}

.math-image{
	max-width: 100%;
	height: auto;
}

/* theme-dependent color for forumulas */
.math-image > img,
.mwe-math-fallback-image-inline {
	filter: var(--ooui--icon-normal-filter);
}



/* ======================================= */
/*          Extension:TemplateData         */
/* ======================================= */

/* Small default and example values to separate them from the parameter description */
.ve-ui-mwParameterPage-description-default,
.ve-ui-mwParameterPage-description-example {
	font-size: small;
}

/* Template:templatedata */
/* (The "table.terraria" is necessary to make the selector more specific than
   the default "table.terraria.lined" and thus override its styles.) */
/* Common styles for all parameters, regardless of mode */
table.terraria.templatedata-doc .templatedata-doc-param {
	font-weight: bold;
	padding-left: 6px;
	border-left: 3px solid;
}
/* Mode-specific styles */
table.terraria.templatedata-doc .templatedata-doc-param.param-required {
	border-left-color: var(--theme-accent-dynamic-color-1);
}
table.terraria.templatedata-doc .templatedata-doc-param.param-suggested {
	border-left-color: var(--theme-page-text-mix-color);
}
table.terraria.templatedata-doc .templatedata-doc-param.param-optional {
	border-left-color: var(--theme-link-dynamic-color-2);
}
table.terraria.templatedata-doc .templatedata-doc-param.param-deprecated {
	border-left-style: dotted;
	color: var(--theme-alert-label);
	border-left-color: var(--theme-alert-label);
	background-color: var(--theme-alert-color);
}

table.terraria.templatedata-doc .templatedata-doc-param-illegal td {
	border: red 3px solid;
}




/***********************************************************************************************************
 * css for specific pages
 ***********************************************************************************************************/

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

/* Hide the translation project flag */
body.rootpage-Terraria_Wiki #mw-indicator-translation-project {display:none;}


#box-wikiheader,
#box-game,
#box-news,
#box-items,
#box-biomes,
#box-mechanics,
#box-npcs,
#box-bosses,
#box-events,
#box-software,
#box-wiki {
	border: 1px solid;
	border-color: var(--theme-box-border-color);
	border-radius: 8px;
}
/* -------------------------------------------------------- */
/* Main page - [[Terraria Wiki]]
/* Responsive layout relies on common.js to adapt different skins.
/* -------------------------------------------------------- */
/* Hide page title on main page */
body.rootpage-Terraria_Wiki.action-view h1.firstHeading,
body.rootpage-Terraria_Wiki.action-view .mw-body .mw-indicators,
body.rootpage-Terraria_Wiki.action-view #mw-content-text::before{
	display: none;
}

/* main wrapper min width */
body.rootpage-Terraria_Wiki #mainpage-wrapper {min-width: 300px;}
body.rootpage-Terraria_Wiki #mainpage-wrapper .section {margin: 0;}
body.rootpage-Terraria_Wiki #mainpage-wrapper .section .infocard {width: auto; margin: 2px;}
/* boxes */
body.rootpage-Terraria_Wiki .infocard {min-width: 200px;}
body.rootpage-Terraria_Wiki .infocard .outro {padding-top: 2px;}
body.rootpage-Terraria_Wiki .infocard.compact {--infocard-main-heading-font-size: 1.5em;}
body.rootpage-Terraria_Wiki .infocard.compact .heading {margin-top: 0;}
body.rootpage-Terraria_Wiki .mclist {column-gap: 0.5em;}
body.rootpage-Terraria_Wiki .mclist ul{
	list-style: none;
	margin: 0;
}

@media (max-width:360px) {
	body.rootpage-Terraria_Wiki .mclist {column-gap: 0;}
}

/**** mobile view fix ****/
/*header box */
body.rootpage-Terraria_Wiki #box-wikiheader {
	background: var(--theme-highlight-background);
	margin-bottom: 2px;
	padding: 7px;
	position: relative;
	border: 1px solid;
	border-color: var(--theme-box-border-color);
}
body.rootpage-Terraria_Wiki #box-wikiheader > div {
	background: var(--theme-content-background);
	width: 100%;
}
body.rootpage-Terraria_Wiki #box-wikiheader > div > div {
	margin: auto;
	padding: 8px 5px;
}
body.rootpage-Terraria_Wiki #box-wikiheader-toggle-link {
	position: absolute;
	bottom: 7px;
	left: 50%;
	line-height: 1;
	cursor: pointer;
	font-size: 10px;
	display: none;
	width: 16em;
	margin-left: -8em;
	text-align: center;
}
body.rootpage-Terraria_Wiki #box-wikiheader-toggle-link span {display: none; width: 6em; text-align: center;	padding: 3px 0;}
body.rootpage-Terraria_Wiki #box-wikiheader-toggle-link span:first-child::before {
	content: "";
	vertical-align: middle;
	display: inline-block;
	width: 4px;
	height: 4px;
	transform: rotate(45deg);
	position: relative;
	left: -3px;
	border-left: 0;
	border-top: 0;
	border-right: 2px solid var(--theme-link-color);
	border-bottom: 2px solid var(--theme-link-color);
	top: -2px;
}
body.rootpage-Terraria_Wiki #box-wikiheader-toggle-link span:last-child::before {
	content: "";
	vertical-align: middle;
	display: inline-block;
	width: 4px;
	height: 4px;
	transform: rotate(45deg);
	position: relative;
	left: -3px;
	border-left: 2px solid var(--theme-link-color);
	border-top: 2px solid var(--theme-link-color);
	border-right: 0;
	border-bottom: 0;
	top: 1px;
}
body.rootpage-Terraria_Wiki #box-wikiheader .main-title {
	text-align: center;
	position: relative;
	z-index: 10;
	margin: 3px 0;
	font-size: 12px;
}
body.rootpage-Terraria_Wiki #box-wikiheader .main-title > span {font-size: 200%; line-height: 1; margin-bottom: 4px; color: var(--theme-text-color-highlight);}
body.rootpage-Terraria_Wiki #box-wikiheader .main-title > span > span {display: inline-block;}
body.rootpage-Terraria_Wiki #box-wikiheader .main-title > span + div {margin: auto 0.25em;}
body.rootpage-Terraria_Wiki #box-wikiheader .main-title .statistics {margin: 0.5em auto;}
body.rootpage-Terraria_Wiki #box-wikiheader .related-info {
	position: relative;
	z-index: 100;
	/*background: var(--theme-page-background-color);*/
	overflow: hidden;
	margin: 2px 0;
}
body.rootpage-Terraria_Wiki #box-wikiheader .related-info .ii {margin: 5px 1em; text-align: center;}
body.rootpage-Terraria_Wiki #box-wikiheader .related-info .ii li {margin: 0;}
body.rootpage-Terraria_Wiki #latest-version {
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0.5em 0;
	font-size: 12px;
}
body.rootpage-Terraria_Wiki #latest-version * {vertical-align: middle;}
body.rootpage-Terraria_Wiki #latest-version a:hover {text-decoration: none;}
body.rootpage-Terraria_Wiki #latest-version a.external {padding: 0;	background: none; color: var(--theme-link-color);}
body.rootpage-Terraria_Wiki #latest-version ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 2px;
}
body.rootpage-Terraria_Wiki #latest-version ul li {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto 4px;
}
body.rootpage-Terraria_Wiki #latest-version ul:first-child li:first-child {margin-left: auto;}
body.rootpage-Terraria_Wiki #latest-version ul:last-child li:last-child {margin-right: auto;}
body.rootpage-Terraria_Wiki #latest-version ul li > div {margin: auto auto auto 3px; text-align: left;}
body.rootpage-Terraria_Wiki #latest-version ul li > div > * {display: block;}
body.rootpage-Terraria_Wiki #latest-version ul li > div.pic > * {display: inline;}
body.rootpage-Terraria_Wiki #latest-version ul li > div > span {font-size: 9px;}
body.rootpage-Terraria_Wiki #latest-version ul li > div > strong {font-size: 15px; padding: 2px 0;}
body.rootpage-Terraria_Wiki #latest-version ul li > div > small {font-size: 9px; color: var(--theme-text-color-note);}
body.rootpage-Terraria_Wiki #latest-version div.pic {text-align: center;}
body.rootpage-Terraria_Wiki #box-wikiheader .main-title{
	flex: 1 1 404px;
}
body.rootpage-Terraria_Wiki #box-wikiheader .related-info{
	flex: 1 1 1230px;
}

body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #latest-version ul:first-child li:first-child {margin-left: 4px;}
body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #latest-version ul:last-child li:last-child {margin-right: 4px;}
body.rootpage-Terraria_Wiki #box-wikiheader.collapsable .main-title > span {display: block;}
body.rootpage-Terraria_Wiki #box-wikiheader.collapsable .related-info{margin: 0.25em auto 0;}
body.rootpage-Terraria_Wiki #box-wikiheader.collapsable .related-info .ii {margin: 0.25em 1em;}
body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #latest-version {margin: 0.25em auto 0;}
body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #latest-version ul li {margin: 0.25em 0.5em;}
body.rootpage-Terraria_Wiki #box-wikiheader.collapsable > div {padding-bottom: 15px;}
body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #box-wikiheader-toggle-link{display: inline-block;}
body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #box-wikiheader-toggle-link span {display: inline-block;}
body.rootpage-Terraria_Wiki #box-wikiheader.collapsable #box-wikiheader-toggle-link span:first-child {display: none;}
body.rootpage-Terraria_Wiki #box-wikiheader.collapsable.collapsed .related-info {display: none !important;}
body.rootpage-Terraria_Wiki #box-wikiheader.collapsable.collapsed .main-title .statistics {display: none;}
body.rootpage-Terraria_Wiki #box-wikiheader.collapsable.collapsed #box-wikiheader-toggle-link span:first-child {display: inline-block;}
body.rootpage-Terraria_Wiki #box-wikiheader.collapsable.collapsed #box-wikiheader-toggle-link span:last-child {display: none;}

body.rootpage-Terraria_Wiki #main-section .sep {display: none; width: 100%;	height: 0;}
body.rootpage-Terraria_Wiki #main-section li {margin-bottom: 1px;}
body.rootpage-Terraria_Wiki .box-row-l #main-section #sep-D {
	display: block;
}
body.rootpage-Terraria_Wiki .box-row-m #main-section #sep-B,
body.rootpage-Terraria_Wiki .box-row-m #main-section #sep-E {
	display: block;
}
body.rootpage-Terraria_Wiki .box-row-s #main-section #sep-B,
body.rootpage-Terraria_Wiki .box-row-s #main-section #sep-D,
body.rootpage-Terraria_Wiki .box-row-s #main-section #sep-F {
	display: block;
}

body.rootpage-Terraria_Wiki #box-game .i {line-height: 60px;}
body.rootpage-Terraria_Wiki #box-game .intro {margin-right: 1em;}
body.rootpage-Terraria_Wiki #box-game {flex: 3 0 960px;}
body.rootpage-Terraria_Wiki #box-game .mclist {columns: 5;}
body.rootpage-Terraria_Wiki #box-game .mclist li {height: 60px;}
body.rootpage-Terraria_Wiki .width-a#box-game {flex: 2 0 640px;}
body.rootpage-Terraria_Wiki .width-a#box-game .mclist {columns: 4;}
body.rootpage-Terraria_Wiki .width-b#box-game {flex: 3 0 840px;}
body.rootpage-Terraria_Wiki .width-c#box-game {flex: 19 0 640px;}
body.rootpage-Terraria_Wiki .width-c#box-game .mclist {columns: 4;margin: auto;}
body.rootpage-Terraria_Wiki .width-d#box-game {flex: 1 1 1000px;}
body.rootpage-Terraria_Wiki .width-d#box-game .mclist {columns: 5;}
body.rootpage-Terraria_Wiki .width-e#box-game .mclist {columns: 4;}
body.rootpage-Terraria_Wiki .width-f#box-game .mclist {columns: 3;}
body.rootpage-Terraria_Wiki .width-g#box-game .mclist {columns: 2;}


body.rootpage-Terraria_Wiki #box-news {flex: 1 0 480px;	display: flex; flex-direction: column;}
body.rootpage-Terraria_Wiki #box-news .main-heading {flex: none;}
body.rootpage-Terraria_Wiki #box-news .news ul {margin-top: 0;}
body.rootpage-Terraria_Wiki #box-news .outro {flex: 1 0 auto; display: flex; flex-direction: column;}
body.rootpage-Terraria_Wiki #box-news .more {
	display: block;
	font-style: italic;
	font-size: 85%;
	margin-left: 2em;
	margin-top: 0.5em;
	flex: 1 0 auto;
}
body.rootpage-Terraria_Wiki #box-news .links {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around; /*fallback*/
	justify-content: space-evenly;
}
body.rootpage-Terraria_Wiki #box-news .links span {margin: 0.75em 0.25em 0;	display: inline-block;}
body.rootpage-Terraria_Wiki .width-a#box-news{flex: 1 0 320px;}
body.rootpage-Terraria_Wiki .width-b#box-news{flex: 1 0 280px;}

body.rootpage-Terraria_Wiki #box-items .i {line-height: 28px;}
body.rootpage-Terraria_Wiki #box-items .i > a:first-child {display: inline-block; width: 20px; text-align: center;}
body.rootpage-Terraria_Wiki #box-items .mclist {columns: 3;}
body.rootpage-Terraria_Wiki #box-items .mclist li {height: 28px;}
body.rootpage-Terraria_Wiki #box-items{flex: 2 0 auto;}
body.rootpage-Terraria_Wiki .width-a#box-items .mclist {columns: 2;}
body.rootpage-Terraria_Wiki .width-b#box-items .mclist {columns: 2;}
body.rootpage-Terraria_Wiki .width-c#box-items .mclist {columns: 3;}
body.rootpage-Terraria_Wiki .width-d#box-items .mclist {columns: 2;}
body.rootpage-Terraria_Wiki .width-e#box-items {flex: 1 1 320px;}
body.rootpage-Terraria_Wiki .width-e#box-items .mclist {columns: 2;}
body.rootpage-Terraria_Wiki .width-f#box-items {flex: 1 1 720px;}
body.rootpage-Terraria_Wiki .width-f#box-items .mclist {columns: 4;}
body.rootpage-Terraria_Wiki .width-g#box-items .mclist {columns: 6;}
body.rootpage-Terraria_Wiki .width-h#box-items .mclist {columns: 4;}
body.rootpage-Terraria_Wiki .width-i#box-items .mclist {columns: 3;}
body.rootpage-Terraria_Wiki .width-j#box-items .mclist {columns: 2;}

body.rootpage-Terraria_Wiki #box-biomes .i {line-height: 28px;}
body.rootpage-Terraria_Wiki #box-biomes .i > a:first-child{display: inline-block; width: 22px; text-align: center;}
body.rootpage-Terraria_Wiki #box-biomes .mclist {columns: 3;}
body.rootpage-Terraria_Wiki #box-biomes .mclist li {height: 28px;}
body.rootpage-Terraria_Wiki #box-biomes {flex: 2 0 auto;}
body.rootpage-Terraria_Wiki .width-a#box-biomes .mclist {columns: 3;}
body.rootpage-Terraria_Wiki .width-b#box-biomes .mclist {columns: 2;}
body.rootpage-Terraria_Wiki .width-c#box-biomes .mclist {columns: 3;}
body.rootpage-Terraria_Wiki .width-d#box-biomes .mclist {columns: 2;}
body.rootpage-Terraria_Wiki .width-e#box-biomes {flex: 1 1 430px;}
body.rootpage-Terraria_Wiki .width-e#box-biomes .mclist {columns: 2;}
body.rootpage-Terraria_Wiki .width-f#box-biomes {flex: 1 1 720px;}
body.rootpage-Terraria_Wiki .width-f#box-biomes .mclist {columns: 3;}
body.rootpage-Terraria_Wiki .width-g#box-biomes .mclist {columns: 4;}
body.rootpage-Terraria_Wiki .width-h#box-biomes .mclist {columns: 3;}
body.rootpage-Terraria_Wiki .width-i#box-biomes .mclist {columns: 2;}
body.rootpage-Terraria_Wiki .width-j#box-biomes .mclist {columns: 1;}

body.rootpage-Terraria_Wiki #box-mechanics .i {line-height: 28px;}
body.rootpage-Terraria_Wiki #box-mechanics .i > a:first-child {display: inline-block; width: 20px; text-align: center;}
body.rootpage-Terraria_Wiki #box-mechanics .mclist {columns: 3;}
body.rootpage-Terraria_Wiki #box-mechanics .mclist li {height: 28px;}
body.rootpage-Terraria_Wiki #box-mechanics {flex:2 0 auto;}
body.rootpage-Terraria_Wiki .width-a#box-mechanics .mclist {columns: 2;}
body.rootpage-Terraria_Wiki .width-b#box-mechanics .mclist {columns: 2;}
body.rootpage-Terraria_Wiki .width-c#box-mechanics {flex:1 1 720px;}
body.rootpage-Terraria_Wiki .width-c#box-mechanics .mclist {columns: 4;}
body.rootpage-Terraria_Wiki .width-d#box-mechanics .mclist {columns: 3;}
body.rootpage-Terraria_Wiki .width-e#box-mechanics .mclist {columns: 2;}
body.rootpage-Terraria_Wiki .width-f#box-mechanics .mclist {columns: 1;}

body.rootpage-Terraria_Wiki #box-npcs .i {line-height: 32px;}
body.rootpage-Terraria_Wiki #box-npcs .i > a:first-child {display: inline-block; width: 32px; text-align: center;}
body.rootpage-Terraria_Wiki #box-npcs .mclist li {height: 32px;}
body.rootpage-Terraria_Wiki #box-npcs .prehardmode .mclist {columns: 3;}
body.rootpage-Terraria_Wiki #box-npcs {flex: 3 0 720px;}
body.rootpage-Terraria_Wiki #box-npcs .prehardmode {padding-right: 40px;	flex: 1 0 auto;}
body.rootpage-Terraria_Wiki #box-npcs .hardmode {flex: 1 0 150px;}
body.rootpage-Terraria_Wiki .width-a#box-npcs .prehardmode .mclist {columns: 2;}
body.rootpage-Terraria_Wiki .width-a#box-npcs {flex: 2 0 460px;}
body.rootpage-Terraria_Wiki .width-a#box-npcs .prehardmode {padding-right: 0;}
body.rootpage-Terraria_Wiki .width-a#box-npcs .hardmode {flex: 1 0 auto;}
body.rootpage-Terraria_Wiki .width-b#box-npcs {flex: 2 0 auto;}
body.rootpage-Terraria_Wiki .width-b#box-npcs .prehardmode {padding-right: 20px;}
body.rootpage-Terraria_Wiki .width-b#box-npcs .hardmode {flex: 1 0 auto;}
body.rootpage-Terraria_Wiki .width-c#box-npcs .prehardmode .mclist {columns: 2;}
body.rootpage-Terraria_Wiki .width-c#box-npcs {flex: 2 0 auto;}
body.rootpage-Terraria_Wiki .width-c#box-npcs .prehardmode {padding-right: 1em; flex: 2 0 auto;}
body.rootpage-Terraria_Wiki .width-c#box-npcs .hardmode {flex: 1 0 auto;}
body.rootpage-Terraria_Wiki .width-d#box-npcs {flex:1 1 720px;}
body.rootpage-Terraria_Wiki .width-d#box-npcs .prehardmode .mclist {columns: 3;}
body.rootpage-Terraria_Wiki .width-e#box-npcs {flex:1 1 720px;}
body.rootpage-Terraria_Wiki .width-e#box-npcs .prehardmode {width: 100%;	padding-right: 0;}
body.rootpage-Terraria_Wiki .width-e#box-npcs .prehardmode .mclist {columns: 3;}
body.rootpage-Terraria_Wiki .width-e#box-npcs .hardmode {width: 100%;}
body.rootpage-Terraria_Wiki .width-e#box-npcs .hardmode .mclist {columns: 3;}
body.rootpage-Terraria_Wiki .width-f#box-npcs .prehardmode .mclist {columns: 2;}
body.rootpage-Terraria_Wiki .width-f#box-npcs .hardmode .mclist {columns: 2;}
body.rootpage-Terraria_Wiki .width-g#box-npcs .prehardmode .mclist {columns: 1;}
body.rootpage-Terraria_Wiki .width-g#box-npcs .hardmode .mclist {columns: 1;}

body.rootpage-Terraria_Wiki #box-bosses .i {line-height: 32px;}
body.rootpage-Terraria_Wiki #box-bosses .mclist li {height: 32px;}
body.rootpage-Terraria_Wiki #box-bosses .i > a:first-child {display: inline-block; width: 24px;	text-align: center;}
body.rootpage-Terraria_Wiki #box-bosses {flex: 2 0 360px;}
body.rootpage-Terraria_Wiki #box-bosses .content > div {flex: 1 0 auto;}
body.rootpage-Terraria_Wiki .width-a#box-bosses {flex: 2 0 310px;}
body.rootpage-Terraria_Wiki .width-b#box-bosses {flex: 3 0 600px;}
body.rootpage-Terraria_Wiki .width-b#box-bosses .mclist {columns: 2;}
body.rootpage-Terraria_Wiki .width-c#box-bosses .mclist {columns: 2;	column-gap: 0.25em;}
body.rootpage-Terraria_Wiki .width-d#box-bosses .mclist {columns: 1;}
body.rootpage-Terraria_Wiki .width-e#box-bosses {flex: 1 1 720px;}
body.rootpage-Terraria_Wiki .width-e#box-bosses .mclist {columns: 2;}
body.rootpage-Terraria_Wiki .width-f#box-bosses .prehardmode,
body.rootpage-Terraria_Wiki .width-f#box-bosses .hardmode {width: 100%;}
body.rootpage-Terraria_Wiki .width-f#box-bosses .mclist {columns: 3;}
body.rootpage-Terraria_Wiki .width-g#box-bosses .mclist {columns: 2;}

body.rootpage-Terraria_Wiki #box-events .i {line-height: 32px;}
body.rootpage-Terraria_Wiki #box-events .mclist li {height: 32px;}
body.rootpage-Terraria_Wiki #box-events .i > a:first-child {display: inline-block; width: 24px;	text-align: center;}
body.rootpage-Terraria_Wiki #box-events {flex: 2 0 360px;}
body.rootpage-Terraria_Wiki #box-events .content > div {flex: 1 0 auto;}
body.rootpage-Terraria_Wiki .width-a#box-events {flex: 2 0 310px;}
body.rootpage-Terraria_Wiki .width-b#box-events .mclist {columns: 2;	column-gap: 0.25em;}
body.rootpage-Terraria_Wiki .width-c#box-events .mclist {columns: 1;}
body.rootpage-Terraria_Wiki .width-d#box-events {flex: 1 1 720px;}
body.rootpage-Terraria_Wiki .width-d#box-events .mclist {columns: 2;}
body.rootpage-Terraria_Wiki .width-e#box-events .prehardmode,
body.rootpage-Terraria_Wiki .width-e#box-events .hardmode {width: 100%;}
body.rootpage-Terraria_Wiki .width-e#box-events .mclist {columns: 4;}
body.rootpage-Terraria_Wiki .width-f#box-events .mclist {columns: 3;}
body.rootpage-Terraria_Wiki .width-g#box-events .mclist {columns: 2;}

body.rootpage-Terraria_Wiki #sect-ext dd {margin-left: 1em;}
body.rootpage-Terraria_Wiki #box-software {flex: 1 0 auto;}
body.rootpage-Terraria_Wiki #box-wiki {flex: 3 0 auto;}
body.rootpage-Terraria_Wiki .width-a#sect-ext .outro {display: flex;}
body.rootpage-Terraria_Wiki .width-a#sect-ext .outro dl {flex: 1 0 auto;}

body.rootpage-Terraria_Wiki .width-a#box-software {flex-basis: 220px;}
body.rootpage-Terraria_Wiki .width-a#box-software .outro dl {display: inline-block; width: 100%;}
body.rootpage-Terraria_Wiki .width-a#box-wiki {flex-basis: 900px;}
body.rootpage-Terraria_Wiki .width-a#box-wiki .outro dl {display: inline-block; width: 33.33333333%;}
body.rootpage-Terraria_Wiki .width-b#box-wiki {flex-basis: 620px;}
body.rootpage-Terraria_Wiki .width-b#box-wiki .outro dl {width: 50%;}
body.rootpage-Terraria_Wiki .width-b#box-software {flex-basis: 620px;}
body.rootpage-Terraria_Wiki .width-b#box-software .outro dl {width: 50%;}
body.rootpage-Terraria_Wiki .width-c#box-software {flex-shrink: 1;}
body.rootpage-Terraria_Wiki .width-c#box-software .outro dl {width: 100%;}
body.rootpage-Terraria_Wiki .width-c#box-wiki {flex-shrink: 1;}
body.rootpage-Terraria_Wiki .width-c#box-wiki .outro dl {width: 100%;}

body.rootpage-Terraria_Wiki #mainpage-wrapper .footer {text-align: center; margin: 0.75em 2px 0;}
body.rootpage-Terraria_Wiki #mainpage-wrapper .footer > div {
	border: 1px solid var(--theme-border-color);
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: var(--theme-highlight-background);
	padding: 0.5em;
	max-width: 25em;
	margin: auto;
}
body.rootpage-Terraria_Wiki #mainpage-wrapper .footer > div span {display: inline-block;}



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


/* ------------------------------------------------------------------ */


/* ================================================================== */
/* Specific page styles */
/* ================================================================== */


/* ------------------------------------------------------------------ */


/* [[Accessories]] and its related pages, [[Light sources]] */
.table-accessories tr {
	height: 3.5em;
}
.table-accessories td {
	position: relative;
}
.table-accessories td sup {
	position: absolute;
	right: 0.25em;
	top: 0.25em;
}
.table-accessories td:last-child,
.table-accessories td:nth-child(4) {
	text-align: center;
}

/* for music box accessories */
.table-accessories td:nth-child(3) {
	text-align: left;
}

/* [[Bunny]] */
#bunny-variants {
	float: right;
	text-align: center;
	width: 130px;
}
#bunny-variants img {
	margin: 0.5em auto 0.25em;
}
#bunny-variants .npc-id {
	background: var(--theme-highlight-background);
	padding: 2px 0;
	font-weight: bold;
	text-align: center;
	font-size: 10.5px;
}

/* [[Help:Creating animated GIFs]] */
#table-gif td {
	vertical-align:top;
}

/* [[Template:GameText/doc/alltext]] */
#all-game-text td:first-child {
	font-weight: bold;
}

/* [[Terraria Wiki:Projects]] and subpages */
.projects-wrapper {
	border: 1px solid var(--theme-border-color);
	vertical-align: top;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 7px;
}
.projects-header {
	background: var(--theme-highlight-background);
	padding: 7px;
	font-weight: bold;
	text-align: center;
	font-size: 140%;
}

/* [[Terraria Wiki:List of administrators]] */
.admin-table-mainheading {
	padding: 5px;
	margin: 3px;
	font-size: 110%;
	color: var(--theme-accent-label-color);
	white-space:nowrap;
}
.admin-table-mainheading-inactive {
	padding: 3px;
	margin: 3px;
	color: var(--theme-accent-label-color);
	white-space:nowrap;
}
.admin-table-subheading {
	background: none;
}

/* [[Evil biome#Corruption and Crimson counterparts]] */
#cc-counterparts td:nth-child(3) {border-left-width: 1px;}

/* [[Guide:Game Progression graph]] */
#progression-graph {overflow: auto;}
#progression-graph .diagram {margin: auto;}
.game-progression.legend {
	white-space: nowrap;
	display: inline-block;
	color: var(--theme-text-color);
	border: 2px var(--theme-border-color) solid;
	padding: 2px 0.5em;
	border-radius: 6px;
}
.game-progression.box {background-color: rgba(255,255,255,0.15);}
.game-progression.biome {background-color: rgba(255,255,255,0.15); border-color: var(--custom-notice-green-border-color);}
.game-progression.boss {background-color: rgba(255,255,255,0.15); border-color: var(--custom-notice-red-border-color);}
.game-progression.miniboss {background-color: rgba(255,255,255,0.15); border-color: var(--custom-notice-yellow-border-color);}
#progression-graph .diagram big {font-size: 130%; display: block; line-height: 1.3;}
#progression-graph .diagram small {font-size: 80%; display: block; line-height: 1.3;}

/* [[Guide:Armor progression]] */
.armorg-subh {font-size:95%;}

/* [[Hooks]] */
#Hooks-Pre-Hardmode-table td:first-child,
#Hooks-Pre-Hardmode-table td:nth-child(3),
#Hooks-Pre-Hardmode-table td:last-child {text-align: left;}
#Hooks-Pre-Hardmode-table td:nth-child(8) {text-align: right;}
#Hooks-Pre-Hardmode-table td:last-child {font-size: 85%;}
#Hooks-Hardmode-table td:first-child,
#Hooks-Hardmode-table td:nth-child(3),
#Hooks-Hardmode-table td:last-child {text-align: left;}
#Hooks-Hardmode-table td:nth-child(8) {text-align: right;}
#Hooks-Hardmode-table td:last-child {font-size: 85%;}
#Hooks-Hardmode-table th {line-height: 1.25;}

/* [[List of weapons]] */
table.list-of-all-weapons .kb .knockback {font-size:10.5px; font-weight: bold;}

/* [[Paintings]] */
.Paintings-table td:last-child, .Paintings-table td:nth-last-child(2) {text-align: left;}
.Paintings-table td:nth-last-child(2) {white-space: nowrap;}
#Painter-sell-table td:nth-last-child(2) {white-space: normal;}
#Painter-sell-table td:nth-last-child(3) {text-align: left; white-space: nowrap;}
#Paintings-chance-list li {line-height: 3em;}
#Paintings-chance-list li>span:last-child {display: inline-block;	width: 50px; text-align: right;}
#Paintings-chance-list .i {display: inline-block; width: 270px;}

/* [[Fishing Poles]] */
#fishing-poles-table th {line-height: 1.25;}
#fishing-poles-table td:nth-child(3),
#fishing-poles-table td:nth-child(8),
#fishing-poles-table td:nth-child(9),
#fishing-poles-table td:nth-child(10) {text-align:left; font-size:85%;}

/* [[Light sources]] */
#table-portable-light-source td:first-child,
#table-portable-light-source td:nth-child(2) {text-align: left;}
#table-Furniture td:first-child {text-align: left;}
#table-Novelty-lights td:first-child,
#table-Novelty-lights td:nth-child(2) {text-align: left;}
#table-Light-Pet td:first-child {text-align: left;}
#table-buffs td:last-child,
#table-buffs td:nth-child(2) {text-align: center;}
#table-Furniture2 td:first-child {text-align: left;}
#table-Accessories td:last-child {text-align: center;}
#table-Blocks td:last-child {text-align: center;}
#table-Growable td:nth-child(2),
#table-Growable td:last-child {text-align: center;}
#table-other td:nth-child(2) {text-align: center;}
#table-world-generation td:first-child {text-align: left;}

/* [[Drills]] */
#drills-table th {line-height: 1.25;}
#drills-Effectiveness-table td.td-na {background:lightgray;}
#drills-Effectiveness-table td:first-child {text-align: left;}

/* [[Pickaxes]], [[Mining speed]] */
#pickaxes-table th {line-height: 1.25;}
#pickaxes-table td:first-child,
#pickaxes-table td:nth-child(2) {text-align: left;}

/* [[Axes]] */
#axes-table td:first-child,
#axes-table td:nth-child(2) {text-align:left;}

/* [[Hammers]] */
#hammers-table td:first-child,
#hammers-table td:nth-child(2) {text-align: left;}
#hammers-table th {line-height: 1.25;}

/* [[Health]] */
#Preventing-damage-table td:nth-child(2) {text-align: center;}
#Preventing-Drowning-table td:nth-child(2) {text-align: center;}
#lava-safety-table td:nth-child(2) {text-align: center;}
#Healing-table td:nth-child(2),
#Healing-table td:nth-child(3) {text-align: center;}
#Regeneration-table td:nth-child(2) {text-align: center; max-width: 280px;}
#draining-table td:nth-child(2) {text-align: center;}

/* [[Map size]] */
#table-mapsizes td:nth-child(2),
#table-mapsizes td:nth-child(3),
#table-mapsizes td:nth-child(4),
#table-mapsizes td:nth-child(5) {text-align: right;}

/* [[NPC spawning]] */
#NPC-spawning-table-1 td:first-child {text-align: left;}

/* [[Player stats]] */
#Horizontal-movement-table td:first-child {text-align: left;}
#Medium-movement-table td:first-child {text-align: left;}

/* [[Pickaxe power]] */
#in-game-table td:first-child {text-align: left; padding: 0.5em 0;}

/* [[Template:Item infobox/doc]], [[Template:Npc infobox/doc]] */
table.lined .infob-doc-no-border-b td {border-bottom: 0;}
table.lined .infob-doc-medium-border-t td {border-top:2px var(--theme-border-color) solid;}

/* [[Potion Sickness]] */
#Potion-Sickness-table td:last-child {border-left: 1px var(--theme-border-color) solid; text-align: center;}
#Potion-Sickness-table td:first-child {border-left: 0; text-align: left;}

/* [[Angler/Quests]] */
#angler-quests-table td:first-child {font-style:italic;}

/* [[Whips]] */
#whips-table td:nth-child(4) {
	text-align: left;
	font-size: 85%;
}

/* [[Achievements]] */
.trw-toggleable.achievements .trw-togglehandle{
	text-align: center;
}
.trw-toggleable.not-toggled.achievements thead,
.trw-toggleable.not-toggled.achievements tfoot,
.trw-toggleable.not-toggled.achievements td{
	display: none;
}
.trw-toggleable.not-toggled.achievements table,
.trw-toggleable.not-toggled.achievements tr,
.trw-toggleable.not-toggled.achievements td:first-child{
	display: block;
	border: 0;
}
.trw-toggleable.not-toggled.achievements tbody{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
	align-items: center;
}
.trw-toggleable.not-toggled.achievements .achievement>div>div:last-child,
.trw-toggleable.not-toggled.achievements .achievement>div>i{
	display: none;
}
.trw-toggleable.not-toggled.achievements .achievement>div{
	color: transparent;
}
.trw-toggleable.not-toggled.achievements .achievement b *{
	color: var(--theme-text-color);
}
#ps3wiiu.not-toggled div.achievement:not(:first-child){
	display: none !important;
}
#ps3wiiu.not-toggled div.achievement img[alt="Playstation"]{
	display: none;
}
#oldmobile.not-toggled .achievement:not(:first-child)>:first-child{
	display: none;
}
#oldmobile.not-toggled td{
	position: relative;
	min-height: 72px;
	min-width: 72px;
}
#oldmobile.not-toggled td:first-child{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#oldmobile.not-toggled .achievement{
	margin-left: 0 !important;
}
#oldmobile.not-toggled .achievement>:first-child{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	display: flex;
	align-items: center;
}
#oldmobile.not-toggled .achievement>div{
	padding-left: 64px;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.1;
}
@media (max-width: 600px){
	.trw-toggleable.not-toggled.achievements .achievement>div{
		display: none;
	}
	.trw-toggleable.not-toggled.achievements tbody {
		display: block;
	}
	.trw-toggleable.not-toggled.achievements tr {
		display: inline-block;
	}
}
/* [[Drowning]] */
.drowning-table-no-border td {border-bottom: 0 !important;}

/* [[Trees/Shaking]] (transcluded on [[Trees]]) */
#treeshaking-table ul {list-style:none; margin-left:0;}
#treeshaking-table td{ white-space: nowrap; text-align: center;}
#treeshaking-table td:first-child{ text-align: left; }

/* [[Death#Death messages]] */
.deathmessages-groupicon {
	width: 65px;
	height: 65px;
	background: var(--theme-page-background-color);
	border: 1px solid var(--theme-border-color);
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Removed link to Wikimedia commons */
#ca-view-foreign {
	display: none;
}

/* User Avatar */
.vector-user-menu-legacy #pt-userpage a {
  background-image: url(https://commons.wiki.gg/images/5/59/User-avatar.svg);
}


/* css for Theme Toggle extension */
header#wikigg-header #p-personal li#p-themes{
    white-space: nowrap;	
}
header#wikigg-header #p-personal li#p-themes > h3{
	padding: 0.5em;
	margin: 0;
	font-family: unset; /* same font as the rest of the wiki.gg header ("h3" has a different font-family rule) */
}
header#wikigg-header #p-themes > h3 span{
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='60' viewBox='0 0 1792 1792' width='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M1615 0q70 0 122.5 46.5t52.5 116.5q0 63-45 151-332 629-465 752-97 91-218 91-126 0-216.5-92.5t-90.5-219.5q0-128 92-212l638-579q59-54 130-54zm-909 1034q39 76 106.5 130t150.5 76l1 71q4 213-129.5 347t-348.5 134q-123 0-218-46.5t-152.5-127.5-86.5-183-29-220q7 5 41 30t62 44.5 59 36.5 46 17q41 0 55-37 25-66 57.5-112.5t69.5-76 88-47.5 103-25.5 125-10.5z'/%3E%3C/svg%3E");
	background-size: 17px 17px;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
/* mobile view */
@media screen and (max-width: 720px){
	#p-personal .vector-menu-content #pt-anonuserpage, #p-personal .vector-menu-content #pt-userpage a{
		padding-top: 10px;
	}
	body #p-personal li#p-themes{
		border-right: 0;
	}
	header#wikigg-header #p-personal li#p-themes > h3{
		padding: 8px;
	}
	header#wikigg-header #p-personal li#p-themes > input{
		display: none;
	}
	body #p-personal li#p-themes .vector-menu-content li:hover{
		background-color: #ff1985;
	}
	header#wikigg-header #p-personal li#p-themes > h3 span{
		display: inline-block;
	}
	header#wikigg-header #p-personal li#p-themes > h3 span:after{
		display: none;
	}
	header#wikigg-header #p-personal li#p-themes .vector-menu-content{
		all: unset;
		display: block;
	}
	header#wikigg-header #p-personal li#p-themes .vector-menu-content ul{
		flex-direction: row;
		flex-wrap: wrap;
		padding: 0.5em;
	}
	header#wikigg-header #p-personal li#p-themes .vector-menu-content li{
		width: auto;
		border-radius: 3px;
	}
}