:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
@font-face  {
    font-family:IBM Plex Sans Variable;
    font-style:normal;
    font-display:swap;
    font-weight:100 700;
    src:url("../fonts/ibm-plex-sans-cyrillic-ext-wght-normal-d45eAU9y.woff2") format("woff2-variations");
    unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face  {
    font-family:IBM Plex Sans Variable;
    font-style:normal;
    font-display:swap;
    font-weight:100 700;
    src:url("../fonts/ibm-plex-sans-cyrillic-wght-normal-BAAhND-U.woff2") format("woff2-variations");
    unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face  {
    font-family:IBM Plex Sans Variable;
    font-style:normal;
    font-display:swap;
    font-weight:100 700;
    src:url("../fonts/ibm-plex-sans-greek-wght-normal-CmyJS8uq.woff2") format("woff2-variations");
    unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF
}
@font-face  {
    font-family:IBM Plex Sans Variable;
    font-style:normal;
    font-display:swap;
    font-weight:100 700;
    src:url("../fonts/ibm-plex-sans-vietnamese-wght-normal-Dg1JeJN0.woff2") format("woff2-variations");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face  {
    font-family:IBM Plex Sans Variable;
    font-style:normal;
    font-display:swap;
    font-weight:100 700;
    src:url("../fonts/ibm-plex-sans-latin-ext-wght-normal-CIII54If.woff2") format("woff2-variations");
    unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-display: swap;
    font-weight: 100;
    src: url("../fonts/ibm-plex-mono-500-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-display: swap;
    font-weight: 200;
    src: url("../fonts/ibm-plex-mono-500-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: url("../fonts/ibm-plex-mono-500-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("../fonts/ibm-plex-mono-500-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url("../fonts/ibm-plex-mono-500-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url("../fonts/ibm-plex-mono-600-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: IBM Plex Mono;
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("../fonts/ibm-plex-mono-600-latin.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:100;
    src:url("../fonts/ibm-plex-mono-cyrillic-ext-100-italic-VbLFCF_z.woff2") format("woff2"),url("../fonts/ibm-plex-mono-cyrillic-ext-100-italic-DvBHmElK.woff") format("woff");
    unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:100;
    src:url("../fonts/ibm-plex-mono-cyrillic-100-italic-CrXy3kjQ.woff2") format("woff2"),url("../fonts/ibm-plex-mono-cyrillic-100-italic-Dl6X2V4k.woff") format("woff");
    unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:100;
    src:url("../fonts/ibm-plex-mono-vietnamese-100-italic-D49jWi85.woff2") format("woff2"),url("../fonts/ibm-plex-mono-vietnamese-100-italic-CciGr8Aq.woff") format("woff");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:100;
    src:url("../fonts/ibm-plex-mono-latin-ext-100-italic-CPofJrYI.woff2") format("woff2"),url("../fonts/ibm-plex-mono-latin-ext-100-italic-CEN9yKQP.woff") format("woff");
    unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:100;
    src:url("../fonts/ibm-plex-mono-latin-100-italic-BTG9DvaV.woff2") format("woff2"),url("../fonts/ibm-plex-mono-latin-100-italic-BO9_aKqr.woff") format("woff");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:200;
    src:url("../fonts/ibm-plex-mono-cyrillic-ext-200-italic-Fej1IXI0.woff2") format("woff2"),url("../fonts/ibm-plex-mono-cyrillic-ext-200-italic-DCA1LhUF.woff") format("woff");
    unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:200;
    src:url("../fonts/ibm-plex-mono-cyrillic-200-italic-Dp9nP8M2.woff2") format("woff2"),url("../fonts/ibm-plex-mono-cyrillic-200-italic-cO_Mw5g7.woff") format("woff");
    unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:200;
    src:url("../fonts/ibm-plex-mono-vietnamese-200-italic-uVfo2p33.woff2") format("woff2"),url("../fonts/ibm-plex-mono-vietnamese-200-italic-BjwuBF4l.woff") format("woff");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:200;
    src:url("../fonts/ibm-plex-mono-latin-ext-200-italic-CYZ4D7Xj.woff2") format("woff2"),url("../fonts/ibm-plex-mono-latin-ext-200-italic-FTF_U4Ts.woff") format("woff");
    unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:200;
    src:url("../fonts/ibm-plex-mono-latin-200-italic-D1L1haj5.woff2") format("woff2"),url("../fonts/ibm-plex-mono-latin-200-italic-ghhVXY2e.woff") format("woff");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:300;
    src:url("../fonts/ibm-plex-mono-cyrillic-ext-300-italic-CthSW3lv.woff2") format("woff2"),url("../fonts/ibm-plex-mono-cyrillic-ext-300-italic-tDUjQzDf.woff") format("woff");
    unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:300;
    src:url("../fonts/ibm-plex-mono-cyrillic-300-italic-DFu0wij3.woff2") format("woff2"),url("../fonts/ibm-plex-mono-cyrillic-300-italic-DCQUiWJp.woff") format("woff");
    unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:300;
    src:url("../fonts/ibm-plex-mono-vietnamese-300-italic-ViRu5Ii8.woff2") format("woff2"),url("../fonts/ibm-plex-mono-vietnamese-300-italic-BR_EdYOo.woff") format("woff");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:300;
    src:url("../fonts/ibm-plex-mono-latin-ext-300-italic-C6DzRz82.woff2") format("woff2"),url("../fonts/ibm-plex-mono-latin-ext-300-italic-Ck7m58Hf.woff") format("woff");
    unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:300;
    src:url("../fonts/ibm-plex-mono-latin-300-italic-EVyQTKsu.woff2") format("woff2"),url("../fonts/ibm-plex-mono-latin-300-italic-B7GHFK5r.woff") format("woff");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:400;
    src:url("../fonts/ibm-plex-mono-cyrillic-ext-400-italic-CBjNughH.woff2") format("woff2"),url("../fonts/ibm-plex-mono-cyrillic-ext-400-italic-B4oTjJdl.woff") format("woff");
    unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:400;
    src:url("../fonts/ibm-plex-mono-cyrillic-400-italic-CBJ8pzag.woff2") format("woff2"),url("../fonts/ibm-plex-mono-cyrillic-400-italic-2syK4fUT.woff") format("woff");
    unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:400;
    src:url("../fonts/ibm-plex-mono-vietnamese-400-italic-DRuN92E5.woff2") format("woff2"),url("../fonts/ibm-plex-mono-vietnamese-400-italic-D6eaYXMU.woff") format("woff");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:400;
    src:url("../fonts/ibm-plex-mono-latin-ext-400-italic-B7_fu1kp.woff2") format("woff2"),url("../fonts/ibm-plex-mono-latin-ext-400-italic-Bg0ZHwF4.woff") format("woff");
    unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:400;
    src:url("../fonts/ibm-plex-mono-latin-400-italic-BqAiT5Ww.woff2") format("woff2"),url("../fonts/ibm-plex-mono-latin-400-italic-66oory27.woff") format("woff");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:500;
    src:url("../fonts/ibm-plex-mono-cyrillic-ext-500-italic-N7A9E2Yg.woff2") format("woff2"),url("../fonts/ibm-plex-mono-cyrillic-ext-500-italic-D-lPmOBg.woff") format("woff");
    unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:500;
    src:url("../fonts/ibm-plex-mono-cyrillic-500-italic-BkZTplhZ.woff2") format("woff2"),url("../fonts/ibm-plex-mono-cyrillic-500-italic-DweczOj8.woff") format("woff");
    unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:500;
    src:url("../fonts/ibm-plex-mono-vietnamese-500-italic-B2ThFYzE.woff2") format("woff2"),url("../fonts/ibm-plex-mono-vietnamese-500-italic-BBsY2dvH.woff") format("woff");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:500;
    src:url("../fonts/ibm-plex-mono-latin-ext-500-italic-xMSC0T8m.woff2") format("woff2"),url("../fonts/ibm-plex-mono-latin-ext-500-italic-DVumefDh.woff") format("woff");
    unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:500;
    src:url("../fonts/ibm-plex-mono-latin-500-italic-As4cCeDr.woff2") format("woff2"),url("../fonts/ibm-plex-mono-latin-500-italic-C4MYrNFW.woff") format("woff");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:600;
    src:url("../fonts/ibm-plex-mono-cyrillic-ext-600-italic-DMKVS-1y.woff2") format("woff2"),url("../fonts/ibm-plex-mono-cyrillic-ext-600-italic-Cy8uZqzA.woff") format("woff");
    unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:600;
    src:url("../fonts/ibm-plex-mono-cyrillic-600-italic-BAXem5qA.woff2") format("woff2"),url("../fonts/ibm-plex-mono-cyrillic-600-italic-D2gHEUJ1.woff") format("woff");
    unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:600;
    src:url("../fonts/ibm-plex-mono-vietnamese-600-italic-FQn1smHh.woff2") format("woff2"),url("../fonts/ibm-plex-mono-vietnamese-600-italic-65UGcu27.woff") format("woff");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:600;
    src:url("../fonts/ibm-plex-mono-latin-ext-600-italic-Cu1iunv5.woff2") format("woff2"),url("../fonts/ibm-plex-mono-latin-ext-600-italic-c5iGRZbz.woff") format("woff");
    unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:600;
    src:url("../fonts/ibm-plex-mono-latin-600-italic-DrfJ59vG.woff2") format("woff2"),url("../fonts/ibm-plex-mono-latin-600-italic-DYu2LnOQ.woff") format("woff");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:700;
    src:url("../fonts/ibm-plex-mono-cyrillic-ext-700-italic-15GVjEKw.woff2") format("woff2"),url("../fonts/ibm-plex-mono-cyrillic-ext-700-italic-DVOkO1Wt.woff") format("woff");
    unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:700;
    src:url("../fonts/ibm-plex-mono-cyrillic-700-italic-PsvAtmvF.woff2") format("woff2"),url("../fonts/ibm-plex-mono-cyrillic-700-italic-CfWpjbDm.woff") format("woff");
    unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:700;
    src:url("../fonts/ibm-plex-mono-vietnamese-700-italic-D5yBhF4R.woff2") format("woff2"),url("../fonts/ibm-plex-mono-vietnamese-700-italic-Da9WwPlL.woff") format("woff");
    unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:700;
    src:url("../fonts/ibm-plex-mono-latin-ext-700-italic-Dxj0B7mx.woff2") format("woff2"),url("../fonts/ibm-plex-mono-latin-ext-700-italic-CHk2gu8v.woff") format("woff");
    unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF
}
@font-face  {
    font-family:IBM Plex Mono;
    font-style:italic;
    font-display:swap;
    font-weight:700;
    src:url("../fonts/ibm-plex-mono-latin-700-italic-J6kahdQd.woff2") format("woff2"),url("../fonts/ibm-plex-mono-latin-700-italic-DHuxH1Z4.woff") format("woff");
    unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}
*  {
    --scroll-width: 4px;
    --scroll-thumb-background: var(--color-base-900);
    box-sizing:border-box;
    padding:0;
    margin:0;
    user-select:text;
    scroll-behavior:smooth
}
* ::-webkit-scrollbar  {
    width:var(--scroll-width)
}
* ::-webkit-scrollbar-thumb  {
    min-height:1rem;
    background-color:var(--scroll-thumb-background);
    border-radius:var(--scroll-width)
}
* ::-webkit-scrollbar-track  {
    background-color:transparent
}
@supports (-moz-appearance: none)  {
    *  {
        scrollbar-color:var(--scroll-thumb-background) transparent;
        scrollbar-width:thin
    }
}
@media not (min-width:768px)  {
    *  {
        --scroll-width: 6px
    }
}
@media not (min-width:480px)  {
    *  {
        --scroll-width: 8px
    }
}
html  {
    overscroll-behavior:none
}
body  {
    height:calc(var(--vh, 1vh) * 100);
    font-family:IBM Plex Sans Variable,sans-serif,system-ui;
    font-size:1rem;
    font-weight:600;
    line-height:1.6;
    color:var(--color-base-0);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    background-color:var(--color-base-900)
}
body.in-iframe  {
    background-color:transparent
}
#app-root-container  {
    display:flex;
    flex-direction:column;
    height:100%;
    margin:0 auto
}
input,textarea,button,select,option  {
    font-family:inherit;
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit
}
a  {
    color:var(--color-base-0);
    text-decoration:none
}
input  {
    outline:none;
    background:transparent;
    border:none
}
input[type=number]  {
    -webkit-appearance:textfield;
    appearance:textfield
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button  {
    margin:0;
    -webkit-appearance:none;
    appearance:none
}
input[type=range]  {
    -webkit-appearance:none;
    appearance:none
}
input[type=range]:focus  {
    outline:none
}
input[type=range]::-webkit-slider-thumb  {
    -webkit-appearance:none;
    appearance:none
}
input[type=range]::-moz-range-thumb  {
    border:0
}
h1,h2,h3,h4,h5,h6  {
    font-weight:500
}
img,svg  {
    user-select:none
}
svg  {
    transition:color .1s ease
}
.styleless-wrapper  {
    display:contents
}
.section-title  {
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.875rem;
    color:var(--color-base-300);
    text-transform:uppercase
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-cb5c8257  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-cb5c8257  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.global-toast-element  {
    width:max-content;
    overflow:hidden;
    font-size:.875rem;
    font-weight:500;
    background:var(--color-base-600);
    border-radius:10px
}
.global-toast-element__inner  {
    display:inline-block;
    width:100%;
    height:100%;
    padding:.5rem 1rem
}
.global-toast-element--success .global-toast-element__inner  {
    color:var(--color-brand-100);
    background-color:rgba(75,243,100,.1)
}
.global-toast-element--error .global-toast-element__inner  {
    color:var(--color-red-100);
    background-color:rgba(243,167,189,.1)
}
.global-toast-element--info .global-toast-element__inner  {
    color:var(--color-blue-100);
    background-color:rgba(172,167,243,.1)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-9365ce87  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-9365ce87  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.global-toast  {
    position:fixed;
    bottom:1rem;
    left:50%;
    z-index:1040;
    display:flex;
    flex-direction:column;
    gap:.5rem;
    justify-content:end;
    max-width:calc(100% - var(--main-layout-inline-padding));
    height:100%;
    pointer-events:none;
    transform:translate(-50%)
}
@media not (min-width:768px)  {
    .global-toast  {
        bottom:calc(70px + 1rem)
    }
}
.list-move,.list-enter-active,.list-leave-active  {
    transition:all .2s ease
}
.list-enter-from,.list-leave-to  {
    opacity:0
}
.global-toast--multiple .list-leave-active  {
    position:absolute
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-7fa40711  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-7fa40711  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.modal-content  {
    --modal-content-inline-padding: 1.5rem;
    display:flex;
    flex-direction:column;
    width:100%;
    height:fit-content;
    padding:1.5rem
}
.modal-content__title  {
    display:flex;
    gap:.5rem;
    align-items:center;
    margin-bottom:1rem
}
.modal-content__back  {
    cursor:pointer;
    transform:rotate(180deg)
}
.modal-content__header  {
    display:flex;
    flex-direction:column
}
.modal-content__title,.modal-content .modal-content__header-title[data-v-7fa40711-s]  {
    font-size:1.375rem;
    font-weight:700;
    line-height:1.3
}
.modal-content__description,.modal-content .modal-content__header-description[data-v-7fa40711-s]  {
    font-size:.875rem;
    font-weight:500;
    color:var(--color-base-200)
}
@media(min-width:768px)  {
    .modal-content--small  {
        width:328px
    }
    .modal-content--big  {
        width:780px
    }
    .modal-content__title,.modal-content .modal-content__title[data-v-7fa40711-s]  {
        margin-bottom:1.5rem
    }
}
.segment use,.segment path  {
    transform-origin:100px 100px
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-fa249b34  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-fa249b34  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.button  {
    --text-color: var(--color-base-0);
    --background-color: var(--color-brand-50);
    height:var(--button-height);
    padding:2px;
    background:var(--color-brand-50);
    border:2px solid var(--color-base-600);
    border-radius:8px;
    transition:opacity .1s ease
}
.button:disabled  {
    pointer-events:none;
    opacity:.5
}
.button--slim  {
    --button-height: 44px
}
.button--thick  {
    --button-height: 48px
}
.button:hover  {
    --background-color: var(--color-brand-50)
}

.button--secondary:hover  {
    --background-color: var(--color-base-500)
}
.button--transparent  {
    --text-color: var(--color-base-200);
    --background-color: transparent;
    padding-inline:0
}
.button--transparent:hover  {
    --text-color: var(--color-base-0);
    --background-color: transparent
}
.button__container  {
    display:flex;
    flex-direction:row;
    gap:.25rem;
    align-items:center;
    justify-content:center;
    height:100%;
    padding-inline:1rem;
    font-size:.875rem;
    color:var(--text-color);
    cursor:pointer;
    background-color:var(--background-color);
    border:2px solid transparent;
    border-radius:.5rem;
    transition:color .1s ease,background-color .1s ease
}
.button__text  {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    user-select:none
}
.button__spinner  {
    width:18px;
    height:18px
}
.button--loading,.button--loading .button__container  {
    cursor:not-allowed
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-625c46ea  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-625c46ea  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.modal-radio  {
    display:flex;
    flex-direction:column;
    gap:1rem
}
.modal-radio__header  {
    display:flex;
    flex-direction:column;
    gap:.75rem;
    margin-bottom:.25rem;
    text-align:center
}
.modal-radio__title  {
    font-weight:700;
    line-height:1.3;
    font-size:1.375rem
}
.modal-radio__description  {
    font-size:.875rem;
    font-weight:500;
    color:var(--color-base-200)
}
.modal-radio__options  {
    display:flex;
    flex-direction:column;
    gap:.75rem
}
.modal-radio__button  {
    flex-shrink:0
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-06853917  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-06853917  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.modal-radio-option  {
    display:flex;
    gap:.5rem;
    align-items:center;
    min-height:24px;
    cursor:pointer
}
.modal-radio-option__checkbox  {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    margin-left:auto;
    overflow:hidden;
    border-radius:100%
}
.modal-radio-option__unchecked  {
    width:100%;
    height:100%;
    border:2px solid var(--color-base-600);
    border-radius:100%;
    transition:border-color .1s ease
}
.modal-radio-option:not(.modal-radio-option--selected):hover .modal-radio-option__unchecked  {
    border-color:var(--color-base-900)
}
.modal-radio-option__checkbox-icon  {
    position:absolute;
    color:#171d2b;
    background:#0486f4;
    opacity:0;
    transition:opacity .1s ease
}
.modal-radio-option--selected .modal-radio-option__checkbox-icon  {
    opacity:1
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-a55a48f1  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-a55a48f1  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.currency-icon  {
    --ratio-to-fill-whole-width: calc( 16 / (var(--a12c61d0) * 9.6) );
    --font-size: min( 1rem, calc(var(--ratio-to-fill-whole-width) * 1rem) );
    display:flex;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:1rem;
    font-weight:0;
    line-height:1;
    text-transform:uppercase;
    background-color:var(--color-brand-100);
    border-radius:50%
}
.currency-icon--USD  {
    background-color:var(--color-green-100)
}
.currency-icon--EUR  {
    background-color:var(--color-lightblue-100)
}
.currency-icon--PLN  {
    background-color:var(--color-yellow-100)
}
.currency-icon--CNY  {
    background-color:var(--color-red-100)
}
.currency-icon--GBP  {
    background-color:#f3f3a7
}
.currency-icon--DKK  {
    background-color:#f3c087
}
.currency-icon--BRL  {
    background-color:#a7f3dc
}
.currency-icon--SEK  {
    background-color:#c8a7f3
}
.currency-icon--CAD  {
    background-color:#f3a7c8
}
.currency-icon--TRY  {
    background-color:#f3dca7
}
.currency-icon__symbol  {
    width:16px;
    font-size:var(--font-size);
    text-align:center
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-698230ac  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-698230ac  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.currency-modal  {
    max-height:440px;
    padding-inline:0
}
.currency-modal__wrapper  {
    overflow:hidden
}
.currency-modal .modal-radio .modal-radio__header  {
    padding-inline:var(--modal-content-inline-padding)
}
.currency-modal .modal-radio .modal-radio__options  {
    height:min-content;
    padding-inline:var(--modal-content-inline-padding);
    overflow-y:scroll
}
.currency-modal .modal-radio .modal-radio__button  {
    margin-inline:var(--modal-content-inline-padding)
}
.currency-modal__option  {
    flex-shrink:0
}
.currency-option-wrapper:nth-child(4n+1)  {
    --currency-color: var(--color-green-100)
}
.currency-option-wrapper:nth-child(4n+2)  {
    --currency-color: var(--color-lightblue-100)
}
.currency-option-wrapper:nth-child(4n+3)  {
    --currency-color: var(--color-yellow-100)
}
.currency-option-wrapper:nth-child(4n+4)  {
    --currency-color: var(--color-red-100)
}
.currency-option  {
    display:flex;
    gap:.75rem;
    align-items:center
}
.currency-option__icon  {
    color:#141925;
    background-color:var(--currency-color)
}
.currency-option__labels  {
    display:flex;
    flex-direction:column;
    gap:.25rem;
    color:var(--color-base-200)
}
.currency-option__name  {
    font-size:.875rem
}
.currency-option__secondary  {
    font-size:.75rem;
    font-weight:500
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-748d959d  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-748d959d  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.user-password-sent  {
    display:flex;
    flex-direction:column;
    gap:1rem
}
.user-password-sent__banner  {
    width:158px;
    margin:0 auto
}
.user-password-sent__header  {
    display:flex;
    flex-direction:column;
    gap:.75rem;
    align-items:center;
    text-align:center
}
.user-password-sent__title  {
    font-size:1.375rem;
    font-weight:700;
    line-height:1.3
}
.user-password-sent__subtitle  {
    font-size:.875rem;
    font-weight:500;
    color:var(--color-base-200)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-e2875c74  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-e2875c74  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.input  {
    display:flex;
    flex-direction:column;
    gap:.5rem
}
.input__labels  {
    display:flex;
    justify-content:space-between;
    font-size:var(--set-input-label-font-size, .875rem)
}
.input__label  {
    user-select:none
}
.input__interactive  {
    position:relative;
    z-index:1;
    display:flex;
    height:42px;
    padding-inline:.75rem;
    font-weight:500;
    background:var(--set-input-background, var(--color-base-900));
    border:1px solid var(--color-brand-100);
    border-radius:.5rem
}
.input--size-big .input__interactive  {
    height:52px
}
.input--error .input__interactive  {
    border-color:var(--color-red-100)
}
.input--error .input__interactive:focus-within  {
    border-color:var(--color-red-100)
}
.input--error .input__interactive:focus-within:after  {
    box-shadow:0 0 0 3px rgba(243,167,189,.1)
}
.input__interactive:after  {
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100%;
    content:"";
    border-radius:.5rem;
    box-shadow:0 0 0 3px rgba(75,243,100,.1);
    opacity:0;
    transition:opacity .1s ease
}
.input__interactive:focus-within  {
    border-color:#0486f4
}
.input__interactive:focus-within:after  {
    opacity:1
}
.input__element  {
    align-self:stretch;
    width:100%;
    color:#fff
}
.input__element .input--size-big  {
    font-size:1.125rem
}
.input__element::placeholder  {
    color:var(--color-exterior-none)
}
.input__currency  {
    margin-right:6px;
    font-size:1rem;
    color:var(--color-base-0);
    user-select:none
}
.input__prefix,.input__suffix  {
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    font-size:.875rem
}
.input__suffix  {
    color:var(--color-brand-100);
    text-transform:uppercase;
    text-wrap:nowrap;
    transition:color .1s ease
}
.input__suffix:hover  {
    color:var(--color-base-200)
}
.input__error  {
    font-size:.875rem;
    font-weight:500;
    color:var(--color-red-100)
}
@media(max-width:768px)  {
    .input__element  {
        font-size:1rem
    }
    .input__currency  {
        margin-right:6px;
        font-size:.875rem;
        color:var(--color-base-200)
    }
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-ece7f76a  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-ece7f76a  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.user-password-recovery  {
    display:flex;
    flex-direction:column;
    gap:1rem
}
.user-password-recovery__banner  {
    width:158px;
    margin:0 auto
}
.user-password-recovery__header  {
    display:flex;
    flex-direction:column;
    gap:.75rem;
    align-items:center;
    text-align:center
}
.user-password-recovery__title  {
    font-size:1.375rem;
    font-weight:700;
    line-height:1.3
}
.user-password-recovery__subtitle  {
    font-size:.875rem;
    font-weight:500;
    color:var(--color-base-200)
}
.user-password-recovery__button  {
    margin-top:.25rem
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-82e92f23  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-82e92f23  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.user-password__forget  {
    font-family:IBM Plex Sans Variable,sans-serif,system-ui;
    text-transform:none;
    cursor:pointer;
    transition:color .1s ease
}
.user-password__forget:hover,.user-password__icon--enabled,.user-password__icon:hover  {
    color:#fff
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-6e20e7e3  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-6e20e7e3  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.user-login__form  {
    display:flex;
    flex-direction:column;
    gap:1rem
}
.user-login__main-button  {
    margin:.25rem 0
}
.user-login__alternate  {
    font-size:.875rem;
    font-weight:500;
    color:var(--color-base-300);
    text-align:center
}
.user-login__alternate-link  {
    text-decoration:underline;
    cursor:pointer;
    transition:color .1s ease
}
.user-login__alternate-link:hover  {
    color:#fff
}
.user-login__separator  {
    position:relative;
    display:flex;
    align-items:center;
    padding:1.5rem 0
}
.user-login__separator-label  {
    padding:0 .75rem;
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.75rem;
    color:var(--color-base-300);
    text-transform:uppercase;
    text-wrap:nowrap;
    background:transparent
}
.user-login__separator-background  {
    justify-self:stretch;
    width:100%;
    height:1px;
    background:var(--color-base-600)
}
.user-login__alt-buttons  {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:.75rem
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-9d964fa2  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-9d964fa2  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.user-login-background  {
    position:relative;
    display:flex;
    width:100%;
    height:100%
}
.user-login-background__banner  {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-2dd12a22  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-2dd12a22  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.user-password-sent  {
    display:flex;
    flex-direction:column;
    gap:1rem
}
.user-password-sent__banner  {
    width:158px;
    margin:0 auto
}
.user-password-sent__header  {
    display:flex;
    flex-direction:column;
    gap:.75rem;
    align-items:center;
    text-align:center
}
.user-password-sent__title  {
    font-size:1.375rem;
    font-weight:700;
    line-height:1.3
}
.user-password-sent__subtitle  {
    font-size:.875rem;
    font-weight:500;
    color:var(--color-base-200)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-d98faf2b  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-d98faf2b  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.login-modal  {
    display:flex;
    padding:2px;
    background:var(--color-base-700)
}
.login-modal__background  {
    height:100%;
    padding:0
}
@media not (min-width:768px)  {
    .login-modal  {
        width:100%
    }
    .login-modal__background  {
        display:none
    }
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-6414a980  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-6414a980  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.item-pending-total  {
    display:flex;
    gap:.5rem;
    align-items:center;
    padding:1rem;
    font-size:.875rem;
    background-color:var(--color-base-700)
}
.item-pending-total__count  {
    flex-grow:1;
    color:var(--color-base-200)
}
.item-pending-total__sum  {
    font-family:IBM Plex Mono,monospace,system-ui
}
.item-pending-total__sum,.item-pending-total__icon  {
    color:var(--color-yellow-100)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-2c6de1b2  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-2c6de1b2  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.generic-checkbox  {
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:.875rem;
    cursor:pointer
}
.generic-checkbox__container  {
    display:flex;
    flex-grow:1;
    gap:.625rem;
    align-items:center;
    color:var(--color-base-200);
    transition:.1s ease
}
.generic-checkbox__container:hover  {
    color:var(--color-base-0)
}
.generic-checkbox__box  {
    --checkbox-size: 1.25rem;
    position:relative;
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    width:var(--checkbox-size);
    height:var(--checkbox-size);
    color:transparent;
    border:1px solid var(--color-base-0);
    border-radius:.25rem;
    transition:border-color .2s linear,background-color .2s linear
}
.generic-checkbox:hover .generic-checkbox__box:not(.generic-checkbox__box--checked):not(.generic-checkbox__box--excluded)  {
    border-color:var(--color-base-500)
}
.generic-checkbox__box--checked  {
    --checked-color: var(--color-brand-100);
    color:var(--color-base-800);
    background:var(--checked-color);
    border-color:var(--checked-color)
}
.generic-checkbox:hover .generic-checkbox__box--checked  {
    --checked-color: var(--color-brand-50)
}
.generic-checkbox__box--excluded  {
    border-color:var(--color-red-100)
}
.generic-checkbox:hover .generic-checkbox__box--excluded  {
    --checked-color: var(--color-red-100)
}
.generic-checkbox__icon  {
    position:absolute;
    width:100%;
    height:100%
}
.generic-checkbox__label  {
    user-select:none
}
.generic-checkbox__exclude  {
    color:var(--color-base-300);
    user-select:none;
    transition:.1s ease
}
.generic-checkbox__exclude:hover  {
    color:var(--color-base-200)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-e7b91f16  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-e7b91f16  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.trade-protection-modal  {
    display:flex;
    flex-direction:column;
    gap:1rem;
    font-size:.875rem
}
.trade-protection-modal__header  {
    display:flex;
    flex-direction:column;
    gap:.75rem
}
.trade-protection-modal__title  {
    font-size:1.375rem;
    font-weight:700;
    line-height:1.3
}
.trade-protection-modal__description  {
    font-weight:500;
    color:var(--color-base-200)
}
.trade-protection-modal__explanation  {
    display:flex;
    flex-direction:column;
    gap:.75rem;
    padding-bottom:.25rem
}
.trade-protection-modal__subtitle  {
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.875rem;
    color:var(--color-base-300);
    text-transform:uppercase
}
.trade-protection-modal__subpoint  {
    display:flex;
    font-weight:500;
    color:var(--color-base-200)
}
.trade-protection-modal__dot  {
    flex-shrink:0;
    width:20px;
    height:20px;
    color:var(--color-base-300)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-50dfd82f  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-50dfd82f  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.item-selection-total  {
    display:flex;
    flex-direction:column;
    gap:1rem;
    padding-block:1.25rem;
    padding-inline:var(--inline-padding)
}
.item-selection-total__row  {
    display:flex;
    justify-content:space-between;
    font-family:IBM Plex Mono,monospace,system-ui;
    text-transform:uppercase
}
.item-selection-total__label  {
    font-size:.875rem;
    color:var(--color-base-300)
}
.item-selection-total__footnote  {
    display:flex;
    gap:.25rem;
    align-items:center;
    justify-content:center;
    font-size:.875rem;
    font-weight:500;
    color:var(--color-base-300);
    cursor:pointer;
    transition:color .1s ease
}
.item-selection-total__footnote:hover  {
    color:var(--color-base-200)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-0a3c0e3d  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-0a3c0e3d  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.item-selection-transaction-footer  {
    display:flex;
    flex-direction:column;
    gap:.75rem
}
.item-selection-transaction-footer__description  {
    font-size:.75rem;
    font-weight:500;
    color:var(--color-base-300)
}
.item-selection-transaction-footer__steam-icon  {
    fill:var(--color-base-900)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-69fff8e9  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-69fff8e9  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.sticker-tooltip  {
    display:contents
}
.sticker-tooltip__name  {
    overflow:hidden;
    text-overflow:ellipsis;
    font-family:IBM Plex Sans Variable,sans-serif,system-ui;
    font-size:.875rem;
    font-weight:500;
    color:var(--color-base-0);
    text-transform:none
}
.sticker-tooltip__status  {
    overflow:hidden;
    text-overflow:ellipsis;
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.75rem;
    color:var(--color-base-300);
    text-transform:uppercase
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-1e862f64  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-1e862f64  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.item-category  {
    --item-category-color-default: var(--color-base-200) overflow: hidden;
    overflow:hidden;
    text-overflow:ellipsis;
    color:var(--item-category-color, var(--item-category-color-default));
    white-space:nowrap
}
.item-category--souvenir  {
    --item-category-color: var(--color-yellow-100)
}
.item-category--stattrak  {
    --item-category-color: var(--color-orange-100)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-74fe487d  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-74fe487d  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.steam-image  {
    width:100%;
    height:100%;
    object-fit:scale-down
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-14d7b632  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-14d7b632  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.tooltip  {
    --tooltip-background-color: var(--color-base-600);
    --tooltip-shadow-color: rgba(20, 25, 37, .4);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:0
}
.tooltip--hidden  {
    opacity:0
}
.tooltip__content  {
    position:fixed;
    bottom:calc(100% - var(--v00dc5cdf) * 1px + 6px);
    z-index:1000;
    display:flex;
    flex-direction:column;
    gap:.25rem;
    padding:.625rem .75rem;
    font-size:.875rem;
    font-weight:500;
    text-wrap:nowrap;
    background-color:var(--tooltip-background-color);
    border-radius:.5rem;
    box-shadow:-1px -1px var(--tooltip-shadow-color),1px 1px var(--tooltip-shadow-color)
}
.tooltip--hidden .tooltip__content  {
    max-width:unset!important
}
.tooltip--position-center .tooltip__content  {
    left:calc((var(--v02018f09) - var(--v39f6d728) / 2) * 1px);
    max-width:calc(var(--v87dcd368) * 1px)
}
.tooltip--position-right .tooltip__content  {
    right:calc(100% - var(--v19abd8e8) * 1px);
    max-width:calc(var(--v1c7a6462) * 1px)
}
.tooltip--position-left .tooltip__content  {
    left:calc(var(--b40b008a) * 1px);
    max-width:calc(var(--v772306cc) * 1px)
}
.tooltip__arrow  {
    --tooltip-arrow-offset: 12px;
    position:absolute;
    top:100%;
    color:var(--tooltip-background-color);
    filter:drop-shadow(1px 0 var(--tooltip-shadow-color)) drop-shadow(-1px 0 var(--tooltip-shadow-color)) drop-shadow(0 1px var(--tooltip-shadow-color))
}
.tooltip--position-center .tooltip__arrow  {
    left:50%;
    transform:translate(-50%)
}
.tooltip--position-left .tooltip__arrow  {
    left:var(--tooltip-arrow-offset)
}
.tooltip--position-right .tooltip__arrow  {
    right:var(--tooltip-arrow-offset)
}
.tooltip__wrapper  {
    display:flex;
    flex-direction:column;
    gap:2px;
    overflow:hidden
}
.appear-leave-active,.appear-enter-active  {
    transition:opacity .1s ease
}
.appear-enter-to,.appear-leave-from  {
    opacity:1
}
.appear-enter-from,.appear-leave-to  {
    opacity:0
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-81e4f392  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-81e4f392  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.tooltip-wrapper  {
    position:relative;
    display:flex
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-cfa2f046  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-cfa2f046  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.item-selection-item  {
    position:relative;
    display:flex;
    flex-direction:column;
    gap:inherit;
    font-size:.875rem
}
.item-selection-item__actions  {
    position:absolute;
    top:0;
    right:0;
    display:flex;
    gap:.5rem;
    align-items:center
}
.item-selection-item__tooltip-wrapper  {
    display:flex
}
.item-selection-item__error-icon  {
    color:var(--color-red-100);
    cursor:pointer
}
.item-selection-item__error-icon:hover  {
    opacity:.75
}
.item-selection-item__remove  {
    color:var(--color-base-300);
    cursor:pointer
}
.item-selection-item__remove:hover  {
    color:var(--color-base-200)
}
.item-selection-item__main  {
    display:flex;
    gap:1rem
}
.item-selection-item__image  {
    height:48px;
    aspect-ratio:1/1
}
.item-selection-item__details  {
    display:flex;
    flex-direction:column;
    gap:.25rem;
    width:100%;
    overflow:hidden
}
.item-selection-item__text  {
    display:flex;
    flex-direction:column;
    gap:.25rem
}
.item-selection-item__misc,.item-selection-item__name,.item-selection-item__price  {
    overflow:hidden;
    text-overflow:ellipsis;
    text-wrap:nowrap
}
.item-selection-item__misc  {
    max-width:calc(100% - 1.5rem)
}
.item-selection-item--has-error .item-selection-item__misc  {
    max-width:calc(100% - 3.25rem)
}
.item-selection-item__name  {
    color:var(--rarity-color)
}
.item-selection-item__extras  {
    display:flex;
    padding-top:.25rem;
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.75rem;
    color:var(--color-base-300);
    text-transform:uppercase
}
.item-selection-item__stickers  {
    display:flex;
    gap:1px;
    margin-left:auto
}
.item-selection-item__sticker  {
    height:22px;
    aspect-ratio:1/1
}
.item-selection-item__price  {
    display:flex;
    justify-content:space-between;
    font-family:IBM Plex Mono,monospace,system-ui;
    text-transform:uppercase
}
.item-selection-item__price-label  {
    color:var(--color-base-300)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-fc21b06a  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-fc21b06a  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.progress-circle  {
    display:flex;
    align-items:center;
    justify-content:center;
    height:24px;
    aspect-ratio:1/1
}
.progress-circle__inner  {
    position:relative;
    width:16px;
    height:16px;
    background:transparent;
    border-radius:100%
}
.progress-circle__inner:before  {
    --progress-in-deg: calc(var(--v206e6122) * 360grad);
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:calc(100% - 4px);
    aspect-ratio:1/1;
    padding:2px;
    content:"";
    background:conic-gradient(var(--color-base-600) var(--progress-in-deg),var(--color-brand-100) var(--progress-in-deg),var(--color-brand-100) 360grad);
    border-radius:inherit;
    mask:conic-gradient(#000000 0 0) content-box exclude,conic-gradient(#000000 0 0)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-90554d2c  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-90554d2c  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.item-selection-item-header  {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:1rem;
    font-size:.875rem;
    border-bottom:1px solid var(--color-base-700)
}
.item-selection-item-header__type  {
    display:flex;
    gap:6px;
    align-items:center
}
.item-selection-item-header__type-icon  {
    width:24px;
    height:24px;
    color:var(--color-brand-100)
}
.item-selection-item-header__type-icon--buy  {
    color:var(--color-yellow-100)
}
.item-selection-item-header__status  {
    position:relative;
    display:flex;
    gap:.25rem;
    align-items:center;
    font-family:IBM Plex Mono,monospace,system-ui;
    color:var(--color-base-300);
    text-transform:uppercase
}
.item-selection-item-header--completed .item-selection-item-header__status  {
    color:var(--color-green-100)
}
.item-selection-item-header--failed .item-selection-item-header__status  {
    color:var(--color-red-100);
    cursor:pointer
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-7ee8ad3e  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-7ee8ad3e  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.item-selection-element  {
    position:relative;
    display:flex;
    flex-direction:column;
    gap:1rem;
    padding:1.25rem 1rem;
    background-color:var(--color-base-800);
    border-radius:10px
}
.item-selection-element--pending  {
    pointer-events:none
}
.item-selection-element--pending>*:not(.item-selection-element__spinner)  {
    opacity:.6;
    filter:blur(2px);
    transition:filter .1s ease
}
.item-selection-element__spinner  {
    position:absolute;
    top:50%;
    left:50%;
    z-index:1;
    width:32px;
    height:32px;
    color:var(--color-base-0);
    transform:translate(-50%,-50%)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-135de6cb  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-135de6cb  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.item-selection-empty  {
    display:flex;
    flex-direction:column;
    gap:.75rem;
    align-items:center;
    max-width:256px;
    margin:auto
}
.item-selection-empty__image  {
    height:88px;
    object-fit:contain
}
.item-selection-empty__text  {
    display:flex;
    flex-direction:column;
    gap:.5rem;
    text-align:center
}
.item-selection-empty__description  {
    margin-bottom:.5rem;
    font-size:.875rem;
    font-weight:500;
    color:var(--color-base-200)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-ae098cda  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-ae098cda  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.item-selection-tab  {
    display:flex;
    gap:.5rem;
    align-items:center;
    justify-content:center;
    padding:1rem 0;
    font-size:.875rem;
    color:var(--color-base-200);
    cursor:pointer;
    border-bottom:2px solid transparent
}
.item-selection-tab--active  {
    border-bottom-color:var(--color-brand-100)
}
.item-selection-tab__icon  {
    width:24px;
    height:24px
}
.item-selection-tab:not(.item-selection-tab--active):hover .item-selection-tab__icon  {
    color:var(--color-base-0)
}
.item-selection-tab--active .item-selection-tab__icon  {
    color:var(--color-brand-100)
}
.item-selection-tab__name  {
    transition:color .1s ease
}
.item-selection-tab:hover .item-selection-tab__name,.item-selection-tab--active .item-selection-tab__name  {
    color:var(--color-base-0)
}
.item-selection-tab__count  {
    display:flex;
    align-items:center;
    justify-content:center;
    height:24px;
    padding:0 6px;
    font-family:IBM Plex Mono,monospace,system-ui;
    background-color:var(--color-base-600);
    border-radius:28px
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-ce3997d0  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-ce3997d0  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.item-selection-summary  {
    display:flex;
    flex-direction:column;
    width:320px;
    height:100%;
    overflow-y:auto;
    background-color:var(--color-base-700);
    border-radius:.75rem;
    --inline-padding: 1rem
}
.item-selection-summary__header  {
    display:flex;
    gap:.5rem;
    align-items:center;
    padding-inline:var(--inline-padding)
}
.item-selection-summary__tab  {
    flex-basis:100%
}
.item-selection-summary__title  {
    margin-right:auto
}
.item-selection-summary__total  {
    padding:2px .5rem;
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.875rem;
    color:var(--color-base-200);
    background-color:var(--color-base-600);
    border-radius:2ch
}
.item-selection-summary__clear  {
    display:flex;
    gap:.25rem;
    align-items:center;
    color:var(--color-base-200);
    cursor:pointer;
    transition:color .1s ease
}
.item-selection-summary__clear:hover  {
    color:var(--color-base-200)
}
.item-selection-summary__list  {
    display:flex;
    flex-grow:1;
    flex-direction:column;
    gap:6px;
    min-height:190px;
    padding:2px;
    overflow-y:auto
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-19d0b387  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-19d0b387  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.user-cart-wrapper  {
    position:relative
}
.user-cart  {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:0 .75rem;
    cursor:pointer
}
.user-cart__container  {
    position:relative;
    display:flex
}
.user-cart__icon  {
    width:28px;
    height:28px;
    color:var(--color-base-300)
}
.user-cart:hover .user-cart__icon  {
    color:var(--color-base-0)
}
.user-cart__label  {
    font-size:.875rem;
    color:var(--color-base-300);
    transition:color .1s ease
}
.user-cart:hover .user-cart__label  {
    color:var(--color-base-300)
}
.user-cart__counter  {
    --counter-padding: 6px;
    position:absolute;
    top:calc(var(--counter-padding) * -1.5);
    right:calc(var(--counter-padding) * -1);
    padding:0 var(--counter-padding);
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.875rem;
    color:#141925;
    background:#0486f4;
    border-radius:24px
}
.user-cart__dropdown  {
    width:320px;
    padding:0;
    margin-top:.5rem
}
@media not (min-width:768px)  {
    .user-cart  {
        gap:2px;
        padding:0
    }
    .user-cart__label,.user-cart__icon  {
        color:var(--color-base-300)
    }
    .user-cart:hover .user-cart__label,.user-cart:hover .user-cart__icon  {
        color:var(--color-base-0)
    }
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-48b95b7f  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-48b95b7f  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.nav-menu-link  {
    position:relative;
    display:flex;
    gap:6px;
    align-items:center;
    justify-content:center;
    height:100%;
    font-weight:600;
    color:#cfd4de;
    cursor:pointer;
    transition:color .1s ease
}
.nav-menu-link--active,.nav-menu-link:hover  {
    color:#fff
}
.navigation-item__icon  {
    flex-shrink:0;
    width:1.5rem;
    height:1.5rem
}
.nav-menu-link:hover .navigation-item__icon  {
    color:#fff
}
.nav-menu-link--active:hover .navigation-item__icon,.nav-menu-link--active .navigation-item__icon  {
    color:#0486f4
}
@media not (min-width:768px)  {
    .nav-menu-link  {
        flex-direction:column;
        gap:2px;
        font-size:.875rem;
        color:var(--color-base-300)
    }
    .nav-menu-link:after  {
        display:none
    }
    .nav-menu-link--active,.nav-menu-link:hover  {
        color:#fff
    }
    .navigation-item__icon  {
        width:28px;
        height:28px
    }
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-27b84776  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-27b84776  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.icon-with-rounding  {
    display:flex;
    align-items:center;
    justify-content:center;
    height:36px;
    aspect-ratio:1/1;
    background:var(--color-base-700);
    background:linear-gradient(200deg,#141925 13.58%,#1b2131 79.79%),radial-gradient(60.79% 61.94% at 70.83% 41.67%,rgba(243,243,167,.3),rgba(243,243,167,0) 45.18%),var(--color-base-300ase-600, #1e2739);
    border-radius:100%;
    box-shadow:0 1px 2px rgba(167,243,178,.1) inset,0 1px 7px rgba(13,17,25,.42),0 0 2px rgba(40,51,77,.74) inset
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-e209ad9e  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-e209ad9e  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.search-not-found  {
    position:absolute;
    top:0;
    display:flex;
    flex-direction:column;
    gap:.75rem;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    padding:.75rem 2rem
}
.search-not-found__icon  {
    padding-block:6px;
    color:var(--color-yellow-100)
}
.search-not-found__text  {
    display:flex;
    flex-direction:column;
    gap:.5rem;
    font-size:.875rem;
    text-align:center
}
.search-not-found__title  {
    font-family:IBM Plex Mono,monospace,system-ui;
    font-weight:600;
    text-transform:uppercase
}
.search-not-found__description  {
    font-weight:500;
    color:var(--color-base-300)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-a25e8bba  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-a25e8bba  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.search-result-item  {
    display:grid;
    grid-template:"image category price" auto "image name price" auto/auto 1fr auto;
    gap:2px .75rem;
    padding:.75rem var(--parent-padding-inline, 0);
    text-overflow:ellipsis;
    font-size:.875rem;
    font-weight:600;
    text-wrap:nowrap;
    cursor:pointer;
    border-radius:.5rem;
    transition:background-color .1s ease
}
.search-result-item:hover  {
    background-color:var(--color-base-600)
}
.search-result-item__image  {
    grid-area:image;
    width:50px;
    height:50px
}
.search-result-item__category  {
    grid-area:category
}
.search-result-item__category,.search-result-item__name  {
    overflow:hidden;
    text-overflow:ellipsis;
    text-wrap:nowrap
}
.search-result-item__name  {
    grid-area:name;
    color:var(--rarity-color)
}
.search-result-item__price  {
    display:flex;
    grid-area:price;
    align-items:center;
    font-family:IBM Plex Mono,monospace,system-ui;
    color:var(--color-base-200);
    text-align:right
}
@media not (min-width:1280px)  {
    .search-result-item  {
        gap:.25rem 1rem;
        padding:1rem;
        background-color:var(--color-base-700);
        border-radius:.5rem
    }
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-e1797b65  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-e1797b65  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.search-result-header  {
    position:relative;
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    padding:.75rem var(--parent-padding-inline, 0);
    font-size:.875rem
}
.search-result-header__title  {
    height:24px;
    overflow:hidden;
    text-overflow:ellipsis;
    text-wrap:nowrap
}
@media not (min-width:1280px)  {
    .search-result-header  {
        padding:0 0 6px
    }
    .search-result-header__title  {
        font-family:IBM Plex Mono,monospace,system-ui;
        color:var(--color-base-300);
        text-transform:uppercase
    }
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-03110576  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-03110576  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.search-results  {
    position:relative
}
.search-results__wrapper  {
    display:flex;
    flex-direction:column;
    gap:6px
}
.search-results--empty .search-results__wrapper  {
    visibility:hidden
}
.search-results__header  {
    cursor:pointer;
    transition:opacity .1s ease
}
.search-results__header:hover  {
    opacity:.8
}
.search-results__icon-wrapper  {
    position:relative;
    flex-shrink:0;
    width:24px;
    height:24px;
    padding-left:.25rem
}
.search-results__icon  {
    position:absolute;
    top:0;
    right:0;
    color:var(--color-base-0)
}
.search-results__icon--rotate  {
    top:3px;
    right:5px;
    width:15px;
    height:15px;
    animation:rotate-03110576 1s linear infinite
}
@keyframes rotate-03110576  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-dd4e3057  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-dd4e3057  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.search-content  {
    width:100%;
    padding:.25rem;
    margin-top:.25rem
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-c6a1f8fc  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-c6a1f8fc  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.search-modal  {
    display:flex;
    flex-direction:column;
    width:500px;
    max-width:100%;
    max-height:100%;
    padding:2px;
    overflow:auto;
    background:var(--color-base-700);
    --parent-padding-inline: 1.25rem
}
.search-modal__search  {
    padding-block:1rem;
    padding-inline:var(--parent-padding-inline)
}
.search-modal__search .input__interactive  {
    height:auto;
    padding:0;
    background:transparent
}
.search-modal__search .input__interactive:after  {
    content:none
}
.search-modal__search .input__interactive:focus-within  {
    border-color:transparent
}
.search-modal__clear  {
    display:flex;
    align-items:center;
    height:26px;
    padding-inline:.625rem;
    margin-right:.75rem;
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.875rem;
    font-weight:600;
    color:var(--color-base-200);
    background-color:var(--color-base-600);
    border-radius:.625rem
}
.search-modal__close  {
    cursor:pointer
}
.search-modal__content  {
    display:flex;
    flex-direction:column;
    gap:1.5rem;
    padding-block:1.25rem;
    padding-inline:var(--parent-padding-inline);
    background-color:var(--color-base-800);
    border-radius:.625rem
}
@media not (min-width:768px)  {
    .search-modal  {
        width:100%
    }
    .search-modal__content  {
        border-radius:.625rem .625rem 0 0
    }
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-51ad0578  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-51ad0578  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.mobile-footer-nav  {
    z-index:1010;
    display:flex;
    align-items:center;
    justify-content:stretch;
    height:70px;
    min-height:70px;
    padding:0 2.5rem;
    background:var(--color-base-700);
    border-top:1px solid var(--color-base-800)
}
.mobile-nav-item  {
    flex-basis:100%
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-caa745d5  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-caa745d5  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.header-login  {
    display:flex;
    gap:.75rem;
    align-items:center
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-8a2c8631  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-8a2c8631  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.user-cart-wrapper  {
    position:relative
}
.user-cart  {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:0 .75rem;
    cursor:pointer
}
.user-cart__container  {
    position:relative;
    display:flex
}
.user-cart__icon  {
    width:28px;
    height:28px;
    color:var(--color-base-300)
}
.user-cart:hover .user-cart__icon  {
    color:var(--color-base-0)
}
.user-cart__label  {
    font-size:.875rem;
    color:var(--color-base-300);
    transition:color .1s ease
}
.user-cart:hover .user-cart__label  {
    color:var(--color-base-300)
}
.user-cart__counter  {
    --counter-padding: 6px;
    position:absolute;
    top:calc(var(--counter-padding) * -1.5);
    right:calc(var(--counter-padding) * -1);
    padding:0 var(--counter-padding);
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.875rem;
    color:#141925;
    background:#0486f4;
    border-radius:24px
}
.user-cart__dropdown  {
    width:320px;
    padding:0;
    margin-top:.5rem
}
@media not (min-width:768px)  {
    .user-cart  {
        gap:2px;
        padding:0
    }
    .user-cart__label,.user-cart__icon  {
        color:var(--color-base-300)
    }
    .user-cart:hover .user-cart__label,.user-cart:hover .user-cart__icon  {
        color:var(--color-base-0)
    }
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-67ac25a8  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-67ac25a8  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.country-flag  {
    flex-shrink:0;
    height:15px;
    aspect-ratio:4/3;
    overflow:hidden;
    border-radius:2px
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-4ee9b2a5  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-4ee9b2a5  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.language-with-flag  {
    display:flex;
    gap:.5rem;
    align-items:center;
    font-size:.875rem;
    font-weight:500
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-169d7155  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-169d7155  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.user-profile-picture  {
    display:flex;
    height:100%;
    padding:2px
}
.user-profile-picture__image  {
    height:100%;
    aspect-ratio:1/1;
    overflow:hidden;
    outline:2px solid var(--user-profile-picture-border, var(--color-base-600));
    object-fit:contain;
    border:2px solid transparent;
    border-radius:8px;
    transition:outline-color .1s ease
}
.user-profile-picture__placeholder  {
    width:100%;
    height:100%
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-bea4a4dd  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-bea4a4dd  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.transaction-iframe-loader  {
    display:flex;
    flex:1;
    flex-direction:column;
    gap:1rem;
    align-items:center;
    justify-content:center;
    padding:2rem
}
.transaction-iframe-loader__spinner  {
    width:40px;
    height:40px;
    border:3px solid var(--color-base-600);
    border-top-color:var(--color-brand-100);
    border-radius:50%;
    animation:spin-bea4a4dd 1s linear infinite
}
.transaction-iframe-loader__text  {
    font-size:.875rem;
    color:var(--color-base-300)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-675afa02  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-675afa02  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.transaction-iframe-content  {
    position:relative;
    display:flex;
    flex:1;
    align-items:center;
    justify-content:center;
    width:100%;
    overflow:hidden auto;
    border-radius:.5rem
}
.transaction-iframe-content--Swapped  {
    align-items:safe center;
    justify-content:center;
    padding-block:1rem
}
.transaction-iframe-content__iframe  {
    flex-grow:1;
    width:100%;
    max-width:100%;
    height:100%;
    border:none;
    border-radius:.5rem
}
.transaction-iframe-content--Swapped .transaction-iframe-content__iframe  {
    flex-grow:0;
    width:400px;
    height:482px
}
@media not (min-width:768px)  {
    .transaction-iframe-content  {
        padding-block-end:0
    }
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-79dd07dc  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-79dd07dc  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.transaction-iframe-view__loader  {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    display:flex;
    flex:1;
    flex-direction:column
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-fa462bfb  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-fa462bfb  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.transaction-iframe-error  {
    display:flex;
    flex:1;
    flex-direction:column;
    gap:1rem;
    align-items:center;
    justify-content:center;
    padding:2rem;
    color:var(--color-base-0);
    text-align:center
}
.transaction-iframe-error__message  {
    color:var(--color-red-100)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-e06c033c  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-e06c033c  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.transaction-integration-view  {
    position:relative;
    display:flex;
    flex:1;
    flex-direction:column;
    width:100%
}
.transaction-integration-view__form  {
    display:flex;
    flex:1;
    flex-direction:column
}
.transaction-integration-view__form--hidden  {
    visibility:hidden
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-3cb4e710  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-3cb4e710  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.dropdown-leave-to,.dropdown-enter-from  {
    opacity:0
}
.dropdown-leave-active,.dropdown-enter-active  {
    transition:opacity .15s,transform .15s
}
.dropdown-leave-from,.dropdown-enter-to  {
    opacity:1
}
.dropdown-content  {
    position:absolute;
    top:100%;
    z-index:1020;
    display:flex;
    flex-direction:column;
    min-width:100%;
    overflow-y:auto;
    background:var(--color-base-700);
    border-radius:.75rem;
    box-shadow:0 6px 12px rgba(20,25,37,.8)
}
.dropdown-content--left  {
    right:0
}
.dropdown-content--right  {
    left:0
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-f55a1eac  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-f55a1eac  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.dropdown-header  {
    --dropdown-header-color: var( --set-dropdown-header-color, var(--color-base-200) );
    position:relative;
    display:flex;
    gap:.25rem;
    align-items:center;
    justify-content:space-between;
    height:100%;
    color:var(--dropdown-header-color);
    cursor:pointer
}
.dropdown-header>*  {
    user-select:none
}
.dropdown-header .change-icon-leave-active,.dropdown-header .change-icon-enter-active  {
    position:absolute
}
.dropdown-header .change-icon-leave-active  {
    visibility:hidden
}
.dropdown-header:hover,.dropdown-header--active  {
    --dropdown-header-color: var( --set-dropdown-header-active-color, var(--color-base-0) )
}
.dropdown-header__label  {
    font-size:.875rem;
    transition:color .1s ease
}
.dropdown-header__icon  {
    transition:color .1s ease
}
.dropdown-header__icon--carat  {
    flex-shrink:0;
    color:var(--set-dropdown-header-carat-color, var(--color-base-200));
    transition:color .1s ease,transform .1s ease
}
.dropdown-header:hover .dropdown-header__icon--carat,.dropdown-header--active .dropdown-header__icon--carat  {
    color:var(--set-dropdown-header-carat-color, var(--color-base-0))
}
.dropdown-header__icon--rotated  {
    transform:rotate(180deg)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-f2bad7d4  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-f2bad7d4  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.dropdown  {
    position:relative;
    height:100%
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-76c14076  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-76c14076  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.dropdown-list  {
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:.25rem
}
.dropdown-list .dropdown-content  {
    padding:.25rem
}
.dropdown-list__item  {
    padding:.5rem .75rem;
    font-size:.875rem;
    font-weight:500;
    color:var(--color-base-200);
    text-wrap:nowrap;
    cursor:pointer;
    border-radius:.25rem
}
.dropdown-list__item--selected,.dropdown-list__item:hover  {
    color:var(--color-base-0)
}
.dropdown-list__item--selected  {
    background:var(--color-base-500)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-34c4e7bd  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-34c4e7bd  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.transaction-fiat-option  {
    display:flex;
    gap:.375rem
}
.transaction-fiat-option .dropdown-list  {
    flex:1;
    padding:0
}
.transaction-fiat-option .dropdown-header  {
    width:100%
}
.transaction-fiat-option .dropdown-header__icon--carat  {
    display:none
}
.transaction-fiat-option .dropdown-list__item  {
    display:flex;
    gap:.5rem;
    align-items:center;
    padding:.75rem;
    border-radius:.5rem
}
.transaction-fiat-option .dropdown-list__wrapper  {
    padding:2px;
    background:var(--color-base-800);
    border-radius:6px
}
.transaction-fiat-option .dropdown-content  {
    background:var(--color-base-800)
}
.transaction-fiat-option__button  {
    display:flex;
    flex:1;
    gap:.5rem;
    align-items:center;
    justify-content:center;
    height:42px;
    color:var(--color-base-0);
    cursor:pointer;
    background:var(--color-base-600);
    border:2px solid transparent;
    border-radius:.5rem;
    transition:.1s ease
}
.transaction-fiat-option__button--active  {
    border-color:var(--color-brand-100)
}
.transaction-fiat-option__button:hover  {
    background:var(--color-base-500)
}
.transaction-fiat-option__text  {
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.875rem;
    color:var(--color-base-200);
    text-transform:uppercase;
    pointer-events:none
}
.transaction-fiat-option__button--active .transaction-fiat-option__text  {
    color:var(--color-base-0)
}
.transaction-fiat-option__icon  {
    color:var(--color-base-600)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-139f5b20  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-139f5b20  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.transaction-withdraw-integration  {
    display:flex;
    flex:1;
    flex-direction:column;
    gap:1.5rem
}
.transaction-withdraw-integration__section  {
    display:flex;
    flex-direction:column;
    gap:.5rem
}
.transaction-withdraw-integration__section-header  {
    display:flex;
    gap:.5rem;
    align-items:center;
    justify-content:space-between;
    height:24px
}
.transaction-withdraw-integration__section-label  {
    display:flex;
    align-items:center;
    height:24px;
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.875rem;
    font-weight:600;
    line-height:1.6;
    color:var(--color-base-300);
    text-transform:uppercase
}
.transaction-withdraw-integration__section-description  {
    font-size:.875rem;
    font-weight:500;
    color:var(--color-base-300)
}
.transaction-withdraw-integration__input  {
    font-size:1rem
}
.transaction-withdraw-integration__helper  {
    font-family:IBM Plex Sans Variable,sans-serif,system-ui;
    font-size:.875rem;
    font-weight:500;
    line-height:1.6;
    color:var(--color-base-300)
}
.transaction-withdraw-integration__max-btn  {
    padding:.25rem .5rem;
    font-family:IBM Plex Sans Variable,sans-serif,system-ui;
    font-size:.875rem;
    font-weight:600;
    color:var(--color-base-300);
    cursor:pointer;
    background:transparent;
    border:none;
    transition:color .1s ease
}
.transaction-withdraw-integration__max-btn:hover  {
    color:var(--color-base-0)
}
.transaction-withdraw-integration__summary  {
    display:flex;
    flex-direction:column;
    gap:.5rem;
    padding-top:.5rem;
    margin-top:auto
}
.transaction-withdraw-integration__summary-row  {
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.875rem;
    text-transform:uppercase
}
.transaction-withdraw-integration__summary-row--large  {
    font-size:1rem
}
.transaction-withdraw-integration__summary-label  {
    color:var(--color-base-300)
}
.transaction-withdraw-integration__summary-value  {
    color:var(--color-base-200)
}
.transaction-withdraw-integration__summary-value--highlight  {
    color:var(--color-base-0)
}
.transaction-withdraw-integration__summary-value--uppercase  {
    text-transform:uppercase
}
.transaction-withdraw-integration__actions  {
    display:flex;
    flex-direction:column;
    gap:.5rem
}
.transaction-withdraw-integration__info  {
    font-family:IBM Plex Sans Variable,sans-serif,system-ui;
    font-size:.875rem;
    font-weight:500;
    line-height:1.6;
    color:var(--color-base-300);
    text-align:center
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-93514150  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-93514150  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.modal-section  {
    display:flex;
    flex-direction:column;
    gap:.5rem
}
.modal-section__header  {
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.875rem;
    color:var(--color-base-900);
    text-transform:uppercase
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-c993600b  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-c993600b  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.transaction-crypto-fees  {
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:.5rem
}
.transaction-crypto-fees__option  {
    display:flex;
    flex-direction:row;
    gap:6px;
    align-items:center;
    justify-content:center;
    height:42px;
    padding:0 .75rem;
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.875rem;
    color:#cfd4de;
    text-transform:uppercase;
    cursor:pointer;
    background:#1e2739;
    border:2px solid #1e2739;
    border-radius:.5rem;
    transition:background-color .1s ease,border-color .1s ease,color .1s ease
}
.transaction-crypto-fees__option--selected  {
    color:#fff;
    background:#232e43;
    border-color:#0486f4
}
.transaction-crypto-fees__option:not(.transaction-crypto-fees__option--selected):hover  {
    color:#fff;
    background:#232e43
}
.transaction-crypto-fees__icon  {
    color:var(--color-base-300)
}
.transaction-crypto-fees__option--selected .transaction-crypto-fees__icon  {
    color:#0486f4
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-b3d0732a  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-b3d0732a  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.transaction-withdraw-address__chain  {
    padding:1px 6px;
    color:#f3f3a7;
    text-transform:uppercase;
    background-color:rgba(243,243,167,.1);
    border-radius:6px
}
.transaction-withdraw-address__suffix  {
    display:flex;
    gap:2px;
    align-items:center;
    justify-content:center;
    cursor:pointer
}
.transaction-withdraw-address__action  {
    padding:0 .25rem
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-e9a614fa  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-e9a614fa  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.transaction-amount__max-button  {
    padding:0 .25rem;
    cursor:pointer
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-54533180  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-54533180  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.transaction-crypto-option  {
    display:flex;
    gap:1rem;
    align-items:center;
    padding:1rem;
    cursor:pointer;
    background:#1e2739;
    border:2px solid transparent;
    border-radius:.75rem;
    transition:background-color .1s ease,border-color .1s ease
}
.transaction-crypto-option:hover  {
    background:rgba(30,39,57,.8)
}
.transaction-crypto-option--selected  {
    background:#1e2739;
    border-color:#0486f4
}
.transaction-crypto-option__icon-wrapper  {
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 4px
}
.transaction-crypto-option__icon  {
    width:32px;
    height:32px;
    object-fit:contain
}
.transaction-crypto-option__info  {
    display:flex;
    flex:1;
    flex-direction:column;
    gap:4px;
    min-width:0
}
.transaction-crypto-option__name  {
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:.875rem;
    font-weight:600;
    color:var(--color-base-0);
    white-space:nowrap
}
.transaction-crypto-option__details  {
    overflow:hidden;
    text-overflow:ellipsis;
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.75rem;
    font-weight:600;
    color:var(--color-base-300);
    text-transform:uppercase;
    white-space:nowrap
}
.transaction-crypto-option__radio  {
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    width:20px;
    height:20px;
    background:transparent;
    border:2px solid #1e2739;
    border-radius:50%;
    transition:background-color .1s ease,border-color .1s ease
}
.transaction-crypto-option--selected .transaction-crypto-option__radio  {
    background:#0486f4;
    border-color:#0486f4
}
.transaction-crypto-option__checkmark  {
    color:#141925
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-fa0e5a29  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-fa0e5a29  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.transaction-crypto-settings  {
    display:flex;
    flex-direction:column;
    gap:.5rem
}
.transaction-crypto-settings__header  {
    display:flex;
    align-items:center;
    justify-content:space-between
}
.transaction-crypto-settings__label  {
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.875rem;
    font-weight:600;
    line-height:1.6;
    color:var(--color-base-300);
    text-transform:uppercase
}
.transaction-crypto-settings__selector  {
    display:flex;
    gap:.25rem;
    align-items:center
}
.transaction-crypto-settings__globe-icon  {
    width:24px;
    height:24px;
    color:var(--color-base-200)
}
.transaction-crypto-settings__chains  {
    padding:0
}
.transaction-crypto-settings__chains--no-options .dropdown-header  {
    pointer-events:none
}
.transaction-crypto-settings__chains--no-options .dropdown-header__icon--carat  {
    display:none
}
.transaction-crypto-settings__dropdown  {
    background-color:var(--color-base-600);
    border-radius:10px
}
.transaction-crypto-settings__dropdown .dropdown-header  {
    min-width:100%;
    padding-right:1rem
}
.transaction-crypto-settings__dropdown .dropdown-content  {
    max-height:200px;
    padding:2px;
    overflow:hidden auto;
    background-color:var(--color-base-800);
    border-radius:10px
}
.transaction-crypto-settings__dropdown .dropdown-list__item  {
    display:flex;
    gap:.5rem;
    align-items:center;
    padding:.75rem;
    border-radius:.5rem
}
.transaction-crypto-settings__dropdown .dropdown-list__item>svg  {
    width:auto;
    height:1.25rem
}
.chain-option  {
    display:flex;
    gap:.5rem;
    align-items:center
}
.chain-option__icon  {
    flex-shrink:0;
    width:20px;
    height:20px
}
.chain-option__name  {
    font-size:.875rem
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-2720a139  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-2720a139  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.transaction-withdraw-crypto  {
    display:flex;
    flex:1;
    flex-direction:column;
    gap:1.5rem;
    height:min-content;
    min-height:100%
}
.transaction-withdraw-crypto__content  {
    display:flex;
    flex-grow:1;
    flex-direction:column;
    gap:1.5rem
}
.transaction-withdraw-crypto__section  {
    display:flex;
    flex-direction:column
}
.transaction-withdraw-crypto__info  {
    display:flex;
    gap:.5rem;
    align-items:flex-start;
    padding:1rem;
    background-color:rgba(79,243,100,.08);
    border:1px solid rgba(79,243,100,.15);
    border-radius:.5rem
}
.transaction-withdraw-crypto__info-icon  {
    flex-shrink:0;
    width:16px;
    height:16px;
    margin-top:2px;
    color:var(--color-brand-100)
}
.transaction-withdraw-crypto__info-text  {
    flex:1;
    font-size:.875rem;
    font-weight:500;
    line-height:1.5;
    color:var(--color-base-200)
}
.transaction-withdraw-crypto__bottom  {
    display:flex;
    flex-direction:column;
    gap:1rem
}
.transaction-withdraw-crypto__error  {
    padding:1rem;
    font-size:.875rem;
    font-weight:500;
    color:var(--color-red-100);
    text-align:center;
    background-color:rgba(243,167,189,.1);
    border:1px solid rgba(243,167,189,.2);
    border-radius:.5rem
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-c6f19784  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-c6f19784  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.transaction-deposit-integration  {
    display:flex;
    flex:1;
    flex-direction:column;
    gap:1rem
}
.transaction-deposit-integration__input  {
    font-size:1.125rem
}
.transaction-deposit-integration__currency-select  {
    padding:0;
    margin-left:.5rem;
    font-size:.875rem;
    color:var(--color-base-300);
    cursor:pointer
}
.transaction-deposit-integration__currency-select:hover  {
    color:var(--color-brand-100)
}
.transaction-deposit-integration__currency-select .dropdown-content  {
    max-height:240px;
    overflow-y:auto
}
.transaction-deposit-integration__presets  {
    display:flex;
    flex-direction:column;
    gap:.5rem
}
.transaction-deposit-integration__presets-row  {
    display:flex;
    gap:.5rem
}
.transaction-deposit-integration__spacer  {
    flex:1
}
.transaction-deposit-integration__preset  {
    display:flex;
    flex:1;
    gap:2px;
    align-items:center;
    justify-content:center;
    height:42px;
    padding:9px 1rem;
    font-family:IBM Plex Mono,monospace,system-ui;
    cursor:pointer;
    background:#1e2739;
    border:2px solid transparent;
    border-radius:.75rem;
    transition:border-color .1s ease,background-color .1s ease
}
.transaction-deposit-integration__preset>*  {
    user-select:none
}
.transaction-deposit-integration__preset:hover  {
    background:rgba(35,46,67,.8)
}
.transaction-deposit-integration__preset--selected  {
    border-color:#0486f4
}
.transaction-deposit-integration__preset-currency  {
    font-size:.75rem;
    color:var(--color-base-300)
}
.transaction-deposit-integration__preset--selected .transaction-deposit-integration__preset-currency  {
    color:var(--color-base-0)
}
.transaction-deposit-integration__preset-amount  {
    padding:0 4px;
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.875rem;
    color:var(--color-base-200)
}
.transaction-deposit-integration__preset--selected .transaction-deposit-integration__preset-amount  {
    color:var(--color-base-0)
}
.transaction-deposit-integration__summary  {
    display:flex;
    flex-direction:column;
    gap:1rem;
    margin-top:auto
}
.transaction-deposit-integration__summary-row  {
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.875rem;
    line-height:1.6
}
.transaction-deposit-integration__summary-row--total  {
    font-size:1rem
}
.transaction-deposit-integration__summary-label  {
    color:var(--color-base-300);
    text-transform:uppercase
}
.transaction-deposit-integration__summary-value  {
    color:var(--color-base-200)
}
.transaction-deposit-integration__summary-value--highlight  {
    color:var(--color-base-0)
}
.transaction-deposit-integration__actions  {
    display:flex;
    flex-direction:column;
    gap:1rem
}
.transaction-deposit-integration__terms  {
    font-size:.875rem;
    font-weight:500;
    line-height:1.6;
    color:var(--color-base-300);
    text-align:center
}
.transaction-deposit-integration__terms a  {
    color:var(--color-base-200);
    text-decoration:none
}
.transaction-deposit-integration__terms a:hover  {
    text-decoration:underline
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-b139a59a  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-b139a59a  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.transaction-deposit-crypto-address  {
    display:flex;
    flex-direction:column;
    gap:1.5rem;
    min-height:fit-content
}
.transaction-deposit-crypto-address__error  {
    display:flex;
    flex-direction:column;
    gap:1rem;
    align-items:center;
    justify-content:center;
    min-height:400px;
    padding:2rem;
    color:var(--color-base-0);
    text-align:center
}
.transaction-deposit-crypto-address__error p  {
    color:var(--color-red-100)
}
.transaction-deposit-crypto-address__qr-container  {
    display:flex;
    flex-direction:column;
    gap:1rem;
    align-items:center;
    padding:1rem 0
}
.transaction-deposit-crypto-address__qr-code  {
    width:164px;
    aspect-ratio:1/1;
    padding:.5rem;
    overflow:hidden;
    background:#fff;
    border-radius:.5rem
}
.transaction-deposit-crypto-address__qr-code--skeleton  {
    background:#1e2739;
    animation:skeleton-pulse-b139a59a 2s ease-in-out infinite
}
.transaction-deposit-crypto-address__bottom-section  {
    display:flex;
    flex-direction:column;
    gap:20px;
    width:100%
}
.transaction-deposit-crypto-address__section  {
    width:100%
}
.transaction-deposit-crypto-address__address-wrapper  {
    display:flex;
    gap:.5rem;
    align-items:flex-start;
    padding:1rem;
    cursor:pointer;
    background-color:#1e2739;
    border-radius:.5rem;
    transition:background-color .2s ease
}
.transaction-deposit-crypto-address__address-wrapper:hover  {
    background-color:#232e43
}
.transaction-deposit-crypto-address__address-wrapper--skeleton  {
    align-items:flex-start;
    justify-content:flex-start;
    min-height:64px;
    cursor:default
}
.transaction-deposit-crypto-address__address-wrapper--skeleton:hover  {
    background-color:#1e2739
}
.transaction-deposit-crypto-address__skeleton-address  {
    display:flex;
    flex:1;
    flex-direction:column;
    gap:8px;
    align-items:flex-start;
    width:100%
}
.transaction-deposit-crypto-address__address  {
    flex:1;
    font-size:1rem;
    font-weight:500;
    line-height:1.6;
    color:var(--color-base-0);
    letter-spacing:-.01em;
    word-break:break-all;
    user-select:all
}
.transaction-deposit-crypto-address__copy  {
    flex-shrink:0;
    color:var(--color-base-300);
    pointer-events:none
}
.transaction-deposit-crypto-address__copy--success  {
    color:var(--color-brand-100)
}
.transaction-deposit-crypto-address__skeleton-line  {
    height:14px;
    background:#232e43;
    border-radius:4px;
    animation:skeleton-pulse-b139a59a 2s ease-in-out infinite
}
.transaction-deposit-crypto-address__skeleton-line--address-line1  {
    width:100%
}
.transaction-deposit-crypto-address__skeleton-line--address-line2  {
    width:75%
}
.transaction-deposit-crypto-address__skeleton-icon  {
    display:block;
    flex-shrink:0;
    background:#1e2739;
    border-radius:4px;
    animation:skeleton-pulse-b139a59a 2s ease-in-out infinite
}
.transaction-deposit-crypto-address__skeleton-icon--min  {
    width:24px;
    height:24px
}
.transaction-deposit-crypto-address__skeleton-text  {
    display:block;
    width:80%;
    height:14px;
    background:#1e2739;
    border-radius:4px;
    animation:skeleton-pulse-b139a59a 2s ease-in-out infinite
}
.transaction-deposit-crypto-address__skeleton-text--min  {
    width:180px;
    height:14px
}
.transaction-deposit-crypto-address__skeleton-text--reminder-line1  {
    width:100%;
    max-width:400px;
    height:14px
}
.transaction-deposit-crypto-address__skeleton-text--reminder-line2  {
    width:70%;
    max-width:280px;
    height:14px
}
.transaction-deposit-crypto-address__reminder-skeleton  {
    display:flex;
    flex-direction:column;
    gap:8px;
    align-items:center;
    width:100%
}
.transaction-deposit-crypto-address__min-deposit  {
    display:flex;
    gap:4px;
    align-items:center;
    justify-content:center
}
.transaction-deposit-crypto-address__min-icon  {
    flex-shrink:0;
    width:24px;
    height:24px;
    color:var(--color-base-300)
}
.transaction-deposit-crypto-address__min-label  {
    font-size:.875rem;
    font-weight:500;
    color:var(--color-base-300)
}
.transaction-deposit-crypto-address__section-header  {
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%
}
.transaction-deposit-crypto-address__chain-badge  {
    padding:2px 6px;
    font-size:.875rem;
    font-weight:600;
    line-height:1.6;
    color:var(--color-yellow-100);
    background-color:rgba(243,243,167,.1);
    border-radius:6px
}
.transaction-deposit-crypto-address__reminder  {
    font-size:.875rem;
    font-weight:500;
    line-height:1.6;
    color:var(--color-base-300);
    text-align:center
}
.transaction-deposit-crypto-address__reminder-highlight  {
    font-weight:600;
    color:var(--color-yellow-100)
}
.copy-icon-enter-active,.copy-icon-leave-active  {
    transition:all .3s cubic-bezier(.4,0,.2,1)
}
.copy-icon-enter-from  {
    opacity:0;
    transform:scale(.8) rotate(-10deg)
}
.copy-icon-leave-to  {
    opacity:0;
    transform:scale(.8) rotate(10deg)
}
.copy-icon-enter-to,.copy-icon-leave-from  {
    opacity:1;
    transform:scale(1) rotate(0)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-07a7e5c2  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-07a7e5c2  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.transaction-deposit-crypto  {
    display:flex;
    flex-grow:1;
    flex-direction:column;
    gap:1.5rem;
    height:min-content;
    min-height:100%
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-62dc49ce  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-62dc49ce  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.transaction-details-new  {
    display:flex;
    flex-direction:column;
    gap:0;
    width:100%;
    max-height:100%;
    padding-inline:0;
    padding-bottom:0
}
.transaction-details-new .modal-content__title  {
    padding-inline:var(--modal-content-inline-padding);
    padding-bottom:.75rem;
    margin-bottom:0
}
.transaction-details-new--iframe-inside .modal-content__title  {
    padding-bottom:0
}
.transaction-details-new__container  {
    display:flex;
    width:100%;
    height:100%;
    padding-block:.75rem 1rem;
    padding-inline:var(--modal-content-inline-padding);
    overflow:hidden auto
}
.transaction-details-new--iframe-inside .transaction-details-new__container  {
    padding:0
}
@media(min-width:1280px)  {
    .transaction-details-new  {
        width:450px;
        height:auto;
        background:var(--color-base-700)
    }
}
@media not (min-width:768px)  {
    .transaction-details-new--iframe-inside  {
        max-height:calc(var(--vh, 1vh) * 100 - var(--header-height))
    }
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-7b2a9a5f  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-7b2a9a5f  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.transaction-method-tile  {
    display:flex;
    flex-direction:column;
    gap:10px;
    align-items:center;
    padding:2px 2px .75rem;
    overflow:hidden;
    cursor:pointer;
    background-color:var(--color-base-700);
    border-radius:10px;
    transition:background-color .1s ease
}
.transaction-method-tile--selected,.transaction-method-tile:hover  {
    background-color:var(--color-base-600)
}
.transaction-method-tile__logo  {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:68px;
    background-color:var(--color-base-800);
    border-radius:.5rem;
    transition:background-color .1s ease
}
.transaction-method-tile--selected .transaction-method-tile__logo,.transaction-method-tile:hover .transaction-method-tile__logo  {
    background-color:var(--color-base-700)
}
.transaction-method-tile__image  {
    width:auto;
    max-width:70%;
    height:40%
}
.transaction-method-tile__image--bank,.transaction-method-tile__image--crypto  {
    height:60%
}
.transaction-method-tile__checkmark  {
    position:absolute;
    top:.25rem;
    right:.25rem;
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--color-base-800);
    background-color:var(--color-brand-100);
    border-radius:100%;
    opacity:0;
    transition:color .1s ease
}
.transaction-method-tile--selected .transaction-method-tile__checkmark  {
    opacity:1
}
.transaction-method-tile__labels  {
    display:flex;
    flex-direction:column;
    max-width:100%;
    text-align:center
}
.transaction-method-tile__name  {
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:.875rem;
    text-wrap:nowrap
}
.transaction-method-tile__provider  {
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:.75rem;
    color:var(--color-base-300);
    text-wrap:nowrap
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-e9f0e9db  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-e9f0e9db  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.search  {
    position:relative
}
.search .input__element  {
    font-size:1rem
}
.search .input__prefix  {
    display:flex;
    flex-shrink:0;
    align-items:center;
    justify-content:center;
    width:1.5rem;
    margin-right:.25rem
}
.search .input__suffix  {
    position:relative;
    right:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:1.5rem;
    margin-left:.5rem;
    cursor:pointer
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-d5d72ca3  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-d5d72ca3  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}

.dropdown-list__item--empty  {
    cursor:unset
}
.dropdown-list__item:hover  {
    color:var(--color-base-0)
}
.dropdown-list__item[data-highlighted]  {
    background:var(--color-base-500)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-f0da293b  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-f0da293b  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.country-flag  {
    height:18px;
    clip-path:circle(9px at center)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-77af5b5d  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-77af5b5d  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.transaction-regions  {
    --set-dropdown-header-color: var(--color-base-0)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-23b4cb43  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-23b4cb43  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.transaction-methods-new  {
    gap:1.25rem;
    height:100%;
    overflow:hidden auto;
    scrollbar-gutter:stable;
    background-color:var(--color-base-800);
    border-radius:10px
}
.transaction-methods-new__error  {
    display:flex;
    flex-direction:column;
    gap:1rem;
    align-items:center;
    justify-content:center;
    padding:2rem;
    color:var(--color-base-0);
    text-align:center
}
.transaction-methods-new__error p  {
    color:var(--color-red-100)
}
.transaction-methods-new__list  {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6px
}
@media not (min-width:1280px)  {
    .transaction-methods-new  {
        width:100%
    }
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-8b9c5832  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-8b9c5832  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.transaction-modal  {
    flex-direction:row;
    height:auto;
    height:690px;
    max-height:calc(100vh - var(--header-height));
    padding:0;
    background:#171d2b
}
@media(not (max-width:768px))and (not (min-width:1280px))  {
    .transaction-modal  {
        width:450px
    }
}
@media(min-width:1280px)  {
    .transaction-modal  {
        gap:2px;
        padding:2px;
        border:2px solid #171d2b
    }
    .transaction-modal--has-border .transaction-methods  {
        height:100%;
        background:#141925;
        border-radius:10px
    }
    .transaction-modal--has-border .transaction-details  {
        height:100%;
        background:#171d2b;
        border-radius:10px
    }
}
@media not (min-width:1280px)  {
    .transaction-modal  {
        height:auto
    }
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-1c799122  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-1c799122  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.user-menu  {
    --parent-padding-inline: 1rem;
    display:flex;
    flex-direction:column;
    min-width:192px;
    background-color:var(--color-base-700);
    border:2px solid transparent;
    border-radius:.75rem
}
.user-menu__profile  {
    --user-profile-picture-border: var(--color-base-600);
    display:flex;
    gap:.5rem;
    align-items:center;
    padding-block:1rem;
    padding-inline:var(--parent-padding-inline)
}
.user-menu__profile .user-profile-picture .user-profile-picture__image  {
    height:24px
}
.user-menu__user-name  {
    overflow:hidden;
    text-overflow:ellipsis
}
.user-menu__items  {
    display:grid;
    grid-template:"icon rest"/auto 1fr;
    gap:.75rem;
    padding-block:.75rem;
    padding-inline:var(--parent-padding-inline);
    background-color:var(--color-base-800);
    border-radius:10px
}
.user-menu__balance  {
    display:flex;
    flex-direction:column;
    grid-column:1/-1;
    padding:2px;
    background-color:var(--color-base-700);
    border-radius:.75rem
}
.user-menu__deposit  {
    display:grid;
    grid-template:"title button" auto "balance button" auto/1fr auto;
    gap:.5rem;
    align-items:center;
    padding:1.25rem;
    background-color:var(--color-base-800)
}
.user-menu__deposit-title  {
    grid-area:title;
    font-family:IBM Plex Mono,monospace,system-ui;
    font-size:.875rem;
    color:var(--color-base-200);
    text-transform:uppercase
}
.user-menu__deposited  {
    grid-area:balance;
    font-size:1.25rem;
    font-weight:700
}
.user-menu__deposit-cta  {
    grid-area:button
}
.user-menu__item-group  {
    display:grid;
    grid-template-columns:subgrid;
    grid-column:1/-1
}
.user-menu__item  {
    --user-navigation-item-font-color: var(--color-base-200);
    --user-navigation-item-icon-color: var(--user-navigation-item-font-color);
    display:grid;
    grid-template-columns:subgrid;
    grid-column:1/-1;
    align-content:center;
    align-items:center;
    height:40px;
    font-size:.875rem;
    color:var(--user-navigation-item-font-color);
    text-wrap:nowrap;
    cursor:pointer;
    transition:color .1s ease
}
.user-menu__item--active,.user-menu__item:hover  {
    color:#fff;
    --user-navigation-item-icon-color: var(--color-brand-100)
}
.user-menu__item--contained-withdraw  {
    display:flex;
    gap:.75rem;
    height:auto;
    padding:.75rem 1rem
}
.user-menu--user-page .user-menu__item  {
    padding:.75rem
}
.user-menu__item-icon  {
    grid-area:icon;
    color:var(--user-navigation-item-icon-color)
}
.user-menu__item-icon--currency  {
    color:var(--color-base-800)
}
.user-menu__item-icon--flag .language-with-flag__name  {
    display:none
}
.user-menu__item-content  {
    display:flex;
    flex-grow:1;
    grid-area:rest;
    align-items:center
}
.user-menu__chevron  {
    margin-left:auto
}
.user-menu__item:hover .user-menu__chevron  {
    color:var(--color-base-200)
}
@media(min-width:1280px)  {
    .user-menu__balance  {
        display:none
    }
}
@media not (min-width:1280px)  {
    .user-menu  {
        --parent-padding-inline: 1.5rem;
        width:100%;
        min-width:375px;
        padding-block:0;
        background-image:url("../img/bricks-DB2pqAFe.svg");
        background-repeat:no-repeat;
        border:0
    }
    .user-menu__profile  {
        flex-direction:column;
        gap:.75rem;
        align-items:start;
        padding-block:0 1.25rem;
        margin-top:4rem;
        font-size:1.375rem;
        font-weight:700;
        background:red;
        background-color:var(--color-base-800)
    }
    .user-menu__profile .user-profile-picture  {
        margin-top:-20px
    }
    .user-menu__profile .user-profile-picture .user-profile-picture__image  {
        height:40px
    }
    .user-menu__items  {
        gap:1.25rem;
        padding-block:0 1.5rem
    }
    .user-menu__item  {
        height:44px
    }
    .user-menu__item--withdraw  {
        display:none
    }
}
@media not (min-width:768px)  {
    .user-menu  {
        min-width:auto
    }
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-ac97e8b3  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-ac97e8b3  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.user-mobile-menu  {
    display:flex;
    align-items:center;
    justify-content:center;
    height:42px;
    aspect-ratio:1/1;
    color:var(--color-base-200);
    cursor:pointer
}
.user-mobile-menu:hover  {
    color:var(--color-base-0)
}
@media not (min-width:768px)  {
    .user-mobile-menu  {
        height:36px
    }
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-12e08276  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-12e08276  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.user-preview  {
    display:flex;
    height:100%;
    padding-left:.5rem
}
.user-preview .dropdown-header:hover  {
    --user-profile-picture-border: var(--color-base-200)
}
.user-preview .dropdown-content  {
    margin-top:.5rem
}
.user-preview__navigation  {
    width:266px
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-c4472788  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-c4472788  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.user-balance  {
    display:flex;
    gap:.5rem;
    align-items:center;
    justify-content:center;
    height:100%;
    padding:6px 6px 6px .75rem;
    background:var(--color-base-700);
    border-radius:.5rem
}
.user-balance__amount  {
    padding-right:.25rem;
    font-family:IBM Plex Mono,monospace,system-ui;
    text-wrap:nowrap
}
.user-balance__add  {
    --user-balance-icon-color: #1e2739;
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    aspect-ratio:1/1;
    cursor:pointer;
    background:var(--color-brand-100);
    border-radius:.25rem
}
.user-balance__add:hover  {
    background:var(--color-brand-50)
}
.user-balance__plus  {
    color:var(--user-balance-icon-color)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-617dc114  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-617dc114  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.header-user-info  {
    display:flex;
    gap:.5rem;
    align-items:center;
    justify-content:center;
    height:42px
}
.header-user-info__cart  {
    --icon-color: var(--color-base-200)
}
.header-user-info__cart:hover  {
    --icon-color: var(--color-base-0)
}
.header-user-info__cart .user-cart  {
    height:42px;
    aspect-ratio:1/1;
    padding:0;
    color:var(--color-base-200)
}
.header-user-info__cart .user-cart .user-cart__icon  {
    color:var(--icon-color)
}
.header-user-info__cart .user-cart .user-cart__label  {
    display:none
}
@media(min-width:1280px)  {
    .header-user-info__menu,.header-user-info__cart  {
        display:none
    }
}
@media not (min-width:1280px)  {
    .header-user-info  {
        gap:0
    }
    .header-user-info__preview  {
        display:none
    }
    .header-user-info__balance  {
        order:-1;
        margin-right:.5rem
    }
}
@media not (min-width:768px)  {
    .header-user-info__cart  {
        display:none
    }
    .header-user-info__balance  {
        position:absolute;
        left:50%;
        height:inherit;
        transform:translate(-50%)
    }
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-6e65635e  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-6e65635e  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.search  {
    position:relative
}
.search .input__element  {
    font-size:1rem
}
.search .input__suffix  {
    position:relative;
    right:0;
    display:flex;
    align-items:center;
    justify-content:center;
    width:1.5rem;
    padding-left:.5rem
}
.search__icon  {
    margin-right:.5rem;
    color:var(--color-exterior-none)
}
.search--with-value .search__icon,.search:focus-within .search__icon  {
    color:#fff
}
.search__floaty-suffix  {
    position:absolute;
    right:0
}
.search__floaty-suffix--clear  {
    z-index:1;
    color:#cfd4de;
    cursor:pointer
}
.search__floaty-suffix--clear:hover  {
    color:#fff
}
.search__floaty-suffix--shortcut  {
    display:flex;
    align-items:center;
    height:26px;
    padding:0 6px;
    font-weight:600;
    color:var(--color-base-300);
    text-transform:uppercase;
    background-color:var(--color-base-600);
    border-radius:.25rem;
    opacity:0;
    transition:opacity .1s ease
}
.search--with-shortcut .search__floaty-suffix--shortcut  {
    opacity:1;
    transition:opacity .1s ease .2s
}
.search__shortcut  {
    padding:0 6px;
    margin-left:auto;
    font-size:.875rem;
    font-weight:600;
    color:#cfd4de;
    text-transform:uppercase;
    background-color:#cfd4de;
    border-radius:.25rem
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-5b5cf0a7  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-5b5cf0a7  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.search-dropdown  {
    position:relative;
    --parent-padding-inline: 1rem;
    width:336px
}
.search-dropdown__content  {
    width:100%
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-e14442e3  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-e14442e3  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.navigation-search  {
    color:var(--color-brand-200);
    cursor:pointer
}
.navigation-search:hover  {
    color:var(--color-brand-0)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-083654dc  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-083654dc  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.nav-main-bar  {
    display:flex;
    gap:1.5rem;
    align-items:center
}
.nav-brand-logo  {
    display:flex;
    flex-shrink:0;
    align-items:center;
    height:30px;
    margin-right:.75rem
}
.nav-brand-img--no-text  {
    display:none
}
.nav-menu-list  {
    display:flex;
    flex-shrink:0;
    gap:1.5rem;
    align-items:stretch;
    height:100%
}
.trae-header-navigation__search  {
    display:none
}
@media not (min-width:1280px)  {
    .nav-brand-logo  {
        margin-right:.75rem
    }
    .nav-brand-img--text  {
        display:none
    }
    .nav-brand-img--no-text,.trae-header-navigation__search  {
        display:unset
    }
}
@media not (min-width:768px)  {
    .nav-menu-list  {
        display:none
    }
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-ebef8dc1  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-ebef8dc1  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.announcements-wrapper  {
    display:grid;
    grid-template-areas:"stack";
    width:100%
}
.announcement-banner  {
    position:relative;
    display:flex;
    grid-area:stack;
    align-items:center;
    justify-content:center;
    width:100%;
    padding:.5rem 1rem;
    background:var(--color-base-700);
    border-bottom:1px solid transparent
}
@media(min-width:768px)  {
    .announcement-banner  {
        padding:.5rem 2rem
    }
}
.announcement-banner--info  {
    background-color:rgba(172,167,243,.08);
    border-bottom-color:rgba(172,167,243,.2)
}
.announcement-banner--info .announcement-icon  {
    color:var(--color-blue-100)
}
.announcement-banner--info .announcement-message  {
    color:var(--color-base-0)
}
.announcement-banner--info .announcement-nav  {
    color:var(--color-blue-100)
}
.announcement-banner--success  {
    background-color:rgba(75,243,100,.08);
    border-bottom-color:rgba(75,243,100,.2)
}
.announcement-banner--success .announcement-icon  {
    color:var(--color-brand-100)
}
.announcement-banner--success .announcement-message  {
    color:var(--color-base-0)
}
.announcement-banner--success .announcement-nav  {
    color:var(--color-brand-100)
}
.announcement-banner--warning  {
    background-color:rgba(243,192,135,.08);
    border-bottom-color:rgba(243,192,135,.2)
}
.announcement-banner--warning .announcement-icon  {
    color:var(--color-orange-100)
}
.announcement-banner--warning .announcement-message  {
    color:var(--color-base-0)
}
.announcement-banner--warning .announcement-nav  {
    color:var(--color-orange-100)
}
.announcement-banner--error  {
    background-color:rgba(243,167,189,.08);
    border-bottom-color:rgba(243,167,189,.2)
}
.announcement-banner--error .announcement-icon  {
    color:var(--color-red-100)
}
.announcement-banner--error .announcement-message  {
    color:var(--color-base-0)
}
.announcement-banner--error .announcement-nav  {
    color:var(--color-red-100)
}
.announcement-content  {
    display:flex;
    flex:1;
    gap:1rem;
    align-items:center;
    max-width:900px;
    padding-right:2.25rem
}
@media(min-width:768px)  {
    .announcement-content  {
        gap:.5rem;
        justify-content:center;
        padding-inline:2.5rem
    }
}
.announcement-icon  {
    flex-shrink:0;
    width:1rem;
    height:1rem
}
@media(min-width:768px)  {
    .announcement-icon  {
        width:1.125rem;
        height:1.125rem
    }
}
.announcement-message  {
    font-size:.8125rem;
    font-weight:500;
    line-height:1.5;
    color:var(--color-base-0);
    text-align:left
}
@media(min-width:768px)  {
    .announcement-message  {
        font-size:.875rem;
        text-align:center
    }
}
.announcement-nav  {
    display:none
}
@media(min-width:768px)  {
    .announcement-nav  {
        display:flex;
        flex-shrink:0;
        align-items:center;
        justify-content:center;
        padding:.25rem;
        cursor:pointer;
        background:rgba(0,0,0,.2);
        border:none;
        border-radius:.25rem;
        opacity:.7;
        transition:all .1s ease
    }
    .announcement-nav:hover:not(:disabled)  {
        background:rgba(0,0,0,.3);
        opacity:1
    }
    .announcement-nav:active:not(:disabled)  {
        transform:scale(.95)
    }
    .announcement-nav--hidden  {
        pointer-events:none;
        background:transparent;
        opacity:0
    }
    .announcement-nav__icon  {
        width:1rem;
        height:1rem
    }
    .announcement-nav__icon--flipped  {
        transform:rotate(180deg)
    }
}
.dismiss-button  {
    position:absolute;
    top:50%;
    right:.5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:.25rem;
    color:var(--color-base-200);
    cursor:pointer;
    background:rgba(0,0,0,.2);
    border:none;
    border-radius:.25rem;
    transform:translateY(-50%);
    transition:all .1s ease
}
.dismiss-button:hover  {
    color:var(--color-base-0);
    background:rgba(0,0,0,.3)
}
@media(min-width:768px)  {
    .dismiss-button  {
        right:2rem;
        padding:.25rem
    }
}
.close-icon  {
    width:.875rem;
    height:.875rem
}
@media(min-width:768px)  {
    .close-icon  {
        width:1rem;
        height:1rem
    }
}
.announcement-fade-enter-active,.announcement-fade-leave-active  {
    transition:opacity .3s ease
}
.announcement-fade-enter-from,.announcement-fade-leave-to  {
    opacity:0
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-1deea4ba  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-1deea4ba  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
:root  {
    --header-height: 72px
}
.site-header-wrapper  {
    position:sticky;
    z-index:1010;
    height:var(--header-height);
    min-height:var(--header-height);
    background-color:var(--color-base-900);
    border-bottom:1px solid var(--color-base-700)
}
.site-header-inner  {
    max-width:1920px;
    height:100%;
   padding-inline:var(--main-layout-inline-padding);
    margin:0 auto
}
.site-header-content  {
    display:flex;
    gap:2rem;
    align-items:center;
    justify-content:space-between;
    height:100%
}
.site-search-drop  {
    position:absolute;
    left:50%;
    transform:translate(-50%)
}
.site-header-actions  {
    display:flex;
    flex-shrink:0;
    align-items:center;
    min-width:fit-content
}
.site-header-wrapper--login-unknown .site-user-panel,.site-header-wrapper--login-unknown .trae-header-layout__login  {
    visibility:hidden
}
@media not (min-width:1280px)  {
    .site-search-drop  {
        display:none
    }
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-53178505  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-53178505  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
:root  {
    --main-layout-inline-padding: 4.5rem
}
@media not (min-width:1280px)  {
    :root  {
        --main-layout-inline-padding: 1.25rem
    }
}
@media not (min-width:768px)  {
    :root  {
        --main-layout-inline-padding: 1rem
    }
}
.main  {
    position:relative;
    display:flex;
    flex-grow:1;
    flex-direction:column;
    overflow:hidden auto
}
.main-content-inner  {
    width:100%;
    max-width:1920px;
    height:100%;
    margin:0 auto
}
.footer  {
    position:sticky;
    bottom:0
}
@media(min-width:768px)  {
    .footer  {
        display:none
    }
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-ad3ccac8  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-ad3ccac8  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.trade-url-modal__banner  {
    height:80px;
    object-fit:contain
}
.trade-url-modal__link  {
    font-family:IBM Plex Sans Variable,sans-serif,system-ui;
    color:var(--color-base-300);
    text-transform:none;
    transition:color .1s ease
}
.trade-url-modal__link:hover  {
    color:var(--color-base-200)
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-2fbf08c7  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-2fbf08c7  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.appear-enter-active.modal  {
    transition-duration:.4s
}
.appear-leave-active.modal  {
    pointer-events:none;
    transition-duration:.4s
}
.appear-leave-to.modal  {
    opacity:0
}
.modal  {
    position:fixed;
    top:0;
    left:0;
    z-index:1030;
    width:100%;
    height:100%
}
.modal__background  {
    width:100%;
    height:100%;
    background:var(--color-base-950);
    opacity:.8
}
.appear-enter-active .modal__background  {
    transition:opacity .3s;
    transition-delay:.1s
}
.appear-enter-from .modal__background  {
    opacity:0
}
.modal__container  {
    position:absolute;
    bottom:0;
    left:0;
    display:flex;
    align-items:end;
    justify-content:stretch;
    width:100%;
    height:calc(100% - var(--header-height));
    pointer-events:none
}
.modal__content  {
    position:relative;
    display:flex;
    flex-direction:row;
    width:100%;
    max-height:100%;
    overflow:hidden auto;
    pointer-events:all;
    background:var(--color-base-800);
    border-radius:1.25rem 1.25rem 0 0
}
.appear-enter-active .modal__content  {
    transition:transform .4s
}
.appear-enter-from .modal__content  {
    transform:translateY(100%)
}
.modal__content .appear-enter-to  {
    transform:translateY(0)
}
.modal__close  {
    position:absolute;
    top:.5rem;
    right:.5rem;
    z-index:1;
    box-sizing:content-box;
    padding:.5rem;
    color:var(--color-base-300);
    cursor:pointer
}
@media(min-width:768px)  {
    .appear-enter-active .modal__background  {
        transition-delay:0;
        transition-duration:.4s
    }
    .modal__container  {
        top:1.5rem;
        align-items:center;
        justify-content:center;
        height:calc(100% - 3rem)
    }
    .modal__content  {
        width:auto;
        height:fit-content;
        overflow:hidden;
        border-radius:.75rem
    }
    .appear-enter-active .modal__content  {
        transition:opacity .4s ease
    }
    .appear-enter-from .modal__content  {
        opacity:0
    }
    .modal__content .appear-enter-to  {
        opacity:1
    }
}
.appear-enter-active.sidebar  {
    transition-duration:.2s
}
.appear-leave-active.sidebar  {
    pointer-events:none;
    transition-duration:.2s
}
.sidebar  {
    position:fixed;
    bottom:0;
    left:0;
    z-index:1030;
    width:100%;
    height:calc(100% - var(--header-height))
}
.sidebar__background  {
    width:100%;
    height:100%;
    background:var(--color-base-950);
    opacity:.8
}
.appear-enter-active .sidebar__background  {
    transition:opacity .2s
}
.appear-enter-from .sidebar__background  {
    opacity:0
}
.appear-leave-active .sidebar__background  {
    transition:opacity .2s
}
.appear-leave-to .sidebar__background  {
    opacity:0
}
.sidebar__container  {
    position:absolute;
    bottom:0;
    display:flex;
    width:100%;
    height:100%;
    pointer-events:none
}
.sidebar__content  {
    max-height:100%;
    overflow:hidden auto;
    pointer-events:all
}
.sidebar--right .sidebar__content  {
    margin-left:auto
}
.appear-enter-active .sidebar__content  {
    transition:transform .2s
}
.sidebar--right.appear-enter-from .sidebar__content  {
    transform:translate(100%)
}
.sidebar--left.appear-enter-from .sidebar__content  {
    transform:translate(-100%)
}
.appear-enter-to .sidebar__content  {
    transform:translate(0)
}
.appear-leave-active .sidebar__content  {
    transition:transform .2s
}
.appear-leave-from .sidebar__content  {
    transform:translate(0)
}
.sidebar--right.appear-leave-to .sidebar__content  {
    transform:translate(100%)
}
.sidebar--left.appear-leave-to .sidebar__content  {
    transform:translate(-100%)
}
.sidebar__content>*  {
    min-height:100%;
    border-radius:0!important
}
.sidebar__close  {
    display:none
}
:root  {
    --exterior-color: var(--color-exterior-none)
}
:root .exterior--fn  {
    --exterior-color: var(--color-exterior-fn)
}
:root .exterior--mw  {
    --exterior-color: var(--color-exterior-mw)
}
:root .exterior--ft  {
    --exterior-color: var(--color-exterior-ft)
}
:root .exterior--ww  {
    --exterior-color: var(--color-exterior-ww)
}
:root .exterior--bs  {
    --exterior-color: var(--color-exterior-bs)
}
:root  {
    --rarity-color: var(--color-base-200)
}
:root .rarity--contraband  {
    --rarity-color: var(--color-yellow-100)
}
:root .rarity--extraordinary,:root .rarity--covert,:root .rarity--master  {
    --rarity-color: var(--color-red-100)
}
:root .rarity--classified,:root .rarity--exotic,:root .rarity--superior  {
    --rarity-color: var(--color-pink-100)
}
:root .rarity--exceptional,:root .rarity--remarkable,:root .rarity--restricted  {
    --rarity-color: var(--color-purple-100)
}
:root .rarity--mil-spec-grade,:root .rarity--distinguished  {
    --rarity-color: var(--color-blue-100)
}
:root .rarity--high-grade,:root .rarity--industrial-grade  {
    --rarity-color: var(--color-lightblue-100)
}
:root .rarity--consumer-grade,:root .rarity--base-grade  {
    --rarity-color: var(--color-base-200)
}
:root .phase--ruby  {
    --phase-color: var(--color-red-100)
}
:root .phase--sapphire  {
    --phase-color: var(--color-blue-100)
}
:root .phase--black-pearl  {
    --phase-color: var(--color-purple-100)
}
:root .phase--emerald  {
    --phase-color: var(--color-green-100)
}

@keyframes spin-1bead45e  {
    0%  {
        transform:rotate(0)
    }
    to  {
        transform:rotate(360deg)
    }
}
@keyframes skeleton-pulse-1bead45e  {
    0%,to  {
        opacity:1
    }
    50%  {
        opacity:.5
    }
}
.modal-small  {
    display:flex;
    flex-direction:column;
    gap:1rem
}
.modal-small__banner  {
    display:flex;
    justify-content:center
}
.modal-small__header  {
    display:flex;
    flex-direction:column;
    gap:.75rem;
    margin:0 auto;
    text-align:center
}
.modal-small__title  {
    font-weight:700;
    line-height:1.3;
    font-size:1.375rem
}
.modal-small__description  {
    padding-bottom:.25rem;
    font-size:.875rem;
    font-weight:500;
    color:var(--color-base-200)
}
/* Mobile Responsiveness */
@media (max-width: 768px)   {
}
/* Extracted from index.html */
html {
    background: var(--color-base-900);
}

@keyframes pulse {
    0%,
    100%   {
        opacity: 1;
    }
    50%   {
        opacity: 0.6;
    }
}
.loading-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--color-base-900);
    opacity: 1;
    z-index: 9999;
    transition: opacity 0.3s ease-in;
    text-align: center;
    color: #000;
    line-height: 1.6;
}
.loading-overlay--hidden   {
    opacity: 0;
    pointer-events: none;
}
.loading-overlay__container   {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.loading-overlay__logo   {
    animation-name: pulse;
    animation: pulse 2s ease-in-out infinite;
    margin-bottom: 40px;
}
.loading-overlay__title   {
    all: initial;
    font-family: monospace;
    color: #cfd4de;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 6px;
}
.loading-overlay__subtext   {
    all: initial;
    font-family: sans-serif;
    color: #616b82;
    font-weight: 500;
}
.loading-overlay__footer   {
    position: absolute;
    bottom: 40px;
}
.loading-overlay   {
    display: none !important;
}
body   {
    opacity: 1 !important;
    visibility: visible !important;
}
#app-root-container   {
    display: block !important;
}
/* Fix item listing height */
.featured-showcase__listing   {
    height: 285px !important;
    min-height: 285px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}
/* Ensure footer stays at bottom */
.featured-showcase__listing .item-footer   {
    margin-top: auto !important;
}
/* API Section Styles */
.sect-dev-api   {
    padding: 80px 0;
    background-color: var(--color-base-900);
    /* Matches --color-base-900 */
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #cfd4de;
    /* Matches --color-base-200 */
   
    /* Consistent with other borders */
}
.dev-api-inner   {
    width: 100%;
    padding-left: var(--main-layout-inline-padding, 20px);
    padding-right: var(--main-layout-inline-padding, 20px);
    margin: 0 auto;
}
.dev-api-content   {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 60px;
}
/* Left Column */
.dev-api-intro   {
    flex: 1;
    max-width: 500px;
}
.ui-tag-badge   {
    display: inline-block;
    padding: 8px 16px;
    background: rgba(59, 130, 246, 0.1);
    color: var(--color-brand-50);
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.dev-api-intro h2   {
    font-size: 56px;
    font-weight: 800;
    color: #ffffff;
    /* Matches --color-base-0 */
    margin: 0 0 24px 0;
    line-height: 1.1;
    letter-spacing: -1px;
}
.dev-api-desc   {
    font-size: 18px;
    color: #616b82;
    /* Adjusted to match other descriptions */
    line-height: 1.6;
    margin-bottom: 40px;
}
.btn-dev-docs   {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 16px 32px;
    background: var(--color-brand-100);
    color: white;
    font-weight: 600;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    font-size: 16px;
}
.btn-dev-docs:hover   {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(139, 92, 246, 0.3);
    opacity: 0.9;
}
/* Right Column */
.dev-api-features   {
    flex: 1;
    width: 100%;
}
.dev-feat-list   {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.dev-feat-item   {
    background: var(--color-base-800);
    /* Matches --color-base-800 */
    border-radius: 12px;
    padding: 20px 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    transition: all 0.2s ease;
}
.dev-feat-item:hover   {
   
    background: #1c1d21;
    /* Slightly lighter on hover */
    transform: translateX(5px);
}
.dev-feat-icon   {
    width: 28px;
    height: 28px;
    background: var(--color-brand-50);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    flex-shrink: 0;
}
.dev-feat-icon svg   {
    width: 16px;
    height: 16px;
    stroke-width: 3;
}
.api-text   {
    font-size: 16px;
    font-weight: 500;
    color: #cfd4de;
    /* Matches --color-base-200 */
}
/* Mobile Responsiveness */
@media (max-width: 968px)   {
    .dev-api-content   {
        flex-direction: column;
        gap: 40px;
    }
    .dev-api-intro   {
        max-width: 100%;
        text-align: center;
    }
    .dev-api-intro h2   {
        font-size: 40px;
    }
}
/* Integration Process Section */
.sect-flow-steps   {
    padding: 80px，0,0 0;
    background-color: var(--color-base-900);
    /* Slightly darker than sect-dev-api for contrast */
    
    font-family: 'IBM Plex Sans Variable, sans-serif, system-ui';
    text-align: center;
}
.flow-steps-inner   {
    width: 100%;
    padding-left: var(--main-layout-inline-padding, 20px);
    padding-right: var(--main-layout-inline-padding, 20px);
    margin: 0 auto;
}
.integration-header   {
    margin-bottom: 60px;
}
.integration-header h2   {
    margin-bottom:1rem;
    font-size:2rem;
    font-weight:700;
    color:#fff;
    margin-top: 16px;
    
}
.flow-grid-layout   {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    position: relative;
}
/* Connecting line (optional, implied by image) */
.flow-grid-layout::before   {
    content: '';
    position: absolute;
    top: 40px;
    /* Adjust based on circle position */
    left: 12%;
    /* Start after first circle */
    right: 12%;
    /* End before last circle */
    height: 1px;
    background: linear-gradient(90deg,
    rgba(59, 130, 246, 0.2) 0%,
    rgba(139, 92, 246, 0.5) 50%,
    rgba(59, 130, 246, 0.2) 100%);
    z-index: 0;
    display: none;
    /* Hide for now, enable if needed */
}
.flow-step-card   {
    background: #141517;
    border: 1px solid #1f2937;
    border-radius: 16px;
    padding: 40px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 0.3s ease;
    position: relative;
    z-index: 1;
}
.flow-step-card:hover   {
    transform: translateY(-5px);
    border-color: #3b82f6;
    box-shadow: 0 10px 30px -10px rgba(59, 130, 246, 0.2);
}
.step-number-wrapper   {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--color-brand-100);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.4);
}
.step-number   {
    font-size: 24px;
    font-weight: 800;
    color: white;
}
.flow-step-card h3   {
    font-size: 20px;
    font-weight: 700;
    color: white;
    margin: 0 0 12px 0;
}
.flow-step-card p   {
    font-size: 15px;
    color: #9ca3af;
    line-height: 1.6;
    margin: 0;
}
/* Mobile Responsiveness for Integration Section */
@media (max-width: 968px)   {
    .flow-grid-layout   {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 640px)   {
    .flow-grid-layout   {
        grid-template-columns: 1fr;
    }
    .integration-header h2   {
        font-size: 32px;
    }
}
/* FAQ Section Styles */
.sect-qa-support   {
    padding: 100px 0;
    background-color: var(--color-base-900);
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #cfd4de;
}
.qa-support-inner   {
    width: 100%;
    padding-left: var(--main-layout-inline-padding, 20px);
    padding-right: var(--main-layout-inline-padding, 20px);
    margin: 0 auto;
}
.qa-head-title   {
    text-align: center;
    margin-bottom: 60px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.qa-head-title .ui-tag-badge   {
    display: inline-block;
    padding: 6px 12px;
    background: rgba(59, 130, 246, 0.1);
    color: #3b82f6;
    border: 1px solid rgba(59, 130, 246, 0.2);
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}
.qa-head-title h2   {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 16px;
    color: #ffffff;
    line-height: 1.2;
}
.qa-head-title .qa-head-subtitle   {
    color: var(--color-base-900);
    font-size: 18px;
    line-height: 1.5;
}
.qa-content-row   {
    display: flex;
    gap: 60px;
    align-items: flex-start;
}
.qa-visual-col   {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.qa-visual-img   {
    width: 100%;
    max-width: 500px;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    object-fit: cover;
}
.qa-items-wrapper-column   {
    flex: 1;
}
.qa-items-wrapper   {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.qa-item-box   {
    background: #161b26;
    border: 1px solid #1f2937;
    border-radius: 8px;
    overflow: hidden;
    transition: all 0.3s ease;
}
.qa-item-box:hover   {
    border-color: #3b82f6;
}
.qa-item-query   {
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    user-select: none;
}
.qa-item-query h3   {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    margin: 0;
    padding-right: 20px;
}
.qa-toggle-icon   {
    width: 24px;
    height: 24px;
    position: relative;
    flex-shrink: 0;
}
.qa-toggle-icon::before,
.qa-toggle-icon::after   {
    content: '';
    position: absolute;
    background-color: #3b82f6;
    transition: transform 0.3s ease;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.qa-toggle-icon::before   {
    width: 12px;
    height: 2px;
}
.qa-toggle-icon::after   {
    width: 2px;
    height: 12px;
}
.qa-item-box.active .qa-toggle-icon::after   {
    transform: translate(-50%, -50%) rotate(90deg);
}
.qa-item-reply   {
    padding: 0 24px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
}
.qa-item-box.active .qa-item-reply   {
    padding-bottom: 24px;
    max-height: 200px;
}
.qa-item-reply p   {
    color: #9ca3af;
    line-height: 1.6;
    margin: 0;
}
@media (max-width: 768px)   {
    .qa-content-row   {
        flex-direction: column;
        gap: 40px;
    }
    .qa-visual-col, .qa-items-wrapper-column   {
        width: 100%;
    }
    .qa-head-title h2   {
        font-size: 28px;
    }
}