:root {
    --oreo-bg: #ffffff;
    --oreo-shell: #0074bd;
    --oreo-subnav: #f2f2f2;
    --oreo-panel: #ffffff;
    --oreo-panel-2: #f2f4f5;
    --oreo-panel-3: #e9ecef;
    --oreo-border: #c3c3c3;
    --oreo-border-soft: #d6d8db;
    --oreo-border-strong: #a7a9ad;
    --oreo-text: #393b3d;
    --oreo-muted: #606368;
    --oreo-link: #0055b3;
    --oreo-link-hover: #003f87;
    --oreo-danger: #d9534f;
    --oreo-success: #5cb85c;
    --oreo-warning: #f0ad4e;
    --oreo-shadow: 0 1px 4px 0 rgba(25, 25, 25, .30);
    --navbar-height: 39px;
    --subnav-height: 0px;
    --sidebar-width: 175px;
    --robux-color: #00802b;
    --tix-color: #b38b00;
}

.theme-dark {
    --oreo-bg: #232527;
    --oreo-shell: #191b1f;
    --oreo-subnav: #2b2d30;
    --oreo-panel: #303236;
    --oreo-panel-2: #393b3f;
    --oreo-panel-3: #44474c;
    --oreo-border: #55585f;
    --oreo-border-soft: #494c52;
    --oreo-border-strong: #666a73;
    --oreo-text: #f2f4f5;
    --oreo-muted: #c7c9cc;
    --oreo-link: #5aa7e8;
    --oreo-link-hover: #83c3ff;
    --oreo-shadow: none;
}

* {
    box-sizing: border-box;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}

img.emoji {
    height: 1em;
    width: 1em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.1em;
}

html,
body {
    min-height: 100%;
    background: var(--oreo-bg);
    color: var(--oreo-text);
}

body {
    min-height: 100vh;
    padding-top: var(--navbar-height);
    overflow-x: hidden;
    font-size: 14px;
    line-height: 1.42857143;
}

a {
    color: var(--oreo-link);
}

a:hover,
a:focus {
    color: var(--oreo-link-hover);
    text-decoration: none;
}

a:focus,
button:focus,
.btn:focus,
.nav-link:focus {
    outline: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
label,
legend,
small {
    color: inherit;
}

h1,
.h1 {
    font-size: 32px;
    font-weight: 400;
    margin-top: 0;
}

h2,
.h2 {
    font-size: 26px;
    font-weight: 400;
}

h3,
.h3 {
    font-size: 22px;
    font-weight: 400;
}

h4,
.h4 {
    font-size: 18px;
    font-weight: 700;
}

h5,
.h5 {
    font-size: 15px;
    font-weight: 700;
}

hr,
.linebreak {
    border-color: var(--oreo-border);
}

img.emoji {
    height: 1em;
    width: 1em;
    margin: 0 .05em 0 .1em;
    vertical-align: -0.1em;
}

* {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

*::-webkit-scrollbar {
    display: none;
}

/* Bootstrap 5 utility compatibility on top of Bootstrap 3. */
.d-none { display: none !important; }
.d-block { display: block !important; }
.d-inline-block { display: inline-block !important; }
.d-table { display: table !important; }
.d-flex { display: -ms-flexbox !important; display: flex !important; }
.d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; }
.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }
.align-items-center { -ms-flex-align: center !important; align-items: center !important; }
.align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; }
.align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; }
.justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; }
.justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }
.justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }
.gap-1 { gap: 4px !important; }
.gap-2 { gap: 8px !important; }
.gap-3 { gap: 16px !important; }
.w-100 { width: 100% !important; }
.h-100 { height: 100% !important; }
.min-vh-100 { min-height: 100vh !important; }
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.position-fixed { position: fixed !important; }
.top-0 { top: 0 !important; }
.start-0 { left: 0 !important; }
.z-3 { z-index: 1030 !important; }
.overflow-hidden { overflow: hidden !important; }
.overflow-auto { overflow: auto !important; }
.text-center { text-align: center !important; }
.text-white { color: #fff !important; }
.text-body { color: var(--oreo-text) !important; }
.text-dark { color: var(--oreo-text) !important; }
.text-secondary { color: var(--oreo-muted) !important; }
.text-danger { color: var(--oreo-danger) !important; }
.text-decoration-none { text-decoration: none !important; }
.text-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.fw-bold,
.fw-semibold { font-weight: 700 !important; }
.fs-4 { font-size: 24px !important; }
.bg-dark { background-color: var(--oreo-panel-3) !important; }
.border { border: 1px solid var(--oreo-border) !important; }
.border-bottom { border-bottom: 1px solid var(--oreo-border) !important; }
.shadow-sm { box-shadow: var(--oreo-shadow) !important; }
.rounded { border-radius: 4px !important; }
.rounded-2,
.rounded-5,
.rounded-circle { border-radius: 4px !important; }
.rounded-circle { border-radius: 50% !important; }
.rounded-pill { border-radius: 999px !important; }
.m-0 { margin: 0 !important; }
.m-1 { margin: 4px !important; }
.m-2 { margin: 8px !important; }
.m-3 { margin: 16px !important; }
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 4px !important; }
.mt-2 { margin-top: 8px !important; }
.mt-3 { margin-top: 16px !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 4px !important; }
.mb-2 { margin-bottom: 8px !important; }
.mb-3 { margin-bottom: 16px !important; }
.ms-1 { margin-left: 4px !important; }
.ms-2 { margin-left: 8px !important; }
.ms-3 { margin-left: 16px !important; }
.ms-auto { margin-left: auto !important; }
.me-1 { margin-right: 4px !important; }
.me-2 { margin-right: 8px !important; }
.me-3 { margin-right: 16px !important; }
.me-4 { margin-right: 24px !important; }
.me-auto { margin-right: auto !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }
.p-0 { padding: 0 !important; }
.p-1 { padding: 4px !important; }
.p-2 { padding: 8px !important; }
.p-3 { padding: 16px !important; }
.px-3 { padding-left: 16px !important; padding-right: 16px !important; }
.py-1 { padding-top: 4px !important; padding-bottom: 4px !important; }
.pt-1 { padding-top: 4px !important; }
.pt-2 { padding-top: 8px !important; }
.pt-3 { padding-top: 16px !important; }
.pb-1 { padding-bottom: 4px !important; }
.pb-2 { padding-bottom: 8px !important; }
.pb-3 { padding-bottom: 16px !important; }
.ps-2 { padding-left: 8px !important; }
.ps-3 { padding-left: 16px !important; }
.pe-2 { padding-right: 8px !important; }
.pe-3 { padding-right: 16px !important; }
.col { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
.col-3 { position: relative; min-height: 1px; float: left; width: 25%; padding-left: 15px; padding-right: 15px; }

@media (min-width: 768px) {
    .d-md-inline { display: inline !important; }
    .d-md-flex { display: -ms-flexbox !important; display: flex !important; }
    .mb-md-0 { margin-bottom: 0 !important; }
    .ms-md-0 { margin-left: 0 !important; }
    .ms-md-2 { margin-left: 8px !important; }
    .ms-md-5 { margin-left: 48px !important; }
    .ms-md-auto { margin-left: auto !important; }
    .me-md-0 { margin-right: 0 !important; }
    .me-md-2 { margin-right: 8px !important; }
    .me-md-4 { margin-right: 24px !important; }
}

@media (min-width: 992px) {
    .d-lg-none { display: none !important; }
}

/* 2016 steel Bootstrap overrides. */
.container,
.container-fluid {
    color: var(--oreo-text);
}

.panel,
.well,
.thumbnail,
.list-group-item,
.card-container,
.admin-box,
.gameserver-box,
.item-card,
.modal-content,
.dropdown-menu,
.table,
.form-control,
.input-group-addon,
.nav-tabs > li > a,
.nav-pills > li > a {
    background-color: var(--oreo-panel);
    border-color: var(--oreo-border);
    color: var(--oreo-text);
}

.well,
.thumbnail,
.panel,
.card-container,
.admin-box,
.item-card {
    box-shadow: var(--oreo-shadow);
}

.panel-default > .panel-heading,
.panel-heading,
.modal-header,
.modal-footer,
.popover-title {
    background-color: var(--oreo-panel-2);
    border-color: var(--oreo-border);
    color: var(--oreo-text);
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    border-color: var(--oreo-border);
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f6f7f8;
}

.table-hover > tbody > tr:hover {
    background-color: #eef1f4;
}

.form-control,
.form-select,
select,
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"] {
    background-color: #ffffff;
    border-color: var(--oreo-border);
    color: var(--oreo-text);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.form-control:focus,
.form-select:focus,
select:focus,
textarea:focus,
input:focus {
    border-color: var(--oreo-link);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 4px rgba(0, 85, 179, .35);
}

.form-control::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    color: #8b8d90;
}

.form-control::placeholder,
input::placeholder {
    color: #8b8d90;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background-color: #eeeeee;
    color: #888;
}

.btn {
    border-radius: 3px;
    font-weight: 700;
}

.btn-primary,
.btn-outline-primary {
    background-color: #02b757;
    border-color: #028f43;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: #009c4a;
    border-color: #007f3c;
    color: #fff !important;
}

.btn-default,
.btn-light,
.btn-secondary {
    background: linear-gradient(#ffffff, #e5e5e5);
    border-color: #9d9d9d;
    color: var(--oreo-text) !important;
}

.btn-default:hover,
.btn-light:hover,
.btn-secondary:hover {
    background: linear-gradient(#f4f8ff, #d7e3ff);
    border-color: #777;
}

.btn-link {
    color: var(--oreo-link);
}

.btn-success {
    background-color: #02b757;
    border-color: #028f43;
    color: #fff !important;
}

.btn-success:hover,
.btn-success:focus {
    background-color: #009c4a;
    border-color: #007f3c;
}

.text-primary {
    color: var(--oreo-link) !important;
}

.bg-danger {
    background-color: var(--oreo-danger) !important;
}

.dropdown-menu {
    padding: 4px 0;
    box-shadow: var(--oreo-shadow);
}

.dropdown-menu > li > a,
.dropdown-item {
    color: var(--oreo-text) !important;
    display: block;
    padding: 6px 14px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-item:hover,
.dropdown-item:focus {
    background-color: #e9ecef;
    color: var(--oreo-text) !important;
}

.dropdown-divider {
    border-top: 1px solid var(--oreo-border);
    margin: 4px 0;
}

.badge,
.text-bg-danger {
    background-color: var(--oreo-danger) !important;
    color: #fff !important;
}

.alert {
    border-radius: 3px;
    border-color: var(--oreo-border);
    color: var(--oreo-text);
}

.alert-danger {
    background-color: rgba(217, 83, 79, .16);
    border-color: rgba(217, 83, 79, .55);
}

.alert-success {
    background-color: rgba(92, 184, 92, .16);
    border-color: rgba(92, 184, 92, .55);
}

.alert-warning {
    background-color: #fff4ce;
    border-color: #e3c067;
    color: #5f4a00;
}

.form-floating {
    position: relative;
}

.form-floating > label {
    display: block;
    margin: 4px 0 0;
    color: var(--oreo-text);
    font-size: 12px;
    font-weight: 700;
}

.input-group .form-floating {
    display: table-cell;
    vertical-align: top;
}

.input-group .form-floating .form-control,
.input-group .form-floating .form-select {
    border-radius: 3px 0 0 3px;
    height: 34px;
}

.form-select {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    border: 1px solid var(--oreo-border);
    border-radius: 3px;
}

.nav-tabs {
    border-color: var(--oreo-border);
}

.nav-underline,
.page-tabs {
    display: flex;
    width: 100%;
    min-height: 28px;
    background: var(--oreo-panel-2) !important;
    border: 1px solid var(--oreo-border);
    border-radius: 0;
}

.nav-underline .nav-link,
.page-tabs .nav-link {
    flex: 1 1 0;
    padding: 5px 10px;
    border-right: 1px solid var(--oreo-border);
    color: var(--oreo-muted) !important;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
}

.nav-underline .nav-link:last-child,
.page-tabs .nav-link:last-child {
    border-right: 0;
}

.nav-underline .nav-link:hover,
.page-tabs .nav-link:hover,
.nav-underline .nav-link:focus,
.page-tabs .nav-link:focus {
    background: var(--oreo-panel-3);
    color: #fff !important;
}

.nav-underline .nav-link.active,
.page-tabs .nav-link.active {
    background: #ffffff;
    color: var(--oreo-text) !important;
}

.nav-tabs > li > a:hover,
.nav-pills > li > a:hover {
    background-color: #eef1f4;
    border-color: var(--oreo-border);
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: var(--oreo-panel-2);
    border-color: var(--oreo-border);
    color: var(--oreo-text);
}

.modal-backdrop.in {
    opacity: .75;
}

.modal-content {
    z-index: 1060 !important;
    position: relative;
}

.auth-container {
    background: var(--oreo-bg) !important;
}

.auth-box {
    background: var(--oreo-panel) !important;
    border: 1px solid var(--oreo-border) !important;
    box-shadow: var(--oreo-shadow) !important;
}

.auth-box input {
    background: #fff !important;
    border-color: var(--oreo-border) !important;
    color: var(--oreo-text) !important;
}

.auth-box button {
    background: #02b757 !important;
    border: 1px solid #028f43 !important;
    color: #fff !important;
}

.auth-box .links a {
    color: var(--oreo-link) !important;
}

.place-card {
    background-color: var(--oreo-panel);
    border: 0;
    min-height: 236px;
    transition: none;
    width: 170px;
    border-radius: 0;
    box-shadow: var(--oreo-shadow);
}

.item-card {
    min-height: 238px;
    border: 0;
    border-radius: 0;
    transition: none;
    box-shadow: var(--oreo-shadow);
}

.item-card:hover,
.place-card:hover {
    background-color: #f7f9fb;
}

.place-card-container > a {
    display: block;
    width: 170px;
    max-width: 170px;
}

.place-card-container .place-card.w-100 {
    width: 100% !important;
}

.place-card h5 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.place-card:hover {
    transform: none;
    border-color: transparent;
}

.place-card .votePercentageBackground {
    background-color: #d8d8d8;
    z-index: 1;
    height: 7px;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    border: 1px solid #b8b8b8;
    margin-top: 3px;
}

.place-card .votePercentageFill {
    background-color: #777;
    height: 7px;
}

.place-card .segment {
    background-color: #c4c4c4;
    height: 7px;
    width: 2px;
    position: absolute;
    top: 0;
    z-index: 3;
}

.roblox-page,
#main > .game-page-container,
#main > .container,
.main-content > .container {
    max-width: 970px;
    margin-left: auto;
    margin-right: auto;
}

/* Shared page spacing so every page feels consistent.
   The main wrappers across home/games/profile/catalog/develop get the
   same top gap and centered horizontal gutters. */
.home-dashboard,
.catalog-main,
.catalog-item-main,
.profile-container,
.games-page,
.develop-page,
.game-detail-page,
.download-page,
.group-page,
.group-standalone,
.group-admin-page,
.legal-page,
.users-page,
.admin-page {
    margin-left: auto !important;
    margin-right: auto !important;
    padding-top: 16px;
}

.page-stage {
    max-width: 970px;
    min-height: calc(100vh - var(--navbar-height) - 28px);
    margin: 0 auto;
}

.page-panel {
    background: #e3e3e3;
    border: 1px solid #bfbfbf;
    box-shadow: 0 1px 4px rgba(25, 25, 25, .22);
}

.page-panel-inner {
    background: #fff;
    border: 1px solid var(--oreo-border);
    box-shadow: var(--oreo-shadow);
}

.section-heading {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin: 26px 0 8px;
}

.section-heading h1,
.section-heading h2,
.section-heading h3 {
    margin: 0;
}

.games-page {
    padding-top: 12px;
}

.games-page .place-card-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.games-page .input-group,
.roblox-page .input-group {
    max-width: 500px;
}

#websitewidemessage {
    background-color: #f7d358;
    border-color: var(--oreo-border);
    color: #5f4a00 !important;
}

#websitewidemessage p {
    margin: 0;
    padding: 0;
    font-weight: 700;
    font-size: 13px;
    text-align: center;
    color: #5f4a00 !important;
}

#websitewidemessage a {
    color: var(--oreo-link-hover) !important;
    text-decoration: underline !important;
}

#footer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 14px 16px;
    border-top: 1px solid var(--oreo-border);
    background-color: var(--oreo-subnav);
}

#footer a {
    color: var(--oreo-muted) !important;
    font-size: 13px;
    text-decoration: none !important;
}

#footer a:hover {
    color: var(--oreo-text) !important;
    text-decoration: underline !important;
}

#footer span {
    color: var(--oreo-border-strong);
    font-size: 12px;
}

#footerlist a {
    display: flex;
    width: 100%;
    text-decoration: none !important;
    color: var(--oreo-muted) !important;
    font-weight: 400 !important;
}

#currencydiv span {
    margin-left: 4px;
    font-size: 18px;
    font-weight: 400;
    color: var(--oreo-text);
    min-width: 28px;
}

.text-robux,
#robux-amount {
    color: var(--robux-color) !important;
}

.text-tickets,
#tix-amount {
    color: var(--tix-color) !important;
}

.home-dashboard {
    max-width: 1120px;
}

@media (min-width: 1600px) {
    .roblox-page,
    #main > .container,
    .main-content > .container,
    .page-stage {
        max-width: 1100px;
    }

    .place-card,
    .place-card-container > a {
        width: 180px;
        max-width: 180px;
    }
}

@media (min-width: 1900px) {
    .roblox-page,
    #main > .container,
    .main-content > .container,
    .page-stage {
        max-width: 1180px;
    }

    .place-card,
    .place-card-container > a {
        width: 190px;
        max-width: 190px;
    }
}

.rbx-icon-default-navigation,
.rbx-icon-nav-menu,
.rbx-icon-nav-robux,
.rbx-icon-nav-tix,
.rbx-icon-nav-settings,
.rbx-icon-nav-search,
.rbx-icon-nav-home,
.rbx-icon-nav-profile,
.rbx-icon-nav-message,
.rbx-icon-nav-friends,
.rbx-icon-nav-charactercustomizer,
.rbx-icon-nav-inventory,
.rbx-icon-nav-trade,
.rbx-icon-nav-group,
.rbx-icon-nav-forum,
.rbx-icon-nav-blog,
.rbx-icon-nav-search-white,
.rbx-icon-nav-shop {
    background-image: url(/static/svg/navigation.svg);
    background-repeat: no-repeat;
    background-size: auto auto;
    width: 28px;
    height: 28px;
    display: inline-block;
}

.rbx-icon-nav-menu { background-position: 0 0; }
.rbx-icon-nav-menu:hover,
button:hover .rbx-icon-nav-menu,
a:hover .rbx-icon-nav-menu { background-position: -28px 0; }
.rbx-icon-nav-robux { background-position: 0 -28px; }
.rbx-icon-nav-robux:hover,
button:hover .rbx-icon-nav-robux,
a:hover .rbx-icon-nav-robux { background-position: -28px -28px; }
.rbx-icon-nav-tix { background-position: 0 -56px; }
.rbx-icon-nav-tix:hover,
button:hover .rbx-icon-nav-tix,
a:hover .rbx-icon-nav-tix { background-position: -28px -56px; }
.rbx-icon-nav-settings { background-position: 0 -84px; }
.rbx-icon-nav-settings:hover,
button:hover .rbx-icon-nav-settings,
a:hover .rbx-icon-nav-settings { background-position: -28px -84px; }
.rbx-icon-nav-search { background-position: 0 -112px; }
.rbx-icon-nav-search:hover,
button:hover .rbx-icon-nav-search,
a:hover .rbx-icon-nav-search { background-position: -28px -112px; }
.rbx-icon-nav-home { background-position: 0 -140px; }
.rbx-icon-nav-home:hover,
button:hover .rbx-icon-nav-home,
a:hover .rbx-icon-nav-home { background-position: -28px -140px; }
.rbx-icon-nav-profile { background-position: 0 -168px; }
.rbx-icon-nav-profile:hover,
button:hover .rbx-icon-nav-profile,
a:hover .rbx-icon-nav-profile { background-position: -28px -168px; }
.rbx-icon-nav-message { background-position: 0 -196px; }
.rbx-icon-nav-message:hover,
button:hover .rbx-icon-nav-message,
a:hover .rbx-icon-nav-message { background-position: -28px -196px; }
.rbx-icon-nav-friends { background-position: 0 -224px; }
.rbx-icon-nav-friends:hover,
button:hover .rbx-icon-nav-friends,
a:hover .rbx-icon-nav-friends { background-position: -28px -224px; }
.rbx-icon-nav-charactercustomizer { background-position: 0 -252px; }
.rbx-icon-nav-charactercustomizer:hover,
button:hover .rbx-icon-nav-charactercustomizer,
a:hover .rbx-icon-nav-charactercustomizer { background-position: -28px -252px; }
.rbx-icon-nav-inventory { background-position: 0 -280px; }
.rbx-icon-nav-inventory:hover,
button:hover .rbx-icon-nav-inventory,
a:hover .rbx-icon-nav-inventory { background-position: -28px -280px; }
.rbx-icon-nav-trade { background-position: 0 -308px; }
.rbx-icon-nav-trade:hover,
button:hover .rbx-icon-nav-trade,
a:hover .rbx-icon-nav-trade { background-position: -28px -308px; }
.rbx-icon-nav-group { background-position: 0 -336px; }
.rbx-icon-nav-group:hover,
button:hover .rbx-icon-nav-group,
a:hover .rbx-icon-nav-group { background-position: -28px -336px; }
.rbx-icon-nav-forum { background-position: 0 -364px; }
.rbx-icon-nav-forum:hover,
button:hover .rbx-icon-nav-forum,
a:hover .rbx-icon-nav-forum { background-position: -28px -364px; }
.rbx-icon-nav-blog { background-position: 0 -392px; }
.rbx-icon-nav-blog:hover,
button:hover .rbx-icon-nav-blog,
a:hover .rbx-icon-nav-blog { background-position: -28px -392px; }
.rbx-icon-nav-search-white { background-position: 0 -420px; }
.rbx-icon-nav-search-white:hover,
button:hover .rbx-icon-nav-search-white,
a:hover .rbx-icon-nav-search-white { background-position: -28px -420px; }
.rbx-icon-nav-shop { background-position: 0 -448px; }
.rbx-icon-nav-shop:hover,
button:hover .rbx-icon-nav-shop,
a:hover .rbx-icon-nav-shop { background-position: -28px -448px; }

.rbx-icon-default-bc,
.rbx-icon-bc,
.rbx-icon-tbc,
.rbx-icon-obc,
.rbx-icon-negative-bc,
.rbx-icon-negative-tbc,
.rbx-icon-negative-obc {
    background-image: url(/static/img/Style/bc.svg);
    background-repeat: no-repeat;
    background-size: auto auto;
    width: 52px;
    height: 28px;
    display: inline-block;
}

.rbx-icon-default-iconlabels,
.rbx-icon-bc-label,
.rbx-icon-tbc-label,
.rbx-icon-obc-label,
.rbx-icon-limited-label,
.rbx-icon-limited-bc-label,
.rbx-icon-limited-tbc-label,
.rbx-icon-limited-obc-label,
.rbx-icon-limited-unique-label,
.rbx-icon-limited-unique-bc-label,
.rbx-icon-limited-unique-tbc-label,
.rbx-icon-limited-unique-obc-label {
    background-image: url(/static/img/Style/icon_labels.svg);
    background-repeat: no-repeat;
    background-size: auto auto;
    width: 110px;
    height: 18px;
    display: inline-block;
}

.rbx-icon-bc { background-position: 0 0; }
.rbx-icon-tbc { background-position: 0 -28px; }
.rbx-icon-obc { background-position: 0 -56px; }
.rbx-icon-negative-bc { background-position: -52px 0; }
.rbx-icon-negative-tbc { background-position: -52px -28px; }
.rbx-icon-negative-obc { background-position: -52px -56px; }
.rbx-icon-bc-label { width: 30px; background-position: 0 0; }
.rbx-icon-tbc-label { width: 40px; background-position: 0 -18px; }
.rbx-icon-obc-label { width: 40px; background-position: 0 -36px; }
.rbx-icon-limited-label { width: 60px; background-position: 0 -54px; }
.rbx-icon-limited-bc-label { width: 90px; background-position: 0 -72px; }
.rbx-icon-limited-tbc-label { width: 90px; background-position: 0 -90px; }
.rbx-icon-limited-obc-label { width: 90px; background-position: 0 -108px; }
.rbx-icon-limited-unique-label { width: 80px; background-position: 0 -126px; }
.rbx-icon-limited-unique-bc-label { width: 100px; background-position: 0 -144px; }
.rbx-icon-limited-unique-tbc-label { width: 110px; background-position: 0 -162px; }
.rbx-icon-limited-unique-obc-label { background-position: 0 -180px; }

.ad-slot-fallback-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.ad-slot-fallback {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 2px solid #0055b3;
    background: #fff;
    text-align: center;
    padding: 8px;
}

.ad-slot-fallback-title {
    color: #0055b3;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
}

.ad-slot-fallback-subtitle {
    margin-top: 4px;
    color: #191919;
    font-size: 13px;
    line-height: 1.2;
}

.ad-slot[style*="160px"] .ad-slot-fallback-title {
    font-size: 16px;
}

.ad-slot[style*="160px"] .ad-slot-fallback-subtitle {
    font-size: 11px;
}