MediaWiki:Common.css

/* CSS placed here will be applied to all skins */
/*@import url('https://fonts.googleapis.com/css2?family=Quicksand:[email protected]&display=swap');*/

:root {
	--font-family-base: 'Quicksand', sans-serif;
}
.copy {
    cursor: pointer
}

.command-template.copy:active {
    background-color: var(--color-surface-3)
}

.command-template.copy {
    border: 1px solid var(--border-color-base);
    background-color: var(--color-surface-2);
    font-family: var(--font-family-monospace);
    font-size: 0.875rem;
    color: var(--color-base--emphasized);
    padding: 2px 4px;
    border-radius: var(--border-radius--small);
    font-weight: normal;
    white-space: nowrap
}

.command-template.copy abbr {
    text-decoration: none
}

.command-template.copy {
    font-family: 'Minecraft';
    font-size: 0.7rem
}

.responsive-iframe {
    width: 100%;
    height: 450px
}

div.responsive-img img {
    height: auto;
    max-width: 100%
}

.page-Home .ajaxpoll-id-info,.page-Home .ajaxpoll .ajaxpoll-misc {
    display: none
}

.page-Home .ajaxpoll .ajaxpoll-answer-vote {
    height: 1rem
}

.page-Home .ajaxpoll label {
    padding: 0.2rem
}

.mw-ui-icon-featured {
    width: 2rem;
    height: 2rem;
    margin: 0;
    background: url(https://www.prismparty.net/images/f/fe/Cubeylove.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-flex
}

.external-image img {
    float: right;
    width: 200px;
    border: 2px solid var(--color-surface-0);
    border-radius: var(--border-radius--medium);
    margin-left: 1rem
}

@media only screen and (max-width: 720px) {
    .external-image img {
        float:none;
        width: 100%;
        border: 2px solid var(--color-surface-0);
        border-radius: var(--border-radius--medium);
        margin-left: 0;
        margin-bottom: 1rem
    }
}

.discord_format-main {
    padding: 2px;
    border-radius: 3px
}

.discord_format-main:hover {
    filter: brightness(1.02)
}

.discord_format-icon {
    font-weight: bold
}

.skin-citizen-light .discord_format-main {
    background-color: #e5e9fc;
    color: #546bea
}

.skin-citizen-dark .discord_format-main {
    background-color: #2d3663;
    color: #c9cef8
}

.page-Prism_Party_Updates .up-preview {
    display: none !important
}

.page-Prism_Party_Updates .mw-parser-output .prevupdate-date {
    position: initial !important
}

#simple-calc__seed {
    display: none
}

.simple-calc__label {
    font-size: 0.875rem;
    color: var(--color-base)
}

#simple-calc__input1,#simple-calc__input2,#simple-calc__input3 {
    padding: 6px 8px;
    line-height: var(--line-height-xs);
    color: var(--color-base--emphasized);
    background-color: var(--color-surface-0);
    border-color: var(--border-color-base--darker);
    border-radius: var(--border-radius--small);
    font-size: var(--font-size-h6)
}

#simple-calc__input1:hover,#simple-calc__input2:hover,#simple-calc__input3:hover {
    background-color: var(--color-surface-0);
    border-color: var(--color-primary--hover)
}

#simple-calc__input1:focus,#simple-calc__input2:focus,#simple-calc__input3:focus {
    background-color: var(--color-surface-0);
    border-color: var(--color-primary);
    box-shadow: inset 0 0 0 1px var(--color-primary)
}

#simple-calc__input1:focus-visible,#simple-calc__input2:focus-visible,#simple-calc__input3:focus-visible {
    outline-style: none
}

#simple-calc__input1:not(:disabled),#simple-calc__input2:not(:disabled),#simple-calc__input3:not(:disabled) {
    transition: color 100ms,border-color 100ms,box-shadow 100ms
}

.simple-calc__group {
    margin-bottom: 1rem
}

#calculate-btn {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
    border-style: none;
    line-height: 1.42857143em;
    padding: 5px 10px 5px 10px;
    border-radius: var(--border-radius--small);
    font-weight: var(--font-weight-medium);
    font-size: var(--font-size-h6);
    cursor: pointer
}

#calculate-btn:hover {
    background-color: var(--color-primary--hover);
    border-color: var(--color-primary--hover)
}

#calculate-btn:active {
    background-color: var(--color-primary--active)
}

#simple-calc__answer {
    width: 5.6rem;
    display: inline-block;
    text-align: center;
    margin-left: 3rem;
    background-color: var(--color-surface-2);
    border-radius: var(--border-radius--small)
}

.simple-calc__group2 {
    width: fit-content;
    background-color: var(--color-surface-2);
    border-radius: var(--border-radius--small);
    border: 2px solid var(--border-color-input)
}

#simple-calc__container {
    width: 70%;
    padding: 15px;
    background: var(--color-surface-1);
    border-radius: 8px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575)
}

.simple-calc__center {
    justify-content: center;
    display: flex
}

#simple-calc__input1,#simple-calc__input2,#simple-calc__input3 {
    width: 100%
}

.simple-cald__cardtitle {
    color: var(--color-base--subtle);
    font-size: 0.8125rem;
    letter-spacing: 0.75px;
    margin-bottom: 1rem
}

@font-face {
    font-family: 'Kreon';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/hosted/fonts/t5t9IRIUKY-TFF_LW5lnMR3v2DnvPNiWcz8el2c.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Kreon';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(/hosted/fonts/t5t9IRIUKY-TFF_LW5lnMR3v2DnvPNiWfT8e.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/hosted/fonts/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58i-wi40.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Quicksand';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/hosted/fonts/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58a-wg.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Rokkitt';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/hosted/fonts/qFdb35qfgYFjGy5hukqqhw5XeRgdi1ryd6DCGb-3vA.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Rokkitt';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/hosted/fonts/qFdb35qfgYFjGy5hukqqhw5XeRgdi1ryd6DMGb8.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Varela Round';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/hosted/fonts/w8gdH283Tvk__Lua32TysjIfqcuPP9g.woff2) format('woff2');
    unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF
}

@font-face {
    font-family: 'Varela Round';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/hosted/fonts/w8gdH283Tvk__Lua32TysjIfp8uP.woff2) format('woff2');
    unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face {
    font-family: 'Minecraft';
    src: url(/hosted/fonts/Minecraft.woff2) format('woff2'),url(/hosted/fonts/Minecraft.woff) format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

:root {
    --font-family-base: 'Quicksand',sans-serif;
    --font-family-alternate: 'Varela Round',monospace;
    --font-family-serif: 'Kreon',serif
}

:root {
    --background-color-overlay: rgba(255,255,255,0.80);
    --color-surface-0: hsl(180,11.1%,98.2%);
    --color-surface-2: hsl(0,0%,96.5%);
    --background-color-warning: #fbf6e9
}

:root.skin-citizen-dark {
    --background-color-overlay: hsla(var(--color-primary__h) 20% 10% / 85%);
    --background-color-warning: #323028
}

.mw-ui-icon-discord::before {
    background-image: url(/images/site/interface/discord.svg);
    background-image: linear-gradient(transparent,transparent),url(/images/site/interface/discord.svg)
}

@media (hover: hover) {
    .citizen-discord:hover .citizen-discord__button .citizen-ui-icon::before {
        transform:rotate3d(0,0,1,360deg);
        transition: all .25s
    }
}

#citizen-discord__buttonCheckbox > span:nth-child(1) {
    visibility: hidden
}

.citizen-header__buttonCheckbox {
    cursor: pointer
}

a.citizen-header__button > img:nth-child(1) {
    display: none
}

.mw-parser-output #home-card-prevblogs .wikitable tr > td:last-child,.mw-parser-output #home-card-prevupdate .wikitable tr > td:last-child {
    transition: var(--transition-menu);
    transition-property: opacity,transform;
    opacity: 0
}

.mw-parser-output #home-card-prevblogs .wikitable tr > td:first-child:hover ~ td,.mw-parser-output #home-card-prevupdate .wikitable tr > td:first-child:hover ~ td {
    transform: translateY(-16px);
    opacity: 1
}

.mw-parser-output #home-card-prevupdate .wikitable tr > td:first-child:hover ~ td.prevupdate-date {
    transform: translateY(0)
}

#home-card-prevblogs .wikitable a {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (max-width: 500px) {
    #home-card-prevblogs h3.home-card__header a {
        text-overflow:ellipsis;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical
    }

    #home-card-prevblogs h3.home-card__header a::after {
        display: none
    }

    .mw-parser-output #home-card-prevblogs .wikitable {
        max-height: 14.68rem;
        overflow: hidden scroll !important
    }

    #home-card-prevblogs .wikitable a {
        -webkit-line-clamp: 3 !important
    }

    .mw-parser-output #home-card-prevblogs .wikitable tr > td:first-child:hover ~ td {
        display: none
    }
}

@media (min-width: 500px) {
    #home-card-prevupdate {
        height:24.6rem
    }
}

.mw-logo.citizen-header__button {
    background-image: url(/images/site/logo/prismlogo.png);
    background-size: 95%;
    background-repeat: no-repeat;
    background-position: center;
    filter: drop-shadow(0px 2px 3px #0000002e)
}

.mw-logo.citizen-header__button:hover {
    background-image: url(/images/site/logo/prismlogo_ani.png);
    filter: drop-shadow(0px 2px 3px #0000002e);
    transition: all 0.15s;
    transform: scale(1.1)
}

.mw-logo.citizen-header__button:active {
    background-image: url(/images/site/logo/prismlogo_ani.png);
    filter: drop-shadow(0px 2px 3px #0000002e);
    transition: all 0.15s;
    transform: scale(0.9)
}

.citizen-header {
    background-color: var(--color-surface-1)
}

.mw-echo-notifications-badge.mw-echo-notification-badge-nojs.oo-ui-icon-bell.mw-echo-notifications-badge-all-read {
    transition: all 0.1s
}

.citizen-menu__heading {
    text-decoration: underline
}

.mw-ui-icon-news::before {
    background-image: linear-gradient(transparent,transparent),url(/images/site/interface/newspaper-solid.svg)
}

.mw-ui-icon-about::before {
    background-image: linear-gradient(transparent,transparent),url(/images/site/interface/comment-question.svg)
}

.mw-ui-icon-shop::before {
    background-image: linear-gradient(transparent,transparent),url(/images/site/interface/shopping-cart.svg)
}

.mw-ui-icon-map::before {
    background-image: linear-gradient(transparent,transparent),url(/images/site/interface/map.svg)
}

.mw-ui-icon-vote::before {
    background-image: linear-gradient(transparent,transparent),url(/images/site/interface/check-to-slot-solid.svg)
}

.mw-ui-icon-commands::before {
    background-image: linear-gradient(transparent,transparent),url(/images/site/interface/code-solid.svg)
}

.mw-ui-icon-plugins::before {
    background-image: linear-gradient(transparent,transparent),url(/images/site/interface/puzzle-piece-solid.svg)
}

.mw-ui-icon-rules::before {
    background-image: linear-gradient(transparent,transparent),url(/images/site/interface/clipboard-list-solid.svg)
}

.mw-ui-icon-faq::before {
    background-image: linear-gradient(transparent,transparent),url(/images/site/interface/clipboard-question-solid.svg)
}

.mw-ui-icon-staff::before {
    background-image: linear-gradient(transparent,transparent),url(/images/site/interface/user-shield-solid.svg)
}

.mw-ui-icon-forums::before {
    background-image: linear-gradient(transparent,transparent),url(/images/site/interface/comments-solid.svg)
}

.mw-ui-icon-punishments::before {
    background-image: linear-gradient(transparent,transparent),url(/images/site/interface/gavel-solid.svg)
}

.mw-ui-icon-start::before {
    background-image: linear-gradient(transparent,transparent),url(/images/site/interface/street-view-solid.svg)
}

.mw-ui-icon-gem::before {
    background-image: linear-gradient(transparent,transparent),url(/images/site/interface/guarani-sign-solid.svg)
}

.mw-ui-icon-level::before {
    background-image: linear-gradient(transparent,transparent),url(/images/site/interface/arrow-up-right-dots-solid.svg)
}

.mw-ui-icon-swords::before {
    background-image: linear-gradient(transparent,transparent),url(/images/site/interface/swords.svg)
}

.mw-ui-icon-shop2::before {
    background-image: linear-gradient(transparent,transparent),url(/images/site/interface/store-solid.svg)
}

.mw-ui-icon-claim::before {
    background-image: linear-gradient(transparent,transparent),url(/images/site/interface/shield-halved-solid.svg)
}

.mw-portlet-External {
    margin-top: var(--space-md);
    padding-top: var(--space-sm);
    border-top: 1px solid var(--border-color-base);
    font-size: 0.8125rem;
    grid-column: 1 / -1;
    white-space: nowrap;
    position: sticky;
    bottom: -0.55rem;
    background: var(--color-surface-1)
}

@media only screen and (max-width: 553px) {
    .mw-portlet-External {
        padding-bottom:0.56rem
    }
}

.mw-portlet-External {
    margin-bottom: -2rem;
    padding-bottom: 0.5rem
}

.mw-portlet-External .citizen-menu__heading {
    display: none
}

.mw-portlet-External ul {
    display: flex;
    overflow: auto
}

.mw-portlet-External .mw-list-item a {
    gap: 0
}

@media only screen and (max-width: 553px) {
    .citizen-drawer__menu {
        display:initial
    }

    #p-navigation,#p-Prism_Party,#p-Community,#p-Tutorials {
        width: 60%;
        margin: 0 auto var(--space-sm) auto
    }

    .mw-portlet-External {
        margin-bottom: -2.5rem
    }
}

.citizen-drawer__menu [id^="n-sidebar-label-"] a {
    pointer-events: none;
    margin-left: var(--space-xs);
    padding-left: var(--space-md);
    padding-right: var(--space-xs);
    border-left: 1px solid var(--border-color-base);
    border-radius: 0;
    letter-spacing: 0.05em;
    font-weight: var(--font-weight-normal);
    color: var(--color-base--subtle) !important
}

.citizen-drawer__menu [id^="n-sidebar-icon-"] a {
    font-size: 0
}

.citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {
    display: block;
    content: "";
    width: var(--size-icon);
    height: var(--size-icon);
    background: transparent center/contain no-repeat;
    opacity: var(--opacity-icon-base)
}

.skin-citizen-dark .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {
    filter: invert(1)
}

#n-sidebar-icon-discord a:before {
    background-image: url(/images/site/interface/discord.svg)
}

#n-sidebar-icon-email a:before {
    background-image: url(/images/site/interface/email.svg)
}

#n-sidebar-icon-shop a:before {
    background-image: url(/images/site/interface/store-solid.svg)
}

#n-sidebar-icon-vote a:before {
    background-image: url(/images/site/interface/check-to-slot-solid.svg)
}

#n-sidebar-icon-tumblr a:before {
    background-image: url(/images/site/interface/tumblr.svg)
}

#n-sidebar-icon-youtube a:before {
    background-image: url(/images/site/interface/youtube.svg)
}

.mw-echo-alert {
    display: none
}

.citizen-body-header--sticky .mw-body-header::before {
    backdrop-filter: blur(16px);
    border-radius: 0 0 var(--border-radius--large) var(--border-radius--large)
}

.citizen-footer ul {
    margin-top: 1rem
}

.page-Home .mw-body-footer {
    display: none
}

#home-card-prevblogs .citizen-overflow--right,#home-card-prevupdate .citizen-overflow--right {
    -webkit-mask-image: initial;
    mask-image: initial
}

.oo-ui-windowManager-modal > .oo-ui-dialog.oo-ui-window-active {
    z-index: 999
}

.catlinks li > a.new:hover {
    color: #fff
}

#mw-wikiforum-searchbox-border {
    display: inline-flex
}

.skin-citizen .ve-ui-expandableContent-toggle {
    background-color: var(--color-surface-1)
}

.ajaxpoll .ajaxpoll-answer-vote div {
    background: var(--border-color-base)
}

.ajaxpoll .ajaxpoll-our-vote div {
    background: var(--background-color-primary--active)
}

.page-Home .ajaxpoll {
    margin: 0 -1.5rem -2rem -1.5rem
}

#home-card-prevblogs .citizen-table-wrapper,#home-card-prevupdate .citizen-table-wrapper {
    overflow-x: visible
}

.flow-topic-titlebar {
    background-color: var(--color-surface-3);
    border-radius: var(--border-radius--medium);
    box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575)
}

.flow-post .flow-post-content {
    word-break: break-word;
    color: var(--color-base)
}

div > .flow-menu ul {
    border: none;
    background-color: var(--color-surface-1);
    box-shadow: var(--box-shadow-dialog);
    border-radius: var(--border-radius--medium)
}

.flow-post .flow-author .mw-usertoollinks {
    opacity: 0;
    transition: opacity 0.25s ease;
    color: var(--color-base)
}

div.mw-gallery-slideshow-img-container a.image {
    height: auto;
    max-width: 100%
}

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

.wikiEditor-toolbar-dialog .ui-dialog-buttonpane {
    border-top: none !important
}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {
    background: inherit !important
}

.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {
    background: inherit !important
}

.mw-upload-bookletLayout-filePreview {
    background-color: var(--color-surface-2--hover)
}

table.mw-wikiforum-frame {
    padding: 15px 15px 0 15px;
    background: var(--color-surface-1);
    border-radius: 8px;
    border: none;
    box-shadow: 0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575)
}

td.mw-wikiforum-innerframe,th.mw-wikiforum-title,th.mw-wikiforum-admin,th.mw-wikiforum-value,th.mw-wikiforum-lastpost {
    border-bottom: unset;
    border-top: unset;
    border: unset
}

tr.mw-wikiforum-title {
    background: none
}

table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-title {
    background: var(--color-surface-2);
    border-top-left-radius: var(--border-radius--large);
    border-bottom-left-radius: var(--border-radius--large)
}

table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-admin,table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-value,table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-value {
    background: var(--color-surface-2)
}

table.mw-wikiforum-title tbody tr.mw-wikiforum-title th.mw-wikiforum-lastpost {
    background: var(--color-surface-2);
    border-top-right-radius: var(--border-radius--large);
    border-bottom-right-radius: var(--border-radius--large)
}

td.mw-wikiforum-title,td.mw-wikiforum-admin,td.mw-wikiforum-value,td.mw-wikiforum-lastpost {
    border-bottom: 1px solid var(--border-color-base)
}

table.mw-wikiforum-title tbody tr.mw-wikiforum-marked:last-child td.mw-wikiforum-title,table.mw-wikiforum-title tbody tr.mw-wikiforum-marked:last-child td.mw-wikiforum-admin,table.mw-wikiforum-title tbody tr.mw-wikiforum-marked:last-child td.mw-wikiforum-value,table.mw-wikiforum-title tbody tr.mw-wikiforum-marked:last-child td.mw-wikiforum-lastpost {
    border-bottom: none
}

p.mw-wikiforum-valuetitle a img,td.mw-wikiforum-rightside img,p.mw-wikiforum-issue img,tr.mw-wikiforum-marked td.mw-wikiforum-admin a img,div#mw-wikiforum-searchbox-border img#mw-wikiforum-searchbox-picture,th.mw-wikiforum-title a img,td.mw-wikiforum-title p.mw-wikiforum-thread img {
    width: 1.3rem
}

table.mw-wikiforum-frame:nth-child(3) > tbody:nth-child(1) > tr:nth-child(1) > td:nth-child(1) > img:nth-child(1) {
    width: 1.5rem
}

td.mw-wikiforum-thread-main div.wikiforum-avatar-image img.mw-socialprofile-avatar {
    width: 5.5rem;
    border-radius: 8px
}

td.mw-wikiforum-thread-main {
    padding: unset;
    border: unset;
    background: unset
}

table.mw-wikiforum-posted {
    color: var(--color-base--subtle);
    font-family: var(--font-family-base) font-size:0.6rem;
    border-top: 1px solid var(--border-color-base);
    margin-bottom: unset
}

th.mw-wikiforum-thread-top {
    font-weight: normal;
    background: var(--color-surface-2);
    border-radius: var(--border-radius--medium);
    border: 1px solid var(--border-color-base);
    margin-bottom: 15px;
    display: block
}

tr.mw-wikiforum-sticky {
    background: unset
}

tr.mw-wikiforum-normal {
    background: none
}

td.mw-wikiforum-thread-main,td.mw-wikiforum-thread-sub {
    word-break: unset
}

td.mw-wikiforum-thread-sub {
    padding: 0px 10px;
    border: 1px solid var(--border-color-base);
    background: var(--color-surface-2);
    border-radius: var(--border-radius--small)
}

#mw-wikiforum-searchbox-border {
    border: 1px solid var(--border-color-base);
    background: var(--color-surface-2);
    border-radius: var(--border-radius--small)
}

.mw-logo-wordmark::after {
    content: "";
    width: 1em;
    height: 1em;
    display: inline-block;
    background-image: url(https://media.starcitizen.tools/5/5f/SCW-Verified.svg);
    position: relative;
    top: 0.4rem;
    left: 0.4rem
}

.page-Ranks .table-rankname {
    font-size: 1.25rem;
    color: var(--color-base)
}

.page-Ranks .table-price {
    font-style: italic;
    color: var(--color-base--subtle)
}

.page-Ranks td:nth-child(1) {
    width: 10rem;
    font-weight: bold;
    border-right: 1px solid var(--border-color-base);
    text-align: start
}

.page-Ranks th {
    text-align: center !important
}

.page-Ranks td {
    text-align: center;
    height: 2rem
}

.home-card.rank-card.rank__Pebble {
    background: linear-gradient(to top,var(--color-surface-1),transparent 200%),url(/hosted/images/shop/pebble.png)
}

.home-card.rank-card.rank__Quartz {
    background: linear-gradient(to top,var(--color-surface-1),transparent 200%),url(/hosted/images/shop/quarts.png)
}

.home-card.rank-card.rank__Amethyst {
    background: linear-gradient(to top,var(--color-surface-1),transparent 200%),url(/hosted/images/shop/amthsyt.png)
}

.home-card.rank-card.rank__Sapphire {
    background: linear-gradient(to top,var(--color-surface-1),transparent 200%),url(/hosted/images/shop/sapsipaihgi.png)
}

.home-card.rank-card.rank__Emerald {
    background: linear-gradient(to top,var(--color-surface-1),transparent 200%),url(/hosted/images/shop/memeradl.png)
}

.home-card.rank-card.rank__Topaz {
    background: linear-gradient(to top,var(--color-surface-1),transparent 200%),url(/hosted/images/shop/topoaqs.png)
}

.home-card.rank-card.rank__Iridium {
    background: linear-gradient(to top,var(--color-surface-1),transparent 200%),url(/hosted/images/shop/iridujm.png)
}

.home-card.rank-card.rank__Prism {
    background: linear-gradient(to top,var(--color-surface-1),transparent 200%),url(/hosted/images/shop/prism.png)
}

.home-card.rank-card.rank__Staff {
    background: linear-gradient(to top,var(--color-surface-1),transparent 200%),url(/hosted/images/shop/staff.png)
}

tr.infobox-image.rank__Pebble {
    background: linear-gradient(to top,var(--color-surface-2),transparent 200%),url(/hosted/images/shop/pebble.png)
}

tr.infobox-image.rank__Quartz {
    background: linear-gradient(to top,var(--color-surface-2),transparent 200%),url(/hosted/images/shop/quarts.png)
}

tr.infobox-image.rank__Amethyst {
    background: linear-gradient(to top,var(--color-surface-2),transparent 200%),url(/hosted/images/shop/amthsyt.png)
}

tr.infobox-image.rank__Sapphire {
    background: linear-gradient(to top,var(--color-surface-2),transparent 200%),url(/hosted/images/shop/sapsipaihgi.png)
}

tr.infobox-image.rank__Emerald {
    background: linear-gradient(to top,var(--color-surface-2),transparent 200%),url(/hosted/images/shop/memeradl.png)
}

tr.infobox-image.rank__Topaz {
    background: linear-gradient(to top,var(--color-surface-2),transparent 200%),url(/hosted/images/shop/topoaqs.png)
}

tr.infobox-image.rank__Iridium {
    background: linear-gradient(to top,var(--color-surface-2),transparent 200%),url(/hosted/images/shop/iridujm.png)
}

tr.infobox-image.rank__Prism {
    background: linear-gradient(to top,var(--color-surface-2),transparent 200%),url(/hosted/images/shop/prism.png)
}

tr.infobox-image.rank__Staff {
    background: linear-gradient(to top,var(--color-surface-2),transparent 200%),url(/hosted/images/shop/staff.png)
}

.mw-parser-output .scrollbox__container::before {
    box-shadow: inset 8px 0 12px -4px var(--color-surface-0),inset -8px 0 6px -4px var(--color-surface-0)
}

.skin-citizen-dark .infobox-player__commenticon div.infobox-player__commenticon-inner a img {
    filter: invert(1)
}

.icon-minecraft,.icon-minecraft-sm {
    background-image: url(/hosted/images/items/icons-minecraft.webp)
}

.page-Guide_Getting_Started .card-button a.external.text {
    color: white
}