/* === build-mw-combine.php : This file is auto-generated from the 'wikicss' category of kicksecure ================================================== */





/* === Utility.css ================================================== */





/*
Utility.css contains CSS classes which are not design relevant for the specific wiki
Rather there are functional and best practice CSS constructs which without modification
can be helpful on other wikis too (see especially Categoy:MultiWiki)
See detailed documentation in Dev/mediawiki
*/

/* ---------------------------- */
/* 1. General purpose Utilities */

.width-100 { width: 100%; }

.justify-left { justify-content: left !important; }
.justify-center { justify-content: center !important; }
.justify-right { justify-content: right !important; }

.margin-left-0 { margin-left: 0 !important; }
.margin-left-5 { margin-left: 5px !important; }
.margin-left-10 { margin-left: 10px !important; }
.margin-left-20 { margin-left: 20px !important; }
.margin-left-30 { margin-left: 30px !important; }
.margin-right-0 { margin-right: 0 !important; }
.margin-right-5 { margin-right: 5px !important; }
.margin-right-10 { margin-right: 10px !important; }
.margin-right-20 { margin-right: 20px !important; }
.margin-right-30 { margin-right: 30px !important; }
.margin-top-0 { margin-top: 0 !important; }
.margin-top-5 { margin-top: 5px !important; }
.margin-top-10 { margin-top: 10px !important; }
.margin-top-20 { margin-top: 20px !important; }
.margin-top-30 { margin-top: 30px !important; }
.margin-bottom-0 { margin-bottom: 0 !important; }
.margin-bottom-5 { margin-bottom: 5px !important; }
.margin-bottom-10 { margin-bottom: 10px !important; }
.margin-bottom-20 { margin-bottom: 20px !important; }
.margin-bottom-30 { margin-bottom: 30px !important; }
.margin-v-25 { margin-top: 25px !important; margin-bottom: 25px !important }

.padding-left-0 { padding-left: 0 !important; }
.padding-left-5 { padding-left: 5px !important; }
.padding-left-10 { padding-left: 10px !important; }
.padding-left-20 { padding-left: 20px !important; }
.padding-left-30 { padding-left: 30px !important; }
.padding-right-0 { padding-right: 0 !important; }
.padding-right-5 { padding-right: 5px !important; }
.padding-right-10 { padding-right: 10px !important; }
.padding-right-20 { padding-right: 20px !important; }
.padding-right-30 { padding-right: 30px !important; }
.padding-top-0 { padding-top: 0 !important; }
.padding-top-5 { padding-top: 5px !important; }
.padding-top-10 { padding-top: 10px !important; }
.padding-top-20 { padding-top: 20px !important; }
.padding-top-30 { padding-top: 30px !important; }
.padding-bottom-0 { padding-bottom: 0 !important; }
.padding-bottom-5 { padding-bottom: 5px !important; }
.padding-bottom-10 { padding-bottom: 10px !important; }
.padding-bottom-20 { padding-bottom: 20px !important; }
.padding-bottom-30 { padding-bottom: 30px !important; }

.vspacer { display: block; width: 100%; overflow: auto; float: none; clear: both; }
.vspacer-0 { display: block; width: 100%; overflow: auto; float: none; height: 0; }
.vspacer-1 { display: block; width: 100%; overflow: auto; float: none; height: 1px; }
.vspacer-2 { display: block; width: 100%; overflow: auto; float: none; height: 2px; }
.vspacer-3 { display: block; width: 100%; overflow: auto; float: none; height: 3px; }
.vspacer-4 { display: block; width: 100%; overflow: auto; float: none; height: 4px; }
.vspacer-5 { display: block; width: 100%; overflow: auto; float: none; height: 5px; }
.vspacer-10 { display: block; width: 100%; overflow: auto; float: none; height: 10px; }
.vspacer-20 { display: block; width: 100%; overflow: auto; float: none; height: 20px; }
.vspacer-30 { display: block; width: 100%; overflow: auto; float: none; height: 30px; }
.vspacer-50 { display: block; width: 100%; overflow: auto; float: none; height: 50px; }

.pos-1px-up { position: relative; top: -1px; }
.pos-1px-down { position: relative; top: 1px; }
.pos-2px-up { position: relative; top: -2px; }
.pos-2px-down { position: relative; top: 2px; }
.pos-3px-up { position: relative; top: -3px; }
.pos-3px-down { position: relative; top: 3px; }

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

.vertical-align-middle {
  vertical-align: middle;
}

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

.nowrap {
  white-space: nowrap;
}

.float-left { float: left; }
.float-right { float: right; }

.clear-float {
  clear: both;
  float: none;
  overflow: auto;
}

.position-relative {
  position: relative;
}

/* 1.1. General image classes [[File...|class=...]] */

.img-height-20 img {
  height: 20px !important;
  width: auto;
}

.img-height-50 img {
  height: 50px !important;
  width: auto;
}

/* ------------------------------- */
/* 2. Manually place anchor Utiliy */

.manually-placed-anchor {
  position: relative;
}

.manually-placed-anchor.mpa-visible {
  display: block;
  margin: 15px 0;
  font-size: 18px;
  letter-spacing: 1px;
}

.manually-placed-anchor.mpa-visible:before {
  content: "\0023";
  font-weight: bold;
  margin-right: 7px;
}

.manually-placed-anchor.mpa-visible > .share-tooltip .button {
  top: -8px;
}

/* ------------------ */
/* 3. Icon (Template) */

.padded-content-icon {
  min-width: 1.6em;
  min-height: 1.6em;
  line-height: 1.6em;
  position: relative;
  vertical-align: -.4em;
  margin: 0 .2em;
}

.padded-content-icon:first-child {
  margin-left: 0;
}

.padded-content-icon.pci-style-circle {
  border-radius: 100em;
}

.padded-content-icon.pci-style-rounded {
  border-radius: .3em;
}

.padded-content-icon.pci-border {
  border: max( .08em, 1px ) solid currentColor;
}

.padded-content-icon.pci-border-thick {
  border: max( .16em, 3px ) solid currentColor;
}

.padded-content-icon.pci-shadow {
  box-shadow: .1em .04em .15em rgba(0,0,0,12%);
}

.padded-content-icon.pci-text {
  display: inline-block;
  font-style: unset;
  vertical-align: 3%;
  text-align: center;
  padding: 0 .3em 0 .4em;
}

.padded-content-icon.pci-text.pci-style-circle {
  min-width: 1.9em;
}

.padded-content-icon.pci-text.fa-solid,
.padded-content-icon.pci-text.fa-regular {
  letter-spacing: .1em;
}

.padded-content-icon:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* ---------------- */
/* 4. No-JS classes */

html.client-js .show-for-nojs-only,
html.client-js .hide-for-js-only,
html.client-nojs .show-for-js-only,
html.client-nojs .hide-for-nojs-only {
  display: none !important;
}

/* ------------------ */
/* 5. Columns Utility */

.use-2-columns, .use-3-columns {
  column-gap: 20px;
  column-rule: 1px solid #ddd;
  width: 100%;
  margin: 15px 0;
}

.use-2-columns {
  column-count: 2;
}

.use-3-columns {
  column-count: 3;
}

.use-2-columns .keep-together,
.use-3-columns .keep-together {
  display: inline-block;
  vertical-align: top;
}

.use-2-columns .force-column-break,
.use-3-columns .force-column-break {
  break-before: column;
}

.use-2-columns.strict-list-columns > ul,
.use-3-columns.strict-list-columns > ul,
.use-2-columns.strict-list-columns > ol,
.use-3-columns.strict-list-columns > ol {
  display: inline-block;
  width: 100%;
}

/* Responsive */
@media (max-width: 590px) {
  .use-3-columns {
    column-count: 2;
  }
}

@media (max-width: 450px) {
  .use-2-columns, .use-3-columns {
    column-count: 1;
  }
}

/* -------------------------------- */
/* 6. Edit Preview improve editform */

body.action-submit #editform {
  position: relative;
  z-index: 990;
  background: #f6f3f4;
  padding: 10px;
  border: 1px solid #ccc;
}

/* -------------------- */
/* 7. Mbox Box info-box */

#mw-content-text .info-box {
  padding: 5px 21px 15px;
  margin: 13px 0;
  border: 1px solid #e0e0e0;
  background: white;
  border-radius: 8px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, .09);
  display: flow-root;
  max-width: 100%;
}

@media (max-width: 650px) {
  #mw-content-text .info-box.ib-for-thumb {
    clear: both;
  }
}

#mw-content-text .info-box.ib-dark {
  background: #f5f5f5;
}

#mw-content-text .info-box.has-icon {
  padding-left: 55px;
  position: relative;
}

#mw-content-text .info-box.has-icon .info-box-icon {
  position: absolute;
  left: 15px;
  top: min( calc( 50% - 20px ), 17px );
  width: 30px;
  height: 40px;
}

#mw-content-text .info-box.has-icon .info-box-icon i {
  font-size: 18px;
  text-align: center;
  padding: 10px 0;
  width: 100%;
}

#mw-content-text .info-box.has-icon .info-box-icon > span,
#mw-content-text .info-box.has-icon .info-box-icon > span > :is(a,span),
#mw-content-text .info-box.has-icon .info-box-icon > span > :is(a,span) > img
{
  display: inline-block;
  height: inherit;
  width: inherit;
  object-fit: contain;
  border-radius: 5px;
}

.info-box a {
  color: #0663F9;
}

/* -------------------------------- */
/* 8. Intro paragraph and IntroLike */

.intro-like, .post-intro-p { margin-bottom: 1.5em; }

.intro-like > :first-child,
.pre-intro-p + *,
.pre-intro-p + .hidden-thumbnail + * {
  padding-top: 1em !important;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  box-shadow: inset 5px 5px 8px -2px rgb(0 0 0 / 9%) !important;
}

.pre-intro-p + .hidden-thumbnail {
  display: none !important;
}

.intro-like > *,
.pre-intro-p ~ :not(.post-intro-p):not(.post-intro-p ~ *) {
  font-size: 17px !important;
  color: #656565 !important;
  font-style: italic;
  display: flow-root;
  margin: 30px 0;
  padding: 6px 20px 7px 26px;
  background: #eee;
  margin: 0 !important;
  box-shadow: inset 11px 0 8px -8px rgb(0 0 0 / 9%);
}

.pre-intro-p.hidden ~ *:not(.post-intro-p ~ *) {
  display: none !important;
}

.intro-like > :last-child,
.pre-intro-p ~ :has(+ .post-intro-p) {
  padding-bottom: 1.1em !important;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
}

.intro-like { margin-top: 1.5em; }

/* --------------- */
/* 9. Info Tooltip */

.info-tooltip {
  display: inline-block;
  position: relative;
  background-image: url('/w/images/thumb/c/c8/Ambox_notice.png/40px-Ambox_notice.png');
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

.info-tooltip > * {
  display: none;
  position: absolute;
  max-width: 200px;
  width: max-content;
  background: white;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 4px rgba( 0,0,0, .07);
  padding: 5px 10px;
  border-radius: 5px;
  top: -10px;
  left: -10px;
  z-index: 10;
}
.info-tooltip > *:before {
  content: " ";
  background-image: url('/w/images/thumb/c/c8/Ambox_notice.png/40px-Ambox_notice.png');
  width: 22px;
  height: 20px;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  position: relative;
  top: 4px;
  left: -1px;
}

.info-tooltip:hover > *, .info-tooltip > *:hover {
  display: block;
}

/* ----------------- */
/* 10. Col Container */

.col-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.col-container.cc-3 > * {
  flex: 0 0 31%;
  margin: 2% 1%;
}

@media (max-width: 730px) {
  .col-container.cc-3 > * {
    flex: 0 0 48%;
  }
}

@media (max-width: 460px) {
  .col-container.cc-3 > * {
    flex: 0 0 88%;
    margin: 2% 6% 5%;
  }
}

.col-container.cc-4 > * {
  flex: 0 0 23%;
  margin: 2% 1%;
}

@media (max-width: 800px) {
  .col-container.cc-4 > * {
    flex: 0 0 31%;
  }
}

@media (max-width: 600px) {
  .col-container.cc-4 > * {
    flex: 0 0 48%;
  }
}

@media (max-width: 430px) {
  .col-container.cc-4 > * {
      flex: 0 0 88%;
      margin: 2% 6% 5%;
  }
}

.col-container.cc-5 > * {
  flex: 0 0 18%;
  margin: 1.5% 1%;
}

.col-container i.image
{
  padding-top: 70%;
  width: 100%;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.col-container i.image.image-cover {
  background-size: cover !important;
}
.col-container i.image.image-left {
  background-position: left;
}

.col-container img.image {
  width: 100%;
  display: block;
  object-fit: contain;
}

.col-container img.image.image-cover {
  object-fit: cover;
}

.col-container img.image.image-left {
  object-position: left;
}

/* ------------------ */
/* 11. Colors Schemes */

.cs-red {
  background-color: #ff6e6e !important;
  color: white !important;
}
.cs-red-light {
  background-color: #ffe5e5 !important;
  color: #666 !important;
}
.cs-red-font {
  color: #ff0606 !important;
}

.cs-green {
  background-color: #0a8628 !important;
  color: white !important;
}
.cs-green-light {
  background-color: #d4ffd9 !important;
  color: #666 !important;
}
.cs-green-dark {
  background-color: #006100 !important;
  color: white !important;
}
.cs-green-font {
  color: #00c92d !important;
}

.cs-blue {
  background-color: #37c6ff !important;
  color: white !important;
}
.cs-blue-light {
  background-color: #d9f6ff !important;
  color: #666 !important;
}
.cs-blue-dark {
  background-color: #0228ff !important;
  color: white !important;
}
.cs-blue-font {
  color: #00b6ff !important;
}

.cs-yellow {
  background-color: #fff23e !important;
  color: #444 !important;
}
.cs-yellow-light {
  background-color: #fff9a5 !important;
  color: #666 !important;
}
.cs-yellow-font {
  color: #ffd600 !important;
}

.cs-gray {
  background-color: #d4d4d4 !important;
  color: #444 !important;
}
.cs-gray-light {
  background-color: #f5f5f5 !important;
  color: #666 !important;
}
.cs-gray-dark {
  background-color: #a0a0a0 !important;
  color: white !important;
}
.cs-gray-font {
  color: #c1c1c1 !important;
}

.cs-white {
  background-color: white !important;
  color: #444 !important;
}

/* ------------------- */
/* 12. Dark Mode Fixes */

/* for https://www.mediawiki.org/wiki/Extension:DarkMode */

.client-darkmode {
    background: unset;
}

/* -------------- */
/* 13. Font Sizes */

.fontsize19 { font-size: 19px; }
.fontsize21 { font-size: 21px; }

/* ----------------------------------------------- */
/* 14. Design fixes for Extension:MultimediaViewer */

.mw-mmv-main .mw-mmv-post-image:not(.mw-mmv-untruncated) .mw-mmv-image-metadata {
  opacity: 0;
  margin-top: 0;
}

/* --------------------------------- */
/* 15. Expand or collapse all button */

html.client-nojs .expand-or-collapse-all-button {
  display: none;
}

/* ------------------------------- */
/* 16. Extension Flagged Revisions */

#mw-fr-revisiondetails {
  z-index: 100;
}

/* ----------------- */
/* 17. Thumb Gallery */

.thumb-gallery.mode-gallery {
  display: flex;
  flex-wrap: wrap;
  float: none !important;
  clear: both !important;
  margin: 0 !important;
  justify-content: center;
  gap: 10px;
}

@media (max-width: 540px) {
  .thumb-gallery {
    display: flex;
    flex-wrap: wrap;
    float: none !important;
    clear: both !important;
    margin: 0 !important;
    justify-content: center;
    gap: 10px;
    padding-bottom: 25px;
  }
}

.thumb-gallery.mode-gallery figure {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 !important;
  padding: 10px !important;
}

.thumb-gallery.mode-gallery figcaption {
  text-align: center !important;
  margin-top: 10px;
  padding-bottom: 0 !important;
}

/* ----------------------------------- */
/* 17.1. Gallery (Thumb Gallery Style) */

.gallery.thumb-gallery-style {
  display: flex !important;
  flex-wrap: wrap;
  float: none !important;
  clear: both !important;
  margin: 20px 0 !important;
  justify-content: center;
  gap: 10px;
}

.gallery.thumb-gallery-style .gallerybox {
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid #c8ccd1;
  background-color: #f8f9fa;
  border-radius: 8px;
  box-shadow: 3px 3px 5px rgb(0 0 0 / .1);
}

.gallery.thumb-gallery-style.gallery-white .gallerybox {
  background-color: white;
}

@media (max-width: 500px) {
  .gallery.thumb-gallery-style .gallerybox {
    display: block;
    width: 100% !important;
  }
}

.gallery.thumb-gallery-style .gallerybox > .thumb {
  border: none !important;
  margin-left: -2px;
}

.gallery:not(.thumb-gallery-style).gallery-white .gallerybox > .thumb {
  background-color: white;
}

.gallery.thumb-gallery-style.gallery-white .gallerybox > .thumb {
  background: none;
}

@media (max-width: 500px) {
  .gallery.thumb-gallery-style .gallerybox > .thumb {
    height: auto !important;
    margin: 15px auto 10px;
  }
}


.gallery.thumb-gallery-style .gallerytext {
  padding: 0 0 5px !important;
  text-align: center;
}

/* ------------------------ */
/* 17.2. Gallery (Standard) */

.gallery .gallerybox,
.gallery .gallerybox > .thumb {
  max-width: 100%;
}

.gallery.gallery-items-position-relative li.gallerybox {
  position: relative;
}


/* --------------------------- */
/* 18. ContentImage (Template) */

.content-image-wrapper {
  display: inline-block;
}

.content-image-wrapper img {
  max-width: 100%;
  height: auto;
}

.content-image-wrapper.ciw-w100,
.content-image-wrapper.ciw-w100 * {
  width: 100%;
  display: inline-block;
}

/* ------------------------------ */
/* 19. Community Support Template */

#mw-content-text .info-box.community-support-info.csi-page {
  border: 2px solid #ff9101;
  background: #fff7ef;
}

#mw-content-text .info-box.community-support-info.csi-chapter {
  border-color: #ff9101;
}

/* --------------------------- */
/* 20. Anti-Spam Email tooltip */

.antispam-email-tooltip {
  position: relative;
}

.antispam-email-tooltip .tooltip {
  display: none;
  position: absolute;
  left: -1px;
  background: white;
  z-index: 10;
  padding: 10px 20px;
  top: 2.2em;
  border-radius: 6px;
  box-shadow: 2px 2px 3px rgba( 0 0 0 / 10% );
}

.antispam-email-tooltip:hover:before {
  content: " ";
  display: inline-block;
  width: 100%;
  height: 3em;
  position: absolute;
}

.antispam-email-tooltip:hover .tooltip {
  width: 300px;
  display: block;
}

.antispam-email-tooltip .tooltip:before {
  content: " ";
  position: absolute;
  top: -14px;
  left: 11px;
  border-width: 7px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}

.antispam-email-tooltip .ul {
  color: red;
  padding: .6em 0 0 1.5em;
  display: inline-block;
}

.antispam-email-tooltip .ul > span {
  display: list-item;
  list-style: none;
  position: relative;
}

.antispam-email-tooltip .ul > span > i {
  position: absolute;
  top: 0;
  left: -1.3em;
}

.antispam-email-tooltip .ul > span > i:not([class^="fa-"]):before {
  content: "\2022"; /* BULLET SIGN */
  width: 1em;
  display: inline-block;
  height: 1em;
}

.antispam-email-tooltip .ul > span > i[class^="fa-"] {
  top: 0.4em;
  left: -1.6em;
}

/* ------------------------------------------------------- */
/* 21. Admin server indicator and PayPal sandbox indicator */

#stage-server-indicator,
#pvpm-sandbox-indicator {
  background: #fff23e;
  color: #444;
  padding: 10px 15px;
  position: fixed;
  top: 51px;
  left: 10px;
  z-index: 1000;
  width: 50px;
  height: 40px;
  overflow: hidden;
  transition: width .3s, height .3s;
  cursor: pointer;
}

#pvpm-sandbox-indicator {
  background: #6ebdfd;
  left: 65px;
}

#stage-server-indicator:hover {
  width: 170px;
  height: 102px;
}

#pvpm-sandbox-indicator:hover {
  width: 170px;
  height: 130px;
}

#stage-server-indicator p,
#pvpm-sandbox-indicator p {
  margin-top: 15px;
  width: 142px;
}

/* ---------------------- */
/* 22. Clearfix separator */

span.clearline-separator {
  display: block;
  width: 100%;
  clear: both;
  overflow: auto;
}

/* -------------------- */
/* 23. ComingSoon badge */

.coming-soon-badge {
  position: relative;
}

.coming-soon-badge::before {
  content: 'COMING SOON!';
  background-color: #fff9a5;
}

.coming-soon-badge::before,
div.coming-soon-indicator {
  position: absolute;
  top: 15px;
  left: -6px;
  display: inline-block;
  transform: rotate(-22deg);
  padding: 0 8px;
  border-radius: 100px;
  border: 1px solid currentColor;
  box-shadow: 1px 1px 5px #0005;
  font-size: inherit;
}


/* 24. IconSet template */

.iconset-keyboard {
  box-shadow: 1px 1px 3px #0005;
}

/* 25. keypress template */

.template-keypress > i {
  font-size: .8em;
}

.template-keypress {
  font-weight: bold;
  white-space: nowrap;
  margin: 0 .1em 0 .3em;
}

/*
[[Category:MultiWiki]]
*/






/* === SearchModal.css ================================================== */





/*
SearchModal Gadget - CSS styling. Moves the search to a separate modal with is opened from the custom header
See detailed documentation in Dev/mediawiki
*/

#top-bar-search-modal .content {
  max-width: 600px;
  padding: 15px 0 0;
  width: 100%;
  margin: calc( 50vh - 80px ) auto 0;
  overflow: visible;
}

#top-bar-search-modal #p-search > div {
  display: block !important;
}

#top-bar-search-modal #p-search > a.mw-ui-icon-wikimedia-search {
  display: none;
}

#top-bar-search-modal .wvui-typeahead-search {
  margin-left: 0 !important;
}

#top-bar-search-modal .wvui-input__start-icon {
  width: 50px !important;
  left: 1px !important;
}

#top-bar-search-modal .wvui-input__input {
  padding-left: 50px !important;
  height: 60px;
  border: none !important;
  font-size: 20px;
}

#top-bar-search-modal .wvui-typeahead-search__submit {
  opacity: 1 !important;
  background-color: #469bf0;
  border: none;
  color: white;
  font-size: 20px;
}

#top-bar-search-modal .wvui-typeahead-search__suggestions {
  top: 60px;
}

/*
[[Category:MultiWiki]]
*/






/* === Download_Button.css ================================================== */





/*
Style Download_Button (from Widget)
See detailed documentation in Dev/mediawiki
*/

.download-button-v2 {
  display: inline-block;
  border-radius: 50px;
  position: relative;
  background: #eee;
  transition: background-color .3s, border-color .3s;
  max-width: 100%;
  box-shadow: inset 0 0 4px rgba(0,0,0,.05);
  vertical-align: middle;
}
.download-button-v2:hover {
  background: #e4e4e4;
  border-color: #cdcdcd;
  text-decoration: none;
}
.download-button-v2:hover .dbutton {
  background-image: linear-gradient( #4180d1 0%, #005aae 100%);
  color: white;
}

.download-button-v2 .dbutton {
  display: table-cell;
  border-radius: 50px;
  background-image: linear-gradient( #4d8cdd 0%, #0867bb 100%);
  position: relative;
  padding: 7px 25px 7px 3em;
  color: #eaf1ff;
  font-weight: bold;
  transition: color .3s, background-image .3s;
  text-align: center;
}

.download-button-v2 .dbutton:before {
  content: '';
    height: calc( 100% - 1px );
    position: absolute;
    border-right: 1px solid #7bb1ea;
    top: 0;
    left: 2.4em;
}

.download-button-v2 .dbutton > i {
    position: absolute;
    left: .9em;
    top: calc( 50% - .55em );
}

.download-button-v2 .dbutton > span {
  position: relative;
  top: -1px;
}

.download-button-v2 .op-sys {
  display: table-cell;
  text-align: center;
  position: relative;
  top: -2px;
  padding: 0 15px 0 10px;
}

.download-button-v2 .op-sys > img {
  margin: 0;
  margin-right: 6px;
  position: relative;
}
.download-button-v2 .op-sys > img:last-child {
  margin-right: 0;
}
.download-button-v2 .op-sys > img.osx {
  top: -1px;
}

/* Following element Onion link (optional) */

.download-button-v2 + .onion-download {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url('/w/images/thumb/a/a8/Iconfinder_tor_386502.png/50px-Iconfinder_tor_386502.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-left: 8px;
  margin-top: -1px;
  vertical-align: middle;
}

/* ----- */
/* Modal */

#download-button-modal > .content {
  background-color: white;
  padding: 28px 30px;
}

#download-button-modal .donation-appeal {
  color: #555;
}

/* Area donate options */

#download-button-modal .donation-options {
  display: flex;
  margin: auto;
  justify-content: center;
  gap: 1em;
  margin-bottom: 40px;
}

#download-button-modal .donation-options > * {
  cursor: pointer;
  transition: transform .2s, filter .2s;
}

#download-button-modal .donation-options > *:hover {
  transform: scale( 1.1 );
  filter: brightness( 1.05 );
}

#download-button-modal .donation-options .padded-content-icon:first-child {
  margin-left: .2em;
}

/* Area payment modules and payment options */

#download-button-modal .payment-modules > *:not(.active) {
  display: none;
}

#download-button-modal .pay-via-crypto.donation-panel .qr-button {
  width: 35%;
  min-width: 182px;
}

#download-button-modal .pay-via-crypto.donation-panel .qr-code-image {
  width: max( 60%, 280px );
}

#download-button-modal .pay-via-crypto.donation-panel .expand {
  margin-top: 25px;
}

#download-button-modal .pay-via-crypto.donation-panel .code-select {
  width: 62%;
}

#download-button-modal .pay-via-crypto.donation-panel,
#download-button-modal .pay-via-bank.donation-panel {
  width: unset;
  padding: unset;
  background: unset;
}

#download-button-modal [data-target-payment="pay-via-crypto"] {
  height: 3.23em;
  position: relative;
}

#download-button-modal [data-target-payment="pay-via-crypto"] img {
  height: inherit;
}

#download-button-modal [data-target-payment="pay-via-crypto"] img:first-child {
  margin: 0 -.6em 0 -1em;
}

#download-button-modal [data-target-payment="pay-via-crypto"] span {
  position: absolute;
  bottom: -23px;
  left: calc(50% - 38px);
  font-size: .8em;
  border-radius: 4px;
  padding: 0 5px 2px;
}

/* Area file info and donation other */

#download-button-modal .file-info,
#download-button-modal .donation-other {
  text-align: center;
  background: #e5e5e5;
  margin: 25px -30px 14px;
  padding: 7px 15px;
}

#download-button-modal .file-info {
  margin: 20px -30px 15px;
}

#download-button-modal .donation-other a {
  font-weight: bold;
}

#download-button-modal .file-name {
  font-weight: bold;
  display: block;
}

#download-button-modal .download-trigger {
  margin: auto;
  display: block;
  width: 61.8%;
  border-radius: 50px;
  padding: 1em 2em;
  font-weight: bold;
  background-image: linear-gradient( #b4b4b4 0%,#8b8b8b 100%);
  color: white;
  letter-spacing: .1em;
  text-align: center;
  text-decoration: none;
  transition: transform .2s;
}

#download-button-modal .download-trigger.is-ready {
  background-image: linear-gradient( #4d8cdd 0%,#0867bb 100%);
}

#download-button-modal .download-trigger.is-ready:hover {
  background-image: linear-gradient( #4180d1 0%,#005aae 100%);
  transform: scale( 1.1 );
}

#download-button-modal .download-trigger.is-ready .ready,
#download-button-modal .download-trigger:not(.is-ready) .waiting {
  display: block;
}
#download-button-modal .download-trigger:not(.is-ready) .ready,
#download-button-modal .download-trigger.is-ready .waiting {
  display: none;
}

/* Area donate legal disclaimer */

#download-button-modal .donate-legal-disclaimer {
  margin: 30px 0 5px;
  padding: 7px 1px 0;
  color: #777;
  font-size: 12px;
  text-align: justify;
}

#download-button-modal .donate-legal-disclaimer a {
  font-size: 12px;
  color: #0645ad;
}

/* ------------- */
/* Mobile Tweaks */

@media (max-width: 450px) {
  .download-button-v2 {
    font-size: 13px;
    padding-right: 12px;
  }

  .download-button-v2 .dbutton {
    padding: 6px 16px 6px 50px;
  }

  .download-button-v2 .dbutton:before {
    left: 43px;
  }

  .download-button-v2 .dbutton > i {
    left: 14px;
  }

  .download-button-v2 .op-sys > img {
    height: 16px;
  }

  #download-button-modal .donation-options {
    gap: .6em;
  }
}

/*
[[Category:MultiWiki]]
*/






/* === Icon_Bullet_List.css ================================================== */





/*
Icon_Bullet_List - CSS styling. Offers a styling for lists with the class .icon-bullet-list
See detailed documentation in Dev/mediawiki
*/

.icon-bullet-list {
  margin-left: 0 !important;
  max-width: 100%;
  display: block;
}

.icon-bullet-list.minimal {
  width: max-content;
}

.icon-bullet-list > * {
  display: flow-root;
  list-style: none;
  font-size: inherit !important;
  box-shadow: 1px 1px 5px 0px #0002;
  border-radius: 3em;
  padding: .4em 1.1em .4em 3.1em !important;
  margin: 7px 0;
  background-color: white;
  position: relative;
}
.icon-bullet-list.inverse > * {
  background-color: #f8f8f8;
}

.icon-bullet-list > * i {
  width: 1.9em;
  height: 1.9em;
  padding-top: .45em;
  background-color: #f3f3f3;
  border-radius: 50px;
  text-align: center;
  margin-right: .2em;
  box-shadow: inset -.1em .1em .2em rgb(0 0 0 / 10%);
  position: absolute;
  left: .6em;
  top: calc( 50% - .95em );
  box-sizing: border-box;
}

.icon-bullet-list.inverse > * i {
  background-color: white;
  box-shadow: inset .05em .05em .2em rgb(0 0 0 / 10%);
}

.icon-bullet-list:not(.inverse) > * span {
  position: relative;
  top: -.05em;
}

.icon-bullet-list > * span a {
  color: #007bff !important;
}

/* Tile-grid modifier: lay items out as a responsive card grid instead
   of vertically-stacked pills. Intended for "jump to section" navigation
   blocks on long pages (e.g. the Comparison_with_Others summary). The
   icon, label, shadow and hover behaviour from the base ruleset are
   reused unchanged; only layout and per-item geometry are overridden. */

.icon-bullet-list.tile-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: 1em 0;
}

.icon-bullet-list.tile-grid > * {
  margin: 0;
  border-radius: 10px;
  padding: 16px 18px 16px 60px !important;
}

.icon-bullet-list.tile-grid > * i {
  left: 14px;
}

@media (max-width: 700px) {
  .icon-bullet-list.tile-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 460px) {
  .icon-bullet-list.tile-grid { grid-template-columns: 1fr; }
}

/*
[[Category:MultiWiki]]
*/






/* === CustomScrollbar.css ================================================== */





.custom-scrollbar-container {
  position: relative;
}

.custom-scrollbar-container > .viewport {
  display: block;
  overflow: hidden;
  position: relative;
  height: 100%;
}

.custom-scrollbar-container > .viewport > .overview {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  max-width: unset;
}

.custom-scrollbar-container > .scrollbar.disable {
  display: none;
}

.custom-scrollbar-container > .scrollbar,
.custom-scrollbar-container > .scrollbar > .track > .thumb {
  user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
}

.custom-scrollbar-container > .scrollbar,
.custom-scrollbar-container > .scrollbar-vertical {
  display: block;
  background: #ccc;
  border-radius: 10px;
  width: 100%;
  height: 10px;
}

.custom-scrollbar-container > .scrollbar-vertical {
  height: 100%;
  width: 10px;
  position: absolute;
  top: 0;
  right: 2px;
}

.custom-scrollbar-container > .scrollbar > .track {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

.custom-scrollbar-container > .scrollbar > .track > .thumb {
  display: block;
  position: relative;
  height: 100%;
  background: #888;
  cursor: pointer;
  width: 50px;
  border-radius: 10px;
}

.custom-scrollbar-container > .scrollbar-vertical > .track > .thumb {
  width: 100%;
  height: 50px;
}

/* Touch viewports: bump scrollbar thickness for easier finger-dragging.
   The thumb scales with the scrollbar via its 100% height/width, and the
   .after offset is set in JS from the scrollbar's CSS height
   (see ScrollAutoWrapper.js) so it tracks automatically. */
@media (pointer: coarse) {
  .custom-scrollbar-container > .scrollbar {
    height: 16px;
  }
  .custom-scrollbar-container > .scrollbar-vertical {
    width: 16px;
  }
}






/* === CodeSelect.css ================================================== */





/*
CodeSelect Gadget - CSS styling. Activates all .code-select fields on the site. By clicking the icon the code is copied to clipboard and tooltip is changed
See detailed documentation in Dev/mediawiki
*/

/* 1. General */

#global-code-select-copy-text-helper {
  position: absolute;
  opacity: 0;
  top: -9000px;
  left: -9000px;
}

.code-select {
  display: inline-block;
  background: #f6f6f6;
  border-radius: 7px;
  box-shadow: inset 2px 2px 6px rgba(0,0,0,0.05);
  border: 1px solid #e3e3e3;
  padding: 5px 13px 0 40px;
  position: relative;
  max-width: 100%;
  vertical-align: middle;
  min-height: 31px;
  overflow: auto;
}

html.client-nojs .code-select {
  font-family: Courier, monospace;
  font-size: 14px;
  color: #0054a8;
  line-height: 1.6em;
  width: 100%;
  overflow: auto;
  white-space: pre;
  padding: 4px 13px 2px 15px;
  cursor: auto !important;
}

.code-select,
.code-select > *:not(.cbutton) {
  cursor: copy !important;
}
.code-select:hover {
  border-color: #d8d8d8;
  background: #f0f0f0;
}

.code-select.js-loading {
  white-space: unset;
}

.code-select.js-fully-loaded {
  overflow: visible;
  padding-left: 38px;
  white-space: unset;
}

/* 2. Tooltip */

.code-select .tooltip2 {
  position: absolute;
  top: -39px;
  left: 6px;
  background: white;
  color: #337cd9;
  border: 1px solid #337cd9;
  padding: 6px 10px;
  border-radius: 6px;
  z-index: 1010;
  font-weight: bold;
  font-size: 14px;
  display: none;
  white-space: nowrap;
  font-family: Courier, monospace;
}
.code-select .tooltip2::after {
  content: " ";
  position: absolute;
  top: 100%;
  left: 7px;
  border-width: 7px;
  border-style: solid;
  border-color: #337cd9 transparent transparent transparent;
}
.code-select .tooltip2 .copied { display: none; }
.code-select .tooltip2 .hover { display: inline-block; }
.code-select.copied .tooltip2 .copied { display: inline-block; }
.code-select.copied .tooltip2 .hover { display: none; }
.code-select.copied .tooltip2 {
  display: inline-block;
  background: #07c007;
  border-color: #01b101;
  color: white;
}
.code-select.copied .tooltip2::after {
  border-top-color: #00a400;
}

.code-select .tooltip2 .copied > i {
  margin-right: 3px;
  position: relative;
  top: 1px;
}

.code-select > .cbutton:hover ~ .tooltip2 {
  display: inline-block;
}

/* 3. Icon */

.code-select > .cbutton {
  cursor: pointer;
  display: inline-block;
  /* Reset <button> browser defaults so it matches the original
     <i class="cbutton"> rendering. Intentionally NOT 'font: inherit':
     .fa-regular (specificity 0,1,0) supplies the Font Awesome
     font-family for the icon glyph; this selector (0,2,0) would beat
     it and the glyph would not render. */
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
}

.code-select:not([data-button-image-src]) > .cbutton {
  position: absolute;
  left: 8px;
  top: 2px;
  height: 25px;
  width: 27px;
  text-align: center;
  padding-top: 4px;
  border-radius: 5px;
  color: #5594c7;
  font-size: 16px;
}

.code-select > .cbutton.fa-check {
  color: #00d400;
}

.code-select:not(.copied) > .cbutton:hover {
  color: #0054a8;
}

/* 4. Text-Containers */

.code-select .viewport {
  width: 100%;
  display: block;
}

.code-select.cs-no-custom-scrollbars .viewport {
  overflow: auto;
}

.code-select .code,
.code-select {
  font-family: 'Cousine', monospace, Courier;
  font-size: 13px;
  color: #0054a8;
  line-height: 1.6em;
  width: 100%;
  white-space: pre;
}

.code-select .code {
  overflow: visible;
  padding: 0 0 0 2px;
  display: block;
  width: fit-content;
}

.code-select.inline-style .code,
.code-select.inline-style {
  width: auto;
  white-space: unset;
}

.code-select.breaklines-style .code,
.code-select.breaklines-style:not(.js-fully-loaded) {
  white-space: pre-line;
}

/* 5. Variant : Image Button */

html.client-nojs .code-select[data-button-image-src] {
  display: none !important;
}

.code-select[data-button-image-src] {
  border: none;
  background: transparent;
  padding: 0;
  width: 30px;
  height: 30px;
  box-shadow: none;
}

.code-select[data-button-image-src] img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.code-select[data-button-image-src],
.code-select[data-button-image-src] > *:not(.cbutton) {
  cursor: auto !important;
}

.code-select[data-button-image-src]:not(.js-fully-loaded) {
  visibility: hidden;
}

.code-select[data-button-image-src] .cbutton:not(button) {
  width: inherit;
  height: auto;
  transition: filter .3s;
}

.code-select[data-button-image-src] .cbutton:not(button):hover {
  filter: brightness( .97 );
}

.code-select[data-button-image-src] button.cbutton {
  color: #5594c7;
  font-size: 18px;
  position: absolute;
  top: calc( 50% - 10px );
  left: calc( 50% - 10px );
}

.code-select[data-button-image-src] button.cbutton:hover {
  color: #003870;
}

.code-select[data-button-image-src] .tooltip2 {
  top: -43px;
  left: -3px;
}

.code-select[data-button-image-src] .tooltip2::after {
  left: 9px;
}

.code-select[data-button-image-src] .code {
  width: 2px;
  height: 2px;
  display: inline-block;
  opacity: 0;
  overflow: hidden;
}

/* 6. CodeSelect with target */

.code-select-target-helper {
  position: relative;
}

.code-select[data-target] {
  display: none;
}

.code-select-target-helper .code-select[data-target] {
  display: block;
}

/*
[[Category:MultiWiki]]
*/






/* === ExtLink.css ================================================== */





/*
ExtLink widget - CSS styling
See detailed documentation in Dev/mediawiki
*/

/* ----------------------------------------------- */
/* 1. ExtLink template and ext-link extension */

.ext-link-to-archive {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: .5em;
  position: relative;
  top: .45em;
}

.ext-link-to-archive:not(.has-sibling) {
  margin-right: .5em;
}

.ext-link-to-archive:not(:hover) {
  opacity: .6;
}

.ext-link-to-archive a {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  user-select: none;
}

.ext-link-to-archive img {
  display: inline-block;
  height: 100%;
  width: auto;
}

/*
[[Category:MultiWiki]]
*/






/* === MiniModal.css ================================================== */





/*
MiniModal Gadget - CSS styling. A fully functional but minimal modal
See detailed documentation in Dev/mediawiki
*/

.mini-modal {
  width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
}

.mini-modal:not(.active) {
  display: none;
}

.mini-modal .underlay {
  background-color: rgba(0,0,0,.5);
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: pointer;
  opacity: 1;
  transition: opacity .5s;
}

.mini-modal .underlay:hover {
  opacity: .6;
}

.mini-modal .mm-close {
  position: absolute;
  right: 10px;
  top: 2px;
  font-size: 73px;
  color: white;
  text-shadow: 1px 2px 3px rgba(0,0,0,.4);
  transition: color .3s;
  cursor: pointer;
}

.mini-modal .mm-close:hover {
  color: #ff6489;
}

.mini-modal .underlay:hover + .mm-close {
  color: #ff89a5;
}

.mini-modal > .content {
  position: absolute;
  width: calc( 100% - 95px );
  max-width: 650px;
  margin: 75px 0 30px;
  left: calc( 50% - 332px );
  max-height: calc( 100dvh - 147px );
  overflow: hidden;
  box-sizing: content-box;
}

.mini-modal > .content > .viewport {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mini-modal > .content > .viewport > .overview {
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 700px ) {
  .mini-modal > .content {
    width: calc( 100% - 90px );
    left: 0;
    margin-left: 15px;
    margin-right: 15px;
  }
}

/* Body : prevent page refresh by scrolling up */

body.mini-modal-active {
  overscroll-behavior-y: none;
}

/*
[[Category:MultiWiki]]
*/






/* === VideoLink.css ================================================== */





/*
VideoLink - Styling for Template / Widget VideoLink
See detailed documentation in Dev/mediawiki
*/

.video-link {
  margin: 0 .2em;
}

.video-link:not(.style-subtle) {
  border: .1em solid #fff;
  box-shadow: .05em .05em .2em rgb(0 0 0/.1);
  border-radius: .25em;
  padding: .15em .2em .2em .25em;
  background: #fff;
  margin: 0 .4em 0 .2em;
}

.video-link .indicator img {
  height: 1em;
  vertical-align: middle;
}

.video-link .icons {
  color: #777;
}

.video-link .icons a {
  display: inline-block;
}

.video-link .icons a:not(:last-child) {
  margin-right: .2em;
}

.video-link .icons a:hover {
  display: inline-block;
  transform: scale(1.3);
}

.video-link .icons a > img {
  height: 1em;
  width: auto;
  vertical-align: top;
  position: relative;
  top: .3em;
}

.video-link:not(.style-subtle) .text {
  margin: 0 .3em 0 .1em;
}

.video-link .text {
  padding: 0 .2em .04em;
}

.video-link:not(.style-subtle) .text {
  background: #f4f4f4;
  border-radius: .2em;
}

.video-link .text a {
  padding-left: 0;
  color: #2575c5 !important;
}

.video-link .text .ext-link-to-archive {
  display: none;
}






/* === ScrollAutoWrapper.css ================================================== */





/*
Scroll Auto Wrapper - Auto-wraps ".wikitable" and pre elements in a wrapper with helper elements to guarantee 100% width and indicate scrollability
See detailed documentation in Dev/mediawiki
deferrable:YES -- The user will not need (or see) this info immediately anyways
*/

.scroll-auto-wrapper {
  position: relative;
  max-width: 100%;
}

/* Subtle right-edge fade as a scrollability affordance. The wrapper is only
   injected by ScrollAutoWrapper.js when the wrapped element was wider than
   its parent at page load, so its mere existence signals "horizontally
   scrollable". The fade overlays the right edge of the .viewport (which is
   inside the wrapper) to hint that more content is offscreen to the right. */
.scroll-auto-wrapper::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 30px;
  pointer-events: none;
  background: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.12));
  z-index: 1;
}

.scroll-auto-wrapper > .viewport {
  max-width: 100%;
}

.scroll-auto-wrapper > .viewport > .overview {
  margin: 0 !important;
}

.scroll-auto-wrapper > .before,
.scroll-auto-wrapper > .after {
  height: 10px;
  line-height: 10px;
  position: absolute;
}

.scroll-auto-wrapper > .before {
  top: -10px;
}

.scroll-auto-wrapper:not(.top-scrollbar-needed) > .before {
  display: none;
}

/* Touch viewports: match the bumped scrollbar height from CustomScrollbar.css
   and reposition .before so it still sits flush above the viewport.
   .after bottom is JS-set from the scrollbar's runtime height, so it adapts
   without an explicit override here. */
@media (pointer: coarse) {
  .scroll-auto-wrapper > .before,
  .scroll-auto-wrapper > .after {
    height: 16px;
    line-height: 16px;
  }
  .scroll-auto-wrapper > .before {
    top: -16px;
  }
}

/*
[[Category:MultiWiki]]
*/






/* === ShareTooltip.css ================================================== */





/*
ShareTooltip Gadget - CSS styling. Shows a Tooltip with multiple ways to share the current page / headline
See detailed documentation in Dev/mediawiki
*/

.share-tooltip {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: inherit !important;
  height: 1em;
}

.share-tooltip .button {
    width: 1em;
    height: .95em;
    display: inline-block;
    background-image: url(/w/images/thumb/1/16/Share-nodes-icon.png/180px-Share-nodes-icon.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 100px;
    line-height: 1em;
    padding: 0 1em;
    vertical-align: middle;
    filter: brightness(1.6);
    position: relative;
    top: -0.02em;
}

.share-tooltip:hover .button {
  filter: brightness(.5);
  transform: scale(1.2);
}

.share-tooltip .button:hover + .menu-wrapper, .share-tooltip .menu-wrapper:hover {
  display: block;
}

.share-tooltip .menu-wrapper {
  display: none;
  position: absolute;
  top: 1.35em;
  z-index: 10;
}

.share-tooltip .hover-connector {
  position: absolute;
  width: 2.2em;
  height: 2em;
  top: -1.5em;
  display: block;
}

.share-tooltip .menu {
  width: 315px;
  padding: 10px;
  text-align: center;
  background: white;
  border-radius: 10px;
  border: 1px solid #eee;
  box-shadow: 1px 1px 3px rgb( 0 0 0 / 20% );
  font-weight: normal !important;
  font-size: 13px !important;
  display: block;
}

.share-tooltip .menu > span.headline {
  color: #333 !important;
  font-size: 20px !important;
  font-weight: bold;
  margin: 8px 0 12px;
  display: block;
}

.share-tooltip .menu > span.social {
  padding: 4px 8px !important;
  display: inline-block;
  margin: 0 !important;
}

.share-tooltip .menu > span.social img {
  transition: transform .2s;
  margin: 2px 0px;
  width: 40px;
}

.share-tooltip .menu > span.social:hover img {
  transform: scale(1.2);
  border-radius: 100px;
  box-shadow: 2px 1px 7px rgb(0 0 0 / 20%);
}

.share-tooltip .menu > span.headline-clipboard,
.share-tooltip .menu > span.headline-social {
  font-size: 13px!important;
  margin: 14px -10px 12px;
  display: block;
  padding: 4px 0;
  border-width: 1px 0;
  background: #eee;
  color: #333;
}

.share-tooltip .menu > span.copy-card {
  max-width: 80px;
  display: inline-block;
  text-align: center;
  margin: 0 -5px;
}

.share-tooltip .menu > span.copy-card:last-child {
  margin-right: 0;
}

.share-tooltip .menu > span.copy-card > span.code-select {
  width: 40px;
  height: 40px;
}

.share-tooltip .menu > span.copy-card > span.code-select .cbutton {
  transition: transform .2s;
}

.share-tooltip .menu > span.copy-card > span.code-select[data-social=copy-plain] {
  width: 100%;
  margin-bottom: 4px;
}

.share-tooltip .menu > span.copy-card > span.code-select[data-social=copy-phpbb] {
  margin-right: 0;
}

.share-tooltip .menu > span.copy-card > span.code-select:not([data-social=copy-plain]) .cbutton:hover {
  transform: scale(1.2);
  border-radius: 100px;
  box-shadow: 2px 1px 7px rgb(0 0 0 / 20%);
}

.share-tooltip .menu > span.copy-card > span.code-select[data-button-image-src] .tooltip2 {
  top: -47px;
  left: -5px;
}

.share-tooltip .menu > span.copy-card > span.code-select[data-button-image-src] .tooltip2:after {
  left: 17px;
}

.share-tooltip .menu > span.copy-card > span.desc {
  line-height: 1.2;
  display: inline-block;
  margin-top: 6px;
  color: #333;
  font-size: 12px !important;
}

.share-tooltip .menu > span.info-selfhosted {
  display: block;
  color: #333;
  margin: 15px 0 11px;
  cursor: pointer;
  line-height: 1.4;
}

.share-tooltip .menu > span.info-selfhosted > .preview {
  font-size: 13px !important;
  display: inline-block;
}

.share-tooltip .menu > span.info-selfhosted > .preview:hover {
  color: #007bff;
}

.share-tooltip .menu > span.info-selfhosted > .preview i:first-child {
  margin-right: 2px;
}

.share-tooltip .menu > span.info-selfhosted > .policy {
  font-size: 11px !important;
  margin-top: 7px;
  text-align: justify;
  width: 89%;
  display: none;
}

.share-tooltip .menu > span.info-selfhosted.full-text > .policy {
  display: inline-block;
}

.share-tooltip .menu > span.info-selfhosted > .policy a {
  color: #007bff !important;
}

/* ShareTooltip.js sets an inline `left` once when the menu first populates;
   on viewport resize that value goes stale and the 315px popup hangs off the
   right edge (truncated past the Reddit icon). At narrow widths re-anchor to
   the share-tooltip's right edge so the stale inline is overridden -- no
   resize observer. Also shrink the popup itself to fit a 320px viewport
   (315px popup in a 320px viewport leaves no room when the trigger button
   is not at the very right edge). */
@media (max-width: 800px) {
  .share-tooltip .menu-wrapper {
    left: auto !important;
    right: 0 !important;
  }
  .share-tooltip .menu {
    width: min(315px, calc(100vw - 10px)) !important;
  }
}

/* Below ~440px the share-tooltip's container can sit some px short of the
   viewport's right edge, so a popup right-anchored to the container still
   bleeds off the LEFT. Decouple from the container at very narrow widths
   and anchor the popup to the VIEWPORT right instead. position:fixed loses
   the vertical anchor to the trigger button so we pin it directly under the
   header (50px) -- acceptable trade-off only at phone widths. */
@media (max-width: 440px) {
  .share-tooltip .menu-wrapper {
    position: fixed !important;
    top: 55px !important;
    left: auto !important;
    right: 5px !important;
  }
}

/*
[[Category:MultiWiki]]
*/






/* === TabContentController.css ================================================== */





/*
TabContentController Gadget - CSS Styling
See detailed documentation in Dev/mediawiki
*/

/* ---------- */
/* 1. General */

.tab-content-controller {
  position: relative;
  margin-top: 20px;
}

.tab-content-controller > .mininav {
  overflow: auto;
  margin: 0;
  min-height: 55px;
}

html.client-nojs .tab-content-controller > .mininav {
  display: none;
}

.tab-content-controller.tcc-none-active > .mininav::before {
  display: inline-block;
  position: absolute;
  content: 'CHOOSE TAB \22BF';
  background: #eaeeff;
  top: -15px;
  left: 21px;
  padding: 0 7px 1px 9px;
  border-radius: 20px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 2px;
  border: 2px solid #89d;
  color: #6173b9;
}

.tab-content-controller > .mininav li > * > img {
  height: 23px;
  margin-right: 8px;
  width: auto;
}

.tab-content-controller > .tcc-section,
.tab-content-controller > .tcc-section > * {
  margin-bottom: 0 !important;
}

.tab-content-controller .tcc-section .tcc-image {
  display: none;
}

html.client-js .tab-content-controller .tcc-title {
  display: none;
}

html.client-nojs .tab-content-controller .tcc-title > :is(h1,h2,h3,h4,h5,h6) {
  margin-top: 0 !important;
}

/* ----------------------------------- */
/* 2. Content before JS initialization */

html.client-js .tab-content-controller .tcc-section:not(.active) {
  display: none !important;
}

/* -------------------------------- */
/* 3. Special class for Indentation */

html.client-js .tab-content-controller.tcc-indent > .tcc-content {
  border-left: 4px solid #89d;
  padding-left: 24px;
  border-radius: 7px;
}

/*
[[Category:MultiWiki]]
*/






/* === EditorSaveAndContinue.css ================================================== */





/*
EditorSaveAndContinue Gadget - CSS styling. Adds a Save continue button to the editor so the page is not reloaded everytime
See detailed documentation in Dev/mediawiki
*/

#editform .save-and-continue {
  display: inline-block;
  padding: 4px 14px;
  margin-right: 8px;
  vertical-align: bottom;
  background: #018001;
  color: white;
  font-weight: bold;
  cursor: pointer;
  border: 1px solid #406040;
}

#editform .save-and-continue:hover {
  background: #1ab01a;
}

/*
[[Category:MultiWiki]]
*/






/* === EditorFullscreen.css ================================================== */





/*
EditorFullscreen Gadget - CSS Styling
See detailed documentation in Dev/mediawiki
*/

#wikiEditor-ui-toolbar .editor-fullscreen {
  position: absolute;
  right: 125px;
  top: 0;
  cursor: pointer;
  font-size: 20px;
  text-align: center;
  width: 30px;
  height: 30px;
  color: #01ca0e;
}

#wikiEditor-ui-toolbar .editor-fullscreen .close-fullscreen { display: none; }

body.editform-fullscreen-active #wikiEditor-ui-toolbar .editor-fullscreen .close-fullscreen { display: inline; }
body.editform-fullscreen-active #wikiEditor-ui-toolbar .editor-fullscreen .open-fullscreen { display: none; }
body.editform-fullscreen-active #mw-navigation { display: none; }
body.editform-fullscreen-active .mw-header { display: none; }

body.editform-fullscreen-active #editform {
  position: fixed;
  left: 0;
  top: 0;
  width: calc( 100vw - 9px );
  height: 100dvh;
  background: white; /* temporary bugfix for MediaWiki style bug 2025-04-21 */
}

/* On mobile, prevent the body underneath the fixed overlay from
   rubber-banding / pull-to-refreshing into view as empty whitespace
   when the user touches the editor. Same pattern as MiniModal. */
body.editform-fullscreen-active {
  overscroll-behavior-y: none;
}

body.editform-fullscreen-active #editpage-copywarn {
  display: none;
}

/* Mobile styling */

@media ( max-width: 793px ) {
  #wikiEditor-ui-toolbar .editor-fullscreen {
    top: -31px;
    right: 35px;
  }

  body.editform-fullscreen-active #wikiEditor-ui-toolbar .editor-fullscreen {
    top: 0px;
    right: 5px;
  }
}

/*
[[Category:MultiWiki]]
*/






/* === EditorAutoBackup.css ================================================== */





/*
EditorAutoBackup Gadget - CSS Styling. The editor auto saves old versions of the file edited
See detailed documentation in Dev/mediawiki
*/

#wikiEditor-ui-toolbar .editor-auto-backup {
  position: absolute;
  right: 154px;
  top: 5px;
  cursor: pointer;
  font-size: 20px;
  text-align: center;
  width: 30px;
  height: 30px;
  color: #01ca0e;
}

@media ( max-width: 793px ) {
  #wikiEditor-ui-toolbar .editor-auto-backup {
    top: -26px;
    right: 63px;
  }
}

#wikiEditor-ui-toolbar .editor-auto-backup.has-error {
  color: red;
}

#editorAutoBackupModal div.content {
  position: absolute;
  left: 50px;
  max-width: calc(100% - 150px);
  height: calc(100% - 200px);
  border: none;
  box-shadow: 3px 3px 10px rgba(0,0,0,.3);
  background: #eee;
  padding: 20px;
}

#editorAutoBackupModal > .content > .viewport {
  overflow: auto;
}

#editorAutoBackupModal > .content > .viewport > .overview {
  width: 100%;
  height: 100%;
}

#editorAutoBackupModal > .content > .scrollbar {
  display: none;
}

#editorAutoBackupModal .intro,
#editorAutoBackupModal .has-error-warning {
  background: #fcfcfc;
  color: #444;
  padding: 5px 10px;
  margin-bottom: 12px;
  border-left: 4px solid #777;
}

#editorAutoBackupModal .has-error-warning {
  border-left-color: red;
}

#editorAutoBackupModal div.content textarea {
  height: 35vw;
  white-space: pre;
  font-family: monospace;
  font-size: 12px;
  background-color: #fcfcfc;
  padding: 15px 20px;
  line-height: 19px;
  margin-top: 6px;
  border-radius: 8px;
}

/*
[[Category:MultiWiki]]
*/






/* === EditorMultiwikiNotice.css ================================================== */





/*
EditorMultiwikiNotice Gadget - CSS styling. The editor now shows if this is a multiwiki master / slave page
See detailed documentation in Dev/mediawiki
*/

.editor-multi-wiki-notice {
    background: #eee;
    padding: 5px 10px;
    border-radius: 10px;
    margin: 15px 0px;
}

/*
[[Category:MultiWiki]]
*/






/* === EditorAddNewEditButtons.css ================================================== */





/*
EditorAddNewButtons.css - Add new functional markup buttons to classic MediaWiki wikitext editor
See detailed documentation in Dev/mediawiki
*/

#wikiEditor-section-main .tool-button {
  background-size: 72%;
}

#wikiEditor-section-advanced a.tool-button[rel^="indent-"] {
  background-size: 64%;
}

/*
[[Category:MultiWiki]]
*/






/* === LeftRightImageText.css ================================================== */





/*
LeftRightImageText widget - CSS styling
See detailed documentation in Dev/mediawiki
*/

.left-right-image-text {
  display: table;
  width: calc( 100% + 40px );
  border-spacing: 20px 0;
  margin: 0 -20px;
}

.left-right-image-text.image-right {
  direction: rtl;
}

.left-right-image-text > * {
  direction: ltr;
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}

.left-right-image-text > .image {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 200px;
}

.left-right-image-text > .image > a {
  display: block;
  transition: transform .3s;
}

.left-right-image-text > .image > a:hover {
  transform: scale(1.05);
}

.left-right-image-text > .image img {
  width: 100%;
  height: auto;
}

@media (max-width: 460px) {
  .left-right-image-text {
    display: block;
    width: 100%;
    border-spacing: initial;
    margin: 0;
  }
  .left-right-image-text > * {
    display: block;
    width: 100%;
  }
  .left-right-image-text > .image {
    margin-bottom: 20px;
  }
}

/* Promo Style */

#mw-content-text .left-right-image-text.promo-style h3 {
  border: none;
  font-size: 30px;
  margin-top: 0;
}

#mw-content-text .left-right-image-text.promo-style p {
  font-size: 20px;
  font-weight: 300;
  color: #606060;
}

#mw-content-text .left-right-image-text.promo-style p a {
  font-weight: normal;
  text-shadow: 0 0 2px white;
}

/*
[[Category:MultiWiki]]
*/






/* === Mininav.css ================================================== */





/*
CSS Styling for elements with the class .mininav. Mini navigation is used to have multiple buttons in a row linking to other pages
See detailed documentation in Dev/mediawiki
*/

/* ---------- */
/* 1. General */

body.mini-modal-active {
  overflow: hidden;
}

.mininav {
  margin: 15px 0;
  min-height: 55px;
}

.mininav.mn-2-lines { min-height: 110px; }
.mininav.mn-3-lines { min-height: 165px; }
.mininav.mn-4-lines { min-height: 220px; }

@media (max-width: 420px) {
  .mininav { min-height: 45px };
  .mininav.mn-2-lines { min-height: 90px; }
  .mininav.mn-3-lines { min-height: 135px; }
  .mininav.mn-4-lines { min-height: 180px; }
}

.mininav ul {
  list-style: none;
  padding-left: 0 !important;
  margin-left: 0 !important;
  display: inline-block;
  font-size: 0;
}

.mininav li {
  display: inline-block;
  padding: 0 !important;
  margin-bottom: 5px;
  min-height: 50px;
  position: relative;
}

@media (max-width: 420px) {
  .mininav li {
    min-height: 40px;
  }
}

.mininav li > :not( span, img ) {
  background-color: #fafafa;
  padding: 9px 15px;
  text-decoration: none;
  font-size: 17px !important;
  color: #36b;
  display: inline-block;
  border-bottom: 4px solid white;
  transition: background-color .3s, border-bottom-color .3s;
  cursor: pointer;
}

.mw-parser-output .mininav li>a:visited:not(.active):not(:hover) {
  color: #36b;
}

.mininav li a.external:before,
.mininav.mn-switcher li a.is-link:before,
.mininav li hr:first-child:before {
  content: "\1F875";
  position: absolute;
  top: 0px;
  right: 0px;
  background: white;
  width: 15px;
  height: 13px;
  line-height: 12px;
  text-align: right;
  padding-right: 2px;
  box-shadow: -1px 1px 1px #0001;
  color: #36bb;
}

.mininav.mn-switcher li a.is-link:before {
  border-radius: 50px;
  right: 9px;
  top: 1px;
}

.mininav.mn-switcher li a.is-link:not(.is-external-link):before {
  content: "\2B80";
  padding-left: 1px;
  padding-right: 16px;
}

.mininav.mn-switcher li:last-child > a::before {
  right: 0;
}

.mininav li hr:first-child:before {
  content: "\2B80";
  right: 3px;
}

.mininav li hr:first-child {
  display: contents;
}

@media (max-width: 420px) {
  .mininav li > :not( span, img ) {
    font-size: 15px !important;
    padding: 6px 10px;
  }
}

.mininav li:not(:last-child) > * {
  margin-right: 3px;
}

.mininav li > *:hover, .mininav li > *.selflink, .mininav li > *.active {
  background-color: white;
  border-bottom-color: #89d;
  box-shadow: 2px 2px 3px rgba(0,0,0,.05);
  text-shadow: 0 0 0 currentColor, 0 0 0 currentColor;
  font-weight: normal;
}

/* 1.1. info paragraph */

.mininav > p:first-child {
  background: white;
  color: #777 !important;
  margin-bottom: 5px !important;
  padding: 3px 15px;
  box-shadow: 1px 1px 3px #0001;
}

.mininav > p:first-child:before {
  content: "\2139";
  border: 1px solid currentColor;
  padding: 0px 5px;
  margin-right: 6px;
}

/* 1.2. Images at the beginning */

.mininav li > span[typeof="mw:File"]:first-child img {
  position: absolute;
  left: 16px;
  top: 10px;
  width: 25px;
  height: 25px;
  object-fit: contain;
  object-position: center;
}

.mininav li > span[typeof="mw:File"]:first-child + * {
  padding-left: 50px;
}

/* If external links are used */

.mininav .external {
  padding-right: 15px !important;
}

.mininav .ext-link-to-archive {
  display: none;
}

/* ------------- */
/* 2. Dark theme */

.mininav.mn-dark > p:first-child {
  background: #f5f5f5;
}

.mininav.mn-dark li > *:not(.active):not(:hover) {
  background-color: #e8e8e8 !important;
  border-bottom-color: #f5f5f5;
}

.mininav.mn-dark li > *:hover,
.mininav.mn-dark li > *.selflink,
.mininav.mn-dark li > *.active {
  background-color: #f5f5f5;
}

/* ----------------- */
/* 3. Switcher theme */

.mininav.mn-switcher > ul {
  background-color: #89d;
  padding: 5px 20px !important;
  border-radius: 50px;
  box-shadow: 2px 2px 6px #00000028 inset;
  text-align: center;
}

.mininav.mn-switcher > ul > li {
  margin-bottom: 0;
  min-height: unset;
}

.mininav.mn-switcher li > :not( span, img ) {
  background-color: #9aabed;
  color: white;
  padding: 3px 11px 5px;
  text-decoration: none;
  font-size: 17px !important;
  display: inline-block;
  border: none;
  transition: background-color .3s, border-bottom-color .3s, color .3s;
  border-radius: 50px;
  cursor: pointer;
  margin: 5px 0;
  box-shadow: 1px 1px 3px #0002;
}

.mw-parser-output .mininav.mn-switcher li>a:visited:not(.active):not(:hover) {
  color: white;
}

.mininav.mn-switcher li:not(:last-child) > * {
  margin-right: 11px;
}

.mininav.mn-switcher li > :not(:hover):not(.active) img {
  filter: drop-shadow(0px 0px 1px #0008);
}

.mininav.mn-switcher li > *:hover,
.mininav.mn-switcher li > *.active {
  background-color: white;
  color: #36b;
}

/*
[[Category:MultiWiki]]
*/






/* === BackToTopButton.css ================================================== */





/*
JS-Button for Scrolling Back to the Top
See detailed documentation in Dev/mediawiki
*/

#back-to-top-button {
  position: fixed;
  right: 20px;
  bottom: 20px;
  background: rgba(0,0,0,.15);
  color: white;
  padding: 9px 16px 10px;
  font-size: 26px;
  text-shadow: 1px 1px 3px rgb(0,0,0,.15);
  cursor: pointer;
  display: none;
}

#back-to-top-button:hover {
  background: rgba(0,0,0,.25);
  display: block !important;
}

/*
[[Category:MultiWiki]]
*/






/* === WikiBookIndex.css ================================================== */





/*
WikiBookIndex - Styling for Widget WikiBookIndex
See detailed documentation in Dev/mediawiki
*/

/* ---------- */
/* 1. General */

.wiki-book-index {
  display: flex;
  gap: 3px;
  width: fit-content;
}

.wiki-book-index > .info,
.wiki-book-index > a {
  padding: .3em .7em .35em;
  color: #333 !important;
  background: #eee;
}

.wiki-book-index > a > span.text {
  display: none;
}

.wiki-book-index > a:hover {
  background: #d8d8d8;
}

.wiki-book-index > .info,
.wiki-book-index > .info > span {
  display: none;
}

.wiki-book-index > a:hover ~ .info {
  display: inline-block;
}

.wiki-book-index > a.prev:hover ~ .info > .prev,
.wiki-book-index > a.index:hover ~ .info > .index,
.wiki-book-index > a.next:hover ~ .info > .next {
  display: inline-block;
}

/* --------------------------- */
/* 2. Variants (for-parameter) */

/* for=firstheading */

.wiki-book-index.wbi-for-firstheading {
  float: right;
  margin: .15em -.3em -.1em .6em;
  font-size: .9em;
}

.wiki-book-index.wbi-for-firstheading > a {
  padding: 0 .3em .1em;
  margin-top: -.1em;
}

.wiki-book-index.wbi-for-firstheading > .info {
  position: absolute;
  right: 8px;
  top: 62px;
  width: max-content;
  max-width: 100%;
  z-index: 10;
  border: 1px solid #ccc;
}

/* for=footer */

.wiki-book-index.wbi-for-footer {
  font-size: 18px;
  width: 100%;
  margin-top: 50px;
}

.wiki-book-index.wbi-for-footer > a {
  flex-grow: 1;
  background-color: #fafafa;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.wiki-book-index.wbi-for-footer > a:hover {
  background: #e2e2e2;
}

.wiki-book-index.wbi-for-footer > a > i {
  font-size: 22px;
  position: relative;
  top: 4px;
  float: left;
}

.wiki-book-index.wbi-for-footer > a.next > i {
  float: right;
}

.wiki-book-index.wbi-for-footer > a > span.text {
  display: inline;
}

.wiki-book-index.wbi-for-footer > .info {
  display: none !important;
}

/* for=footer mobile */

@media (max-width: 600px) {
  .wiki-book-index.wbi-for-footer {
    display: block;
    font-size: 16px;
  }

  .wiki-book-index.wbi-for-footer > a {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    position: relative;
    text-align: left;
    padding-left: 60px;
  }

  .wiki-book-index.wbi-for-footer > a > span {
    vertical-align: middle;
  }

  .wiki-book-index.wbi-for-footer > a > i {
    float: none;
    position: absolute;
    top: 7px;
    left: 10px;
  }
}






/* === Sitenotice.css ================================================== */





/*
All styles for Widget:Sitenotice
See detailed documentation in Dev/mediawiki
*/


/* --------------------- */
/* 1. General SiteNotice */


#siteNotice {
  display: none;
}

#siteNotice #localNotice, p {
  margin: 0;
}

#siteNotice.hide-notice {
  display: none !important;
}

#siteNotice .sitenotice-body {
  position: relative;
}

#siteNotice .sitenotice-body > p {
  display: none;
}

#siteNotice .sitenotice-close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -10px;
  right: -10px;
  filter: brightness( 2 );
  z-index: 10;
  cursor: pointer;
  padding: 4px 0 9px;
  border-radius: 100px;
  background: #111;
}

#siteNotice .sitenotice-close img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

#siteNotice .sitenotice-close:hover {
  transform: scale( 1.2 );
}

#siteNotice .sitenotice-close:hover ~ .sitenotice-content {
  opacity: .7;
}

#siteNotice .sitenotice-close.dark {
  filter: brightness( 0 );
}

#siteNotice .sitenotice-close.dark:hover {
  filter: brightness( .9 );
}


/* -------------- */
/* 2. All Banners */


#siteNotice .sitenotice-banner:not(.sitenotice-end-of-year) {
  box-shadow: 2px 2px 6px rgb(0 0 0 / 20%);
  border-radius: 8px;
  overflow: hidden;
  display: block;
  position: relative;
  text-align: center;
}

#siteNotice .sitenotice-banner:not(.sitenotice-end-of-year) > *,
#siteNotice .sitenotice-banner:not(.sitenotice-end-of-year) > div > a {
  vertical-align: middle;
  min-height: 50px;
  display: block;
  width: 100%;
}

#siteNotice .sitenotice-banner:not(.sitenotice-end-of-year) img.full-size {
  width: 100%;
  height: auto;
}


/* ----------------------------------------- */
/* 3. Individual banner styles for all wikis */


/* 3.1. Banner b001 */

#siteNotice .sitenotice-banner[data-banner-id="38"] > a {
  padding: 7px 30px 7px 12px;
  background: linear-gradient( #22a7dF, #43b3f1 );
  color: white;
  font-size: 20px;
  border-radius: 10px;
  border: 1px solid #22a7dF;
  text-decoration: none;
}

#siteNotice .sitenotice-banner[data-banner-id="38"] > a:hover {
  background: linear-gradient( #1297cF, #43b3f1 );
}

#siteNotice .sitenotice-banner[data-banner-id="38"] .icon {
  height: 40px;
  margin-right: 12px;
}

#siteNotice .sitenotice-banner[data-banner-id="38"] span {
  position: relative;
  top: 3px;
  text-shadow: 1px 1px 2px rgb(0 0 0 / 10%);
}


/* --------------------- */
/* 4. End of year banner */


#siteNotice .sitenotice-banner.sitenotice-end-of-year {
  width: 100%;
  display: block !important;
}

#siteNotice .sitenotice-banner.sitenotice-end-of-year ~ .sitenotice-banner {
  display: none !important;
}

.sitenotice-end-of-year > * {
  display: inline-block;
  vertical-align: top;
}

.sitenotice-end-of-year > .eoy-left {
  width: calc(100% - 330px);
  margin-right: 20px;
}

.sitenotice-end-of-year > .eoy-right {
  width: 100%;
  max-width: 300px ;
}

@media (max-width: 680px) {
  .sitenotice-end-of-year > .eoy-left,
  .sitenotice-end-of-year > .eoy-right {
    width: 100%;
    max-width: 100%;
  }
}

.sitenotice-end-of-year > .eoy-right > .crypto > .headline,
.sitenotice-end-of-year > .eoy-right > .crypto > .content > .payitem.symbols {
  display: none;
}

.sitenotice-end-of-year > .eoy-right > .eoy-headline {
  font-weight: bold;
  text-align: center;
  font-size: 21px;
  padding-bottom: 3px;
  border-bottom: 3px solid currentColor;
  margin-bottom: 19px;
}

.sitenotice-end-of-year > .eoy-right > .eoy-donate-button {
  border: 3px solid currentColor;
  border-radius: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 21px !important;
  letter-spacing: 1px;
  margin-top: 20px;
  display: block;
  text-decoration: none;
}

.sitenotice-end-of-year > .eoy-right > .eoy-donate-button:hover {
  background-color: #fffccf;
}

/* 4.1. Year specific style. Current version, created 2026 */

.sitenotice-end-of-year > .eoy-left > img {
  width: 100%;
  object-fit: cover;
}

.sitenotice-end-of-year > .eoy-left > p {
  font-size: 15px;
  margin: 10px 0 15px;
}

/*
[[Category:MultiWiki]]
*/






/* === PayViaPaypal.css ================================================== */





/*
Adds a PayPal payment module to the given DOM elements
See detailed documentation in Dev/mediawiki
*/

/* ---------- */
/* 0. General */

.pay-via-paypal-module {
  --blue-lightest: #f2f4ff;
  --blue-light: #bae1ff;
  --blue-bright: #32b1ff;
  --blue-bright2: #009eff;
  --blue-dark: #326d9e;
}

html.client-js .pay-via-paypal-module:not(.js-fully-loaded) {
  opacity: 0;
}

html.client-js .pay-via-paypal-module:not(.interval-selected):not(.paypal-interval-error) {
  height: 135px;
}

html.client-nojs .pay-via-paypal-module {
  border: 1px solid var(--blue-dark);
  padding: 0 15px;
  border-radius: 8px;
}

html.client-nojs .pay-via-paypal-module p {
  font-size: 14px !important;
}

html.client-nojs .pay-via-paypal-module p:first-child {
  font-size: 16px !important;
  color: var(--blue-dark) !important;
}

/* 0.1 Options */

.pay-via-paypal-module .options {
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
}

.pay-via-paypal-module .options > span {
  padding: 4px 0;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  display: block;
}

/* ---------------------- */
/* 1. Interval Navigation */

.pay-via-paypal-module .interval .options > span {
  border-radius: 8px 8px 0 0;
  background: var(--blue-dark);
  border: 1px solid var(--blue-dark);
  border-bottom: none;
  color: white;
  flex: calc( 33.33% - 6px );
}

.pay-via-paypal-module .interval .options > span:hover {
  background: var(--blue-bright);
}

.pay-via-paypal-module .interval .options > span.active {
  background: white;
  color: var(--blue-dark);
}

/* -------- */
/* 2. Amout */

.pay-via-paypal-module .amount {
  border: 1px solid var(--blue-dark);
  border-width: 0 1px;
  padding: 15px 7px;
}

.pay-via-paypal-module .amount .options {
  gap: 6px;
}

.pay-via-paypal-module .amount .options > span {
  border: 1px solid var(--blue-dark);
  color: var(--blue-dark);
  border-radius: 6px;
  background: var(--blue-lightest);
  flex: calc( 33.33% - 12px );
}

.pay-via-paypal-module:not(.interval-selected) .amount .options > span {
  display: none;
}

.pay-via-paypal-module .amount .options > span:before {
  content: '$';
  display: inline-block;
  margin-right: 2px;
}

.pay-via-paypal-module .amount .options > span:hover {
  background: var(--blue-light);
}

.pay-via-paypal-module .amount .options > span.active {
  background: var(--blue-light);
  color: var(--blue-dark);
  outline: 2px solid var(--blue-dark);
  font-weight: bold;
}

.pay-via-paypal-module .amount .options > span input {
  width: calc( 100% - 35px );
  text-align: center;
  border-radius: 5px;
  background: white;
  border: 1px solid var(--blue-dark);
  height: 25px;
  position: relative;
  top: -2px;
}

.pay-via-paypal-module .amount .options > span.active input {
  background: white;
  outline: 1px solid var(--blue-dark);
}

.pay-via-paypal-module .amount .interval-hint {
  font-size: 18px;
  color: var(--blue-dark);
  text-align: center;
}

.pay-via-paypal-module.interval-selected .amount .interval-hint {
  display: none;
}

.pay-via-paypal-module .amount .interval-hint span {
  transform: scaleX(-1) rotate(-90deg) scale(1.5);
  display: inline-block;
  position: relative;
  top: -1px;
  left: -4px;
}

/* ---------------- */
/* 3. Submit Button */

.pay-via-paypal-module .submit {
  font-family: 'Roboto';
  display: block;
  width: 100%;
  text-align: center;
  padding: 4px 0;
  border-radius: 0 0 6px 6px;
  margin: 0 0 18px;
  background: var(--blue-bright);
  color: white;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 20px;
  cursor: pointer;
  border: 1px solid var(--blue-dark);
  border-top: none;
  font-weight: bold;
}

.pay-via-paypal-module .submit:hover {
  background: var(--blue-bright2);
}

.pay-via-paypal-module .submit > span {
  font-weight: normal;
}

/* ---------------- */
/* 4. Error Display */

.pay-via-paypal-module .amount .error,
.pay-via-paypal-module .interval .error {
  display: none;
  font-size: 16px;
  color: red;
  text-align: center;
  width: 100%;
}

.pay-via-paypal-module.paypal-amount-error .amount,
.pay-via-paypal-module.paypal-interval-error .interval {
  outline: 3px solid red;
  border-radius: 6px;
}

.pay-via-paypal-module.paypal-amount-error .amount .error,
.pay-via-paypal-module.paypal-interval-error .interval .error {
  display: block;
}

.pay-via-paypal-module.paypal-amount-error .amount .error {
  position: relative;
  top: 7px;
}

/*
[[Category:MultiWiki]]
*/






/* === FlyInNotification.css ================================================== */





/*
Widget: FlyInNotificaton - CSS Styling
See detailed documentation in Dev/mediawiki
*/

/* 1. General */

#fly-in-notification-panel {
  width: 300px;
  background: white;
  box-shadow: 3px 3px 7px rgba(0,0,0,.2);
  border-radius: 10px 0 0 10px;
  position: fixed;
  right: 0;
  top: calc( 50% - 245px );
  z-index: 1000;
  overflow: hidden;
  display: none;
  border: 6px solid #22a7df;
  border-right: none;
}

@media (max-width: 550px) {
  #fly-in-notification-panel {
    width: 230px;
    top: calc( 50% - 239px );
  }
}

/* 2. Elements */

#fly-in-notification-panel .close-panel {
  float: left;
  color: #fff;
  font-size: 26px;
  padding: 10px;
  cursor: pointer;
  position: absolute;
  left: 3px;
  top: -1px;
  text-shadow: 0 0 1px #000, 0 0 2px #000, 0 0 3px #000;
  z-index: 10;
}

#fly-in-notification-panel .close-panel:hover {
  transform: scale(1.2);
}

html.client-darkmode #fly-in-notification-panel .close-panel {
  filter: invert(1);
}

#fly-in-notification-panel .image {
  border-bottom: 3px solid #22a7df;;
}

#fly-in-notification-panel img {
  object-fit: cover;
}

#fly-in-notification-panel .content {
  padding: 0 18px 10px 19px;
}

@media (max-width: 550px) {
  #fly-in-notification-panel .content {
    padding: 0 16px 10px 17px;
  }
}

#fly-in-notification-panel .content .headline {
  font-size: 22px;
  margin: 10px 0;
  padding-bottom: 0;
  text-align: center;
  line-height: 1.5em;
  color: #2490c5;
  font-weight: bold;
  border-bottom: 1px solid #22a7df;
  padding-bottom: 8px;
}

#fly-in-notification-panel .content .headline a {
  color: #2490c5;
}

@media (max-width: 550px) {
  #fly-in-notification-panel .content .headline {
    font-size: 20px;
      line-height: 1.6em;
  }
}

#fly-in-notification-panel .content p {
  text-align: justify;
  font-size: 18px;
  color: #555;
}

@media (max-width: 550px) {
  #fly-in-notification-panel .content p {
    font-size: 17px;
      line-height: 1.5em;
  }
}

#fly-in-notification-panel .content p a {
  color: #2490c5;
  font-weight: bold;
}

/*
[[Category:MultiWiki]]
*/






/* === TocLevelSwitcher.css ================================================== */





/*
TOC Switcher Gadget - CSS Styling
See detailed documentation in Dev/mediawiki
*/

/* Prepare TOC */

#toc.toc-level-switcher-enhanced {
  position: relative;
}

/* Hide / Show Levels */

body.ctbc_tocLevelSet_one #toc .toclevel-2,
body.ctbc_tocLevelSet_one #toc .toclevel-3,
body.ctbc_tocLevelSet_one #toc .toclevel-4,
body.ctbc_tocLevelSet_one #toc .toclevel-5,
body.ctbc_tocLevelSet_one #toc .toclevel-6,
body.ctbc_tocLevelSet_two #toc .toclevel-3,
body.ctbc_tocLevelSet_two #toc .toclevel-4,
body.ctbc_tocLevelSet_two #toc .toclevel-5,
body.ctbc_tocLevelSet_two #toc .toclevel-6
{
  display: none;
}

.toclevel-1.toc-level-switcher-show .toclevel-2,
.toclevel-2.toc-level-switcher-show .toclevel-3,
.toclevel-2.toc-level-switcher-show .toclevel-4,
.toclevel-2.toc-level-switcher-show .toclevel-5,
.toclevel-2.toc-level-switcher-show .toclevel-6
{
  display: list-item !important;
}

/* Opener */

.toc-level-switcher-opener {
  position: absolute;
  left: 10px;
  cursor: pointer;
  padding: 2px 4px;
  border-radius: 3px;
}

.toc-level-switcher-opener:hover {
  background: #f0f0f0;
}

/* counter */

.toc-level-switcher-counter {
  margin-left: 7px;
  font-weight: bold;
}

.toc-level-switcher-counter .count {
  margin: 0 2px;
}

/* TOC switcher design */

#toc-level-switcher {
  position: absolute;
  top: 4px;
  right: 5px;
  font-size: 12px;
  font-weight: bold;
}

.toctogglecheckbox:checked + #toc-level-switcher {
  display: none;
}

#toc-level-switcher > span {
  width: 22px;
  padding: 3px 0;
  margin: 1px 0;
  display: block;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
}

#toc-level-switcher > span:hover {
  background-color: #f0f0f0;
}

#toc-level-switcher > span.active {
  background-color: #def;
}

/*
[[Category:MultiWiki]]
*/






/* === DebugViaUrlModal.css ================================================== */





/*
DebugViaUrlModal Gadget - CSS styling. Adds a modal to the header super menu with several debugging options
See detailed documentation in Dev/mediawiki
*/

#debug-via-url-modal .content {
  background: white;
  padding: 35px 30px;
  border-radius: 20px;
  position: relative;
}

#debug-via-url-modal h2 {
  padding-top: 0;
  font-size: 20px;
}

#debug-via-url-modal .activate-nocache-cookie-for-server {
  position: relative;
  margin-bottom: 15px;
  display: block;
  padding: 5px 0 5px 25px;
  cursor: pointer;
}

#debug-via-url-modal .code-select {
  width: calc( 100% - 50px );
}

#debug-via-url-modal .direct-link {
  right: 39px;
  padding: 4px 8px;
  border-radius: 5px;
  vertical-align: middle;
  margin-left: 5px;
}

#debug-via-url-modal .direct-link:hover {
  background: #eee;
}

#debug-via-url-modal .direct-link:before {
  width: 30px;
  height: 30px;
  font-family: "Font Awesome 6 Free";
  content: '\f35d';
  font-weight: 900;
}

#debug-via-url-modal .info {
  font-size: 13px;
  margin: 13px 0 10px;
}

#debug-via-url-modal .switcher {
  margin: 12px 0 10px;
}

#debug-via-url-modal .switcher > * {
  width: 23%;
  display: inline-block;
  border-radius: 10px;
  border: 1px solid #ccc;
  padding: 5px 0;
  text-align: center;
  cursor: pointer;
}

#debug-via-url-modal .switcher > *:not(:last-child) {
  margin-right: 1%;
}

#debug-via-url-modal .switcher > *.active,
#debug-via-url-modal .switcher > *:hover {
  background: #eee;
}

#debug-via-url-modal .content:not(.selectjs) .dontload-options {
  display: none;
}

#debug-via-url-modal .dontload-options > * {
  position: relative;
  padding: 5px 0 5px 25px;
  cursor: pointer;
}

#debug-via-url-modal .activate-nocache-cookie-for-server:hover,
#debug-via-url-modal .dontload-options > *:hover {
  background-color: #eee;
}

#debug-via-url-modal .activate-nocache-cookie-for-server:not(.active):before,
#debug-via-url-modal .dontload-options > *:not(.loaded):before {
  color: red;
}

#debug-via-url-modal .activate-nocache-cookie-for-server:before,
#debug-via-url-modal .dontload-options > *:before {
  position: absolute;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  top: 5px;
  left: 0;
  width: 20px;
  text-align: center;
  content: '\f00d';
}

#debug-via-url-modal .activate-nocache-cookie-for-server.active:before,
#debug-via-url-modal .dontload-options > .loaded:before {
  content: '\f00c';
  color: green;
}

/*
[[Category:MultiWiki]]
*/






/* === TableExpandModal.css ================================================== */





/*
TableExpandModal - CSS Styling
See detailed documentation in Dev/mediawiki
*/

/* ------ */
/* Button */

.expand-table-button {
  position: absolute;
  top: 0;
  left: 3px;
  height: 38px;
  border: none;
  border-radius: 7px 0 0 0;
  background: #dfdfdf;
  cursor: pointer;
  color: #111;
  letter-spacing: 1px;
}

.expand-table-button:hover {
  background: #d8d8d8;
  color: #000;
  text-shadow: 0 0 1px;
  transform: scale(1.05);
  box-shadow: 1px 1px 1px #0005;
}

.expand-table-button > i {
  margin-right: 3px;
}

/* ----- */
/* Modal */

#tableExpandModal > .content {
  max-width: unset;
  background-color: #f8f8f8;
  width: 100%;
  margin-left: 0;
  left: 0;
}

#tableExpandModal > .content > .viewport > .overview > .table-wrapper {
  padding: 3px 15px 0 0;
}

#tableExpandModal > .content > .viewport > .overview > .table-wrapper > .wikitable {
  margin: 0 auto !important;
  width: fit-content;
  max-width: 100%;
}

#tableExpandModal > .content > .viewport > .overview > .table-wrapper > .wikitable > caption {
  padding-left: 12px;
}


/*
[[Category:MultiWiki]]
*/






/* === Nojs.css ================================================== */





/*
The styles in this file are only activated if the user has Javascript deactivated.
Every selector in this file is therefore prefixed with html.client-nojs because the
build script (build-mw-combine.php) concatenates source files without adding any
prefix.
See detailed documentation in Dev/mediawiki
*/

/* ------------------ */
/* 0. General classes */

html.client-nojs .show-for-nojs-only {
  display: revert !important;
}

html.client-nojs .show-for-js-only {
  display: none !important;
}

html.client-nojs .hide-for-nojs-only {
  display: none !important;
}

html.client-nojs .hide-for-js-only {
  display: revert !important;
}

/* ------------- */
/* 1. CodeSelect */

html.client-nojs .code-select {
  font-family: Courier, monospace;
  font-size: 14px;
  color: #0054a8;
  line-height: 1.6em;
  width: 100%;
  overflow: auto;
  white-space: pre;
  padding: 4px 13px 2px 15px;
  cursor: auto !important;
}

/* ------------------------ */
/* 2. Pay via Paypal module */

html.client-nojs .pay-via-paypal-module {
  display: block;
}

/* ----------------------------- */
/* 3. Expand/Collapse All button */

html.client-nojs .expand-or-collapse-all-button {
  display: none;
}

/* --------------------------- */
/* 4. Sitenotice (dismissable) */

html.client-nojs #siteNotice .mw-dismissable-notice {
  opacity: 1 !important;
}

/*
[[Category:MultiWiki]]
*/






/* === mw-combine.php : Autogeneration success ================================================== */