MediaWiki:Common.css

/*!
 * This file is auto-generated. Do not edit directly.
 * https://github.com/vrchat-community/wiki-scripts/blob/main/src/index.ts
 */
@charset "UTF-8";
.mw-first-heading .mw-page-title-separator,
[class*=" page-Main_Page"] #firstHeading,
[class*=" page-Main_Page"] .mw-editsection {
  display: none
}
[class*=" page-Main_Page"] .mw-body .mw-parser-output h2 {
  margin: .9em .7em 0;
  padding: 0
}
[class*=" page-Main_Page"] .mw-body .mw-parser-output h2:after {
  border-bottom: 0
}
[class*=" page-Main_Page"] .mw-body .mw-parser-output h3 {
  margin: 0 .3em .3em;
  padding: 0
}
[class*=" page-Main_Page"] .qm-icon:before {
  display: inline-block;
  content: "";
  background-size: .85em;
  width: .85em;
  height: .85em;
  margin-right: .4em;
  position: relative;
  top: .1em
}
[class*=" page-Main_Page"] .qm-icon.version:before {
  background-image: url("https://wiki-files.vrchat.com/Icons_PinFPS_25.png")
}
[class*=" page-Main_Page"] .qm-icon.news:before {
  background-image: url("https://wiki-files.vrchat.com/Icons_Announcement_25.png")
}
[class*=" page-Main_Page"] .qm-icon.basics:before {
  background-image: url("https://wiki-files.vrchat.com/Icons_LaunchPad_25.png")
}
[class*=" page-Main_Page"] .qm-icon.social:before {
  background-image: url("https://wiki-files.vrchat.com/Icons_Social_25.png")
}
[class*=" page-Main_Page"] .qm-icon.economy:before {
  background-image: url("https://wiki-files.vrchat.com/Icons_VRCPlus_25.png")
}
[class*=" page-Main_Page"] .qm-icon.worlds:before {
  background-image: url("https://wiki-files.vrchat.com/Icons_Worlds_25.png")
}
[class*=" page-Main_Page"] .qm-icon.avatars:before {
  background-image: url("https://wiki-files.vrchat.com/Icons_Avatars_25.png")
}
[class*=" page-Main_Page"] .qm-icon.creation:before {
  background-image: url("https://wiki-files.vrchat.com/Icons_CommunityLabs_25.png")
}
[class*=" page-Main_Page"] .qm-icon.help:before {
  background-image: url("https://wiki-files.vrchat.com/Icons_HelpInfo_25.png")
}
[class*=" page-Main_Page"] .qm-icon.community:before {
  background-image: url("https://wiki-files.vrchat.com/Icons_Favorite_25.png")
}
[class*=" page-Main_Page"] .qm-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  column-gap: 1.5em;
  row-gap: 1.5em;
  margin: .75em 0 1.5em
}
[class*=" page-Main_Page"] .qm-box {
  flex: 1 1 15%;
  min-width: 180px;
  padding: 1.5em;
  font-size: 1em;
  background-color: rgba(50,90,120,.1);
  border: 3px solid rgba(20,70,140,.5);
  border-radius: 1em
}
[class*=" page-Main_Page"] .qm-box.community {
  background-color: rgba(40,140,40,.1);
  border-color: rgba(40,120,40,.5)
}
[class*=" page-Main_Page"] .qm-box.flex {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
  column-gap: .75em;
  row-gap: .75em;
  min-width: inherit;
  max-width: inherit
}
@media screen and (max-width:600px) {
  [class*=" page-Main_Page"] [class*=" page-Main_Page"] .mw-body .mw-parser-output h3 {
    margin: 0 0 .3em;
    font-size: 1.4em
  }
  [class*=" page-Main_Page"] .qm-icon:before {
    background-size: .75em;
    width: .75em;
    height: .75em
  }
  [class*=" page-Main_Page"] .qm-container {
    column-gap: .75em;
    row-gap: .75em
  }
  [class*=" page-Main_Page"] .qm-box {
    min-width: 120px;
    padding: .75em
  }
}
[alt*=vrcat i],
[alt*=vrrat i] {
  cursor: grab;
  transform-origin: bottom center;
  transition: transform .1s
}
[alt*=vrcat i]:active,
[alt*=vrrat i]:active {
  cursor: grabbing;
  transform: scaleY(.9) scaleX(1.1)
}
.embedvideo-thumbnail>p,
.hlist ul,
figure[typeof~="mw:File/Frame"]>:not(figcaption) .mw-file-element,
figure[typeof~="mw:File/Thumb"]>:not(figcaption) .mw-file-element {
  margin: 0
}
.embedvideo-thumbnail__image {
  position: absolute;
  width: 100%;
  height: 100%
}
.spoiler,
.tpl-infopush {
  position: relative
}
.embedvideo-privacyNotice__dismiss {
  color: var(--red);
  background: var(--less-dark-grey);
  border: solid var(--less-dark-grey-border);
  border-radius: 10px
}
.embedvideo-privacyNotice__continue {
  background: var(--less-dark-grey);
  color: var(--faux-white);
  border: solid var(--less-dark-grey-border);
  border-radius: 10px
}
.embedvideo-privacyNotice__continue:hover {
  background: var(--green);
  color: var(--faux-white)
}
.embedvideo-privacyNotice__dismiss:hover {
  background: var(--red);
  color: var(--faux-white)
}
.embedvideo-loader__fakeButton {
  background: var(--less-dark-grey);
  color: var(--faux-white)
}
.link-audio,
.link-document,
.link-ftp,
.link-irc,
.link-mailto,
.link-video,
.mw-parser-output a.external {
  background: 0 0!important;
  padding: 0!important
}
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *).external::before {
  content: ""!important;
  display: inline-block!important;
  width: 1em!important;
  height: 1em!important;
  margin-right: .25em!important;
  transform: translateY(3px);
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtZXh0ZXJuYWwtbGluayI+PHBhdGggZD0iTTE1IDNoNnY2Ii8+PHBhdGggZD0iTTEwIDE0IDIxIDMiLz48cGF0aCBkPSJNMTggMTN2NmEyIDIgMCAwIDEtMiAySDVhMiAyIDAgMCAxLTItMlY4YTIgMiAwIDAgMSAyLTJoNiIvPjwvc3ZnPg==")!important;
  border-radius: .25em
}
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://twitter.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://x.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://twitter.com/"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://x.com/"]::before {
  content: ""!important;
  display: inline-block!important;
  width: 1em!important;
  height: 1em!important;
  margin-right: .25em!important;
  transform: translateY(3px);
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-image: url("https://wiki-files.vrchat.com/Favicon_X.webp")!important;
  border-radius: .25em
}
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://www.youtube.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://youtu.be"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://youtube.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://www.youtube.com/"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://youtu.be/"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://youtube.com/"]::before {
  content: ""!important;
  display: inline-block!important;
  width: 1em!important;
  height: 1em!important;
  margin-right: .25em!important;
  transform: translateY(3px);
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-image: url("https://wiki-files.vrchat.com/Favicon_YouTube.webp")!important;
  border-radius: .25em
}
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://twitch.tv"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://www.twitch.tv"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://twitch.tv/"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://www.twitch.tv/"]::before {
  content: ""!important;
  display: inline-block!important;
  width: 1em!important;
  height: 1em!important;
  margin-right: .25em!important;
  transform: translateY(3px);
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-image: url("https://wiki-files.vrchat.com/Favicon_Twitch.webp")!important;
  border-radius: .25em
}
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://tiktok.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://www.tiktok.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://tiktok.com/"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://www.tiktok.com/"]::before {
  content: ""!important;
  display: inline-block!important;
  width: 1em!important;
  height: 1em!important;
  margin-right: .25em!important;
  transform: translateY(3px);
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-image: url("https://wiki-files.vrchat.com/Favicon_TikTok.webp")!important;
  border-radius: .25em
}
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://steamcommunity.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://store.steampowered.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://steamcommunity.com/"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://store.steampowered.com/"]::before {
  content: ""!important;
  display: inline-block!important;
  width: 1em!important;
  height: 1em!important;
  margin-right: .25em!important;
  transform: translateY(3px);
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-image: url("https://wiki-files.vrchat.com/Favicon_Steam.webp")!important;
  border-radius: .25em
}
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://discord.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://discord.gg"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://wiki.vrchat.com/discord"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://discord.com/"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://discord.gg/"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://wiki.vrchat.com/discord/"]::before {
  content: ""!important;
  display: inline-block!important;
  width: 1em!important;
  height: 1em!important;
  margin-right: .25em!important;
  transform: translateY(3px);
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-image: url("https://wiki-files.vrchat.com/Favicon_Discord.webp")!important;
  border-radius: .25em
}
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://github.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://github.com/"]::before {
  content: ""!important;
  display: inline-block!important;
  width: 1em!important;
  height: 1em!important;
  margin-right: .25em!important;
  transform: translateY(3px);
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-image: url("https://wiki-files.vrchat.com/Favicon_GitHub.webp")!important;
  border-radius: .25em
}
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://medium.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://medium.com/"]::before {
  content: ""!important;
  display: inline-block!important;
  width: 1em!important;
  height: 1em!important;
  margin-right: .25em!important;
  transform: translateY(3px);
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-image: url("https://wiki-files.vrchat.com/Favicon_Medium.webp")!important;
  border-radius: .25em
}
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://archive.org"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://web.archive.org"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://archive.org/"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://web.archive.org/"]::before {
  content: ""!important;
  display: inline-block!important;
  width: 1em!important;
  height: 1em!important;
  margin-right: .25em!important;
  transform: translateY(3px);
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-image: url("https://wiki-files.vrchat.com/Favicon_Archive.webp")!important;
  border-radius: .25em
}
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://ask.vrchat.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://clientsim.docs.vrchat.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://creators.vrchat.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://docs.vrchat.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://feedback.vrchat.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://hello.vrchat.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://help.vrchat.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://status.vrchat.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://udonsharp.docs.vrchat.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://vcc.docs.vrchat.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://vrch.at"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href="https://vrchat.com"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://ask.vrchat.com/"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://clientsim.docs.vrchat.com/"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://creators.vrchat.com/"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://docs.vrchat.com/"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://feedback.vrchat.com/"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://hello.vrchat.com/"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://help.vrchat.com/"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://status.vrchat.com/"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://udonsharp.docs.vrchat.com/"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://vcc.docs.vrchat.com/"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://vrch.at/"]::before,
a:not(.icon-none,.code-link,.icon-none *,.plainlinks *)[href^="https://vrchat.com/"]::before {
  content: ""!important;
  display: inline-block!important;
  width: 1em!important;
  height: 1em!important;
  margin-right: .25em!important;
  transform: translateY(3px);
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: contain!important;
  background-image: url("https://wiki-files.vrchat.com/Favicon_VRChat.webp")!important;
  border-radius: .25em
}
:root {
  --ns-0: "";
  --ns-0-color: #6bd4ff;
  --ns-1: "Talk";
  --ns-1-color: #6bd4ff;
  --ns-2: "User";
  --ns-2-color: oklch(74.71% 0.2037 147.96deg);
  --ns-3: "User_talk";
  --ns-3-color: oklch(74.71% 0.2037 147.96deg);
  --ns-3000: "Community";
  --ns-3000-color: oklch(74.71% 0.2037 147.96deg);
  --ns-3001: "Community_talk";
  --ns-3001-color: oklch(74.71% 0.2037 147.96deg);
  --ns-3100: "Guides";
  --ns-3100-color: oklch(74.71% 0.2037 147.96deg);
  --ns-3101: "Guides_talk";
  --ns-3101-color: oklch(74.71% 0.2037 147.96deg)
}
.ns-0 {
  --ns-current: var(--ns-0);
  --ns-current-color: var(--ns-0-color)
}
a:not(.external)[href^="/wiki/"],
a:not(.external)[href^="/wiki/Special:MyLanguage/"] {
  color: var(--ns-0-color)!important
}
a:not(.external)[href^="/wiki/"]:hover,
a:not(.external)[href^="/wiki/Special:MyLanguage/"]:hover {
  color: color-mix(in oklab,var(--ns-0-color),#000 10%)!important
}
.ns-1 {
  --ns-current: var(--ns-1);
  --ns-current-color: var(--ns-1-color)
}
a:not(.external)[href^="/wiki/Special:MyLanguage/Talk:"],
a:not(.external)[href^="/wiki/Talk:"] {
  color: var(--ns-1-color)!important
}
a:not(.external)[href^="/wiki/Special:MyLanguage/Talk:"]:hover,
a:not(.external)[href^="/wiki/Talk:"]:hover {
  color: color-mix(in oklab,var(--ns-1-color),#000 10%)!important
}
.ns-2 {
  --ns-current: var(--ns-2);
  --ns-current-color: var(--ns-2-color)
}
a:not(.external)[href^="/wiki/Special:MyLanguage/User:"],
a:not(.external)[href^="/wiki/User:"] {
  color: var(--ns-2-color)!important
}
a:not(.external)[href^="/wiki/Special:MyLanguage/User:"]:hover,
a:not(.external)[href^="/wiki/User:"]:hover {
  color: color-mix(in oklab,var(--ns-2-color),#000 10%)!important
}
.ns-3 {
  --ns-current: var(--ns-3);
  --ns-current-color: var(--ns-3-color)
}
a:not(.external)[href^="/wiki/Special:MyLanguage/User_talk:"],
a:not(.external)[href^="/wiki/User_talk:"] {
  color: var(--ns-3-color)!important
}
a:not(.external)[href^="/wiki/Special:MyLanguage/User_talk:"]:hover,
a:not(.external)[href^="/wiki/User_talk:"]:hover {
  color: color-mix(in oklab,var(--ns-3-color),#000 10%)!important
}
.ns-3000 {
  --ns-current: var(--ns-3000);
  --ns-current-color: var(--ns-3000-color)
}
a:not(.external)[href^="/wiki/Community:"],
a:not(.external)[href^="/wiki/Special:MyLanguage/Community:"] {
  color: var(--ns-3000-color)!important
}
a:not(.external)[href^="/wiki/Community:"]:hover,
a:not(.external)[href^="/wiki/Special:MyLanguage/Community:"]:hover {
  color: color-mix(in oklab,var(--ns-3000-color),#000 10%)!important
}
.ns-3001 {
  --ns-current: var(--ns-3001);
  --ns-current-color: var(--ns-3001-color)
}
a:not(.external)[href^="/wiki/Community_talk:"],
a:not(.external)[href^="/wiki/Special:MyLanguage/Community_talk:"] {
  color: var(--ns-3001-color)!important
}
a:not(.external)[href^="/wiki/Community_talk:"]:hover,
a:not(.external)[href^="/wiki/Special:MyLanguage/Community_talk:"]:hover {
  color: color-mix(in oklab,var(--ns-3001-color),#000 10%)!important
}
.ns-3100 {
  --ns-current: var(--ns-3100);
  --ns-current-color: var(--ns-3100-color)
}
a:not(.external)[href^="/wiki/Guides:"],
a:not(.external)[href^="/wiki/Special:MyLanguage/Guides:"] {
  color: var(--ns-3100-color)!important
}
a:not(.external)[href^="/wiki/Guides:"]:hover,
a:not(.external)[href^="/wiki/Special:MyLanguage/Guides:"]:hover {
  color: color-mix(in oklab,var(--ns-3100-color),#000 10%)!important
}
.ns-3101 {
  --ns-current: var(--ns-3101);
  --ns-current-color: var(--ns-3101-color)
}
a:not(.external)[href^="/wiki/Guides_talk:"],
a:not(.external)[href^="/wiki/Special:MyLanguage/Guides_talk:"] {
  color: var(--ns-3101-color)!important
}
a:not(.external)[href^="/wiki/Guides_talk:"]:hover,
a:not(.external)[href^="/wiki/Special:MyLanguage/Guides_talk:"]:hover {
  color: color-mix(in oklab,var(--ns-3101-color),#000 10%)!important
}
.mw-first-heading {
  display: flex!important;
  flex-direction: column;
  padding-bottom: .25em;
  color: var(--ns-current-color)!important;
  border-bottom: solid 4px var(--ns-current-color)!important
}
.mw-first-heading .mw-page-title-namespace,
.mw-first-heading:not(:has(.mw-page-title-namespace))::before {
  content: var(--ns-current);
  color: color-mix(in oklab,var(--ns-current-color),#000 10%);
  font-size: .7em
}
.tools-inline li.selected {
  border-color: var(--ns-current-color);
  padding-bottom: .25rem
}
#localNotice {
  background: var(--less-dark-grey);
  border: 3px solid var(--less-dark-grey-border);
  border-radius: 12px
}
.wikitable.navbox {
  width: 100%;
  text-align: center
}
.hlist li {
  display: inline
}
.hlist li::before {
  content: " · ";
  font-weight: 700;
  margin: 0 .25em 0 .3em
}
.hlist li:first-child::before {
  content: none
}
@keyframes pulse {
  0%,
  100% {
    transform: scale(1)
  }
  50% {
    transform: scale(1.3)
  }
}
.mw-gallery-traditional .gallerybox > .thumb::before {
  content: unset
}
#mw-content-text > div > ul > li {
  padding-top: unset!important
}
.mw-body li.gallerybox div.thumb {
  height: auto!important;
  overflow: hidden
}
li.gallerybox div.thumb img {
  width: 100%
}
.mw-gallery-traditional .gallerybox > .thumb > * {
  display: block
}
.mw-body-content figure[typeof~="mw:File/Frame"] > a,
.mw-body-content figure[typeof~="mw:File/Thumb"] > a {
  background: var(--less-dark-grey);
  border: solid var(--less-dark-grey-border);
  border-radius: 10px;
  padding: 0;
  min-width: 256px;
  max-width: 384px;
  display: inline-block;
  overflow: hidden
}
figure[typeof~="mw:File/Thumb"],
figure[typeof~="mw:File/Thumb"] > figcaption {
  border: none!important;
  background: 0 0!important
}
figure[typeof~="mw:File/Thumb"] > figcaption {
  padding: .5em
}
@media screen and (max-width:1099px) {
  .desktop-only {
    display: none!important
  }
}
@media screen and (min-width:1100px) {
  .mobile-only {
    display: none!important
  }
}
[data-ooui*="Real name"] {
  pointer-events: none;
  display: none
}
.reflist-upper-alpha ol {
  list-style-type: upper-alpha
}
.reflist-upper-roman ol {
  list-style-type: upper-roman
}
.reflist-lower-alpha ol {
  list-style-type: lower-alpha
}
.reflist-lower-roman ol {
  list-style-type: lower-roman
}
@media screen and (min-height:600px) {
  .tux-messagetable-header {
    background: 0 0
  }
}
.spoiler .spoiler-overlay {
  position: absolute;
  inset: 0;
  background-color: var(--very-dark-grey);
  display: flex;
  border-radius: 8px;
  cursor: pointer;
  z-index: 1
}
.spoiler .spoiler-overlay span {
  margin: auto;
  font-weight: 600
}
.spoiler .spoiler-content,
.spoiler .spoiler-overlay {
  transition: opacity .25s
}
.spoiler .spoiler-overlay,
.spoiler[data-open] .spoiler-content {
  opacity: 1;
  pointer-events: auto
}
.spoiler .spoiler-content,
.spoiler[data-open] .spoiler-overlay {
  opacity: 0;
  pointer-events: none
}
.tpl-infopush {
  padding: 0!important;
  overflow: hidden;
  aspect-ratio: 1024/312;
  transform: translateX(0);
  grid-column: span 2/span 2
}
.tpl-infopush-content {
  display: flex;
  transition: transform .3s;
  transform: translateX(0)
}
.tpl-infopush-item,
.tpl-infopush-item p {
  margin: 0;
  display: contents
}
.tpl-infopush-item a {
  width: 100%;
  flex-shrink: 0;
  background: 0 0!important;
  padding: 0!important
}
.tpl-infopush-item img {
  width: 100%;
  flex-shrink: 0
}
.tpl-infopush-navigation {
  display: flex;
  justify-content: space-between;
  pointer-events: none;
  position: absolute;
  inset: 0
}
.tpl-infopush-navigation-item {
  height: 100%;
  width: 15%;
  cursor: pointer;
  pointer-events: all;
  background-size: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0%;
  transition: opacity .2s;
  background-color: #0006
}
.tpl-infopush-navigation-item:hover {
  opacity: 100%
}
.tpl-infopush-navigation-previous {
  background-image: url("https://wiki-files.vrchat.com/Icons_Arrow_Left.png")
}
.tpl-infopush-navigation-next {
  background-image: url("https://wiki-files.vrchat.com/Icons_Arrow_Right.png")
}