@font-face {
    font-family: "Tactic Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("/fonts/Tactic-Sans-Bold.woff2") format("woff2");
}


.toast-container[_ngcontent-ng-c3559494316] {
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    pointer-events: none
}

.toast-container[_ngcontent-ng-c3559494316]>*[_ngcontent-ng-c3559494316] {
    pointer-events: auto
}


ul[_ngcontent-ng-c4046757042] {
    list-style: disc;
    padding-left: 1.25rem
}

ul[_ngcontent-ng-c4046757042] li[_ngcontent-ng-c4046757042] {
    line-height: normal
}

.terms-scroll[_ngcontent-ng-c4046757042] {
    scrollbar-gutter: stable both-edges;
    scrollbar-width: thin;
    scrollbar-color: #337A69 rgba(105, 114, 160, .1);
    -ms-overflow-style: none;
    scrollbar-width: none
}

.terms-scroll[_ngcontent-ng-c4046757042]::-webkit-scrollbar {
    display: none
}

.custom-scrollbar[_ngcontent-ng-c4046757042] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 4px;
    display: block
}

.custom-scrollbar__track[_ngcontent-ng-c4046757042] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 4px;
    background: #6972a01a;
    border-radius: 9999px;
    cursor: pointer
}

.custom-scrollbar__thumb[_ngcontent-ng-c4046757042] {
    position: absolute;
    left: 0;
    width: 4px;
    background-color: #337a69;
    border-radius: 9999px
}


.currency-list-mask[_ngcontent-ng-c2719645657] {
    -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 95%, transparent 100%);
    mask-image: linear-gradient(90deg, #000 0%, #000 95%, transparent 100%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.methods-scroll-mask[_ngcontent-ng-c2719645657] {
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 88%, transparent 100%);
    mask-image: linear-gradient(180deg, #000 0%, #000 88%, transparent 100%);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

.up-odometer-container[_ngcontent-ng-c3133566450] {
    display: inline-flex;
    align-items: center;
    font-variant-numeric: tabular-nums;
    -webkit-font-feature-settings: "tnum";
    font-feature-settings: "tnum";
    font-family: inherit;
    line-height: inherit
}

.up-odometer-digit-box[_ngcontent-ng-c3133566450] {
    display: inline-block;
    min-width: .5625rem;
    height: 24px !important;
    overflow: hidden;
    text-align: center
}

.up-odometer-digit-box.odometer-mark[_ngcontent-ng-c3133566450] {
    width: .22rem !important;
    min-width: .22rem !important
}

.odometer-css-ribbon[_ngcontent-ng-c3133566450] {
    display: block;
    height: 24px;
    transition: transform var(--odometer-duration, .5s) cubic-bezier(.16, 1, .3, 1);
    will-change: transform
}

.odometer-static-ribbon[_ngcontent-ng-c3133566450] {
    display: block;
    height: 24px
}

.odometer-value[_ngcontent-ng-c3133566450] {
    display: block;
    height: 24px !important;
    font-size: inherit;
    line-height: 24px !important;
    text-align: center
}

.odometer-minus-box[_ngcontent-ng-c3133566450] {
    display: inline-block;
    min-width: .4rem;
    overflow: hidden;
    text-align: center;
    animation: _ngcontent-ng-c3133566450_odometer-minus-fade .2s ease-out forwards
}

@keyframes _ngcontent-ng-c3133566450_odometer-minus-fade {
    0% {
        width: 0;
        opacity: 0;
        transform: scale(.7)
    }

    to {
        width: .4rem;
        opacity: 1;
        transform: scale(1)
    }
}

.odometer-theme-default[_ngcontent-ng-c3133566450] {
    color: inherit
}


.main-control-row[_ngcontent-ng-c1901401533] {
    display: flex;
    width: 100%;
    height: 3.5rem;
    align-items: center;
    justify-content: space-between;
    gap: clamp(.75rem, 2.39vw, 1.8125rem)
}

.main-control-row__balance[_ngcontent-ng-c1901401533] {
    height: 3.5rem;
    min-width: 0;
    flex: 1 1 0
}

.main-control-row__upgrade[_ngcontent-ng-c1901401533] {
    height: 3.5rem;
    min-width: 0;
    flex: .95 1 0
}

.main-control-row__tabs[_ngcontent-ng-c1901401533] {
    height: 3.5rem;
    min-width: 0;
    flex: 1 1 0
}

@media (max-width: 992px) {
    .main-control-row[_ngcontent-ng-c1901401533] {
        height: auto;
        flex-direction: column;
        gap: .75rem
    }

    .main-control-row__balance[_ngcontent-ng-c1901401533],
    .main-control-row__upgrade[_ngcontent-ng-c1901401533],
    .main-control-row__tabs[_ngcontent-ng-c1901401533] {
        min-width: 0;
        width: 100%;
        flex-basis: auto
    }

    .main-control-row__balance[_ngcontent-ng-c1901401533] {
        order: 2
    }

    .main-control-row__tabs[_ngcontent-ng-c1901401533] {
        order: 3
    }

    .main-control-row__upgrade[_ngcontent-ng-c1901401533] {
        order: 1
    }

    .main-control-row__balance[_ngcontent-ng-c1901401533],
    .main-control-row__upgrade[_ngcontent-ng-c1901401533] {
        height: 3.5rem
    }

    .main-control-row__tabs[_ngcontent-ng-c1901401533] {
        height: 2.875rem
    }

    .main-control-row--guest[_ngcontent-ng-c1901401533] .main-control-row__balance[_ngcontent-ng-c1901401533],
    .main-control-row--guest[_ngcontent-ng-c1901401533] .main-control-row__tabs[_ngcontent-ng-c1901401533] {
        display: none
    }
}


.user-item-card[_ngcontent-ng-c2786419321] {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 22.5rem;
    overflow: hidden;
    border-radius: .375rem;
    background: #171a23
}

.user-item-card__empty-text[_ngcontent-ng-c2786419321] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .375rem;
    padding-top: 1.5rem;
    color: #fff;
    text-align: center;
    max-width: 90%;
    margin: 0 auto
}

.user-item-card__empty-text[_ngcontent-ng-c2786419321] span[_ngcontent-ng-c2786419321] {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem
}

.user-item-card__empty-text[_ngcontent-ng-c2786419321] small[_ngcontent-ng-c2786419321] {
    color: #b8aaaa;
    font-size: .625rem;
    font-weight: 400;
    line-height: .75rem
}

.user-item-card__empty-mask[_ngcontent-ng-c2786419321] {
    position: absolute;
    top: 60%;
    left: 50%;
    width: 100.5%;
    height: 10.5rem;
    background: #a7a7a738;
    mask: var(--empty-mask-url) center / contain no-repeat;
    -webkit-mask: var(--empty-mask-url) center / contain no-repeat;
    transform: translate(-50%, -50%)
}

.user-item-card__fill[_ngcontent-ng-c2786419321],
.user-item-card__summary[_ngcontent-ng-c2786419321] {
    position: absolute;
    inset: 0;
    overflow: hidden
}

.user-item-card__logo[_ngcontent-ng-c2786419321] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7.6976rem;
    height: 8.7363rem;
    opacity: .7;
    mix-blend-mode: luminosity;
    transform: translate(-50%, -50%)
}

.user-item-card__glow[_ngcontent-ng-c2786419321] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14.3125rem;
    aspect-ratio: 1;
    border-radius: 50%;
    filter: blur(1.6875rem);
    transform: translate(-50%, -50%)
}

.user-item-card__image[_ngcontent-ng-c2786419321] {
    position: absolute;
    top: calc(50% - .25rem);
    left: 50%;
    z-index: 1;
    width: 86.24%;
    height: 14.36875rem;
    object-fit: contain;
    filter: drop-shadow(.125rem .125rem .125rem rgb(29 29 41 / 40%));
    transform: translate(-50%, -50%)
}

.user-item-card__close[_ngcontent-ng-c2786419321] {
    position: absolute;
    top: .75rem;
    right: .75rem;
    z-index: 3;
    display: flex;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: .375rem;
    background: #6972a01a
}

.user-item-card__close[_ngcontent-ng-c2786419321] img[_ngcontent-ng-c2786419321] {
    width: .75rem;
    height: .75rem
}

.user-item-card__subtitle[_ngcontent-ng-c2786419321] {
    position: absolute;
    top: 1.25rem;
    left: 1.5rem;
    z-index: 2;
    color: #b8aaaa;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem
}

.user-item-card__price[_ngcontent-ng-c2786419321] {
    display: flex;
    align-items: center;
    gap: .125rem;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.5rem;
    white-space: nowrap
}

.user-item-card__price--top[_ngcontent-ng-c2786419321] {
    position: absolute;
    top: 1.125rem;
    left: 1.125rem;
    z-index: 2
}

.user-item-card__price--bottom[_ngcontent-ng-c2786419321] {
    position: absolute;
    bottom: .5rem;
    left: 50%;
    z-index: 2;
    transform: translate(-50%)
}

.user-item-card__coin-active[_ngcontent-ng-c2786419321] {
    display: block;
    flex-shrink: 0;
    object-fit: contain
}

.user-item-card__coin-active--lg[_ngcontent-ng-c2786419321] {
    width: 1.25rem;
    height: 1.25rem
}

.user-item-card__coin-active--sm[_ngcontent-ng-c2786419321] {
    width: .75rem;
    height: .75rem
}

.user-item-card__text-bottom[_ngcontent-ng-c2786419321] {
    position: absolute;
    bottom: 17%;
    left: 50%;
    z-index: 2;
    display: flex;
    width: calc(100% - 2rem);
    flex-direction: column;
    align-items: center;
    gap: .0625rem;
    transform: translate(-50%)
}

.user-item-card__type-row[_ngcontent-ng-c2786419321] {
    display: flex;
    max-width: 100%;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    color: #b8aaaa;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem
}

.user-item-card__type-row[_ngcontent-ng-c2786419321] span[_ngcontent-ng-c2786419321]:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-item-card__star[_ngcontent-ng-c2786419321] {
    flex-shrink: 0;
    color: #b8aaaa;
    font-size: .75rem;
    line-height: 1
}

.user-item-card__name[_ngcontent-ng-c2786419321] {
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    color: #fff;
    font-family: Tactic Sans, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-item-card__summary-grid[_ngcontent-ng-c2786419321] {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: flex;
    width: calc(100% - 3rem);
    max-width: 22.242rem;
    align-items: center;
    justify-content: center;
    gap: .125rem;
    transform: translate(-50%, -50%)
}

.user-item-card__summary-grid--many[_ngcontent-ng-c2786419321] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .125rem .1146rem
}

.user-item-card__mini-card[_ngcontent-ng-c2786419321] {
    position: relative;
    display: flex;
    height: 7.9109rem;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    gap: .4586rem;
    padding: .4586rem .2293rem;
    overflow: hidden;
    border: none;
    border-radius: .25rem;
    cursor: pointer;
    appearance: none;
    color: inherit;
    font: inherit;
    text-align: inherit
}

.user-item-card__summary-grid[_ngcontent-ng-c2786419321]:not(.user-item-card__summary-grid--many) .user-item-card__mini-card[_ngcontent-ng-c2786419321] {
    flex: 0 0 7.3377rem;
    height: 7.9109rem
}

.user-item-card__mini-card[_ngcontent-ng-c2786419321]:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: .125rem;
    background: var(--mini-card-stripe, #fbd506);
    content: ""
}

.user-item-card__mini-card--balance[_ngcontent-ng-c2786419321] {
    justify-content: center;
    background: linear-gradient(180deg, #2db29200 35.68%, #2db2920a), #171a23
}

.user-item-card__mini-card--balance[_ngcontent-ng-c2786419321]:after {
    background: #2db292
}

.user-item-card__mini-price[_ngcontent-ng-c2786419321] {
    position: absolute;
    top: .5rem;
    left: .25rem;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: .125rem;
    color: #fff;
    font-size: .625rem;
    font-weight: 800;
    line-height: .875rem
}

.user-item-card__mini-watermark[_ngcontent-ng-c2786419321] {
    position: absolute;
    top: calc(50% - .8125rem);
    left: 50%;
    z-index: 0;
    width: 4.375rem;
    height: 4.375rem;
    mix-blend-mode: overlay;
    pointer-events: none;
    transform: translate(-50%, -50%)
}

.user-item-card__mini-image[_ngcontent-ng-c2786419321],
.user-item-card__balance-logo[_ngcontent-ng-c2786419321] {
    position: relative;
    z-index: 1;
    width: 5.25rem;
    height: 5.25rem;
    object-fit: contain
}

.user-item-card__mini-text[_ngcontent-ng-c2786419321] {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding: 0 .25rem .5rem;
    text-align: center
}

.user-item-card__mini-text[_ngcontent-ng-c2786419321] span[_ngcontent-ng-c2786419321],
.user-item-card__mini-text[_ngcontent-ng-c2786419321] strong[_ngcontent-ng-c2786419321] {
    max-width: 100%;
    overflow: hidden;
    line-height: .75rem;
    text-overflow: ellipsis;
    white-space: nowrap
}

.user-item-card__mini-text[_ngcontent-ng-c2786419321] span[_ngcontent-ng-c2786419321] {
    color: #b8aaaa;
    font-size: .625rem;
    font-weight: 400
}

.user-item-card__mini-text[_ngcontent-ng-c2786419321] strong[_ngcontent-ng-c2786419321] {
    color: #fff;
    font-size: .625rem;
    font-weight: 700
}

@media (max-width: 992px) {
    .user-item-card[_ngcontent-ng-c2786419321] {
        min-height: 0
    }

    .user-item-card__empty-text[_ngcontent-ng-c2786419321] {
        gap: .125rem;
        padding-top: 1rem
    }

    .user-item-card__empty-text[_ngcontent-ng-c2786419321] span[_ngcontent-ng-c2786419321] {
        font-size: .625rem;
        line-height: .75rem
    }

    .user-item-card__empty-text[_ngcontent-ng-c2786419321] small[_ngcontent-ng-c2786419321] {
        font-size: .5rem
    }

    .user-item-card__empty-mask[_ngcontent-ng-c2786419321] {
        height: 6.5rem
    }

    .user-item-card__subtitle[_ngcontent-ng-c2786419321] {
        top: .875rem;
        left: .25rem;
        font-size: .625rem;
        font-weight: 500;
        line-height: .75rem
    }

    .user-item-card__price[_ngcontent-ng-c2786419321] {
        font-size: .875rem;
        line-height: 1.125rem
    }

    .user-item-card__price--top[_ngcontent-ng-c2786419321] {
        top: .75rem;
        left: .75rem
    }

    .user-item-card__price--bottom[_ngcontent-ng-c2786419321] {
        bottom: .75rem
    }

    .user-item-card__coin-active--lg[_ngcontent-ng-c2786419321] {
        width: .75rem;
        height: .75rem
    }

    .user-item-card__type-row[_ngcontent-ng-c2786419321] {
        font-size: .625rem;
        line-height: .75rem
    }

    .user-item-card__name[_ngcontent-ng-c2786419321] {
        font-size: .875rem;
        line-height: 1.125rem
    }

    .user-item-card__text-bottom[_ngcontent-ng-c2786419321] {
        bottom: 14%
    }

    .user-item-card__summary-grid[_ngcontent-ng-c2786419321] {
        width: calc(100% - .375rem);
        gap: .125rem
    }

    .user-item-card__mini-card[_ngcontent-ng-c2786419321] {
        height: 4.0479rem;
        padding: .3125rem .1875rem;
        border-radius: .125rem
    }

    .user-item-card__summary-grid[_ngcontent-ng-c2786419321]:not(.user-item-card__summary-grid--many) .user-item-card__mini-card[_ngcontent-ng-c2786419321] {
        flex: 1 1 0
    }

    .user-item-card__mini-watermark[_ngcontent-ng-c2786419321] {
        top: calc(50% - .5156rem);
        width: 2.778rem;
        height: 2.778rem
    }

    .user-item-card__mini-image[_ngcontent-ng-c2786419321],
    .user-item-card__balance-logo[_ngcontent-ng-c2786419321] {
        width: 3.3336rem;
        height: 3.3336rem
    }

    .user-item-card__summary[_ngcontent-ng-c2786419321] .user-item-card__logo[_ngcontent-ng-c2786419321] {
        top: calc(50% - 1.3125rem);
        width: 5.0664rem;
        height: 5.75rem
    }

    .user-item-card__summary[_ngcontent-ng-c2786419321] .user-item-card__close[_ngcontent-ng-c2786419321] {
        top: .25rem;
        right: .25rem
    }

    .user-item-card__summary[_ngcontent-ng-c2786419321] .user-item-card__close[_ngcontent-ng-c2786419321] img[_ngcontent-ng-c2786419321] {
        width: .75rem;
        height: .75rem
    }

    .user-item-card__summary[_ngcontent-ng-c2786419321] .user-item-card__price--bottom[_ngcontent-ng-c2786419321] {
        gap: .125rem;
        font-size: .75rem;
        line-height: 1rem
    }

    .user-item-card__summary-grid[_ngcontent-ng-c2786419321]:not(.user-item-card__summary-grid--many) .user-item-card__mini-text[_ngcontent-ng-c2786419321] {
        display: none
    }

    .user-item-card__summary-grid[_ngcontent-ng-c2786419321]:not(.user-item-card__summary-grid--many) .user-item-card__mini-price[_ngcontent-ng-c2786419321] {
        top: .3175rem;
        left: .1588rem;
        gap: .0794rem;
        font-size: .1513rem;
        line-height: .2016rem
    }

    .user-item-card__summary-grid[_ngcontent-ng-c2786419321]:not(.user-item-card__summary-grid--many) .user-item-card__coin-active--sm[_ngcontent-ng-c2786419321] {
        width: .4763rem;
        height: .4763rem
    }

    .user-item-card__summary-grid[_ngcontent-ng-c2786419321]:not(.user-item-card__summary-grid--many) .user-item-card__mini-card[_ngcontent-ng-c2786419321]:after {
        height: .0794rem
    }

    .user-item-card__summary-grid--many[_ngcontent-ng-c2786419321] {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: .125rem .0528rem
    }

    .user-item-card__summary-grid--many[_ngcontent-ng-c2786419321] .user-item-card__mini-card[_ngcontent-ng-c2786419321] {
        flex: 0 0 calc((100% - .1056rem) / 3);
        height: 3.6456rem;
        padding: .2113rem .1057rem;
        border-radius: .25rem
    }

    .user-item-card__summary-grid--many[_ngcontent-ng-c2786419321] .user-item-card__mini-card[_ngcontent-ng-c2786419321]:after {
        height: .0528rem
    }

    .user-item-card__summary-grid--many[_ngcontent-ng-c2786419321] .user-item-card__mini-price[_ngcontent-ng-c2786419321] {
        top: .2113rem;
        left: .1057rem;
        gap: .0528rem;
        font-size: .2644rem;
        line-height: .3699rem
    }

    .user-item-card__summary-grid--many[_ngcontent-ng-c2786419321] .user-item-card__coin-active--sm[_ngcontent-ng-c2786419321] {
        width: .317rem;
        height: .317rem
    }

    .user-item-card__summary-grid--many[_ngcontent-ng-c2786419321] .user-item-card__mini-watermark[_ngcontent-ng-c2786419321] {
        top: calc(50% - .3431rem);
        width: 1.8493rem;
        height: 1.8493rem
    }

    .user-item-card__summary-grid--many[_ngcontent-ng-c2786419321] .user-item-card__mini-image[_ngcontent-ng-c2786419321],
    .user-item-card__summary-grid--many[_ngcontent-ng-c2786419321] .user-item-card__balance-logo[_ngcontent-ng-c2786419321] {
        width: 2.2191rem;
        height: 2.2191rem
    }

    .user-item-card__summary-grid--many[_ngcontent-ng-c2786419321] .user-item-card__mini-text[_ngcontent-ng-c2786419321] {
        padding: 0
    }

    .user-item-card__summary-grid--many[_ngcontent-ng-c2786419321] .user-item-card__mini-text[_ngcontent-ng-c2786419321] span[_ngcontent-ng-c2786419321],
    .user-item-card__summary-grid--many[_ngcontent-ng-c2786419321] .user-item-card__mini-text[_ngcontent-ng-c2786419321] strong[_ngcontent-ng-c2786419321] {
        line-height: .317rem
    }

    .user-item-card__summary-grid--many[_ngcontent-ng-c2786419321] .user-item-card__mini-text[_ngcontent-ng-c2786419321] span[_ngcontent-ng-c2786419321],
    .user-item-card__summary-grid--many[_ngcontent-ng-c2786419321] .user-item-card__mini-text[_ngcontent-ng-c2786419321] strong[_ngcontent-ng-c2786419321] {
        font-size: .2644rem
    }
}


@property --loss-progress {
    syntax: "<percentage>";
    inherits: true;
    initial-value: 50%;
}

[_nghost-ng-c673104895] {
    display: block;
    width: min(100%, 23.125rem);
    max-height: 100%;
    aspect-ratio: 1
}

.upgrade-percent[_ngcontent-ng-c673104895] {
    --chance-progress: 50%;
    --loss-progress: 50%;
    --roll-progress: 50%;
    --win-frac: .5;
    --loss-frac: .5;
    --outer-radius: .375rem;
    --inner-inset: 3.243%;
    --aim-charge-compression: 42%;
    --win-c1: #0f8a64;
    --win-c2: #2db888;
    --win-label: #26eea5;
    --win-zone-border: #295c50;
    --loss-c1: #d8373b;
    --loss-c2: #a51c1c;
    --loss-label: #ff5c5c;
    --loss-zone-border: #6a1018;
    --zone-border-width: 2px;
    --zone-divider-width: .35%;
    --zoom-origin-left: 50%;
    --zoom-origin-top: 50%;
    --zoom-pan-x: 0%;
    --zoom-pan-y: 0%;
    --result-zoom-scale: 2.2;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: var(--outer-radius);
    background: #151722;
    container-type: size;
    box-shadow: 0 .25rem 4rem #171a2394, 0 0 2.6625rem #2db29242
}

.upgrade-percent--loss-warning[_ngcontent-ng-c673104895] {
    --loss-c1: #db1f35;
    --loss-c2: #8b1520;
    --loss-label: #ff5c5c
}

.upgrade-percent--loss-danger[_ngcontent-ng-c673104895] {
    --loss-c1: #e6273e;
    --loss-c2: #6a1018;
    --loss-label: #ff5c5c
}

.upgrade-percent__stroke-blur[_ngcontent-ng-c673104895],
.upgrade-percent__stroke[_ngcontent-ng-c673104895] {
    position: absolute;
    inset: 0;
    border: .1875rem solid rgb(41 92 80 / 26%);
    border-radius: inherit
}

.upgrade-percent__stroke-blur[_ngcontent-ng-c673104895] {
    -webkit-backdrop-filter: blur(.5rem);
    backdrop-filter: blur(.5rem)
}

.upgrade-percent__inner[_ngcontent-ng-c673104895] {
    position: absolute;
    inset: var(--inner-inset);
    overflow: hidden;
    border: clamp(.5rem, 3.243%, .75rem) solid #232230;
    border-radius: .125rem;
    background: #6972a01f
}

.upgrade-percent__inner-shadow[_ngcontent-ng-c673104895] {
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 0 2.125rem #00000070
}

.upgrade-percent__skins[_ngcontent-ng-c673104895],
.upgrade-percent__empty[_ngcontent-ng-c673104895],
.upgrade-percent__guest[_ngcontent-ng-c673104895] {
    position: absolute;
    z-index: 1
}

.upgrade-percent__skins[_ngcontent-ng-c673104895] {
    inset: var(--inner-inset);
    overflow: visible;
    border-radius: .125rem;
    background: linear-gradient(45deg, var(--loss-c1) 0%, var(--loss-c2) max(0%, calc(var(--loss-progress) - var(--zone-divider-width))), var(--loss-zone-border) max(0%, calc(var(--loss-progress) - var(--zone-divider-width))), var(--loss-zone-border) var(--loss-progress), var(--win-zone-border) var(--loss-progress), var(--win-zone-border) min(100%, calc(var(--loss-progress) + var(--zone-divider-width))), var(--win-c1) min(100%, calc(var(--loss-progress) + var(--zone-divider-width))), var(--win-c2) 100%);
    transition: --loss-c1 .4s ease, --loss-c2 .4s ease, transform 1s cubic-bezier(.22, .78, .18, 1);
    transform-origin: 50% 50%;
    container-type: size
}

.upgrade-percent__skins[_ngcontent-ng-c673104895]:before {
    position: absolute;
    z-index: 2;
    inset: 0;
    padding: var(--zone-border-width);
    border-radius: inherit;
    background: linear-gradient(45deg, var(--loss-zone-border) 0%, var(--loss-zone-border) var(--loss-progress), var(--win-zone-border) var(--loss-progress), var(--win-zone-border) 100%);
    pointer-events: none;
    content: "";
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor
}

.upgrade-percent--aim-result[_ngcontent-ng-c673104895] .upgrade-percent__skins[_ngcontent-ng-c673104895] {
    transition-duration: .4s, .4s, .42s;
    transition-timing-function: ease, ease, cubic-bezier(.22, .78, .18, 1);
    transform: translate(var(--zoom-pan-x), var(--zoom-pan-y)) scale(var(--result-zoom-scale))
}

.upgrade-percent--aim-zoom-tracking[_ngcontent-ng-c673104895] .upgrade-percent__skins[_ngcontent-ng-c673104895] {
    transition-duration: .4s, .4s, 80ms;
    transition-timing-function: ease, ease, linear;
    transform: translate(var(--zoom-pan-x), var(--zoom-pan-y)) scale(var(--result-zoom-scale))
}

.upgrade-percent__zone[_ngcontent-ng-c673104895] {
    position: absolute;
    inset: 0;
    overflow: hidden
}

.upgrade-percent__zone--win[_ngcontent-ng-c673104895] {
    z-index: 1;
    mask: linear-gradient(45deg, transparent 0 var(--loss-progress), #000 var(--loss-progress) 100%);
    -webkit-mask: linear-gradient(45deg, transparent 0 var(--loss-progress), #000 var(--loss-progress) 100%)
}

.upgrade-percent__zone--loss[_ngcontent-ng-c673104895] {
    z-index: 0;
    mask: linear-gradient(45deg, #000 0 var(--loss-progress), transparent var(--loss-progress) 100%);
    -webkit-mask: linear-gradient(45deg, #000 0 var(--loss-progress), transparent var(--loss-progress) 100%)
}

.upgrade-percent__zone[_ngcontent-ng-c673104895]:after {
    position: absolute;
    z-index: 2;
    inset: 0;
    content: "";
    opacity: 0;
    pointer-events: none
}

.upgrade-percent--highlight-win[_ngcontent-ng-c673104895] .upgrade-percent__zone--win[_ngcontent-ng-c673104895]:after {
    background: #53ffbf52;
    box-shadow: inset 0 0 3rem #53ffbfb3;
    animation: _ngcontent-ng-c673104895_upgrade-result-sector-highlight .5s ease-in-out both
}

.upgrade-percent--highlight-loss[_ngcontent-ng-c673104895] .upgrade-percent__zone--loss[_ngcontent-ng-c673104895]:after {
    background: #ff5c5c4d;
    box-shadow: inset 0 0 3rem #ff5c5cad;
    animation: _ngcontent-ng-c673104895_upgrade-result-sector-highlight .5s ease-in-out both
}

.upgrade-percent__zone--animated[_ngcontent-ng-c673104895] {
    transition: none
}

.upgrade-percent__skin[_ngcontent-ng-c673104895],
.upgrade-percent__skull[_ngcontent-ng-c673104895] {
    position: absolute;
    z-index: 1;
    max-width: none;
    object-fit: contain;
    pointer-events: none
}

.upgrade-percent__skin[_ngcontent-ng-c673104895] {
    filter: drop-shadow(.125rem .125rem .125rem rgb(29 29 41 / 40%))
}

.upgrade-percent__label[_ngcontent-ng-c673104895] {
    position: absolute;
    z-index: 3;
    font-family: Tactic Sans, sans-serif;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    white-space: nowrap;
    pointer-events: none;
    filter: drop-shadow(.0625rem .0625rem .0625rem rgb(29 29 41 / 40%))
}

.upgrade-percent__label--win[_ngcontent-ng-c673104895] {
    top: 4%;
    right: 5%;
    color: var(--win-label);
    text-align: right;
    font-size: clamp(.4rem, calc(var(--win-frac, .5) * 13cqw + 2cqw), 2rem)
}

.upgrade-percent__label--loss[_ngcontent-ng-c673104895] {
    bottom: 4%;
    left: 5%;
    color: var(--loss-label);
    font-size: clamp(.4rem, calc(var(--loss-frac, .5) * 13cqw + 2cqw), 2rem)
}

.upgrade-percent--loss-danger[_ngcontent-ng-c673104895] .upgrade-percent__label--win[_ngcontent-ng-c673104895] {
    color: #295c50
}

.upgrade-percent__roll[_ngcontent-ng-c673104895] {
    --aim-angle: 0deg;
    --aim-scale: 1;
    --aim-charge-duration: .36s;
    --aim-flight-duration: 1.2s;
    --aim-start-left: 8%;
    --aim-start-top: 92%;
    --aim-opposite-left: 50%;
    --aim-opposite-top: 50%;
    --aim-route-a-left: 50%;
    --aim-route-a-top: 50%;
    --aim-route-b-left: 50%;
    --aim-route-b-top: 50%;
    --aim-route-c-left: 50%;
    --aim-route-c-top: 50%;
    --aim-final-left: 50%;
    --aim-final-top: 50%;
    position: absolute;
    z-index: 3;
    display: block;
    top: 0;
    left: 0;
    width: clamp(1.875rem, 8.1%, 2.25rem);
    aspect-ratio: 5 / 6;
    filter: drop-shadow(0 .125rem .125rem rgb(29 29 41 / 60%));
    transform: translate3d(50%, 50%, 0) translate(-50%, -50%) scale(var(--aim-scale))
}

.upgrade-percent__roll-arrow[_ngcontent-ng-c673104895] {
    position: absolute;
    top: -8%;
    left: 50%;
    display: block;
    width: 60%;
    aspect-ratio: 18 / 10;
    transform: translate(-50%) rotate(var(--aim-angle));
    transform-origin: 50% 260%;
    transition: opacity .12s ease-out
}

.upgrade-percent__roll-arrow[_ngcontent-ng-c673104895] img[_ngcontent-ng-c673104895],
.upgrade-percent__roll-circle[_ngcontent-ng-c673104895] img[_ngcontent-ng-c673104895] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.upgrade-percent__roll-arrow[_ngcontent-ng-c673104895] img[_ngcontent-ng-c673104895] {
    transform: scaleY(-1);
    transition: transform var(--aim-charge-duration) cubic-bezier(.45, 0, .55, 1)
}

.upgrade-percent__roll-circle[_ngcontent-ng-c673104895] {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 80%;
    aspect-ratio: 1;
    transform: translate(-50%);
    transition: transform var(--aim-charge-duration) cubic-bezier(.45, 0, .55, 1)
}

.upgrade-percent__roll-circle[_ngcontent-ng-c673104895]:before {
    position: absolute;
    inset: -38%;
    content: "";
    border: .0625rem solid rgb(255 255 255 / 28%);
    border-radius: 50%;
    background: radial-gradient(circle, rgb(255 255 255 / 16%) 0%, rgb(45 178 146 / 12%) 42%, transparent 70%);
    opacity: 0;
    transform: scale(.75)
}

.upgrade-percent__roll--spinning[_ngcontent-ng-c673104895] .upgrade-percent__roll-arrow[_ngcontent-ng-c673104895] {
    animation: _ngcontent-ng-c673104895_upgrade-cursor-arrow-orbit var(--aim-spin-duration, .65s) cubic-bezier(.12, .8, .2, 1) forwards
}

.upgrade-percent__roll--charging[_ngcontent-ng-c673104895] .upgrade-percent__roll-arrow[_ngcontent-ng-c673104895] {
    transform: translate(-50%) rotate(var(--aim-angle))
}

.upgrade-percent__roll--charging[_ngcontent-ng-c673104895] .upgrade-percent__roll-arrow[_ngcontent-ng-c673104895] img[_ngcontent-ng-c673104895] {
    transform: translateY(var(--aim-charge-compression)) scaleY(-1) scale(.92)
}

.upgrade-percent__roll--charging[_ngcontent-ng-c673104895] .upgrade-percent__roll-circle[_ngcontent-ng-c673104895] {
    transform: translate(-50%) scaleX(1.06) scaleY(.94)
}

.upgrade-percent__roll--flying[_ngcontent-ng-c673104895] .upgrade-percent__roll-circle[_ngcontent-ng-c673104895],
.upgrade-percent--aim-result[_ngcontent-ng-c673104895] .upgrade-percent__roll-circle[_ngcontent-ng-c673104895] {
    animation: _ngcontent-ng-c673104895_upgrade-cursor-pulse 1.15s ease-in-out infinite
}

.upgrade-percent__roll--flying[_ngcontent-ng-c673104895] .upgrade-percent__roll-circle[_ngcontent-ng-c673104895]:before,
.upgrade-percent--aim-result[_ngcontent-ng-c673104895] .upgrade-percent__roll-circle[_ngcontent-ng-c673104895]:before {
    animation: _ngcontent-ng-c673104895_upgrade-cursor-ring 1.15s ease-out infinite
}

.upgrade-percent__roll--arrow-hidden[_ngcontent-ng-c673104895] .upgrade-percent__roll-arrow[_ngcontent-ng-c673104895] {
    opacity: 0;
    visibility: hidden;
    animation: none;
    transition: none
}

.upgrade-percent--reduced-motion[_ngcontent-ng-c673104895] .upgrade-percent__stroke-blur[_ngcontent-ng-c673104895] {
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

.upgrade-percent--reduced-motion[_ngcontent-ng-c673104895] .upgrade-percent__inner-shadow[_ngcontent-ng-c673104895],
.upgrade-percent--reduced-motion[_ngcontent-ng-c673104895] .upgrade-percent__skin[_ngcontent-ng-c673104895],
.upgrade-percent--reduced-motion[_ngcontent-ng-c673104895] .upgrade-percent__label[_ngcontent-ng-c673104895],
.upgrade-percent--reduced-motion[_ngcontent-ng-c673104895] .upgrade-percent__roll[_ngcontent-ng-c673104895] {
    filter: none
}

.upgrade-percent--reduced-motion[_ngcontent-ng-c673104895] .upgrade-percent__roll--flying[_ngcontent-ng-c673104895] .upgrade-percent__roll-circle[_ngcontent-ng-c673104895],
.upgrade-percent--reduced-motion.upgrade-percent--aim-result[_ngcontent-ng-c673104895] .upgrade-percent__roll-circle[_ngcontent-ng-c673104895],
.upgrade-percent--reduced-motion[_ngcontent-ng-c673104895] .upgrade-percent__roll--flying[_ngcontent-ng-c673104895] .upgrade-percent__roll-circle[_ngcontent-ng-c673104895]:before,
.upgrade-percent--reduced-motion.upgrade-percent--aim-result[_ngcontent-ng-c673104895] .upgrade-percent__roll-circle[_ngcontent-ng-c673104895]:before {
    animation: none
}

.upgrade-percent--reduced-motion[_ngcontent-ng-c673104895] .upgrade-percent__roll--spinning[_ngcontent-ng-c673104895] .upgrade-percent__roll-arrow[_ngcontent-ng-c673104895] {
    animation: none;
    transform: translate(-50%) rotate(var(--aim-angle))
}

@keyframes _ngcontent-ng-c673104895_upgrade-cursor-arrow-orbit {
    0% {
        transform: translate(-50%) rotate(0)
    }

    to {
        transform: translate(-50%) rotate(calc(var(--aim-angle) + 1080deg))
    }
}

@keyframes _ngcontent-ng-c673104895_upgrade-result-sector-highlight {
    0% {
        opacity: 0
    }

    38%,
    76% {
        opacity: 1
    }

    to {
        opacity: .72
    }
}

@keyframes _ngcontent-ng-c673104895_upgrade-cursor-pulse {

    0%,
    to {
        transform: translate(-50%) scale(1)
    }

    50% {
        transform: translate(-50%) scale(1.12)
    }
}

@keyframes _ngcontent-ng-c673104895_upgrade-cursor-ring {
    0% {
        opacity: .56;
        transform: scale(.72)
    }

    to {
        opacity: 0;
        transform: scale(1.85)
    }
}

.upgrade-percent__empty[_ngcontent-ng-c673104895] {
    inset: var(--inner-inset);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: .125rem;
    pointer-events: none
}

.upgrade-percent__empty-icon[_ngcontent-ng-c673104895] {
    width: 54.05%;
    aspect-ratio: 1;
    background: var(--empty-icon-url) center / contain no-repeat;
    opacity: .3
}

.upgrade-percent__result-overlay[_ngcontent-ng-c673104895] {
    position: absolute;
    inset: var(--inner-inset);
    z-index: 3;
    border-radius: .125rem;
    background: #17182240;
    pointer-events: none
}

.upgrade-percent__result-text[_ngcontent-ng-c673104895] {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    filter: drop-shadow(0 .125rem .25rem rgb(29 29 41 / 60%));
    pointer-events: none
}

.upgrade-percent__result-title[_ngcontent-ng-c673104895],
.upgrade-percent__result-subtitle[_ngcontent-ng-c673104895] {
    color: transparent;
    background: linear-gradient(180deg, #ebe81f, #3ad31f);
    background-clip: text;
    -webkit-background-clip: text
}

.upgrade-percent__result-text--lose[_ngcontent-ng-c673104895] .upgrade-percent__result-title[_ngcontent-ng-c673104895],
.upgrade-percent__result-text--lose[_ngcontent-ng-c673104895] .upgrade-percent__result-subtitle[_ngcontent-ng-c673104895] {
    background: linear-gradient(180deg, #e6273e, #db1f35);
    background-clip: text;
    -webkit-background-clip: text
}

.upgrade-percent--lost[_ngcontent-ng-c673104895] {
    box-shadow: 0 .25rem 4rem #171a2394, 0 0 2.6625rem #db1f3538
}

.upgrade-percent__result-title[_ngcontent-ng-c673104895] {
    font-size: clamp(2rem, 14cqw, 3.25rem);
    font-weight: 800;
    line-height: 1.231
}

.upgrade-percent__result-subtitle[_ngcontent-ng-c673104895] {
    font-size: clamp(.875rem, 5.4cqw, 1.25rem);
    font-weight: 700;
    line-height: 1.2
}

.upgrade-percent__guest[_ngcontent-ng-c673104895] {
    inset: var(--inner-inset);
    display: flex;
    align-items: center;
    justify-content: center
}

.upgrade-percent__guest[_ngcontent-ng-c673104895] img[_ngcontent-ng-c673104895] {
    width: 42%;
    filter: drop-shadow(0 0 1.5rem rgb(45 178 146 / 16%))
}

@media (max-width: 992px) {
    [_nghost-ng-c673104895] {
        width: min(100%, 13.75rem)
    }

    .upgrade-percent__stroke-blur[_ngcontent-ng-c673104895],
    .upgrade-percent__stroke[_ngcontent-ng-c673104895] {
        border-width: .125rem
    }

    .upgrade-percent__roll[_ngcontent-ng-c673104895] {
        width: clamp(1.5rem, 7.2%, 1.875rem)
    }

    .upgrade-percent__label--win[_ngcontent-ng-c673104895] {
        font-size: clamp(.4rem, calc(var(--win-frac, .5) * 9cqw + 1.8cqw), 1.25rem)
    }

    .upgrade-percent__label--loss[_ngcontent-ng-c673104895] {
        font-size: clamp(.4rem, calc(var(--loss-frac, .5) * 9cqw + 1.8cqw), 1.25rem)
    }

    .upgrade-percent__result-title[_ngcontent-ng-c673104895] {
        font-size: clamp(1.5rem, 14cqw, 2rem)
    }

    .upgrade-percent__result-subtitle[_ngcontent-ng-c673104895] {
        font-size: clamp(.625rem, 5.4cqw, .875rem)
    }
}


.result-item-card[_ngcontent-ng-c2612435062] {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 22.5rem;
    overflow: hidden;
    border-radius: .375rem;
    background: #171a23
}

.result-item-card__border-glow[_ngcontent-ng-c2612435062] {
    position: absolute;
    inset: 0;
    z-index: 4;
    border: 2px solid transparent;
    border-radius: inherit;
    opacity: 0;
    pointer-events: none
}

.result-item-card__confetti-canvas[_ngcontent-ng-c2612435062] {
    position: absolute;
    inset: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.result-item-card--celebrating[_ngcontent-ng-c2612435062] {
    animation: _ngcontent-ng-c2612435062_result-item-card-win-shell var(--win-celebration-duration, 6s) ease-in-out forwards
}

.result-item-card--celebrating[_ngcontent-ng-c2612435062] .result-item-card__border-glow[_ngcontent-ng-c2612435062] {
    animation: _ngcontent-ng-c2612435062_result-item-card-win-border var(--win-celebration-duration, 6s) linear forwards
}

.result-item-card__logo-arrow[_ngcontent-ng-c2612435062] {
    transform-box: fill-box;
    transform-origin: center
}

@keyframes _ngcontent-ng-c2612435062_result-item-card-win-shell {

    0%,
    14% {
        border-color: transparent;
        box-shadow: none
    }

    16% {
        border-color: #2db29259;
        box-shadow: 0 0 18px #2db2921f
    }

    20%,
    86% {
        border-color: #2db292;
        box-shadow: 0 .25rem 4rem #171a2394, 0 0 2.6625rem #2db29242
    }

    24% {
        box-shadow: 0 .25rem 4rem #171a2394, 0 0 3.4rem #2db2926b
    }

    32% {
        box-shadow: 0 .25rem 4rem #171a2394, 0 0 2.1rem #2db2922e
    }

    40% {
        box-shadow: 0 .25rem 4rem #171a2394, 0 0 3.2rem #34d39961
    }

    48% {
        box-shadow: 0 .25rem 4rem #171a2394, 0 0 2.3rem #2db29238
    }

    56% {
        box-shadow: 0 .25rem 4rem #171a2394, 0 0 3.5rem #2db29270
    }

    64% {
        box-shadow: 0 .25rem 4rem #171a2394, 0 0 2rem #2db29229
    }

    72% {
        box-shadow: 0 .25rem 4rem #171a2394, 0 0 3.1rem #34d3995c
    }

    80% {
        box-shadow: 0 .25rem 4rem #171a2394, 0 0 2.5rem #2db2923d
    }

    88% {
        border-color: #2db292;
        box-shadow: 0 .25rem 4rem #171a2394, 0 0 2.6625rem #2db29242
    }

    to {
        border-color: transparent;
        box-shadow: none
    }
}

@keyframes _ngcontent-ng-c2612435062_result-item-card-win-border {

    0%,
    14% {
        opacity: 0;
        box-shadow: none
    }

    16% {
        opacity: .45;
        box-shadow: inset 0 0 .75rem #2db2922e
    }

    20%,
    86% {
        opacity: 1;
        box-shadow: inset 0 0 1rem #2db2923d, 0 0 1.25rem #2db29259
    }

    28% {
        box-shadow: inset 0 0 1.35rem #34d39957, 0 0 1.75rem #2db2927a
    }

    36% {
        box-shadow: inset 0 0 .85rem #2db29229, 0 0 1rem #2db2923d
    }

    44% {
        box-shadow: inset 0 0 1.4rem #2db29252, 0 0 1.85rem #34d3996b
    }

    52% {
        box-shadow: inset 0 0 .9rem #2db2922e, 0 0 1.1rem #2db29242
    }

    60% {
        box-shadow: inset 0 0 1.5rem #2db2925c, 0 0 1.9rem #2db29275
    }

    68% {
        box-shadow: inset 0 0 .95rem #2db29233, 0 0 1.15rem #2db29247
    }

    76% {
        box-shadow: inset 0 0 1.3rem #34d3994d, 0 0 1.7rem #2db29266
    }

    84% {
        box-shadow: inset 0 0 1rem #2db29238, 0 0 1.35rem #2db29252
    }

    to {
        opacity: 0;
        box-shadow: none
    }
}

.result-item-card__empty-text[_ngcontent-ng-c2612435062] {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    padding-top: 1.5rem;
    color: #fff;
    text-align: center
}

.result-item-card__empty-text[_ngcontent-ng-c2612435062] span[_ngcontent-ng-c2612435062] {
    max-width: 85%;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem
}

.result-item-card__empty-mask[_ngcontent-ng-c2612435062] {
    position: absolute;
    top: 60%;
    left: 50%;
    width: 100.5%;
    height: 10.5rem;
    background: #a7a7a738;
    mask: var(--empty-mask-url) center / contain no-repeat;
    -webkit-mask: var(--empty-mask-url) center / contain no-repeat;
    transform: translate(-50%, -50%)
}

.result-item-card__logo-wrap[_ngcontent-ng-c2612435062] {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    pointer-events: none;
    translate: -50% -50%
}

.result-item-card__logo[_ngcontent-ng-c2612435062] {
    display: block;
    width: 7.6976rem;
    height: 8.7363rem;
    overflow: visible;
    opacity: .7;
    mix-blend-mode: luminosity;
    will-change: transform, opacity, height
}

.result-item-card__glow[_ngcontent-ng-c2612435062] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14.3125rem;
    aspect-ratio: 1;
    border-radius: 50%;
    filter: blur(1.6875rem);
    transform: translate(-50%, -50%)
}

.result-item-card__image[_ngcontent-ng-c2612435062] {
    position: absolute;
    top: calc(50% - .25rem);
    left: 50%;
    z-index: 1;
    width: 86.24%;
    height: 14.36875rem;
    object-fit: contain;
    filter: drop-shadow(.125rem .125rem .125rem rgb(29 29 41 / 40%));
    transform: translate(-50%, -50%)
}

.result-item-card__close[_ngcontent-ng-c2612435062] {
    position: absolute;
    top: .75rem;
    right: .75rem;
    z-index: 3;
    display: flex;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: .375rem;
    background: #6972a01a
}

.result-item-card__close[_ngcontent-ng-c2612435062] img[_ngcontent-ng-c2612435062] {
    width: .75rem;
    height: .75rem
}

.result-item-card__type-row[_ngcontent-ng-c2612435062] {
    display: flex;
    max-width: 100%;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    color: #b8aaaa;
    font-size: .75rem;
    font-weight: 700;
    line-height: 1rem
}

.result-item-card__type-row[_ngcontent-ng-c2612435062] span[_ngcontent-ng-c2612435062]:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.result-item-card__star[_ngcontent-ng-c2612435062] {
    flex-shrink: 0;
    color: #b8aaaa;
    font-size: .75rem;
    line-height: 1
}

.result-item-card__name[_ngcontent-ng-c2612435062] {
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    color: #fff;
    font-family: Tactic Sans, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap
}

.result-item-card__text-bottom[_ngcontent-ng-c2612435062] {
    position: absolute;
    bottom: 17%;
    left: 50%;
    z-index: 2;
    display: flex;
    width: calc(100% - 2rem);
    flex-direction: column;
    align-items: center;
    gap: .0625rem;
    transform: translate(-50%)
}

.result-item-card__price[_ngcontent-ng-c2612435062] {
    display: flex;
    align-items: center;
    gap: .125rem;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1.5rem;
    white-space: nowrap
}

.result-item-card__price--top[_ngcontent-ng-c2612435062] {
    position: absolute;
    top: 1.125rem;
    left: 1.125rem;
    z-index: 2
}

.result-item-card__coin-active[_ngcontent-ng-c2612435062] {
    display: block;
    flex-shrink: 0;
    object-fit: contain
}

.result-item-card__coin-active--lg[_ngcontent-ng-c2612435062] {
    width: 1.25rem;
    height: 1.25rem
}

.result-item-card.result-item-win-animation[_ngcontent-ng-c2612435062] img[_ngcontent-ng-c2612435062] {
    animation: none !important
}

.result-item-card.result-item-win-animation[_ngcontent-ng-c2612435062] .result-item-card__image[_ngcontent-ng-c2612435062] {
    animation: _ngcontent-ng-c2612435062_result-item-card-image-win var(--win-celebration-duration, 6s) cubic-bezier(.25, .46, .45, .94) !important
}

@keyframes _ngcontent-ng-c2612435062_result-item-card-image-win {
    0% {
        transform: translate(-50%, -50%) scale(1) rotate(0)
    }

    13.64% {
        transform: translate(-50%, -50%) scale(1.25) rotate(0)
    }

    27.27% {
        transform: translate(-50%, -50%) scale(1) rotate(0)
    }

    51.52% {
        transform: translate(-50%, -50%) scale(1) rotate(0)
    }

    75.76% {
        transform: translate(-50%, -50%) scale(1) rotate(0)
    }

    to {
        transform: translate(-50%, -50%) scale(1) rotate(0)
    }
}

@media (max-width: 992px) {
    .result-item-card[_ngcontent-ng-c2612435062] {
        min-height: 0
    }

    .result-item-card__empty-text[_ngcontent-ng-c2612435062] {
        padding-top: 1rem
    }

    .result-item-card__empty-text[_ngcontent-ng-c2612435062] span[_ngcontent-ng-c2612435062] {
        font-size: .625rem;
        line-height: .75rem
    }

    .result-item-card__empty-mask[_ngcontent-ng-c2612435062] {
        height: 6.5rem
    }

    .result-item-card__type-row[_ngcontent-ng-c2612435062] {
        font-size: .625rem;
        line-height: .75rem
    }

    .result-item-card__name[_ngcontent-ng-c2612435062],
    .result-item-card__price[_ngcontent-ng-c2612435062] {
        font-size: .875rem;
        line-height: 1.125rem
    }

    .result-item-card__price--top[_ngcontent-ng-c2612435062] {
        top: .75rem;
        left: .75rem
    }

    .result-item-card__coin-active--lg[_ngcontent-ng-c2612435062] {
        width: 1rem;
        height: 1rem
    }

    .result-item-card__text-bottom[_ngcontent-ng-c2612435062] {
        bottom: 14%
    }

    .result-item-card__close[_ngcontent-ng-c2612435062] {
        top: .25rem;
        right: .25rem
    }
}


.hide-scrollbar[_ngcontent-ng-c3738511891] {
    scrollbar-width: none
}

.hide-scrollbar[_ngcontent-ng-c3738511891]::-webkit-scrollbar {
    width: 0
}


.cdk-overlay-container,
.cdk-global-overlay-wrapper {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

.cdk-overlay-container {
    position: fixed
}

@layer cdk-overlay {
    .cdk-overlay-container {
        z-index: 1000
    }
}

.cdk-overlay-container:empty {
    display: none
}

.cdk-global-overlay-wrapper {
    display: flex;
    position: absolute
}

@layer cdk-overlay {
    .cdk-global-overlay-wrapper {
        z-index: 1000
    }
}

.cdk-overlay-pane {
    position: absolute;
    pointer-events: auto;
    box-sizing: border-box;
    display: flex;
    max-width: 100%;
    max-height: 100%
}

@layer cdk-overlay {
    .cdk-overlay-pane {
        z-index: 1000
    }
}

.cdk-overlay-backdrop {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    opacity: 0;
    touch-action: manipulation
}

@layer cdk-overlay {
    .cdk-overlay-backdrop {
        z-index: 1000;
        transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1)
    }
}

@media(prefers-reduced-motion) {
    .cdk-overlay-backdrop {
        transition-duration: 1ms
    }
}

.cdk-overlay-backdrop-showing {
    opacity: 1
}

@media(forced-colors: active) {
    .cdk-overlay-backdrop-showing {
        opacity: .6
    }
}

@layer cdk-overlay {
    .cdk-overlay-dark-backdrop {
        background: rgba(0, 0, 0, .32)
    }
}

.cdk-overlay-transparent-backdrop {
    transition: visibility 1ms linear, opacity 1ms linear;
    visibility: hidden;
    opacity: 1
}

.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,
.cdk-high-contrast-active .cdk-overlay-transparent-backdrop {
    opacity: 0;
    visibility: visible
}

.cdk-overlay-backdrop-noop-animation {
    transition: none
}

.cdk-overlay-connected-position-bounding-box {
    position: absolute;
    display: flex;
    flex-direction: column;
    min-width: 1px;
    min-height: 1px
}

@layer cdk-overlay {
    .cdk-overlay-connected-position-bounding-box {
        z-index: 1000
    }
}

.cdk-global-scrollblock {
    position: fixed;
    width: 100%;
    overflow-y: scroll
}


.up-button-upgrade[_ngcontent-ng-c2689342195] {
    width: 100%;
    height: 100%;
    min-height: 3.5rem;
    gap: .375rem;
    overflow: hidden;
    border: .125rem solid rgb(255 255 255 / 10%);
    border-radius: .375rem;
    background: linear-gradient(90deg, #337a69 .14367%, #249e81 49.856%, #337a69 99.856%);
    padding: 1rem 4rem;
    color: #fff
}

.up-button-upgrade[_ngcontent-ng-c2689342195]:not(:disabled):hover {
    background: linear-gradient(90deg, #249e81 .14367%, #2db292 49.856%, #249e81 99.856%)
}

.up-button-upgrade[_ngcontent-ng-c2689342195]:not(:disabled):active {
    background: linear-gradient(90deg, #295c50 .14367%, #337a69 49.856%, #295c50 99.856%)
}

.up-button-upgrade[_ngcontent-ng-c2689342195]:disabled {
    border-color: #ffffff1a;
    background: #232230;
    color: #464646
}

.up-button-upgrade--loading[_ngcontent-ng-c2689342195] {
    background: #232230
}

.up-button-upgrade__icon[_ngcontent-ng-c2689342195] {
    width: 1.5rem;
    height: 1.5rem
}

.up-button-upgrade__icon--loading[_ngcontent-ng-c2689342195] {
    width: 1.3125rem;
    height: 1.3125rem;
    animation: _ngcontent-ng-c2689342195_up-button-upgrade-loader .9s linear infinite
}

.up-button-upgrade__text[_ngcontent-ng-c2689342195] {
    color: inherit;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.375rem;
    letter-spacing: .0375rem;
    text-transform: uppercase;
    white-space: nowrap
}

@keyframes _ngcontent-ng-c2689342195_up-button-upgrade-loader {
    to {
        transform: rotate(360deg)
    }
}

@media (max-width: 992px) {
    .up-button-upgrade[_ngcontent-ng-c2689342195] {
        min-height: 3.5rem;
        padding: 1rem 4rem
    }

    .up-button-upgrade__text[_ngcontent-ng-c2689342195] {
        font-size: 1.25rem;
        line-height: 1.375rem
    }
}


@keyframes _ngcontent-ng-c910216720_slideInTop {
    0% {
        transform: translateY(-6.25rem)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes _ngcontent-ng-c910216720_slideInBottom {
    0% {
        transform: translateY(6.25rem)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes _ngcontent-ng-c910216720_slideInBottomSecond {
    0% {
        transform: translateY(0)
    }

    to {
        transform: translateY(-6.625rem)
    }
}

@keyframes _ngcontent-ng-c910216720_bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3) translateY(-3.125rem)
    }

    30% {
        opacity: 1;
        transform: scale(1.1) translateY(-8px)
    }

    60% {
        transform: scale(.95) translateY(-2px)
    }

    80% {
        transform: scale(1.02) translateY(0)
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0)
    }
}

@keyframes _ngcontent-ng-c910216720_slideIn {
    0% {
        opacity: 0;
        transform: translate(-80px) scale(.8);
        transform-origin: left center
    }

    30% {
        opacity: 1;
        transform: translate(8px) scale(1.08);
        transform-origin: left center
    }

    60% {
        transform: translate(-3px) scale(.97);
        transform-origin: left center
    }

    80% {
        transform: translate(1px) scale(1.01);
        transform-origin: left center
    }

    to {
        opacity: 1;
        transform: translate(0) scale(1);
        transform-origin: left center
    }
}

@keyframes _ngcontent-ng-c910216720_slideInLeft {
    0% {
        transform: translate(-80px)
    }

    to {
        transform: translate(0)
    }
}

@keyframes _ngcontent-ng-c910216720_slideInTopGold {
    0% {
        transform: translateY(-60%)
    }

    to {
        transform: translateY(60%)
    }
}

@keyframes _ngcontent-ng-c910216720_smokeEffect {
    0% {
        opacity: 0;
        transform: scale(.4) translateY(25px);
        filter: blur(8px)
    }

    40% {
        opacity: .6;
        transform: scale(1.2) translateY(5px);
        filter: blur(6px)
    }

    to {
        opacity: 0;
        transform: scale(2) translateY(-15px);
        filter: blur(15px)
    }
}

@keyframes _ngcontent-ng-c910216720_flashEffect {
    0% {
        opacity: 0;
        transform: scale(.8)
    }

    30% {
        opacity: .8;
        transform: scale(1.2)
    }

    to {
        opacity: 0;
        transform: scale(1.5)
    }
}

@keyframes _ngcontent-ng-c910216720_flashEffectSlide {
    0% {
        opacity: 0;
        transform: translateY(-50%) scale(.6)
    }

    30% {
        opacity: .8;
        transform: translate(-10px, -50%) scale(1.3)
    }

    to {
        opacity: 0;
        transform: translate(-30px, -50%) scale(2)
    }
}

@keyframes _ngcontent-ng-c910216720_realisticShadow {
    0% {
        box-shadow: 0 2px 4px #0000001a, 0 8px 16px #0000001a
    }

    30% {
        box-shadow: 0 4px 8px #00000026, 0 12px 24px #00000026, 0 0 20px #ffeb3b4d
    }

    60% {
        box-shadow: 0 6px 12px #0003, 0 16px 32px #00000026, 0 0 30px #ffeb3b66
    }

    to {
        box-shadow: 0 4px 8px #0000001f, 0 12px 24px #0000001f, 0 0 15px #ffeb3b33
    }
}

@keyframes _ngcontent-ng-c910216720_subtlePulse {

    0%,
    to {
        opacity: .85
    }

    50% {
        opacity: 1
    }
}

.animate-slide-in-top[_ngcontent-ng-c910216720] {
    position: relative;
    animation: _ngcontent-ng-c910216720_slideInTop .5s cubic-bezier(.34, 1.2, .64, 1) forwards;
    transform-origin: center;
    z-index: 10;
    will-change: transform, opacity
}

.animate-slide-in-bottom[_ngcontent-ng-c910216720] {
    position: relative;
    animation: _ngcontent-ng-c910216720_slideInBottom .6s cubic-bezier(.34, 1.2, .64, 1) forwards;
    transform-origin: center;
    z-index: 10;
    will-change: transform, opacity
}

.animate-slide-in-bottom-second[_ngcontent-ng-c910216720] {
    position: absolute;
    animation: _ngcontent-ng-c910216720_slideInBottomSecond .6s cubic-bezier(.34, 1.2, .64, 1) forwards;
    transform-origin: center;
    z-index: 10;
    will-change: transform, opacity
}

.animate-slide-in-top-gold[_ngcontent-ng-c910216720] {
    position: absolute;
    top: 0;
    left: -100%;
    width: 300%;
    height: 200%;
    border-radius: 500px;
    background: radial-gradient(50% 50%, #fbd506, #fbd50600);
    filter: blur(15px);
    opacity: .4;
    transform: rotate(90deg);
    transform-origin: 50% 50% 0px;
    animation: _ngcontent-ng-c910216720_slideInTopGold .6s linear forwards;
    will-change: transform, opacity
}

.animate-bounce-in[_ngcontent-ng-c910216720] {
    position: relative;
    animation: _ngcontent-ng-c910216720_bounceIn .8s cubic-bezier(.34, 1.56, .64, 1) forwards;
    transform-origin: center;
    z-index: 10;
    will-change: transform, opacity
}

.animate-bounce-in[_ngcontent-ng-c910216720]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    height: 60%;
    background: radial-gradient(ellipse at center, rgba(255, 235, 59, .4) 0%, rgba(255, 193, 7, .2) 40%, rgba(255, 152, 0, .1) 70%, transparent 100%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: _ngcontent-ng-c910216720_smokeEffect .8s ease-out forwards;
    z-index: -2;
    pointer-events: none;
    will-change: transform, opacity, filter
}

.animate-bounce-in[_ngcontent-ng-c910216720]:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at center, rgba(255, 255, 255, .6) 0%, rgba(255, 235, 59, .3) 40%, transparent 80%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: _ngcontent-ng-c910216720_flashEffect .3s ease-out forwards;
    z-index: -1;
    pointer-events: none;
    will-change: transform, opacity
}

.animate-bounce-in[_ngcontent-ng-c910216720] up-drop-item[_ngcontent-ng-c910216720],
.animate-slide-in-top[_ngcontent-ng-c910216720] up-drop-item[_ngcontent-ng-c910216720] {
    animation: _ngcontent-ng-c910216720_realisticShadow .8s ease-out forwards;
    will-change: box-shadow
}

.animate-bounce-in[_ngcontent-ng-c910216720] up-drop-item[_ngcontent-ng-c910216720] button[_ngcontent-ng-c910216720],
.animate-slide-in-top[_ngcontent-ng-c910216720] up-drop-item[_ngcontent-ng-c910216720] button[_ngcontent-ng-c910216720] {
    position: relative;
    transform: translateZ(0);
    transition: transform .2s ease;
    animation: _ngcontent-ng-c910216720_realisticShadow .8s ease-out forwards, _ngcontent-ng-c910216720_subtlePulse 3s ease-in-out 2 1s
}

.animate-bounce-in[_ngcontent-ng-c910216720] up-drop-item[_ngcontent-ng-c910216720] button[_ngcontent-ng-c910216720]:hover,
.animate-slide-in-top[_ngcontent-ng-c910216720] up-drop-item[_ngcontent-ng-c910216720] button[_ngcontent-ng-c910216720]:hover {
    transform: translateY(-1px) translateZ(0);
    box-shadow: 0 6px 12px #00000026, 0 16px 32px #0000001a, 0 0 20px #ffeb3b4d
}

.animate-slide-in-left[_ngcontent-ng-c910216720] {
    position: relative;
    animation: _ngcontent-ng-c910216720_slideInLeft .6s cubic-bezier(.34, 1.2, .64, 1) forwards;
    transform-origin: left center;
    z-index: 10;
    will-change: transform, opacity
}

.animate-slide-in[_ngcontent-ng-c910216720] {
    position: relative;
    animation: _ngcontent-ng-c910216720_slideIn .6s cubic-bezier(.34, 1.56, .64, 1) forwards;
    transform-origin: left center;
    z-index: 10;
    will-change: transform, opacity
}

.animate-slide-in[_ngcontent-ng-c910216720]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 120%;
    height: 120%;
    background: radial-gradient(ellipse at left center, rgba(255, 235, 59, .5) 0%, rgba(255, 193, 7, .3) 30%, rgba(255, 152, 0, .15) 60%, transparent 100%);
    border-radius: 12px;
    transform: translateY(-50%);
    animation: _ngcontent-ng-c910216720_flashEffectSlide .5s ease-out forwards;
    z-index: -1;
    pointer-events: none;
    will-change: transform, opacity
}

.animate-slide-in[_ngcontent-ng-c910216720] up-drop-item-horizontal[_ngcontent-ng-c910216720],
.animate-slide-in-left[_ngcontent-ng-c910216720] up-drop-item-horizontal[_ngcontent-ng-c910216720] {
    animation: _ngcontent-ng-c910216720_realisticShadow .6s ease-out forwards;
    will-change: box-shadow
}

.animate-slide-in[_ngcontent-ng-c910216720] up-drop-item-horizontal[_ngcontent-ng-c910216720] button[_ngcontent-ng-c910216720],
.animate-slide-in-left[_ngcontent-ng-c910216720] up-drop-item-horizontal[_ngcontent-ng-c910216720] button[_ngcontent-ng-c910216720] {
    position: relative;
    transform: translateZ(0);
    transition: transform .2s ease;
    animation: _ngcontent-ng-c910216720_realisticShadow .6s ease-out forwards, _ngcontent-ng-c910216720_subtlePulse 3s ease-in-out 2 .8s
}

.animate-slide-in[_ngcontent-ng-c910216720] up-drop-item-horizontal[_ngcontent-ng-c910216720] button[_ngcontent-ng-c910216720]:hover,
.animate-slide-in-left[_ngcontent-ng-c910216720] up-drop-item-horizontal[_ngcontent-ng-c910216720] button[_ngcontent-ng-c910216720]:hover {
    transform: scale(1.02) translateZ(0);
    box-shadow: 0 4px 8px #00000026, 0 12px 24px #0000001a, 0 0 15px #ffeb3b4d
}


@keyframes _ngcontent-ng-c1917202643_live-best-drop-chevron-blink {

    0%,
    to {
        opacity: .28
    }

    50% {
        opacity: 1
    }
}

.live-best-drop__chevron[_ngcontent-ng-c1917202643] {
    animation: _ngcontent-ng-c1917202643_live-best-drop-chevron-blink 3s ease-in-out infinite
}

.live-best-drop__chevron--2[_ngcontent-ng-c1917202643] {
    animation-delay: .6s
}

.live-best-drop__chevron--3[_ngcontent-ng-c1917202643] {
    animation-delay: 1.2s
}

.live-best-drop__chevron--4[_ngcontent-ng-c1917202643] {
    animation-delay: 1.8s
}

.live-best-drop__chevron--5[_ngcontent-ng-c1917202643] {
    animation-delay: 2.4s
}

.live-best-drop-card[_ngcontent-ng-c1917202643] {
    box-shadow: inset 0 0 0 1px #2db2924d, inset 0 0 1.5rem #2db2921f;
    transition: box-shadow .7s ease, transform .7s ease
}

.live-best-drop-card[_ngcontent-ng-c1917202643]:hover {
    box-shadow: inset 0 0 0 1px #2db292a6, inset 0 0 2rem #2db29233
}

@media (prefers-reduced-motion: reduce) {
    .live-best-drop__chevron[_ngcontent-ng-c1917202643] {
        animation: none;
        opacity: .7
    }
}