@layer dc-ui-reset, dc-ui-tokens, dc-ui-components, app-theme, app-components;

@layer dc-ui-tokens {
    :root {
        --dc-ui-accent-0-alpha: #ffc24700;
        --dc-ui-accent-10-alpha: #ffc2471a;
        --dc-ui-accent-100: #ffc247;
        --dc-ui-accent-150: #ffc95c;
        --dc-ui-accent-20-alpha: #ffc24733;
        --dc-ui-accent-30-alpha: #ffc2474d;
        --dc-ui-accent-glow-inner: #ffe4ad;
        --dc-ui-accent-glow-outer: #fff1d6;
        --dc-ui-accent-surface: #3d290a;
        --dc-ui-background-100: #1a1611;
        --dc-ui-background-100-0-alpha: #1a161100;
        --dc-ui-banner-warm-end: #b83616;
        --dc-ui-banner-warm-start: #ff875c;
        --dc-ui-border-500: #8f8372;
        --dc-ui-danger-0-alpha: #f5454500;
        --dc-ui-danger-10-alpha: #f545451a;
        --dc-ui-danger-100: #f54545;
        --dc-ui-danger-150: #f55858;
        --dc-ui-danger-20-alpha: #f5454533;
        --dc-ui-danger-30-alpha: #f545454d;
        --dc-ui-danger-status: #ff6b6b;
        --dc-ui-event-0-alpha: #c685ff00;
        --dc-ui-event-10-alpha: #c685ff1a;
        --dc-ui-event-100: #c685ff;
        --dc-ui-event-150: #cf99ff;
        --dc-ui-event-20-alpha: #c685ff33;
        --dc-ui-event-30-alpha: #c685ff4d;
        --dc-ui-event-surface: #2b163d;
        --dc-ui-font-body: var(--font-geist-sans, Geist), Geist, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        --dc-ui-font-heading: var(--font-heading-deva, Georgia), Georgia, "Times New Roman", serif;
        --dc-ui-foreground-800: #fffbf5;
        --dc-ui-foreground-muted-600: #b8ac9a;
        --dc-ui-foreground-soft-700: #d6ccbc;
        --dc-ui-foreground-status-muted: #7b86b4;
        --dc-ui-foreground-status-soft: #a9b1d4;
        --dc-ui-hook-0-alpha: #fffbf500;
        --dc-ui-hook-10-alpha: #fffbf51a;
        --dc-ui-hook-100: #fffbf5;
        --dc-ui-hook-150: #fff;
        --dc-ui-hook-20-alpha: #fffbf533;
        --dc-ui-hook-30-alpha: #fffbf54d;
        --dc-ui-info-100: #3b82f6;
        --dc-ui-media-shadow: #10121f;
        --dc-ui-money-0-alpha: #b6ff4700;
        --dc-ui-money-10-alpha: #b6ff471a;
        --dc-ui-money-100: #b6ff47;
        --dc-ui-money-150: #beff5c;
        --dc-ui-money-20-alpha: #b6ff4733;
        --dc-ui-money-30-alpha: #b6ff474d;
        --dc-ui-money-surface: #353d16;
        --dc-ui-motion-easing: cubic-bezier(.25, .1, .25, 1);
        --dc-ui-motion-fast: .15s;
        --dc-ui-notice-info: #7eb8ff;
        --dc-ui-notice-info-foreground: #c5dcff;
        --dc-ui-notice-info-hover: #a8ccff;
        --dc-ui-notice-input-background: #161c33;
        --dc-ui-notice-warning: #eab965;
        --dc-ui-notice-warning-foreground: #f5e6c8;
        --dc-ui-notice-warning-hover: #f5d08a;
        --dc-ui-radius-control: 12px;
        --dc-ui-radius-panel: 16px;
        --dc-ui-rank-bronze: #ff925c;
        --dc-ui-rank-gold: #ffbf5c;
        --dc-ui-rank-silver: #e1e9f5;
        --dc-ui-shadow-base: #000;
        --dc-ui-social-discord: #3f54e0;
        --dc-ui-social-google: #5f8f3f;
        --dc-ui-social-telegram: #0992d6;
        --dc-ui-social-vk: #0a68f5;
        --dc-ui-social-yandex: #ff4529;
        --dc-ui-surface-200: #241f18;
        --dc-ui-surface-accent-400: #5c5346;
        --dc-ui-surface-elevated-300: #332d25
    }

    :root,
    [data-dc-theme] {
        --dc-ui-filter-shadow-media: drop-shadow(0 0 48px rgb(from var(--dc-ui-media-shadow) r g b / .5));
        --dc-ui-filter-shadow-panel: drop-shadow(0 24px 64px rgb(from var(--dc-ui-shadow-base) r g b / .25));
        --dc-ui-filter-shadow-toast-near: drop-shadow(0 16px 48px rgb(from var(--dc-ui-shadow-base) r g b / .45));
        --dc-ui-gradient-accent-line: linear-gradient(90deg, var(--dc-ui-accent-10-alpha) 0%, var(--dc-ui-accent-100) 100%);
        --dc-ui-gradient-accent-surface: linear-gradient(180deg, var(--dc-ui-accent-100) 0%, var(--dc-ui-surface-200) 100%);
        --dc-ui-gradient-banner-warm: radial-gradient(135% 180% at 84% 92%, var(--dc-ui-banner-warm-start) 0%, var(--dc-ui-banner-warm-end) 72%);
        --dc-ui-gradient-card-shade: linear-gradient(180deg, transparent 0%, rgb(from var(--dc-ui-shadow-base) r g b / .55) 100%);
        --dc-ui-gradient-foreground-accent: linear-gradient(180deg, var(--dc-ui-foreground-800) 0%, var(--dc-ui-accent-100) 100%);
        --dc-ui-shadow-dialog: 0 0 128px rgb(from var(--dc-ui-shadow-base) r g b / .5);
        --dc-ui-shadow-dropdown: 0 12px 32px rgb(from var(--dc-ui-shadow-base) r g b / .35);
        --dc-ui-shadow-dropdown-compact: 0 8px 24px rgb(from var(--dc-ui-shadow-base) r g b / .4);
        --dc-ui-shadow-floating: 0 8px 24px rgb(from var(--dc-ui-shadow-base) r g b / .35);
        --dc-ui-shadow-panel: 0 24px 64px 0 rgb(from var(--dc-ui-shadow-base) r g b / .25);
        --dc-ui-shadow-popover: 0 20px 40px rgb(from var(--dc-ui-shadow-base) r g b / .45);
        --dc-ui-shadow-toast-near: 0 16px 48px 0 rgb(from var(--dc-ui-shadow-base) r g b / .45)
    }
}

@layer app-theme {

    [data-dc-theme=event-green],
    [data-dc-theme=event-purple],
    [data-dc-theme=event-yellow],
    [data-dc-theme=event-halloween] {
        --dc-event-accent-30: color-mix(in srgb, var(--dc-event-accent) 30%, transparent);
        --dc-event-gradient: linear-gradient(90deg, var(--dc-event-accent), var(--dc-event-accent));
        --dc-event-glow: 0 0 12px var(--dc-event-accent-30);
        --dc-event-banner-bg: var(--dc-ui-surface-200);
        --dc-event-rank-4: #9147ff;
        --dc-event-rank-5: #3fabe0
    }

    [data-dc-theme=event-green] {
        --dc-event-accent: var(--dc-ui-money-100);
        --dc-event-accent-10: var(--dc-ui-money-10-alpha);
        --dc-event-accent-20: var(--dc-ui-money-20-alpha);
        --dc-button-accent: var(--dc-ui-money-100);
        --dc-button-accent-10: var(--dc-ui-money-10-alpha);
        --dc-button-accent-20: var(--dc-ui-money-20-alpha);
        --dc-tab-accent: var(--dc-ui-money-100);
        --dc-tab-accent-20: var(--dc-ui-money-20-alpha);
        --dc-toggle-accent: var(--dc-ui-money-100);
        --dc-toggle-accent-20: var(--dc-ui-money-20-alpha);
        --dc-toggle-switcher-accent: var(--dc-ui-money-100);
        --dc-toggle-switcher-accent-10: var(--dc-ui-money-10-alpha);
        --dc-case-card-price-accent: var(--dc-ui-money-100)
    }

    [data-dc-theme=event-purple] {
        --dc-event-accent: var(--dc-ui-event-100);
        --dc-event-accent-10: var(--dc-ui-event-10-alpha);
        --dc-event-accent-20: var(--dc-ui-event-20-alpha);
        --dc-button-accent: var(--dc-ui-event-100);
        --dc-button-accent-10: var(--dc-ui-event-10-alpha);
        --dc-button-accent-20: var(--dc-ui-event-20-alpha);
        --dc-tab-accent: var(--dc-ui-event-100);
        --dc-tab-accent-20: var(--dc-ui-event-20-alpha);
        --dc-toggle-accent: var(--dc-ui-event-100);
        --dc-toggle-accent-20: var(--dc-ui-event-20-alpha);
        --dc-toggle-switcher-accent: var(--dc-ui-event-100);
        --dc-toggle-switcher-accent-10: var(--dc-ui-event-10-alpha);
        --dc-case-card-price-accent: var(--dc-ui-event-100)
    }

    [data-dc-theme=event-yellow] {
        --dc-event-accent: var(--dc-ui-accent-100);
        --dc-event-accent-10: var(--dc-ui-accent-10-alpha);
        --dc-event-accent-20: var(--dc-ui-accent-20-alpha);
        --dc-button-accent: var(--dc-ui-accent-100);
        --dc-button-accent-10: var(--dc-ui-accent-10-alpha);
        --dc-button-accent-20: var(--dc-ui-accent-20-alpha);
        --dc-tab-accent: var(--dc-ui-accent-100);
        --dc-tab-accent-20: var(--dc-ui-accent-20-alpha);
        --dc-toggle-accent: var(--dc-ui-accent-100);
        --dc-toggle-accent-20: var(--dc-ui-accent-20-alpha);
        --dc-toggle-switcher-accent: var(--dc-ui-accent-100);
        --dc-toggle-switcher-accent-10: var(--dc-ui-accent-10-alpha);
        --dc-case-card-price-accent: var(--dc-ui-accent-100)
    }

    [data-dc-theme=event-halloween] {
        --_dc-event-halloween-100: #ff8a33;
        --_dc-event-halloween-150: #ff9d52;
        --_dc-event-halloween-ember-200: #d9621c;
        --_dc-event-halloween-night-100: #1d1824;
        --_dc-event-halloween-0-alpha: #ff8a3300;
        --_dc-event-halloween-30-alpha: #ff8a334d;
        --dc-event-accent-30: var(--_dc-event-halloween-30-alpha);
        --dc-event-gradient: linear-gradient(90deg, var(--_dc-event-halloween-ember-200) 0%, var(--_dc-event-halloween-150) 100%);
        --dc-event-glow: 0 0 12px var(--_dc-event-halloween-30-alpha);
        --dc-event-banner-bg: radial-gradient(60% 140% at 88% 60%, var(--_dc-event-halloween-20-alpha) 0%, var(--_dc-event-halloween-0-alpha) 70%), linear-gradient(110deg, var(--_dc-event-halloween-night-100) 0%, var(--dc-ui-surface-200) 62%);
        --_dc-event-halloween-10-alpha: #ff8a331a;
        --_dc-event-halloween-20-alpha: #ff8a3333;
        --dc-event-accent: var(--_dc-event-halloween-100);
        --dc-event-accent-10: var(--_dc-event-halloween-10-alpha);
        --dc-event-accent-20: var(--_dc-event-halloween-20-alpha);
        --dc-button-accent: var(--_dc-event-halloween-100);
        --dc-button-accent-10: var(--_dc-event-halloween-10-alpha);
        --dc-button-accent-20: var(--_dc-event-halloween-20-alpha);
        --dc-tab-accent: var(--_dc-event-halloween-100);
        --dc-tab-accent-20: var(--_dc-event-halloween-20-alpha);
        --dc-toggle-accent: var(--_dc-event-halloween-100);
        --dc-toggle-accent-20: var(--_dc-event-halloween-20-alpha);
        --dc-toggle-switcher-accent: var(--_dc-event-halloween-100);
        --dc-toggle-switcher-accent-10: var(--_dc-event-halloween-10-alpha);
        --dc-case-card-price-accent: var(--_dc-event-halloween-100)
    }
}

@layer app-theme {
    [data-dc-theme=clips] {
        --dc-clips-accent: #ffc247;
        --dc-clips-accent-dark: #de9d2b;
        --dc-clips-accent-hover: #ffd174;
        --dc-clips-accent-light: #ffe3a0;
        --dc-clips-bg: #1a1611;
        --dc-clips-bg-deep: #181511;
        --dc-clips-bg-ink: #0c0b09;
        --dc-clips-black: #000;
        --dc-clips-brown-100: #695021;
        --dc-clips-brown-300: #563b30;
        --dc-clips-brown-400: #553821;
        --dc-clips-brown-500: #49331a;
        --dc-clips-brown-600: #39332c;
        --dc-clips-brown-700: #3b2c1b;
        --dc-clips-brown-800: #312c25;
        --dc-clips-brown-900: #352b1c;
        --dc-clips-brown-1000: #312b23;
        --dc-clips-brown-1100: #2d251a;
        --dc-clips-brown-1200: #2d241a;
        --dc-clips-danger: #e96666;
        --dc-clips-danger-light: #ef8a7f;
        --dc-clips-danger-muted: #d78878;
        --dc-clips-muted: #b8ac9a;
        --dc-clips-muted-dark: #938875;
        --dc-clips-olive: #79a646;
        --dc-clips-panel: #242019;
        --dc-clips-sand-100: #e2cfab;
        --dc-clips-sand-200: #d9cebe;
        --dc-clips-sand-300: #d6c19c;
        --dc-clips-sand-400: #d1bb94;
        --dc-clips-success: #81ca99;
        --dc-clips-success-dark: #57b480;
        --dc-clips-text: #fffbf5;
        --dc-clips-white: #fff
    }
}

@layer app-theme {
    :root {
        --dc-live-tape-tile-multiplier-x2: #8ff3bf;
        --dc-live-tape-tile-multiplier-x2-edge: #18a862;
        --dc-live-tape-tile-multiplier-x5: #9cc2ff;
        --dc-live-tape-tile-multiplier-x5-edge: #3a74ff;
        --dc-live-tape-tile-multiplier-x10: #ffb47a;
        --dc-live-tape-tile-multiplier-x10-edge: #ff6a2a;
        --dc-live-tape-tile-multiplier-x20: #ffd479;
        --dc-live-tape-tile-multiplier-x20-edge: #e0a020
    }
}

@layer dc-ui-reset {

    *,
    :before,
    :after {
        box-sizing: border-box;
        margin: 0;
        padding: 0
    }

    ul {
        padding-left: 0;
        list-style: none
    }

    a {
        cursor: pointer;
        text-decoration: none
    }

    button {
        background-color: unset;
        cursor: pointer;
        border: none
    }

    :focus,
    :focus-visible {
        box-shadow: none;
        outline: none
    }

    .tab,
    [class^=tab],
    [class*=\ tab],
    [class*=-tab],
    [class*=tab-] {
        cursor: pointer;
        box-shadow: none;
        outline: none;
        appearance: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
        -webkit-tap-highlight-color: #0000 !important;
        margin: 0 !important;
        padding: 0 !important
    }

    .tab:active,
    .tab:focus,
    .tab:focus-visible,
    [class^=tab]:active,
    [class^=tab]:focus,
    [class^=tab]:focus-visible,
    [class*=\ tab]:active,
    [class*=\ tab]:focus,
    [class*=\ tab]:focus-visible,
    [class*=-tab]:active,
    [class*=-tab]:focus,
    [class*=-tab]:focus-visible,
    [class*=tab-]:active,
    [class*=tab-]:focus,
    [class*=tab-]:focus-visible,
    button,
    [role=button],
    button:focus,
    button:focus-visible,
    button:active,
    [role=button]:focus,
    [role=button]:focus-visible,
    [role=button]:active {
        box-shadow: none;
        outline: none;
        -webkit-tap-highlight-color: #0000 !important
    }
}

@layer app-components {

    html,
    body {
        background-color: var(--dc-ui-background-100);
        max-width: 100%;
        height: 100%;
        overflow: hidden
    }

    body {
        font-family: var(--font-geist-sans), "Geist", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        font-optical-sizing: auto;
        font-style: normal;
        font-weight: 400
    }

    html[data-product-theme] body {
        overflow: hidden
    }

    html body [id^=carrotquest-],
    html body #svelte-notification-container,
    html body #carrot-notification-frame {
        z-index: 1099 !important
    }

    @media (max-width:1023px) {

        html[data-carrot-quest-case-page] body #carrotquest-messenger-collapsed-container.carrotquest-messenger-right_bottom,
        html[data-carrot-quest-case-page] body #carrotquest-messenger-collapsed-container.carrotquest-messenger-left_bottom,
        html[data-carrot-quest-case-page] body #carrotquest-messenger {
            top: auto !important;
            bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important
        }

        body:has([data-case-controls-shell]) #carrotquest-messenger-collapsed-container.carrotquest-messenger-right_bottom {
            top: auto !important;
            bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important
        }

        body:has([data-case-controls-shell]) #carrotquest-messenger-collapsed-container.carrotquest-messenger-left_bottom {
            top: auto !important;
            bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important
        }

        body:has([data-case-controls-shell]) #carrotquest-messenger {
            top: auto !important;
            bottom: calc(100px + env(safe-area-inset-bottom, 0px)) !important
        }
    }

    body:has([role=dialog]) [id^=carrotquest-] {
        pointer-events: none !important
    }

    body:has([role=dialog]) #svelte-notification-container {
        pointer-events: none !important
    }

    body:has([role=dialog]) #carrot-notification-frame {
        pointer-events: none !important
    }

    body:has([role=dialog]) [data-dev-product-switcher] {
        pointer-events: none;
        z-index: 1099 !important
    }

    [data-rarity-role=consumer] {
        --dc-rarity-color: var(--dc-ui-rarity-consumer);
        --dc-rarity-color-low: var(--dc-ui-rarity-consumer-low)
    }

    [data-rarity-role=industrial] {
        --dc-rarity-color: var(--dc-ui-rarity-industrial);
        --dc-rarity-color-low: var(--dc-ui-rarity-industrial-low)
    }

    [data-rarity-role=military] {
        --dc-rarity-color: var(--dc-ui-rarity-military);
        --dc-rarity-color-low: var(--dc-ui-rarity-military-low)
    }

    [data-rarity-role=restricted] {
        --dc-rarity-color: var(--dc-ui-rarity-restricted);
        --dc-rarity-color-low: var(--dc-ui-rarity-restricted-low)
    }

    [data-rarity-role=classified] {
        --dc-rarity-color: var(--dc-ui-rarity-classified);
        --dc-rarity-color-low: var(--dc-ui-rarity-classified-low)
    }

    [data-rarity-role=covert] {
        --dc-rarity-color: var(--dc-ui-rarity-covert);
        --dc-rarity-color-low: var(--dc-ui-rarity-covert-low)
    }

    [data-rarity-role=extraordinary] {
        --dc-rarity-color: var(--dc-ui-rarity-extraordinary);
        --dc-rarity-color-low: var(--dc-ui-rarity-extraordinary-low)
    }

    [data-rarity-role=common] {
        --dc-rarity-color: var(--dc-ui-rarity-common);
        --dc-rarity-color-low: var(--dc-ui-rarity-common)
    }

    [data-rarity-role=uncommon] {
        --dc-rarity-color: var(--dc-ui-rarity-uncommon);
        --dc-rarity-color-low: var(--dc-ui-rarity-uncommon)
    }

    [data-rarity-role=rare] {
        --dc-rarity-color: var(--dc-ui-rarity-rare);
        --dc-rarity-color-low: var(--dc-ui-rarity-rare)
    }

    [data-rarity-role=mythical] {
        --dc-rarity-color: var(--dc-ui-rarity-mythical);
        --dc-rarity-color-low: var(--dc-ui-rarity-mythical)
    }

    [data-rarity-role=legendary] {
        --dc-rarity-color: var(--dc-ui-rarity-legendary);
        --dc-rarity-color-low: var(--dc-ui-rarity-legendary)
    }

    [data-rarity-role=immortal] {
        --dc-rarity-color: var(--dc-ui-rarity-immortal);
        --dc-rarity-color-low: var(--dc-ui-rarity-immortal)
    }

    [data-rarity-role=arcana] {
        --dc-rarity-color: var(--dc-ui-rarity-arcana);
        --dc-rarity-color-low: var(--dc-ui-rarity-arcana)
    }

    [data-rarity-role=ancient] {
        --dc-rarity-color: var(--dc-ui-rarity-ancient);
        --dc-rarity-color-low: var(--dc-ui-rarity-ancient)
    }
}

@font-face {
    font-family: Geist;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");
    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Geist;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}

@font-face {
    font-family: Geist;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");
    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Geist;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Geist;
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: Geist Fallback;
    src: local(Arial);
    ascent-override: 95.94%;
    descent-override: 28.16%;
    line-gap-override: 0.0%;
    size-adjust: 104.76%
}

.geist_3e5092bc-module__8eOpAq__className {
    font-family: Geist, Geist Fallback;
    font-style: normal
}

.geist_3e5092bc-module__8eOpAq__variable {
    --font-geist-sans: "Geist", "Geist Fallback"
}

@font-face {
    font-family: headingDeva;
    src: url(../fonts/HeadingDevaVariable_Roman.0vp9wpd485iim.woff2)format("woff2");
    font-display: swap;
    font-weight: 700 800;
    font-style: normal
}

.headingdeva_54b910d5-module__mI-1hW__className {
    font-family: headingDeva, Arial, Helvetica, sans-serif
}

.headingdeva_54b910d5-module__mI-1hW__variable {
    --font-heading-deva: "headingDeva", Arial, Helvetica, sans-serif
}

@layer app-theme {
    html:where([data-game=dota2]) {
        --dc-ui-rarity-ancient: #b84251;
        --dc-ui-rarity-arcana: #5ea33b;
        --dc-ui-rarity-common: #676e7a;
        --dc-ui-rarity-immortal: #b89042;
        --dc-ui-rarity-legendary: #b042b8;
        --dc-ui-rarity-mythical: #724dd6;
        --dc-ui-rarity-rare: #3f6ae0;
        --dc-ui-rarity-uncommon: #2e7ca3
    }
}

@layer app-theme {
    html:where([data-game=cs2]) {
        --dc-ui-rarity-classified: #ff47da;
        --dc-ui-rarity-classified-low: #b89ab2;
        --dc-ui-rarity-consumer: #8c9db8;
        --dc-ui-rarity-consumer-low: #9aa6b8;
        --dc-ui-rarity-covert: #ff4747;
        --dc-ui-rarity-covert-low: #b89a9a;
        --dc-ui-rarity-extraordinary: #ffa947;
        --dc-ui-rarity-extraordinary-low: #b8aa9a;
        --dc-ui-rarity-industrial: #3fabe0;
        --dc-ui-rarity-industrial-low: #9aaeb8;
        --dc-ui-rarity-military: #4778ff;
        --dc-ui-rarity-military-low: #9aa2b8;
        --dc-ui-rarity-restricted: #9147ff;
        --dc-ui-rarity-restricted-low: #a69ab8
    }
}

@layer app-theme {
    html:where([data-game=cs2]) {
        --dc-ui-wear-factory-new: #4ade80;
        --dc-ui-wear-minimal-wear: #a3e635;
        --dc-ui-wear-field-tested: #facc15;
        --dc-ui-wear-well-worn: #fb923c;
        --dc-ui-wear-battle-scarred: #ef4444
    }
}