body {
    background-repeat: no-repeat;
    background-size: cover;
    background: url(https://b2.fortnitedb.com/file/peepoT/fortnite-battle-royale-new-year-skins-z6433.jpg) no-repeat center center fixed;
    background-size: cover
}
main.mb-2 {
    z-index: 0;
}
.stars-sc{
    font-size: 10px;
}
.barPos{
    margin-top: 8px;
    color: #000;
    font-weight: bold;
    font-size: 0.7rem;
}
.stars-outer {
    position: relative;
    font-family: "font awesome 5 free";
    font-size: 9px;
}

.stars-outer::before {
    content: "\f006 \f006 \f006 \f006 \f006";
}

.stars-inner,.stars-inner-sc {
    position: absolute;
    top: 3px;
    left: 0;
    white-space: nowrap;
    overflow: hidden;
    width: 0;
}
.fas.fa-sm.fa-star{
    color: #b9b8b4;
}
.stars-inner::before {
    content: "\f005 \f005 \f005 \f005 \f005";
    color: #b9b8b4;
}

.stars-sc[data-sc="52"] > i:first-child {
    color: rgb(0,235,235) !important;
}
.stars-sc[data-sc="54"] > i:nth-child(-n+2) {
    color: rgb(0,235,235)!important;
}
.stars-sc[data-sc="56"] > i:nth-child(-n+3) {
    color: rgb(0,235,235)!important;
}
.stars-sc[data-sc="58"] > i:nth-child(-n+4) {
    color: rgb(0,235,235)!important;
}
.stars-sc[data-sc="60"] > i {
    color: rgb(0,235,235)!important;
}
.attribution {
    font-size: 12px;
    color: #444;
    text-decoration: none;
    text-align: center;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: -1;
}
.attribution:hover {
    color: #1fa67a;
}
.new_block_content {
    padding: .3rem .3rem 0 .3rem !important
}

.new_block_block {
    margin: 0 !important;
    border-radius: 0 !important
}

.mf1 {
    flex-basis: 50%;
    background: hsl(0deg 0% 26%);
    box-shadow: rgb(0 0 0) 0 1px 5px 0
}

.mf2 {
    padding: 1rem;
    flex-basis: 50%
}

.wrapblock_transparent {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    flex: 1 auto
}

.wrapblock1 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    flex: 1 auto;
    background: hsl(210deg 22% 18%);
    padding: .75rem .75rem;
    box-shadow: rgb(0 0 0) 0 1px 5px 0;
    color: #f5f5f5
}

.mf11 {
    padding: 1rem;
    flex-basis: 50%;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    flex-wrap: wrap
}

.mf1a {
    padding-right: 1rem;
    padding-left: 0
}

.mf1b {
    flex: 1 auto;
    margin: -1rem -1rem -1rem 0;
    padding: .5rem
}

.bannerIc, .bannerIc2 {
    margin: 0
}

.bannerBlock {
    border-radius: .5rem
}

._vl_extra_block {
    flex-basis: 50%;
    color: #f5f5f5
}

.infoblock-header {
    color: #9aa5b1;
    font-size: .875rem
}

.tbd__fx {
    flex: 1 auto;
    padding: .35rem
}

.tbd__ {
    display: flex;
    align-content: center;
    align-items: center;
    background: #0286e4;
    flex-wrap: wrap
}

.tbd__title {
    text-align: center;
    letter-spacing: 1px
}

.tbd__bg {
    background: hsl(0deg 0% 26%);
    box-shadow: rgb(0 0 0) 0 1px 5px 0
}
.btn-zone2 {
    position: absolute;
    top: 0;
    right: 0;
    text-transform: initial;
    /* margin: 10px 10px 0 0; */
    font-size: 1rem;
    padding: 7px;
    border: none;
    color: #fff;
    background: linear-gradient(to right, #00458a 0, #0058bf 100%);
}
.btn-zone3{

    text-transform: initial;
    border: none;
    color: #fff;
    background: linear-gradient(to right, #00458a 0, #0058bf 100%);
}
.mf1br1.profile_name_ {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    color: #fb3;
    padding-bottom: 5px
}

.tbd__fx__multi {
    display: flex;
    flex: 0 auto
}

.tbd__fx__multi_c {
    flex-grow: .5
}

._v2_block_bg {
    background: hsl(210deg 22% 18%);
    box-shadow: rgb(0 0 0) 0 1px 5px 0;
    color: #f5f5f5;
    padding: 0;
    margin: 0 0 5px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

._v2_block_left {
    min-width: 8rem;
    padding: .5rem
}

._v2_block_right {
    padding: .5rem;
    flex-grow: 1
}

.mf2__timer_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-around;
    align-items: center
}

@media (min-width: 576px) and (max-width: 768px) {
    .tbd__fx__multi {
        flex-wrap: wrap;
        flex-direction: column
    }

    .mf11 {
        padding: 1rem;
        flex-basis: 50%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        align-content: space-between;
        justify-content: center
    }

    .mf1br1.profile_name_ {
        font-size: 1rem;
        font-weight: initial;
        line-height: initial
    }

    .mf1b {
        margin: 0
    }
}

@media (max-width: 576px) {
    .container, .container-sm {
        max-width: 662px
    }
}

@media (min-width: 0px) and (max-width: 575px) {
    .btn-zone {
        position: initial !important;
        top: 0 !important;
        margin: 5px 0 5px 0;
    }
    ._vl_extra_block {
        flex-basis: 100%;
    }

    #heroLoadout .loadout-commander .loadout-commander--details .loadout-commander--character-name {
        font-size: initial
    }

    .wrapblock_transparent {
        flex-wrap: wrap
    }

    .btn {
        margin: 0 0 4px 0;
        text-transform: none;
        padding: 0.5rem;
    }

    .mf1 {
        flex-basis: 100%;
        margin-bottom: 3px;
        text-align: center;
        display: block;
    }

    ._fort_stats > ._v2_block_bg {
        margin-top: 3px
    }

    ._v2_block_left {
        min-width: 0
    }

    ._stats_wrapper {
        flex-wrap: wrap !important
    }

    .wrapblock1 {
        display: block;
        padding: 0
    }

    .mf11 {
        justify-content: center;
        padding: .5rem
    }

    .mf1b {
        margin: 0
    }

    .tbd__fx__multi {
        display: block
    }

    .mf1br1.profile_name_ {
        font-size: 1rem;
        font-weight: initial;
        line-height: initial
    }
}

._fort_stats > ._v2_block_bg > ._v2_block_left, ._research_stats > ._v2_block_bg > ._v2_block_left {
    text-align: center
}

._section_description_txt {
    font-style: italic;
    color: #efebfe;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    font-family: burbank
}

._stats_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around
}

._fort_stats, ._research_stats {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center
}

._leaderboards_block {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 1rem
}

._leaderboards_entry_left {
    padding: .5rem;
    background: #636363
}

.__boards_accomp_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

._weekly_q_bg {
    background: rgb(204 204 204 / 52%)
}

._weekly_q_hint {
    background: rgb(160 160 160 / 52%)
}

#heroLoadout h5 {
    text-align: center
}

.double-val-label > span {
    background-color: hsl(210deg 22% 18%);
    box-shadow: rgb(0 0 0) 0 1px 5px 0;
    padding: .5rem
}

.survivors-section-header {
    background-color: #212121 !important
}

#heroLoadout {
    font-size: initial
}

#heroLoadout h5:first-child {
    margin-bottom: 10px
}

#heroListing .hero-slot, #heroLoadout .loadout-slot {
    background: rgb(77 74 71)
}

#heroListing .hero-slot .hero-slot--img, #heroLoadout .loadout-slot .loadout-slot--img {
    background: hsl(210deg 12% 24%)
}

.new_block_header {
    font-size: 1.4rem
}

._leaderboards_entry_left > img {
    width: 24px;
    height: 24px
}

._leaderboards_block > ._v2_block_bg > ._v2_block_right {
    text-align: right
}

._unslotcost {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    margin-top: 1rem
}

.btn-zone {
    position: absolute;
    top: 0;
    right: 0;
    text-transform: initial;
    margin: 10px 10px 0 0;
    font-size: 1rem;
    padding: 5px;
    height: 30px;
    border: none
}

.btn-zone:hover {
    background: initial;
    border: none;
    color: #fff
}

.zones-wrap > .buttons > a {
    font-size: initial;
    background: #242e38
}

._lbpos1 {
    background: #4f5d5a;
    background: -moz-linear-gradient(left, #c59017 0, #6351ce 100%);
    background: -webkit-linear-gradient(left, #c59017 0, #6351ce 100%);
    background: linear-gradient(to right, #c59017 0, #6351ce 100%) !important
}

._lbpos2 {
    background: #4f5d5a;
    background: -moz-linear-gradient(left, #60706d 0, #4f5d5a 100%);
    background: -webkit-linear-gradient(left, #60706d 0, #4f5d5a 100%);
    background: linear-gradient(to right, #60706d 0, #4f5d5a 100%) !important
}

._lbpos3 {
    background: #946a33;
    background: -moz-linear-gradient(left, #946a33 0, #71410d 100%);
    background: -webkit-linear-gradient(left, #946a33 0, #71410d 100%);
    background: linear-gradient(to right, #946a33 0, #71410d 100%) !important
}