:root {
    /* Colors */
    --color-primary: #00557f;
    --color-error: #ff5454;
    --color-bedrock: black;
    --color-text: white;

    --inner-background: #00557f;

    /* Typography */
    --typography-accent-font: Swell, sans-serif;
    --typography-font-family: Montserrat, sans-serif;

    --border-radius: var(--space);

    --label-text-color: rgba(255, 255, 255, 0.5);
    --input-bg-color: rgba(255, 255, 255, 0.1);
    --input-backdrop-filter: none;
    --input-text-color: #ffffff;
    --input-border-radius: var(--border-radius);
    --placeholder-color: rgba(255, 255, 255, 0.3);

    --checkbox-border-radius: var(--border-radius);

    --color-heading: linear-gradient(79.94deg, #fbb730 27.9%, #ffd174 95.46%);

    --button-primary-border: none;
    --button-secondary-border: none;
    --button-border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);
    --color-primary-dark: #014263;
    --color-primary-medium: #1e9cd7;
    --color-primary-button-bg: linear-gradient(79.94deg, #027fac 27.9%, #05d7de 95.46%);
    --color-primary-button-border: linear-gradient(262.04deg, #05cad7 3.98%, #fff5e2 98.92%);
    --color-primary-button-shadow: none;
    --color-primary-button-glow: 1px 1px 4px calc(var(--space) / 8) #67f4ff;
    --color-primary-button-text: #ffffff;
    --decoration-border-radius: 50%;
    --decoration-shadow: inset 0 0 1px rgba(255, 255, 255, 0.5);
    --decoration-bg-color: rgba(255, 255, 255, 0.3);

    --pill-button-color: #faf5f5;
    --pill-button-border-radius: 0;
    --pill-button-background-color: #2b81ac;

    --color-secondary-button-bg: none;
    --color-secondary-button-border: rgba(255, 255, 255, 0.05);
    --color-secondary-button-shadow: none;
    --color-secondary-button-glow: 1px 1px 4px calc(var(--space) / 8) rgba(255, 253, 249, 0.8);
    --color-secondary-button-text: #ffffff;

    --border-radius-icon-button: var(--border-radius);
    --color-primary-icon-button-bg: linear-gradient(90deg, #027fac, #05d7de);
    --color-primary-icon-button-text: #ffffff;

    --color-secondary-icon-button-bg: rgba(255, 255, 255, 0.05);
    --color-secondary-icon-button-text: #ffffff;
    --color-secondary-icon-button-shadow: inset 1px 1px 4px rgba(255, 255, 255, 0.5);

    --color-tertiary-icon-button-bg: #2b81ac;
    --color-tertiary-icon-button-text: #ffffff;
    --button-shadow: drop-shadow(0px 4px 4px #00000040);

    --decoration-object-1-width: calc(0.546 * var(--short-side));
    --decoration-object-1-landscape-position-x: calc(-0.15 * var(--decoration-object-1-width));
    --decoration-object-1-landscape-position-y: calc(-0.15 * var(--decoration-object-1-width));
    --decoration-object-1-portrait-position-x: calc(-1.1 * var(--decoration-object-1-width));
    --decoration-object-1-portrait-position-y: calc(-1.1 * var(--decoration-object-1-width));
    --decoration-object-1-transform: rotate(140deg);

    --decoration-object-2-landscape-width: calc(0.546 * var(--short-side));
    --decoration-object-2-portrait-width: calc(0.943 * var(--short-side));
    --decoration-object-2-landscape-position-x: calc(
        var(--long-side) -
        (0.85 * var(--decoration-object-2-landscape-width))
    );
    --decoration-object-2-landscape-position-y: calc(
        var(--short-side) -
        (0.7 * var(--decoration-object-2-landscape-width))
    );
    --decoration-object-2-portrait-position-x: calc(
        0.5 *
        var(--short-side) -
        0.5 *
        var(--decoration-object-2-portrait-width)
    );
    --decoration-object-2-portrait-position-y: calc(var(--long-side) - 0.6 * var(--decoration-object-2-portrait-width));

    --decoration-object-2-middle-width: 10px;
    --decoration-object-2-middle-position-x: -20px;
    --decoration-object-2-middle-position-y: -20px;
    --decoration-object-2-transform: rotate(-30deg);

    --display-background-main-layout: block;
    --display-decoration-main-layout: none;

    --avatar-border-gradient: linear-gradient(to right, #027fac, #027fac 28%, #a9e0f4 66%, #027fac);
    --avatar-shadow: 0 0 0 #7adbff, 0 1px 2px #7adbff;
    --header-border-gradient: linear-gradient(90deg, #002245, #04bfd0, #002245);
    --progress-bar-inner-gradient: linear-gradient(to right, #027fac, #05d7de);
    --progress-bar-border-gradient: linear-gradient(to right, rgba(205, 226, 255, 0), rgba(182, 237, 255, 1));
    --logo-max-width: clamp(112px, 20vw, 240px);

    --footer-menu-active-item-decoration-color: #05d7de;
    --footer-menu-active-item-glow-color: #48cfff;

    --decoration-visibility: visible;
    --main-background-visibility: visible;

    --heading-gradient: linear-gradient(79.94deg, #fbb730 27.9%, #ffd174 95.46%);
    --modal-bg: rgba(255, 255, 255, 0.05);
    --modal-backdrop-bg: rgba(1, 66, 99, 0.8);
    --modal-backgrop-filter: none;
    --modal-radius: calc(var(--space) * 2);

    --system-modal-message-border-color: rgba(255, 255, 255, 0.05);
    --system-modal-message-error-title-color: linear-gradient(79.94deg, #ff4f1e 27.9%, #ffb187 95.46%);

    --card-background: #1f6a90;
    --card-glow-color: var(--color-primary-medium);
    --card-label-text-color: rgba(255, 255, 255, 0.8);
    --card-label-background: rgba(255, 255, 255, 0.1);

    --mission-current-value-text-color: rgba(255, 255, 255, 0.5);
    --mission-target-value-text-color: var(--heading-gradient);
    --mission-target-value-background: linear-gradient(
        79.94deg,
        rgba(251, 183, 48, 0.3) 27.9%,
        rgba(255, 209, 116, 0.3) 95.46%
    );
    --accent-color: #fbb730;
    --leaderboard-podium-top-background: #2588bb;
    --leaderboard-podium-gradient: linear-gradient(180deg, #409ccc 0%, rgba(37, 136, 187, 0) 100%);
    --leaderboard-badge-color: #7d3e8f;
    --leaderboard-item-bg: #2588bb;
    --leaderboard-item-radius: var(--border-radius);
    --hot--package-bg: #c2457f;
    --popular--package-bg: #63c61d;

    --history-table-text-color: rgba(255, 255, 255, 0.85);

    --level-up-text-shadow: 1px 1px #ffe042, -1px -1px #444;
    --level-up-text-color: #d85a02;

    --bonus-code-entry-background: rgba(255, 255, 255, 0.1);
    --bonus-code-entry-glow-color: #48cfff;
    --bonus-code-entry-glow-decoration-color: linear-gradient(
        to left,
        transparent,
        rgba(255, 255, 255, 0.4),
        transparent
    );

    --main-background: var(--color-primary);

    --footer-menu-item-border-radius: 0;
    --inbox-message-header-background: #2b81ac;
}

button[data-type^="button-"] {
    > div:before {
        content: "";
        position: absolute;
        inset: calc(var(--space) / 8);
        border-radius: calc(var(--space) / 1.25);
        border-top-left-radius: 0;
        overflow: hidden;
        background-image: var(--color-bg);
    }

    div[data-type^="button-decoration"] {
        position: absolute;
        --step: calc(var(--decoration) + var(--border));

        span {
            position: absolute;
            width: var(--decoration);
            height: var(--decoration);
            border-radius: var(--decoration-border-radius);
            box-shadow: var(--decoration-shadow);
            background: var(--decoration-bg-color);
        }
    }

    div[data-type="button-decoration-left"] {
        left: calc(0.8 * var(--space));
        bottom: calc(0.5 * var(--space));

        span {
            &:nth-child(1) {
                left: 0;
                bottom: calc(var(--step) * 1);
            }

            &:nth-child(2) {
                left: 0;
                bottom: 0;
            }

            &:nth-child(3) {
                left: calc(var(--step) * 1);
                bottom: 0;
            }

            &:nth-child(4) {
                left: calc(var(--step) * 2);
                bottom: 0;
            }
        }
    }

    div[data-type="button-decoration-right"] {
        top: calc(0.5 * var(--space));
        right: calc(0.5 * var(--space));

        span {
            &:nth-child(1) {
                top: 0;
                right: 0;
            }
            &:nth-child(2) {
                top: calc(var(--step) * 1);
                right: 0;
            }
            &:nth-child(3) {
                top: calc(var(--step) * 1);
                right: calc(var(--step) * 1);
            }
            &:nth-child(4) {
                top: calc(var(--step) * 2);
                right: calc(var(--step) * 1);
            }
        }
    }
}

div[data-type="button-glow"] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: var(--glow) inset;
    z-index: 2;
    border-radius: var(--space);
    pointer-events: none;

    &:before {
        content: "";
        position: absolute;
        height: 0;
        width: calc(var(--space) * 5);
        top: 0;
        left: calc(var(--space) * -0.6);
        transform: rotate(-45deg);
        transform-origin: center center;
        box-shadow: var(--glow);
    }
}

button[data-type="button-primary"] {
    > div {
        mask-image: url(./button-mask.png), linear-gradient(to right, black, black);
        mask-size:
            auto 100%,
            100% 100%;
        mask-position:
            left bottom,
            right bottom;
        mask-repeat: no-repeat, no-repeat;
        mask-composite: exclude;
        mask-origin: content-box;
    }
}

button[data-type="button-secondary"] {
    > div {
        mask: none;

        border-radius: var(--space);

        &:before {
            content: none;
        }
    }
    div[data-type="button-glow"] {
        &:before {
            content: none;
        }
    }
}

button[data-type="gift-button"] {
    transform: translateY(calc(var(--space) * -0.2));

    @supports (corner-shape: squircle) {
        corner-shape: squircle;
        border-radius: 50%;
    }
}

div[data-type="pill-button"] {
    clip-path: polygon(
        0px 24px,
        0.02px 17.5px,
        0.19px 12.29px,
        0.65px 8.23px,
        1.54px 5.18px,
        3px 3px,
        5.18px 1.54px,
        8.23px 0.65px,
        12.29px 0.19px,
        17.5px 0.02px,
        24px 0px,
        24px 0px,
        calc(100% - 24px) 0px,
        calc(100% - 24px) 0px,
        calc(100% - 17.5px) 0.02px,
        calc(100% - 12.29px) 0.19px,
        calc(100% - 8.23px) 0.65px,
        calc(100% - 5.18px) 1.54px,
        calc(100% - 3px) 3px,
        calc(100% - 1.54px) 5.18px,
        calc(100% - 0.65px) 8.23px,
        calc(100% - 0.19px) 12.29px,
        calc(100% - 0.02px) 17.5px,
        calc(100% - 0px) 24px,
        calc(100% - 0px) calc(100% - 24px),
        calc(100% - 0.02px) calc(100% - 17.5px),
        calc(100% - 0.19px) calc(100% - 12.29px),
        calc(100% - 0.65px) calc(100% - 8.23px),
        calc(100% - 1.54px) calc(100% - 5.18px),
        calc(100% - 3px) calc(100% - 3px),
        calc(100% - 5.18px) calc(100% - 1.54px),
        calc(100% - 8.23px) calc(100% - 0.65px),
        calc(100% - 12.29px) calc(100% - 0.19px),
        calc(100% - 17.5px) calc(100% - 0.02px),
        calc(100% - 24px) calc(100% - 0px),
        calc(100% - 24px) calc(100% - 0px),
        24px calc(100% - 0px),
        24px calc(100% - 0px),
        17.5px calc(100% - 0.02px),
        12.29px calc(100% - 0.19px),
        8.23px calc(100% - 0.65px),
        5.18px calc(100% - 1.54px),
        3px calc(100% - 3px),
        1.54px calc(100% - 5.18px),
        0.65px calc(100% - 8.23px),
        0.19px calc(100% - 12.29px),
        0.02px calc(100% - 17.5px),
        0px calc(100% - 24px)
    );
}

[data-type="footer-menu-item"] {
    clip-path: polygon(
        0% 38.46%,
        0.04% 34.02%,
        0.19% 29.90%,
        0.44% 26.11%,
        0.79% 22.65%,
        1.29% 19.48%,
        1.91% 16.58%,
        2.66% 13.98%,
        3.57% 11.63%,
        4.65% 9.54%,
        5.88% 7.69%,
        7.29% 6.08%,
        8.90% 4.68%,
        10.69% 3.48%,
        12.68% 2.50%,
        14.90% 1.69%,
        17.32% 1.04%,
        19.97% 0.58%,
        22.87% 0.25%,
        25.99% 0.06%,
        29.41% 0%,
        70.59% 0%,
        74.01% 0.06%,
        77.13% 0.25%,
        80.03% 0.58%,
        82.68% 1.04%,
        85.10% 1.69%,
        87.32% 2.50%,
        89.31% 3.48%,
        91.10% 4.68%,
        92.71% 6.08%,
        94.12% 7.69%,
        95.35% 9.54%,
        96.43% 11.63%,
        97.34% 13.98%,
        98.09% 16.58%,
        98.71% 19.48%,
        99.21% 22.65%,
        99.56% 26.11%,
        99.81% 29.90%,
        99.96% 34.02%,
        100% 38.46%,
        100% 61.54%,
        99.96% 65.98%,
        99.81% 70.10%,
        99.56% 73.89%,
        99.21% 77.35%,
        98.71% 80.52%,
        98.09% 83.42%,
        97.34% 86.02%,
        96.43% 88.37%,
        95.35% 90.46%,
        94.12% 92.31%,
        92.71% 93.92%,
        91.10% 95.32%,
        89.31% 96.52%,
        87.32% 97.50%,
        85.10% 98.31%,
        82.68% 98.96%,
        80.03% 99.42%,
        77.13% 99.75%,
        74.01% 99.94%,
        70.59% 100%,
        29.41% 100%,
        25.99% 99.94%,
        22.87% 99.75%,
        19.97% 99.42%,
        17.32% 98.96%,
        14.90% 98.31%,
        12.68% 97.50%,
        10.69% 96.52%,
        8.90% 95.32%,
        7.29% 93.92%,
        5.88% 92.31%,
        4.65% 90.46%,
        3.57% 88.37%,
        2.66% 86.02%,
        1.91% 83.42%,
        1.29% 80.52%,
        0.79% 77.35%,
        0.44% 73.89%,
        0.19% 70.10%,
        0.04% 65.98%,
        0% 61.54%
    );
}

div[data-type="card"] {
    clip-path: polygon(
        0px 40px,
        0.04px 29.16px,
        0.32px 20.48px,
        1.08px 13.72px,
        2.56px 8.64px,
        5px 5px,
        8.64px 2.56px,
        13.72px 1.08px,
        20.48px 0.32px,
        29.16px 0.04px,
        40px 0px,
        40px 0px,
        calc(100% - 40px) 0px,
        calc(100% - 40px) 0px,
        calc(100% - 29.16px) 0.04px,
        calc(100% - 20.48px) 0.32px,
        calc(100% - 13.72px) 1.08px,
        calc(100% - 8.64px) 2.56px,
        calc(100% - 5px) 5px,
        calc(100% - 2.56px) 8.64px,
        calc(100% - 1.08px) 13.72px,
        calc(100% - 0.32px) 20.48px,
        calc(100% - 0.04px) 29.16px,
        calc(100% - 0px) 40px,
        calc(100% - 0px) calc(100% - 40px),
        calc(100% - 0.04px) calc(100% - 29.16px),
        calc(100% - 0.32px) calc(100% - 20.48px),
        calc(100% - 1.08px) calc(100% - 13.72px),
        calc(100% - 2.56px) calc(100% - 8.64px),
        calc(100% - 5px) calc(100% - 5px),
        calc(100% - 8.64px) calc(100% - 2.56px),
        calc(100% - 13.72px) calc(100% - 1.08px),
        calc(100% - 20.48px) calc(100% - 0.32px),
        calc(100% - 29.16px) calc(100% - 0.04px),
        calc(100% - 40px) calc(100% - 0px),
        calc(100% - 40px) calc(100% - 0px),
        40px calc(100% - 0px),
        40px calc(100% - 0px),
        29.16px calc(100% - 0.04px),
        20.48px calc(100% - 0.32px),
        13.72px calc(100% - 1.08px),
        8.64px calc(100% - 2.56px),
        5px calc(100% - 5px),
        2.56px calc(100% - 8.64px),
        1.08px calc(100% - 13.72px),
        0.32px calc(100% - 20.48px),
        0.04px calc(100% - 29.16px),
        0px calc(100% - 40px)
    );
}

div[data-type="payment-package"] {
    clip-path: polygon(
        0px 30px,
        0.05px 26.53px,
        0.19px 23.33px,
        0.45px 20.37px,
        0.82px 17.66px,
        1.31px 15.19px,
        1.94px 12.94px,
        2.72px 10.9px,
        3.65px 9.07px,
        4.74px 7.44px,
        6px 6px,
        7.44px 4.74px,
        9.07px 3.65px,
        10.9px 2.72px,
        12.94px 1.94px,
        15.19px 1.31px,
        17.66px 0.82px,
        20.37px 0.45px,
        23.33px 0.19px,
        26.53px 0.05px,
        30px 0px,
        calc(100% - 30px) 0px,
        calc(100% - 26.53px) 0.05px,
        calc(100% - 23.33px) 0.19px,
        calc(100% - 20.37px) 0.45px,
        calc(100% - 17.66px) 0.82px,
        calc(100% - 15.19px) 1.31px,
        calc(100% - 12.94px) 1.94px,
        calc(100% - 10.9px) 2.72px,
        calc(100% - 9.07px) 3.65px,
        calc(100% - 7.44px) 4.74px,
        calc(100% - 6px) 6px,
        calc(100% - 4.74px) 7.44px,
        calc(100% - 3.65px) 9.07px,
        calc(100% - 2.72px) 10.9px,
        calc(100% - 1.94px) 12.94px,
        calc(100% - 1.31px) 15.19px,
        calc(100% - 0.82px) 17.66px,
        calc(100% - 0.45px) 20.37px,
        calc(100% - 0.19px) 23.33px,
        calc(100% - 0.05px) 26.53px,
        calc(100% - 0px) 30px,
        calc(100% - 0px) calc(100% - 30px),
        calc(100% - 0.05px) calc(100% - 26.53px),
        calc(100% - 0.19px) calc(100% - 23.33px),
        calc(100% - 0.45px) calc(100% - 20.37px),
        calc(100% - 0.82px) calc(100% - 17.66px),
        calc(100% - 1.31px) calc(100% - 15.19px),
        calc(100% - 1.94px) calc(100% - 12.94px),
        calc(100% - 2.72px) calc(100% - 10.9px),
        calc(100% - 3.65px) calc(100% - 9.07px),
        calc(100% - 4.74px) calc(100% - 7.44px),
        calc(100% - 6px) calc(100% - 6px),
        calc(100% - 7.44px) calc(100% - 4.74px),
        calc(100% - 9.07px) calc(100% - 3.65px),
        calc(100% - 10.9px) calc(100% - 2.72px),
        calc(100% - 12.94px) calc(100% - 1.94px),
        calc(100% - 15.19px) calc(100% - 1.31px),
        calc(100% - 17.66px) calc(100% - 0.82px),
        calc(100% - 20.37px) calc(100% - 0.45px),
        calc(100% - 23.33px) calc(100% - 0.19px),
        calc(100% - 26.53px) calc(100% - 0.05px),
        calc(100% - 30px) calc(100% - 0px),
        30px calc(100% - 0px),
        26.53px calc(100% - 0.05px),
        23.33px calc(100% - 0.19px),
        20.37px calc(100% - 0.45px),
        17.66px calc(100% - 0.82px),
        15.19px calc(100% - 1.31px),
        12.94px calc(100% - 1.94px),
        10.9px calc(100% - 2.72px),
        9.07px calc(100% - 3.65px),
        7.44px calc(100% - 4.74px),
        6px calc(100% - 6px),
        4.74px calc(100% - 7.44px),
        3.65px calc(100% - 9.07px),
        2.72px calc(100% - 10.9px),
        1.94px calc(100% - 12.94px),
        1.31px calc(100% - 15.19px),
        0.82px calc(100% - 17.66px),
        0.45px calc(100% - 20.37px),
        0.19px calc(100% - 23.33px),
        0.05px calc(100% - 26.53px),
        0px calc(100% - 30px)
    );
}

div[data-type="game-thumb-default"] {
    clip-path: var(--polygon-thumb);
    --polygon-thumb: polygon(
        0% 38.46%,
        0.04% 34.02%,
        0.19% 29.90%,
        0.44% 26.11%,
        0.79% 22.65%,
        1.29% 19.48%,
        1.91% 16.58%,
        2.66% 13.98%,
        3.57% 11.63%,
        4.65% 9.54%,
        5.88% 7.69%,
        7.29% 6.08%,
        8.90% 4.68%,
        10.69% 3.48%,
        12.68% 2.50%,
        14.90% 1.69%,
        17.32% 1.04%,
        19.97% 0.58%,
        22.87% 0.25%,
        25.99% 0.06%,
        29.41% 0%,
        70.59% 0%,
        74.01% 0.06%,
        77.13% 0.25%,
        80.03% 0.58%,
        82.68% 1.04%,
        85.10% 1.69%,
        87.32% 2.50%,
        89.31% 3.48%,
        91.10% 4.68%,
        92.71% 6.08%,
        94.12% 7.69%,
        95.35% 9.54%,
        96.43% 11.63%,
        97.34% 13.98%,
        98.09% 16.58%,
        98.71% 19.48%,
        99.21% 22.65%,
        99.56% 26.11%,
        99.81% 29.90%,
        99.96% 34.02%,
        100% 38.46%,
        100% 61.54%,
        99.96% 65.98%,
        99.81% 70.10%,
        99.56% 73.89%,
        99.21% 77.35%,
        98.71% 80.52%,
        98.09% 83.42%,
        97.34% 86.02%,
        96.43% 88.37%,
        95.35% 90.46%,
        94.12% 92.31%,
        92.71% 93.92%,
        91.10% 95.32%,
        89.31% 96.52%,
        87.32% 97.50%,
        85.10% 98.31%,
        82.68% 98.96%,
        80.03% 99.42%,
        77.13% 99.75%,
        74.01% 99.94%,
        70.59% 100%,
        29.41% 100%,
        25.99% 99.94%,
        22.87% 99.75%,
        19.97% 99.42%,
        17.32% 98.96%,
        14.90% 98.31%,
        12.68% 97.50%,
        10.69% 96.52%,
        8.90% 95.32%,
        7.29% 93.92%,
        5.88% 92.31%,
        4.65% 90.46%,
        3.57% 88.37%,
        2.66% 86.02%,
        1.91% 83.42%,
        1.29% 80.52%,
        0.79% 77.35%,
        0.44% 73.89%,
        0.19% 70.10%,
        0.04% 65.98%,
        0% 61.54%
    );
}

div[data-type="game-thumb-large"] {
    clip-path: var(--polygon-thumb);
    --polygon-thumb: polygon(
        0% 23.33%,
        0% 21.08%,
        0.01% 18.97%,
        0.02% 17.01%,
        0.06% 15.19%,
        0.11% 13.50%,
        0.19% 11.95%,
        0.30% 10.51%,
        0.44% 9.20%,
        0.63% 8.00%,
        0.86% 6.91%,
        1.15% 5.93%,
        1.49% 5.04%,
        1.90% 4.25%,
        2.37% 3.54%,
        2.92% 2.92%,
        3.54% 2.37%,
        4.25% 1.90%,
        5.04% 1.49%,
        5.93% 1.15%,
        6.91% 0.86%,
        8.00% 0.63%,
        9.20% 0.44%,
        10.51% 0.30%,
        11.95% 0.19%,
        13.50% 0.11%,
        15.19% 0.06%,
        17.01% 0.02%,
        18.97% 0.01%,
        21.08% 0%,
        23.33% 0%,
        76.67% 0%,
        78.92% 0%,
        81.03% 0.01%,
        82.99% 0.02%,
        84.81% 0.06%,
        86.50% 0.11%,
        88.05% 0.19%,
        89.49% 0.30%,
        90.80% 0.44%,
        92.00% 0.63%,
        93.09% 0.86%,
        94.07% 1.15%,
        94.96% 1.49%,
        95.75% 1.90%,
        96.46% 2.37%,
        97.08% 2.92%,
        97.63% 3.54%,
        98.10% 4.25%,
        98.51% 5.04%,
        98.85% 5.93%,
        99.14% 6.91%,
        99.37% 8.00%,
        99.56% 9.20%,
        99.70% 10.51%,
        99.81% 11.95%,
        99.89% 13.50%,
        99.94% 15.19%,
        99.98% 17.01%,
        99.99% 18.97%,
        100% 21.08%,
        100% 23.33%,
        100% 76.67%,
        99.99% 78.92%,
        99.98% 81.03%,
        99.94% 82.99%,
        99.89% 84.81%,
        99.81% 86.50%,
        99.70% 88.05%,
        99.56% 89.49%,
        99.37% 90.80%,
        99.14% 92.00%,
        98.85% 93.09%,
        98.51% 94.07%,
        98.10% 94.96%,
        97.63% 95.75%,
        97.08% 96.46%,
        96.46% 97.08%,
        95.75% 97.63%,
        94.96% 98.10%,
        94.07% 98.51%,
        93.09% 98.85%,
        92.00% 99.14%,
        90.80% 99.37%,
        89.49% 99.56%,
        88.05% 99.70%,
        86.50% 99.81%,
        84.81% 99.89%,
        82.99% 99.94%,
        81.03% 99.98%,
        78.92% 99.99%,
        76.67% 100%,
        23.33% 100%,
        21.08% 100%,
        18.97% 99.99%,
        17.01% 99.98%,
        15.19% 99.94%,
        13.50% 99.89%,
        11.95% 99.81%,
        10.51% 99.70%,
        9.20% 99.56%,
        8.00% 99.37%,
        6.91% 99.14%,
        5.93% 98.85%,
        5.04% 98.51%,
        4.25% 98.10%,
        3.54% 97.63%,
        2.92% 97.08%,
        2.37% 96.46%,
        1.90% 95.75%,
        1.49% 94.96%,
        1.15% 94.07%,
        0.86% 93.09%,
        0.63% 92.00%,
        0.44% 90.80%,
        0.30% 89.49%,
        0.19% 88.05%,
        0.11% 86.50%,
        0.06% 84.81%,
        0.02% 82.99%,
        0.01% 81.03%,
        0% 78.92%,
        0% 76.67%
    );
}

div[data-type="game-thumb-crop"] {
    clip-path: var(--polygon-thumb);
}