@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Fugaz+One&display=swap);
@font-face {
    font-family: R6S-Bold;
    src:
        url(https://static-dm.ubisoft.com/siege/prod/7c574ea662392ab39c09ed79280cf5b2.woff2)
            format("woff2"),
        url(https://static-dm.ubisoft.com/siege/prod/1a098e45a853edc663c9505d21770af9.woff)
            format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: R6S-Bold;
    src:
        url(https://static-dm.ubisoft.com/siege/prod/c72c59e83818ebb90c20a5a67a70fb0b.woff2)
            format("woff2"),
        url(https://static-dm.ubisoft.com/siege/prod/0a60b8acde11c1cb9b049ca2cd6bda22.woff)
            format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: ubisans_reg;
    src:
        url(https://static-dm.ubisoft.com/global/prod/fonts/ubisoftsans-regular.woff2)
            format("woff2"),
        url(https://static-dm.ubisoft.com/global/prod/fonts/ubisoftsans-regular.woff)
            format("woff"),
        url(https://static-dm.ubisoft.com/global/prod/fonts/ubisoftsans-regular.otf)
            format("opentype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: ubisans_bold;
    src:
        url(https://static-dm.ubisoft.com/global/prod/fonts/ubisoftsans-bold.woff2)
            format("woff2"),
        url(https://static-dm.ubisoft.com/global/prod/fonts/ubisoftsans-bold.woff)
            format("woff"),
        url(https://static-dm.ubisoft.com/global/prod/fonts/ubisoftbold-sans.otf)
            format("otf");
    font-weight: 400;
    font-style: normal;
}
:root {
    --highlight: #ff4433;
    --darkRed: #c04233;
    --textColor: #fff;
    --popup: #24262a;
    --generalBG: #151a257f;
    --lightBorder: #c0c0c2;
    --fullBG: #151a25;
    --yellow: #fbc900;
    --lightBG: #c0c0e00f;
    --redBG: #f040101e;
}
.content,
.fp,
.pack,
.typeCard img,
.weaCard img {
    align-content: center;
}
.opCard,
.weaCard,
body {
    flex-direction: column;
}
.btn,
.opCard,
.sectionCard {
    text-decoration: none;
    cursor: pointer;
    color: var(--textColor) !important;
}
.as,
.cb,
.ch,
.ds,
.hg,
.oc,
.uf,
.ws {
    filter: invert(0.9);
}
.btn::before,
.opCard::after,
.opCard:hover::before,
.sectionCard::after {
    top: 4px;
    height: 100%;
    width: 100%;
    left: 0;
}

.opCard span,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.btn,
.opCard span,
.sectionCard .title,
h1,
h2,
h3,
h4,
h5,
h6 {
    text-transform: uppercase;
    font-family: R6S-Bold, sans-serif;
}
.ban,
.dc,
.price,
.sectionCard .body,
li,
p {
    font-family: Roboto, sans-serif;
}
.bottomBar,
.btn,
.opCard span,
p {
    letter-spacing: 0;
}
body {
    margin: 0;
    background-image: url(/media/bg.jpg);
    display: grid;
    grid-template-rows: auto 1fr auto;
    grid-template-columns: 1fr;
    min-height: 100vh;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}
.innerbody {
    display: grid;
    grid-template-columns:
        calc((round(down, calc(100vw / 270), 1px) - 1px) * 267 + 39px)
        auto;
}
.content {
    justify-content: center;
}
.content,
.fp {
    min-height: calc(100vh - 12.66em);
    padding: 1em;
    display: flex;
    flex-wrap: wrap;
}
p {
    font-size: 0.875rem;
    line-height: 1.125rem;
}
.btn {
    padding: 13px 25px 11px;
    font-weight: 400;
    background: var(--highlight);
    border-bottom: 5px solid var(--highlight);
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 24px;
    line-height: 20px;
    box-sizing: border-box;
}
.opCard,
.typeCard,
.weaCard {
    padding: 0 !important;
    overflow: hidden;
}
.opCard,
.sectionCard {
    background-position: center;
    background-size: cover;
}
.typeCard:hover {
    padding: 0 !important;
}
.btn:hover {
    outline-width: 0;
    border-color: var(--highlight);
    border-bottom: 5px solid var(--highlight);
}
.sectionCard:hover {
    outline-width: 0;
    border-color: var(--highlight);
    border-bottom: 1px solid var(--highlight) !important;
}
.typeCard::before {
    content: "";
    position: absolute;
    background: linear-gradient(0deg, var(--darkRed), var(--fullBG) 66%);
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
}
.btn::before {
    content: "";
    position: absolute;
    background: linear-gradient(0deg, var(--darkRed), #0000 66%);
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
}
.btn:hover::before,
.sectionCard:hover .body {
    opacity: 1;
}
.btn img,
.btn span {
    display: inline-block;
    transition: transform 0.15s ease-in-out;
}
.btn:hover img,
.btn:hover span {
    transform: scale(1.1);
}
.iconBox {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 20px;
}
.ws {
    content: url(https://ubiservices.cdn.ubi.com/0d2ae42d-4c27-4cb7-af6c-2099062302bb/DeployerAssetsJune2023/7426c100_29b1_4a6a_a0be_fdd30fe48fe6.svg);
}
.hg {
    content: url(https://ubiservices.cdn.ubi.com/0d2ae42d-4c27-4cb7-af6c-2099062302bb/DeployerAssetsJune2023/733a1c12_19b4_40e4_80eb_4426c8e4f6c0.svg);
}
.uf {
    content: url(https://ubiservices.cdn.ubi.com/0d2ae42d-4c27-4cb7-af6c-2099062302bb/DeployerAssetsJune2023/66ab2a12_35cb_457d_bb08_fb4fa42e0b93.svg);
}
.as {
    content: url(https://ubiservices.cdn.ubi.com/0d2ae42d-4c27-4cb7-af6c-2099062302bb/DeployerAssetsJune2023/30a5b4a4_6783_4300_aae0_a0d551c55296.svg);
}
.ch {
    content: url(https://ubiservices.cdn.ubi.com/0d2ae42d-4c27-4cb7-af6c-2099062302bb/DeployerAssetsJune2023/73f4c31a_80da_465f_93ec_21af00e8de38.svg);
}
.oc {
    content: url(https://ubiservices.cdn.ubi.com/0d2ae42d-4c27-4cb7-af6c-2099062302bb/DeployerAssetsJune2023/1e4a3838_efe4_43d7_aeab_192a8d8b4b1f.svg);
}
.cb {
    content: url(https://ubiservices.cdn.ubi.com/0d2ae42d-4c27-4cb7-af6c-2099062302bb/DeployerAssetsJune2023/f4bea58a_c174_4707_994a_c49fbf33ed08.svg);
}
.ds {
    content: url(https://ubiservices.cdn.ubi.com/0d2ae42d-4c27-4cb7-af6c-2099062302bb/DeployerAssetsJune2023/625b1c19_018f_445b_b38e_025261abfb3b.svg);
}
.collection,
.memento,
.rarity {
    left: calc(100% - 44px) !important;
    display: inline-flex;
    filter: none !important;
}
.opCard {
    position: relative;
    display: inline-flex;
    background-color: var(--generalBG);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin: 3px;
    width: 120px;
    height: 214px;
}
.bottomBar,
.bundle,
.popup,
.popup p,
.sectionCard,
a.c,
a.r {
    display: flex;
}
.bpgrid,
.fp {
    display: grid;
}
.typeCard,
.weaCard,
.opCard,
.sectionCard {
    content: "";
    margin: 0.3em !important;
    border: 1px solid var(--lightBorder);
    padding-bottom: 4px !important;
    background-color: var(--generalBG);
}
.opCard::after,
.sectionCard::after {
    content: "";
    position: relative;
    background: linear-gradient(0deg, var(--fullBG), transparent 50%);
}
.opCard:hover::after,
.sectionCard:hover::after,
.navbar a:hover::after {
    background: linear-gradient(0deg, var(--highlight), transparent 50%);
}
.opIcon {
    position: absolute;
    width: 55% !important;
    z-index: 9;
    top: 120px;
    align-self: center;
}
.opCard span,
.typeCard {
    position: relative;
    text-align: center;
    color: var(--textColor);
}
.opCard:hover {
    background-color: var(--fullBG);
    z-index: 100;
    transform: scale(1.15);
    box-shadow: 0 0 10px 1px #00000080;
}
.bp img,
.bpinfo,
.collection,
.info,
.memento,
.name,
.pack,
.rarity,
.sectionCard .body,
.sectionCard .title,
.tagHolder,
.top,
img:not(.pack):not(.arrow):not(.bpw img) {
    transform: scale(1) !important;
}
.sectionCard .body,
.sectionCard .title {
    position: relative;
    transition: 0.3s;
    margin-left: 20px;
    z-index: 1;
}
.opCard:hover::before {
    content: "";
    position: absolute;
    background: linear-gradient(0deg, var(--darkRed), transparent 50%);
}
.opCard img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.typeCard img,
.weaCard img {
    max-width: 252px;
}
.popup img,
.popup p {
    max-width: 672px;
}
.opCard span {
    z-index: 99;
    top: 192px;
    padding: 0;
    font-size: 1.2rem;
    line-height: 1.6rem;
    width: 100%;
    background-color: var(--fullBG);
    transition: background-color 0.3s;
}
.opCard:hover span {
    background-color: var(--highlight);
}
.weaCard:hover {
    padding-bottom: 0 !important;
}
.weaCard {
    width: 290px;
    height: 145px;
}
.weaCard img {
    max-height: 87px;
    margin-bottom: 0;
    margin-top: 1.5em;
}
.top,
.typeCard span,
.weaCard span {
    top: 0;
    align-content: center;
}
.typeCard {
    width: 252px;
    height: 248px;
    flex-direction: column;
}
.bottomLogo,
.name,
.top,
.typeCard img {
    position: absolute;
}
.typeCard span,
.weaCard span {
    padding: 60px 0 0;
    height: calc(100% - 91px);
    position: absolute;
}
.top {
    padding: 18px 0 0 !important;
    height: 0 !important;
}
.name {
    height: 36px !important;
    top: 8.8em !important;
    padding: 0 !important;
}
.typeCard img {
    max-height: 213px;
    margin-bottom: 31px;
}
.popup,
.popup p,
a.r {
    z-index: 1;
}
.collection {
    object-fit: cover;
    align-items: center;
    background-repeat: no-repeat;
    background-color: var(--fullBG);
    width: 24px !important;
    height: 28px !important;
    padding: 4px 6px !important;
    top: 44px !important;
}
.alpha {
    content: url(/media/collection/alpha.png);
}
.bravo {
    content: url(/media/collection/bravo.png);
}
.apocalypse {
    content: url(/media/collection/apocalypse.png);
}
.beginner {
    content: url(/media/collection/beginner.png);
}
.containment {
    content: url(/media/collection/containment.png);
}
.crimsonveil {
    content: url(/media/collection/crimsonveil.png);
}
.doktorscurse,
.doktorscurse2024 {
    content: url(/media/collection/doktorscurse.png);
}
.esports {
    content: url(/media/collection/esports.png);
}
.freezeforall {
    content: url(/media/collection/freezeforall.png);
}
.grandlarceny {
    content: url(/media/collection/grandlarceny.png);
}
.holiday2019 {
    content: url(/media/collection/holiday2019.png);
}
.holiday2020 {
    content: url(/media/collection/holiday2020.png);
}
.holiday2021 {
    content: url(/media/collection/holiday2021.png);
}
.holiday2022 {
    content: url(/media/collection/holiday2022.png);
}
.muteprotocol2024 {
    content: url(/media/collection/muteprotocol.png);
}
.muteprotocol {
    content: url(/media/collection/fleshandmetal.png);
}
.nighthaven {
    content: url(/media/collection/nighthaven.png);
}
.outbreak {
    content: url(/media/collection/outbreak.png);
}
.rainbowismagic {
    content: url(/media/collection/rainbowismagic.png);
}
.redhammer {
    content: url(/media/collection/redhammer.png);
}
.rengoku {
    content: url(/media/collection/rengoku.png);
}
.showdown {
    content: url(/media/collection/showdown.png);
}
.si2019 {
    content: url(/media/collection/si2019.png);
}
.snowbrawl {
    content: url(/media/collection/snowbrawl.png);
}
.sugarfright {
    content: url(/media/collection/sugarfright.png);
}
.sunsplash {
    content: url(/media/collection/sunsplash.png);
}
.twitchprime {
    content: url(/media/collection/twitchprime.png);
}
.battlepass {
    content: url(/media/collection/battlepass.png);
}
.competitive {
    content: url(/media/collection/competitive.png);
}
.rarity {
    top: 8px !important;
    padding: 0 !important;
    width: 36px !important;
    height: 36px !important;
}
.common {
    content: url(/media/common.png);
}
.uncommon {
    content: url(/media/uncommon.png);
}
.rare {
    content: url(/media/rare.png);
}
.epic {
    content: url(/media/epic.png);
}
.celebration {
    content: url(/media/collection/celebration.png);
}
.legendary {
    content: url(/media/legendary.png);
}
.sectionCard {
    padding: 0 0 4px 0 !important;
    flex-direction: column;
    overflow: hidden;
    transition: 0.3s;
    margin: 3px;
    width: 444px;
    height: 666px;
    grid-row: span 2;
}
.sectionCard:hover,
.navbar a:hover {
    border-bottom: 5px solid var(--highlight);
}
.sectionCard .title {
    font-size: 3em;
    top: 600px;
}
.sectionCard:hover .title {
    top: 580px;
}
.sectionCard .body {
    font-weight: 750;
    font-size: 1em;
    top: 575px;
    opacity: 0;
}
.packs {
    background-image: url(/media/sections/packs.png);
}
.packs:hover {
    background-image: url(/media/sections/packs_hover.png) !important;
}
.operators {
    background-image: url(/media/sections/operators.png);
}
.operators:hover {
    background-image: url(/media/sections/operators_hover.png) !important;
}
.weapons {
    grid-column: 3;
    grid-row: 2;
    background-image: url(/media/sections/weapons.png);
}
.weapons:hover {
    background-image: url(/media/sections/weapons_hover.png) !important;
}
.misc {
    grid-row: 1 !important;
    grid-column: 4;
    background-image: url(/media/sections/misc.png);
}
.misc:hover {
    background-image: url(/media/sections/misc_hover.png) !important;
}
.charms {
    background-image: url(/media/sections/charms.png);
}
.charms:hover {
    background-image: url(/media/sections/charms_hover.png) !important;
}
.gadgets {
    background-image: url(/media/sections/gadgets.png);
}
.gadgets:hover {
    background-image: url(/media/sections/gadgets_hover.png) !important;
}
.drones {
    background-image: url(/media/sections/drone.png);
}
.drones:hover {
    background-image: url(/media/sections/drone_hover.png) !important;
}
.mvp {
    background-image: url(/media/sections/mvp.png);
}
.mvp:hover {
    background-image: url(/media/sections/mvp_hover.png) !important;
}
.bottomBar {
    height: 90px;
    background-color: #101114;
    padding-left: 380px;
    align-items: center;
    display: grid;
    grid-template-columns: auto 970px;
    grid-template-rows: auto;
}
.bottomBar p {
    font-family: ubisans_reg, sans-serif;
    color: #fefefe;
    font-size: 1em;
    line-height: 1.5em;
    text-align: left;
}
#bottom-ad {
    width: 970px;
    height: 90px;
}
.item-ad {
    margin: 6px;
    height: 250px;
    width: 300px;
    align-content: center;
}
.breadcrumbs,
.breadcrumbs a {
    color: #fff !important;
    text-decoration: none;
}
.bottomLogo {
    left: 0;
    height: 60px;
    padding: 15px;
    content: url(/media/logo.png);
    background-color: #1d1e21;
}
.bundle img,
.popup {
    width: 100%;
}
.popup {
    height: 100%;
}
.breadcrumbs {
    font-family: R6S-Bold, sans-serif;
    font-size: 28pt;
    font-weight: 100;
    margin: 1em 1em 0;
}
.more,
.search {
    align-self: center;
    font-size: xx-large;
}
.breadcrumbs a {
    margin: 0 0.25em;
}
.bp img,
.isearch h1,
.login h1,
.popup h1 {
    margin: 0;
}
.popup {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #0009;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.bundle,
.bundle p,
.popup-content {
    position: relative;
    text-align: center;
}
.popup-content,
a.c,
a.r {
    background-color: var(--popup);
}
.popup-content {
    scrollbar-color: #a5b0bb #0000;
    padding: 1em;
    max-width: 90%;
    max-height: 90%;
    overflow: auto;
}
.popup-content a:not(.c):not(.r) {
    margin: 0 0.3em;
}
.bundle {
    width: 660px;
    height: 331px;
    flex-direction: column;
    justify-content: flex-start;
    color: var(--textColor);
    margin: 1em 0 1em 50% !important;
    transform: translateX(-50%);
}
.bundle p {
    color: #24262a;
    bottom: 1.8em;
    left: 1em;
}
.bundle::after,
a.c,
a.r {
    position: absolute;
    left: 0;
}
.popup p,
a.c,
a.r {
    align-items: center;
}
.popup p {
    font-size: 1em;
    font-weight: 700;
}
.bundle::after {
    content: "";
    right: 0;
    bottom: 0;
    height: 24%;
    background: linear-gradient(
        #e2f1fa00 0,
        #e2f1fab3 25%,
        #e2f1fad9 32.5%,
        #e2f1faf6 41.425%,
        #e2f1fafa 44%,
        #e2f1fa 50%,
        #e2f1fa 100%
    );
    pointer-events: none;
}
a.c::before,
a.r::before,
p.bu::before,
p.mp::before {
    display: inline-block;
    width: 21px;
    height: 21px;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 2px 6px 2px 2px;
}
a.r::before {
    background-image: url(/media/renown.png);
}
a.c::before {
    background-image: url(/media/credits.png);
}
p.bu::before {
    background-image: url(/media/bundle.png);
}
p.mp::before {
    background-image: url(/media/marketplace.png);
}
a.c,
a.r {
    height: 26px;
    top: 240px;
    padding: 0 13px;
}
a.c,
a.ct,
a.r,
a.rt,
a.tt {
    font-family: R6S-Bold;
    font-size: larger;
}
.renown,
a.r,
a.rt {
    color: #fbc900;
}
.credits,
a.c,
a.ct {
    color: #a8bfc7;
    z-index: 2;
}
.premium::after {
    background-image: url(/media/battlepass/premium.png);
    position: absolute;
    height: 20px;
    width: 19px;
    background-size: contain;
    content: "";
    background-repeat: no-repeat;
    bottom: 0;
    right: 3px;
}
.bp {
    width: 77px;
    height: 73px;
    border: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--lightBorder);
    background-color: var(--lightBG);
}
.bp img {
    max-height: 72px;
}
.bpgrid {
    scrollbar-width: thin;
    scrollbar-color: #a5b0bb #0000;
    max-width: 95vw;
    grid-gap: 3px;
    overflow: auto;
    width: fit-content;
    max-height: 100vh;
}
.bpw img {
    max-height: 32px;
    transform: rotate(45deg) translate(-3px, 3px) !important;
}
.bpb {
    background-size: cover;
    width: 426px;
    height: 240px;
}
.fp {
    grid-template-columns: repeat(4, 452px);
    grid-auto-rows: 338px;
    justify-content: center;
}
.small {
    height: 328px;
    grid-row: span 1;
}
.small .title {
    top: 260px;
}
.small:hover .title {
    top: 240px;
}
.small .body {
    top: 235px;
}
.bpsc {
    background-image: url(/media/sections/bpsc.png);
}
.bpsc:hover {
    background-image: url(/media/sections/bpsc_hover.png) !important;
}
.bundle img {
    object-fit: cover;
    height: 312px;
}
a:-webkit-any-link:not(.btn):not(.bottomLogo) {
    color: var(--yellow);
    padding: 0 4px;
}
.search {
    font-family: R6S-Bold;
    text-align: center;
    outline: 0;
    color: var(--textColor);
    background: var(--generalBG);
    backdrop-filter: blur(6px);
    border: 0;
    width: 80%;
    margin-top: 1em;
}
.sIcon {
    float: right;
}
.sIcon img {
    height: 0.666em;
}
.more {
    margin: 1em;
    width: 5em;
    height: 2em;
}
.fo-fo,
.fo-on,
.fo-th,
.fo-tw,
.on-on,
.th-on,
.th-th,
.th-tw,
.tw-on,
.tw-tw {
    background-color: #292929;
    width: 28px !important;
    height: 28px !important;
    padding: 4px !important;
}
.bpinfo {
    top: revert !important;
    width: 11px;
    height: 11px !important;
}
.fo-fo {
    content: url(/media/4-4.png);
}
.fo-th {
    content: url(/media/4-3.png);
}
.fo-tw {
    content: url(/media/4-2.png);
}
.fo-on {
    content: url(/media/4-1.png);
}
.th-th {
    content: url(/media/3-3.png);
}
.th-tw {
    content: url(/media/3-2.png);
}
.th-on {
    content: url(/media/3-1.png);
}
.tw-tw {
    content: url(/media/2-2.png);
}
.tw-on {
    content: url(/media/2-1.png);
}
.on-on {
    content: url(/media/1-1.png);
}
.sh {
    max-height: 212px;
    margin-bottom: 0 !important;
}
.info {
    padding: 10px !important;
    right: 0 !important;
    content: url(/media/info.png);
}
.herefordlost {
    content: url(/media/collection/hereford.png);
}
.freezeforall2024 {
    content: url(/media/collection/permafrost.png);
}
.mythical {
    content: url(/media/mythical.png);
}
.bpinfo,
li:before {
    filter: brightness(100);
}
.bpinfo {
    padding: 4px !important;
    bottom: 0 !important;
    left: 0 !important;
    content: url(/media/info.png);
}
img.sh {
    max-width: 252px !important;
}
.pack {
    top: 48px;
    height: 185px !important;
    margin: 0 !important;
}
.memento {
    object-fit: cover;
    align-items: center;
    background-repeat: no-repeat;
    background-color: #fff;
    width: 24px !important;
    height: 28px !important;
    padding: 4px 6px !important;
    top: 80px !important;
    content: url(/media/memento.png);
}
.label,
li {
    font-size: medium;
    color: #fff;
    margin-left: 0.5em;
    font-weight: 530;
    width: fit-content;
    cursor: default;
}
.itemgrid {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    max-height: calc-size(auto);
    overflow: hidden;
}
.page {
    min-height: calc(100vh - 135px);
    margin-top: 2em;
    margin-bottom: 4em;
    position: relative;
    left: 39px;
}
.closed {
    max-height: 0 !important;
}
.arrow,
.itemgrid {
    transition: all 0.25s ease-in-out;
}
.rot {
    transform: rotate(-90deg);
}
.arrow {
    position: relative;
    left: 4px;
    top: 3px;
}
a.tt {
    color: #ff0036;
    z-index: 2;
}
.summary {
    color: #fff;
    cursor: default;
}
.surround {
    width: 95vw;
    display: flex;
    justify-content: center;
}
ul {
    --icon-space: 1em;
    list-style: none;
    padding: 0 2em;
}
li {
    padding-left: var(--icon-space);
}
li:before {
    display: inline-block;
    margin-left: calc(var(--icon-space) * -1);
    width: var(--icon-space);
    transform: scale(0.5) translate(-1em, 18px);
    margin-top: -1em;
}
.cri:before {
    content: url(/media/battlepass/icons/credits.png);
}
.bgi:before {
    content: url(/media/battlepass/icons/cardbg.png);
}
.hgi:before {
    content: url(/media/battlepass/icons/headgear.png);
}
.chi:before {
    content: url(/media/battlepass/icons/charm.png);
}
.uni:before {
    content: url(/media/battlepass/icons/uniform.png);
}
.poi:before {
    content: url(/media/battlepass/icons/portrait.png);
}
.ski:before {
    content: url(/media/battlepass/icons/skin.png);
}
.cai:before {
    content: url(/media/battlepass/icons/cardbg.png);
}
.dri:before {
    content: url(/media/battlepass/icons/drone.png);
}
.ati:before {
    content: url(/media/battlepass/icons/attachment.png);
}
.rei:before {
    content: url(/media/battlepass/icons/renown.png);
}
.bpi:before {
    content: url(/media/battlepass/icons/bp.png);
}
.pai:before {
    content: url(/media/battlepass/icons/pack.png);
}
.bui:before {
    content: url(/media/battlepass/icons/bundle.png);
}
.info {
    top: 210px !important;
    width: 16px;
    height: 16px !important;
}
.user {
    display: flex;
    align-items: center;
    color: #fff;
    margin: 0.3em;
}
.uname {
    font-family: R6S-Bold;
    font-size: xxx-large;
    margin-left: 0.4em;
    width: -webkit-fill-available;
    width: -moz-available;
}
.user img {
    height: 96px;
}
.level {
    font-family: R6S-Bold;
    font-size: 2.6em;
    background-image: url(/media/inventory/level.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 92px;
    text-align: center;
    padding: 23px;
}
.credits::before {
    content: url(/media/inventory/credits.png);
}
.renown::before {
    content: url(/media/inventory/renown.png);
}
.credits:before,
.renown:before {
    scale: 0.5;
    height: 32px;
    margin: -0.2em;
}
.credits,
.renown {
    font-family: R6S-Bold;
    font-size: 1.5em;
    margin: 0.1em;
    text-wrap: nowrap;
}
.dc,
.ban,
.credits,
.isearch,
.login,
.renown {
    display: flex;
    align-items: center;
}
.ban {
    background-color: #fbc900;
}
.dc {
    background-color: #5865f2;
}
.ban,
.dc {
    height: 48px;
    justify-content: center;
    font-weight: 550;
}
.ban img,
.dc img {
    height: 20px;
    margin: 12px;
}
.isearch,
.login {
    width: 30em;
    flex-direction: column;
    color: #fff;
}
.login .btn {
    margin: 1em;
}
.spacer {
    width: 1px;
    background-color: #a7abb9;
}
.results,
.navbar {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
}
.results {
    width: 80%;
    justify-content: center;
}
.results a {
    color: #fff !important;
    text-decoration: none;
    font-family: "Roboto";
    font-size: 1.2em;
    padding: 0.4em !important;
    font-weight: 700;
}
.results a:hover {
    text-decoration: underline;
}
.inventory {
    background-image: url(/media/sections/inventory.png);
}
.inventory:hover {
    background-image: url(/media/sections/inventory_hover.png) !important;
}
.navbar a {
    text-decoration: none;
    color: #fff !important;
    font-family: "R6S-Bold";
    font-size: 2em;
    padding: 5px 15px 0 15px !important;
}
.selected {
    border-bottom: 5px solid var(--darkRed);
}
.page .content .sectionCard {
    width: 380px;
    height: 532px;
}
.page .content {
    min-height: 0;
}
.page .content .sectionCard .title {
    top: 470px;
}
.page .content .sectionCard .body {
    top: 442px;
}
.page .content .sectionCard:hover .title {
    top: 444px;
}
.dc {
    color: #fff !important;
    text-decoration: none;
}
.highlight {
    color: var(--yellow);
}
.bp:hover {
    border: 1px solid var(--highlight);
    background-color: var(--redBG);
}
.bp img,
.bpw img,
.bpinfo {
    z-index: 0 !important;
}
.owned::after {
    position: absolute;
    background-color: #ff5f50;
    left: 0;
    top: 188px;
    content: "";
    height: 16px;
    width: 4px;
    padding: 3px 0 5px 38px;
    color: var(--fullBG);
    font-family: "Roboto";
    font-weight: 700;
    font-size: 0.8em;
    background-image: url(/media/inventory/owned.png);
    background-repeat: no-repeat;
    background-position-x: 12px;
    background-position-y: center;
    background-size: 16px;
    transition: all 0.1s ease-in-out;
    text-align: left;
    overflow: hidden;
}
.owned:hover::after {
    content: "OWNED";
    width: 80px;
}
.count {
    color: #a6a6ba;
    font-weight: 700;
    margin: 0 0.6em 0;
    font-size: medium;
}
.packhead {
    margin: 0.5em 0.3em 0;
    color: #fff;
    font-size: 2.5em;
}
.faq {
    color: #fff;
    font-family: "Roboto";
}
.faq h1 {
    text-align: center;
    font-size: xxx-large;
    margin-top: 1em;
}
.faqentry {
    max-width: 80vw;
    margin: 1em;
    background: var(--generalBG);
    backdrop-filter: blur(6px);
    padding: 2em;
    padding-top: 0.4em;
}
.faqentry h1 {
    font-size: revert;
    text-align: left;
    margin: revert;
}
.cf-turnstile {
    margin-top: 1.5em;
}
.fp {
    grid-template-columns: repeat(3, 452px) !important;
}
.misc {
    grid-column: 3 !important;
    grid-row: 1 !important;
}
.bpsc {
    grid-column: 3 !important;
    grid-row: 2 !important;
}
.weapons {
    grid-column: 2 !important;
    grid-row: 2 !important;
}
.exotic {
    background-image: url("/media/battlepass/exotic.png");
    background-size: 200%;
    transform: rotate(27.613deg);
    content: "";
    width: 150%;
    background-repeat: repeat;
    height: 150% !important;
    left: -25%;
    top: -25% !important;
    animation: 10s linear infinite moveUpwards;
    padding: 0 !important;
    opacity: 0.6;
}
.textHolder {
    color: #fefefe;
    margin: 3em;
}
@keyframes moveUpwards {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 232px 0;
    }
}
@media (max-width: 1860px) {
    .bottomBar {
        grid-template-columns: auto 750px;
    }
}
@media (max-width: 1618px) {
    .bottomBar {
        grid-template-columns: auto 0px;
    }
}
@media (max-width: 1386px) {
    .fp {
        grid-template-columns: repeat(2, 452px) !important;
    }
    .operators {
        grid-column: 2 !important;
        grid-row: 1 !important;
    }
    .misc {
        grid-column: 1 !important;
        grid-row: 3 !important;
    }
    .bpsc {
        grid-column: 2 !important;
        grid-row: 3 !important;
    }
}
@media (max-width: 1080px) {
    .sidebar {
        width: 0;
    }
}
@media (max-width: 936px) {
    .fp {
        grid-template-columns: 452px !important;
    }
    .packs {
        grid-column: 1 !important;
        grid-row: 1 !important;
    }
    .operators {
        grid-column: 1 !important;
        grid-row: 3 !important;
    }
    .weapons {
        grid-column: 1 !important;
        grid-row: 4 !important;
    }
    .misc {
        grid-column: 1 !important;
        grid-row: 5 !important;
    }
    .bpsc {
        grid-column: 1 !important;
        grid-row: 6 !important;
    }
}
@media (max-width: 992px) {
    .spacer {
        background-color: transparent;
    }
}