MediaWiki:Common.css: различия между версиями

Версия от 19:53, 14 ноября 2024

@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/oswald/v40/TK3_WkUHHAIjg75cFRf3bXL8LICs1_FvsUJiZTaR.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

cite,
dfn {
	font-style: inherit
}

q {
	quotes: '"' '"' "'" "'"
}

blockquote {
	overflow: hidden;
	margin: 1em 0;
	padding: 0 40px
}

small {
	font-size: 85%
}

img {
    image-rendering: pixelated;                 /* Universal support since 2021   */
}

.mw-body-content sub,
.mw-body-content sup,
span.reference {
	font-size: 80%
}

.ns-talk .mw-body-content dd {
	margin-top: 0.4em;
	margin-bottom: 0.4em
}

#interwiki-completelist {
	font-weight: bold
}

.biglink {
	font-family: "Oswald";
	font-style: oblique 10deg;
	font-variant-caps: small-caps;
	text-shadow: #1b1b1f 2px 3px, #A00D 3px 5px
}

.client-js .mw-special-Watchlist #watchlist-message,
.client-js .collapsible:not(.mw-made-collapsible).collapsed>tbody>tr:not(:first-child),
#editpage-specialchars {
	display: none
}

.mw-rcfilters-enabled .mw-specialpage-summary {
	margin-top: 1em
}

.citation:target {
	background-color: rgba(0, 127, 255, 0.133)
}

.citation {
	word-wrap: break-word
}

ol.references {
	font-size: 90%;
	margin-bottom: 0.5em
}

.hlist dl,
.hlist ol,
.hlist ul {
	margin: 0;
	padding: 0
}

.hlist dd,
.hlist dt,
.hlist li {
	margin: 0;
	display: inline
}

.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl,
.hlist dl ol,
.hlist dl ul,
.hlist ol dl,
.hlist ol ol,
.hlist ol ul,
.hlist ul dl,
.hlist ul ol,
.hlist ul ul {
	display: inline
}

.hlist .mw-empty-li {
	display: none
}

.hlist dt:after {
	content: ":"
}

.hlist dd:after,
.hlist li:after {
	content: " · ";
	font-weight: bold
}

.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
	content: none
}

.hlist dd dd:first-child:before,
.hlist dd dt:first-child:before,
.hlist dd li:first-child:before,
.hlist dt dd:first-child:before,
.hlist dt dt:first-child:before,
.hlist dt li:first-child:before,
.hlist li dd:first-child:before,
.hlist li dt:first-child:before,
.hlist li li:first-child:before {
	content: " (";
	font-weight: normal
}

.hlist dd dd:last-child:after,
.hlist dd dt:last-child:after,
.hlist dd li:last-child:after,
.hlist dt dd:last-child:after,
.hlist dt dt:last-child:after,
.hlist dt li:last-child:after,
.hlist li dd:last-child:after,
.hlist li dt:last-child:after,
.hlist li li:last-child:after {
	content: ")";
	font-weight: normal
}

.hlist ol {
	counter-reset: listitem
}

.hlist ol>li {
	counter-increment: listitem
}

.hlist ol>li:before {
	content: " " counter(listitem) "\a0"
}

.hlist dd ol>li:first-child:before,
.hlist dt ol>li:first-child:before,
.hlist li ol>li:first-child:before {
	content: " (" counter(listitem) "\a0"
}

.plainlist ol,
.plainlist ul {
	line-height: inherit;
	list-style: none none;
	margin: 0
}

.plainlist ol li,
.plainlist ul li {
	margin-bottom: 0
}

.navbox {
	box-sizing: border-box;
	border: 1px solid #a2a9b1;
	width: 100%;
	clear: both;
	font-size: 88%;
	text-align: center;
	padding: 1px;
	margin: 1em auto 0
}

.navbox .navbox {
	margin-top: 0
}

.navbox+.navbox {
	margin-top: -1px
}

.navbox-inner,
.navbox-subgroup {
	width: 100%
}

.navbox-group,
.navbox-title,
.navbox-abovebelow {
	padding: 0.25em 1em;
	line-height: 1.5em;
	text-align: center
}

th.navbox-group {
	white-space: nowrap;
	text-align: right
}

.navbox,
.navbox-subgroup {
	background-color: #fdfdfd
}

.navbox-list {
	line-height: 1.5em;
	border-color: #fdfdfd
}

tr+tr>.navbox-abovebelow,
tr+tr>.navbox-group,
tr+tr>.navbox-image,
tr+tr>.navbox-list {
	border-top: 2px solid #fdfdfd
}

.navbox th,
.navbox-title {
	background-color: #ccccff
}

.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
	background-color: #ddddff
}

.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
	background-color: #e6e6ff
}

.navbox-even {
	background-color: #f7f7f7
}

.navbox-odd {
	background-color: transparent
}

.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
	padding: 0.125em 0
}

.mw-parser-output .mw-collapsible-toggle {
	font-weight: normal;
	text-align: right;
	padding-right: 0.2em;
	padding-left: 0.2em
}

.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
	float: left;
	text-align: left
}

.infobox {
	border: 1px solid #a2a9b1;
	border-spacing: 3px;
	background-color: #f8f9fa;
	color: black;
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em;
	float: right;
	clear: right;
	font-size: 88%;
	line-height: 1.5em;
	width: 22em
}

.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
.infobox th,
.infobox td {
	vertical-align: top
}

.infobox-label,
.infobox-data,
.infobox th,
.infobox td {
	text-align: left
}

.infobox .infobox-above,
.infobox .infobox-title,
.infobox caption {
	font-size: 125%;
	font-weight: bold;
	text-align: center
}

.infobox-title,
.infobox caption {
	padding: 0.2em
}

.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
	text-align: center
}

.infobox .infobox-navbar {
	text-align: right
}

.wikitable.plainrowheaders th[scope=row] {
	font-weight: normal;
	text-align: left
}

.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
	text-align: left
}

table.mw-hiero-table td {
	vertical-align: middle
}

.mw-parser-output a[href$=".pdf"].external,
.mw-parser-output a[href*=".pdf?"].external,
.mw-parser-output a[href*=".pdf#"].external,
.mw-parser-output a[href$=".PDF"].external,
.mw-parser-output a[href*=".PDF?"].external,
.mw-parser-output a[href*=".PDF#"].external {
	background: url(//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif) no-repeat right;
	padding-right: 18px
}

.messagebox {
	border: 1px solid #a2a9b1;
	background-color: #f8f9fa;
	width: 80%;
	margin: 0 auto 1em auto;
	padding: .2em
}

.messagebox.merge {
	border: 1px solid #c0b8cc;
	background-color: #f0e5ff;
	text-align: center
}

.messagebox.cleanup {
	border: 1px solid #9f9fff;
	background-color: #efefff;
	text-align: center
}

.messagebox.standard-talk {
	border: 1px solid #c0c090;
	background-color: #f8eaba;
	margin: 4px auto
}

.mbox-inside .standard-talk {
	border: 1px solid #c0c090;
	background-color: #f8eaba;
	width: 100%;
	margin: 2px 0;
	padding: 2px
}

.messagebox.small {
	width: 238px;
	font-size: 85%;
	float: right;
	clear: both;
	margin: 0 0 1em 1em;
	line-height: 1.25em
}

.messagebox.small-talk {
	width: 238px;
	font-size: 85%;
	float: right;
	clear: both;
	margin: 0 0 1em 1em;
	line-height: 1.25em;
	background-color: #f8eaba
}

th.mbox-text,
td.mbox-text {
	border: none;
	padding: 0.25em 0.9em;
	width: 100%
}

td.mbox-image {
	border: none;
	padding: 2px 0 2px 0.9em;
	text-align: center
}

td.mbox-imageright {
	border: none;
	padding: 2px 0.9em 2px 0;
	text-align: center
}

td.mbox-empty-cell {
	border: none;
	padding: 0;
	width: 1px
}

table.ambox {
	margin: 0 10%;
	border: 1px solid #a2a9b1;
	border-left: 10px solid #36c;
	background-color: #fbfbfb;
	box-sizing: border-box
}

table.ambox+table.ambox,
table.ambox+.mw-empty-elt+table.ambox {
	margin-top: -1px
}

.ambox th.mbox-text,
.ambox td.mbox-text {
	padding: 0.25em 0.5em
}

.ambox td.mbox-image {
	padding: 2px 0 2px 0.5em
}

.ambox td.mbox-imageright {
	padding: 2px 0.5em 2px 0
}

table.ambox-notice {
	border-left: 10px solid #36c
}

table.ambox-speedy {
	border-left: 10px solid #b32424;
	background-color: #fee7e6
}

table.ambox-delete {
	border-left: 10px solid #b32424
}

table.ambox-content {
	border-left: 10px solid #f28500
}

table.ambox-style {
	border-left: 10px solid #fc3
}

table.ambox-move {
	border-left: 10px solid #9932cc
}

table.ambox-protection {
	border-left: 10px solid #a2a9b1
}

table.imbox {
	margin: 4px 10%;
	border-collapse: collapse;
	border: 3px solid #36c;
	background-color: #fbfbfb;
	box-sizing: border-box
}

.imbox .mbox-text .imbox {
	margin: 0 -0.5em;
	display: block
}

.mbox-inside .imbox {
	margin: 4px
}

table.imbox-notice {
	border: 3px solid #36c
}

table.imbox-speedy {
	border: 3px solid #b32424;
	background-color: #fee7e6
}

table.imbox-delete {
	border: 3px solid #b32424
}

table.imbox-content {
	border: 3px solid #f28500
}

table.imbox-style {
	border: 3px solid #fc3
}

table.imbox-move {
	border: 3px solid #9932cc
}

table.imbox-protection {
	border: 3px solid #a2a9b1
}

table.imbox-license {
	border: 3px solid #88a;
	background-color: #f7f8ff
}

table.imbox-featured {
	border: 3px solid #cba135
}

table.cmbox {
	margin: 3px 10%;
	border-collapse: collapse;
	border: 1px solid #a2a9b1;
	background-color: #dfe8ff;
	box-sizing: border-box
}

table.cmbox-notice {
	background-color: #d8e8ff
}

table.cmbox-speedy {
	margin-top: 4px;
	margin-bottom: 4px;
	border: 4px solid #b32424;
	background-color: #ffdbdb
}

table.cmbox-delete {
	background-color: #ffdbdb
}

table.cmbox-content {
	background-color: #ffe7ce
}

table.cmbox-style {
	background-color: #fff9db
}

table.cmbox-move {
	background-color: #e4d8ff
}

table.cmbox-protection {
	background-color: #efefe1
}

table.ombox {
	margin: 4px 10%;
	border-collapse: collapse;
	border: 1px solid #a2a9b1;
	background-color: #f8f9fa;
	box-sizing: border-box
}

table.ombox-notice {
	border: 1px solid #a2a9b1
}

table.ombox-speedy {
	border: 2px solid #b32424;
	background-color: #fee7e6
}

table.ombox-delete {
	border: 2px solid #b32424
}

table.ombox-content {
	border: 1px solid #f28500
}

table.ombox-style {
	border: 1px solid #fc3
}

table.ombox-move {
	border: 1px solid #9932cc
}

table.ombox-protection {
	border: 2px solid #a2a9b1
}

table.tmbox {
	margin: 4px 10%;
	border-collapse: collapse;
	border: 1px solid #c0c090;
	background-color: #f8eaba;
	min-width: 80%;
	box-sizing: border-box
}

.tmbox.mbox-small {
	min-width: 0
}

.mediawiki .mbox-inside .tmbox {
	margin: 2px 0;
	width: 100%
}

.mbox-inside .tmbox.mbox-small {
	line-height: 1.5em;
	font-size: 100%
}

table.tmbox-speedy {
	border: 2px solid #b32424;
	background-color: #fee7e6
}

table.tmbox-delete {
	border: 2px solid #b32424
}

table.tmbox-content {
	border: 2px solid #f28500
}

table.tmbox-style {
	border: 2px solid #fc3
}

table.tmbox-move {
	border: 2px solid #9932cc
}

table.tmbox-protection,
table.tmbox-notice {
	border: 1px solid #c0c090
}

table.fmbox {
	clear: both;
	margin: 0.2em 0;
	width: 100%;
	border: 1px solid #a2a9b1;
	background-color: #f8f9fa;
	box-sizing: border-box
}

table.fmbox-system {
	background-color: #191970
}

table.fmbox-warning {
	border: 1px solid #bb7070;
	background-color: #ffdbdb
}

table.fmbox-editnotice {
	background-color: transparent
}

div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon,
div.titleblacklist-warning {
	clear: both;
	margin: 0.2em 0;
	border: 1px solid #bb7070;
	background-color: #ffdbdb;
	padding: 0.25em 0.9em;
	box-sizing: border-box
}

.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt {
	border-color: #fc3;
	background-color: #fef6e7
}

html body.mediawiki .mbox-small {
	clear: right;
	float: right;
	margin: 4px 0 4px 1em;
	box-sizing: border-box;
	width: 238px;
	font-size: 88%;
	line-height: 1.25em
}

html body.mediawiki .mbox-small-left {
	margin: 4px 1em 4px 0;
	box-sizing: border-box;
	overflow: hidden;
	width: 238px;
	border-collapse: collapse;
	font-size: 88%;
	line-height: 1.25em
}

.compact-ambox table .mbox-image,
.compact-ambox table .mbox-imageright,
.compact-ambox table .mbox-empty-cell {
	display: none
}

.compact-ambox table.ambox {
	border: none;
	border-collapse: collapse;
	background-color: transparent;
	margin: 0 0 0 1.6em !important;
	padding: 0 !important;
	width: auto;
	display: block
}

body.mediawiki .compact-ambox table.mbox-small-left {
	font-size: 100%;
	width: auto;
	margin: 0
}

.compact-ambox table .mbox-text {
	padding: 0 !important;
	margin: 0 !important
}

.compact-ambox table .mbox-text-span {
	display: list-item;
	line-height: 1.5em;
	list-style-type: square;
	list-style-image: url(/w/skins/MonoBook/resources/images/bullet.svg)
}

.compact-ambox .hide-when-compact {
	display: none
}

.nounderlines a,
.IPA a:link,
.IPA a:visited {
	text-decoration: none !important
}

.nowrap,
.nowraplinks a {
	white-space: nowrap
}

.wrap,
.wraplinks a {
	white-space: normal
}

#wpUploadDescription {
	height: 13em
}

.thumbinner {
	min-width: 100px;
	background: #303037;
	border: solid #37373e
}

.thumbinner .thumbimage, .thumbborder {
	border: solid 1px #37373e
}

#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
	clear: both
}

.wpb .wpb-header {
	display: none
}

.wpbs-inner .wpb .wpb-header {
	display: table-row
}

.wpbs-inner .wpb-outside {
	display: none
}

.mw-tag-markers {
	font-style: italic;
	font-size: 90%
}

.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
	display: none
}

.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
	display: none !important
}

ul.permissions-errors>li {
	list-style: none none
}

ul.permissions-errors {
	margin: 0
}

span.texhtml {
	font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
	font-size: 118%;
	line-height: 1;
	white-space: nowrap;
	-moz-font-feature-settings: "lnum", "tnum", "kern" 0;
	-webkit-font-feature-settings: "lnum", "tnum", "kern" 0;
	font-feature-settings: "lnum", "tnum", "kern" 0;
	font-variant-numeric: lining-nums tabular-nums;
	font-kerning: none
}

span.texhtml span.texhtml {
	font-size: 100%
}

span.mwe-math-mathml-inline {
	font-size: 118%
}

.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
	margin-left: 1.6em !important;
	margin-top: 0.6em;
	margin-bottom: 0.6em
}

.mwe-math-mathml-display math {
	display: inline
}

.k-player .k-attribution {
	visibility: hidden
}

.PopUpMediaTransform a .play-btn-large {
	margin: 0;
	top: auto;
	right: auto;
	bottom: 0;
	left: 0
}

@media screen {
	#content .gallerybox div.thumb {
		background-color: #f8f9fa
	}
	.gallerybox .thumb img {
		background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat
	}
	.ns-0 .gallerybox .thumb img,
	.ns-2 .gallerybox .thumb img,
	.ns-100 .gallerybox .thumb img,
	.nochecker .gallerybox .thumb img {
		background-image: none
	}
}

.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
#t-upload,
.mw-special-Book #coll-downloadbox {
	display: none
}

span.comment {
	overflow-wrap: break-word
}

#mw-page-base {
	background: #1b1b1f;
	color: lightgrey;
	border: #1b1b1f
}

.mediawiki,
.mw-page-container {
	background: #1b1b1f;
	color: lightgrey;
	border: #1b1b1f
}

.mw-body {
	background: #212126;
	color: lightgrey;
	border: black
}

#mw-panel {
	background: #1b1b1f;
	color: lightgrey;
	border: #1b1b1f
}

#mw-content-container,
#mw-header-container,
#mw-content-wrapper,
#mw-content,
#p-logo {
	background: #1b1b1f;
	color: lightgrey;
	border: #1b1b1f
}

.mw-code {
	background: #212126;
	color: lightgrey
}

footer,
#footer-info-lastmod,
#footer-info-copyright {
	color: lightgrey
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
li {
	color: lightgrey
}

a,
.vector-menu-portal .vector-menu-content li a,
.vector-menu-tabs li a,
body.skin--responsive #p-cactions li a {
	color: lightblue
}

a:visited,
.vector-menu-portal .vector-menu-content li a:visited,
.vector-menu-tabs li a:visited,
body.skin--responsive #p-cactions li a:visited {
	color: #007FFF
}

a:hover,
a:visited:hover {
    color: white;
}

body.skin--responsive #p-cactions li a {
	background: #27272e
}

.mw-prefs-buttons {
	background: #27272e
}

a.extiw:visited,
a.external:visited,
.mw-parser-output a.extiw:visited,
.mw-parser-output a.external:visited,
body.skin--responsive #p-cactions li a.external:visited {
	color: #8a2be2
}

.vector-menu-tabs .selected a,
.vector-menu-tabs .selected a:visited,
body.skin--responsive #p-cactions li.selected a {
	color: lightgrey;
	font-weight: bold
}

body.skin--responsive #p-cactions li.selected a {
	background: #27272e
}

.vector-menu-tabs li {
	background: #212126
}

#mw-site-navigation .sidebar-chunk,
#mw-site-navigation .sidebar-chunk,
#mw-related-navigation .sidebar-chunk,
body.skin--responsive .portlet,
body.skin--responsive .pBody {
	background: #212126;
	color: lightgrey;
	border-color: #1b1b1f
}

#p-logo-text a {
	color: lightgrey
}

#ca-nstab-mediawiki.a {
	color: lightgrey
}

#mw-changeslist-links {
	background: #212126;
	color: lightgrey
}

#simpleSearch {
	background: #27272e;
	border: 1px solid #37373e;
	color: lightgrey
}

#searchInput {
	color: white
}

#pt-createaccount {
    visibility: hidden;
    display: none;
}

.vector-user-links .vector-user-menu-more .vector-menu-content-list li a,
#personal .dropdown {
	background: #27272e;
	border: 1px solid #37373e;
	color: lightgrey
}

body.skin--responsive #p-cactions li.selected {
	border: #37373e
}

.vector-menu-tabs .selected {
	background: #1b1b1f
}

#pagehistory li.selected {
	background: #1B4D3E;
	font-weight: bold
}

div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon,
div.titleblacklist-warning {
	background: #7C0A02;
	border: 1px solid #bb7070
}

.wikitable {
	background: #303037;
	border: 1px solid #37373e;
	color: white
}

.toc {
	background: #303037;
	border: 1px solid #37373e;
	color: white
}

.mw-content-ltr .tocnumber {
	color: grey
}

.wikitable>tr>th,
.wikitable>tr>td,
.wikitable>*>tr>th,
.wikitable>*>tr>td {
	border: 1px solid #37373e
}

.wikitable>*>tr>th {
	background: #27272e;
	border: 1px solid #37373e;
	color: white
}

.quickbox {
	border: 1px solid #303038;
	background: #27272e
}

.quickboxhead {
	border-bottom: 1px solid #303038;
	background: #1b1b1f;
	text-align: center
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
	background: #27272e;
	border: 1px solid #303038;
	color: white
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled>.oo-ui-buttonElement-button {
	background: #27272e;
	border: 1px solid #303038;
	color: white
}

.oo-ui-popupWidget-popup {
	background: #303037;
	border: 1px solid #37373e;
	color: white
}

.mw-editform #wpTextbox1,
textarea {
	background: #303037;
	border: 1px solid #37373e;
	color: white
}

.wikiEditor-ui-toolbar {
	background: #27272e;
	color: white
}

.wikiEditor-ui-toolbar .group {
	border: 1px solid #37373e;
	color: white
}

.wikiEditor-ui-toolbar .group .label {
	color: white
}

.wikiEditor-ui-toolbar .tabs span.tab a.current,
.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {
	color: #151518;
	font-weight: bold
}

.wikiEditor-ui .wikiEditor-ui-top {
	border-bottom: 1px solid #37373e
}

.wikiEditor-ui .wikiEditor-ui-view {
	border: 1px solid #37373e
}

.editOptions,
.mw-editform .editOptions {
	background: #27272e;
	border: 1px solid #37373e;
	color: white
}

@media screen {
	.mw-body-content .recipeimg a>img {
		padding: 0;
		margin: 0;
		border: 0;
		width: 32px !important;
		max-width: 32px !important;
		height: 32px !important;
		max-height: 32px !important
	}
}

.positive {
	color: #00FF00;
	font-weight: bold
}

.negative {
	color: #FF0000;
	font-weight: bold
}

.anglerect {
	--angle-rect-clip-size: 16px;
	clip-path: polygon(0 0, calc(100% - var(--angle-rect-clip-size)) 0, 100% var(--angle-rect-clip-size), 100% 100%, var(--angle-rect-clip-size) 100%, 0 calc(100% - var(--angle-rect-clip-size)))
}

.flex {
	display: flex
}



.mw-body {
	padding: 0.5em
}

.mw-body dd {
	margin: 0.2em;
	margin-left: 1.6em
}

.tabs-label {
	background-color: #19191d !important;
	color: lightgrey;
}

.tooltip{
  position: relative;
  display: inline;
}

.tooltiptext {
  position: absolute;
  display: block;
  z-index: 289 !important;
  width: 300px;
  padding: 5px;
  visibility: hidden;
  opacity: 0;
  white-space: normal;
  text-align: left;
  transition: all 0.2s;
  border: 1px solid #465298;
  background-color: #27272E;
}

.tooltip:hover>.tooltiptext {
  visibility: visible;
  opacity: 1;
}
@media screen and (min-width:851px) {
	.mobile {
		display: none
	}
	
}

@media screen and (max-width:850px) {
	.nomobile {
		display: none
	}
	.tooltip{
  position: static;
}
	.tooltiptext{
		box-shadow: 0px 0px 100vw 100vh rgb(0 0 0 / 60%);
        position: fixed;
	    width: 80vw;
	    top: 40vh;
	    left: 0;
	    margin: 0 auto;
	    right: 0;
}
.modern-button {
    position: relative;
    display: flex;
    min-width: 45%;
    background: #31313b;
    border-radius: 8px;
    min-height: 64px;
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2);
}

.modern-button__image {
    display: flex;
    align-items: center;
    background: #40404d;
    padding: 4px;
    box-shadow: inset 20px 0px 20px 0px rgba(0, 0, 0, 0.05);
}

.modern-button__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    width: 100%;
    padding: 8px 10px;
}

.modern-button__title {
    font-size: 1.8em;
    line-height: 1;
    font-family: "Oswald";
}

.modern-button__subtext {
    font-size: 0.8em;
	}
}