@keyframes star_t_s_i {
    0% {
        transform: translate(28.3918px,26.0576px) scale(0,0) translate(-23.4974px,-22.4547px);
        animation-timing-function:cubic-bezier(0,0,.58,1)
    }
    42.8571% {
        transform: translate(28.3918px,26.0576px) scale(1,1) translate(-23.4974px,-22.4547px);
        animation-timing-function:cubic-bezier(0,0,.58,1)
    }
    71.4285% {
        transform: translate(28.3918px,26.0576px) scale(1.15,1.15) translate(-23.4974px,-22.4547px);
        animation-timing-function: cubic-bezier(0,0,.58,1)
    }
    to {
        transform: translate(28.3918px,26.0576px) scale(1,1) translate(-23.4974px,-22.4547px)
    }
}

@keyframes a1_t_s_i {
    0%, to {
        transform: translate(23.4966px,22.4549px)
    }
}

@keyframes a0_t_s_i {
    0% {
        transform: scale(1.889498,1.889498) translate(-28.3911px,-27.0603px);
        animation-timing-function: cubic-bezier(0,0,.58,1)
    }
    to {
        transform: scale(1,1) translate(-28.3911px,-27.0603px)
    }
}

@keyframes a2_t_s_i {
    0% {
        transform: translate(22.2182px,22.7642px) rotate(145.526246deg) scale(.462454,.462454) translate(-27.1127px,-26.3671px);
        animation-timing-function: cubic-bezier(0,0,.58,1)
    }
    to {
        transform: translate(22.2182px,22.7642px) rotate(0deg) scale(1,1) translate(-27.1127px,-26.3671px)
    }
}

@keyframes a2_o_s_i {
    0% {
        opacity: 0;
        animation-timing-function: cubic-bezier(0,0,.58,1)
    }
    to {
        opacity:1
    }
}

@keyframes a3_t_s_i {
    0% {
        transform: translate(18.9293px,24.3971px) rotate(-53.127557deg) scale(.322292,.322292) translate(-26.7458px,-20.6401px);
        animation-timing-function: cubic-bezier(0,0,.58,1)
    }
    to {
        transform: translate(21.8514px,17.0372px) rotate(0deg) scale(1,1) translate(-26.7458px,-20.6401px)
    }
}

@keyframes a3_o_s_i {
    0% {
        opacity: 0;
        animation-timing-function: cubic-bezier(0,0,.58,1)
    }
    to {
        opacity: 1
    }
}

@keyframes a4_t_s_i {
    0% {
        transform: translate(-.804393px,13.4424px) rotate(30deg) translate(-8.47967px,-28px)
    }
    28.5714% {
        transform: translate(-.804393px,13.4424px) rotate(30deg) translate(-8.47967px,-28px);
        animation-timing-function: cubic-bezier(.42,0,.58,1)
    }
    85.7142%, to {
        transform: translate(58.8824px,41.1538px) rotate(30deg) translate(-8.47967px,-28px)
    }
}

@keyframes a0_t_c_2_r {
    0% {
        transform: translate(28px,28px) scale(0,0) translate(-28px,-28px);
        animation-timing-function:cubic-bezier(0,0,.58,1)
    }
    to {
        transform: translate(28px,28px) scale(1,1) translate(-28px,-28px)
    }
}

@keyframes a1_o_c_2_r {
    0% {
        opacity: .6
    }
    to {
        opacity: 0
    }
}

@keyframes a1_o_c_2_d {
    0%, 100% {
        opacity: .6
    }
}

@keyframes a0_t_c_1_r {
    0% {
        transform: translate(28px,28px) scale(0,0) translate(-28px,-28px);
        animation-timing-function: cubic-bezier(0,0,.6,1)
    }
    to {
        transform: translate(28px,28px) scale(1,1) translate(-28px,-28px)
    }
}

@keyframes a0_t_t_c_1_t {
    0% {
        transform: translate(28px,28px) scale(1,1) translate(-28px,-28px)
    }
    to {
        transform: translate(28px,28px) scale(.9,.9) translate(-28px,-28px)
    }
}

@keyframes a0_t_c_2_d {
    0% {
        transform: translate(28px,28px) scale(.9, .9) translate(-28px,-28px)
    }
    100% {
        transform: translate(28px,28px) scale(0, 0) translate(-28px,-28px)
    }
}

@keyframes a1_o_c_1_r {
    0% {
        opacity: .6
    }
    to {
        opacity: 0
    }
}

@keyframes a0_t_cr_i {
    0% {
        transform: translate(28px,28px) rotate(180deg);
        animation-timing-function: cubic-bezier(0,0,.58,1)
    }
    71.4285%{
        transform:translate(28px,28px) rotate(-5deg)
    }
    to{
        transform:translate(28px,28px) rotate(0deg)
    }
}

@keyframes krest_t_cr_i{
    0%{
        transform:scale(0,0) translate(-28px,-28px)
    }
    42.8571%,to{
        transform:scale(1,1) translate(-28px,-28px)
    }
    71.4285%{
        transform:scale(1.15,1.15) translate(-28px,-28px);
        animation-timing-function:cubic-bezier(0,0,.58,1)
    }
}

@keyframes a1_t_cr_i{
    0%{
        transform:translate(17.3511px,39px) rotate(0deg) scale(.438128,.423532) translate(-14.3863px,-37.0446px)
    }
    to{
        transform:translate(14.3863px,37.0446px) rotate(0deg) scale(1,1) translate(-14.3863px,-37.0446px)
    }
}

@keyframes a2_t_cr_i{
    0%{
        transform:translate(15.8726px,16.8036px) rotate(0deg) scale(.440469,.440469) translate(-19.2722px,-19.7496px)
    }
    to{
        transform:translate(19.2722px,19.7496px) rotate(0deg) scale(1,1) translate(-19.2722px,-19.7496px)
    }
}

@keyframes a3_t_cr_i{
    0%{
        transform:translate(37px,18.2131px) rotate(0deg) scale(.461347,.461347) translate(-40.0446px,-20.5702px)
    }
    to{
        transform:translate(40.0446px,20.5702px) rotate(0deg) scale(1,1) translate(-40.0446px,-20.5702px)
    }
}

@keyframes a4_t_cr_i{
    0%{
        transform:translate(29.3877px,32.5041px) rotate(-45.565409deg) scale(.403058,.403058) translate(-31.3472px,-29.0394px)
    }
    to{
        transform:translate(31.3472px,29.0394px) rotate(0deg) scale(1,1) translate(-31.3472px,-29.0394px)
    }
}

@keyframes a5_t_cr_i{
    0%{
        transform:translate(27.9335px,28.2933px) rotate(0deg) scale(1.122601,1.122601) translate(-27.9335px,-28.2933px)
    }
    28.5714%{
        transform:translate(27.9335px,28.2933px) rotate(-4.682578deg) scale(1.087572,1.087572) translate(-27.9335px,-28.2933px)
    }
    71.4285%{
        transform:translate(27.9335px,28.2933px) rotate(0deg) scale(1.035029,1.035029) translate(-27.9335px,-28.2933px)
    }
    to{
        transform:translate(27.9335px,28.2933px) rotate(0deg) scale(1,1) translate(-27.9335px,-28.2933px)
    }
}


@keyframes star_t_s_d{
    0%{
        transform:translate(28.3918px,26.0576px) scale(1,1) translate(-23.4974px,-22.4547px);
        animation-timing-function:cubic-bezier(.42,0,1,1)
    }
    25%{
        transform:translate(28.3918px,26.0576px) scale(1.15,1.15) translate(-23.4974px,-22.4547px);
        animation-timing-function:cubic-bezier(0,0,.58,1)
    }
    50%{
        transform:translate(28.3918px,26.0576px) scale(1,1) translate(-23.4974px,-22.4547px)
    }
    to{
        transform:translate(28.3918px,26.0576px) scale(0,0) translate(-23.4974px,-22.4547px)
    }
}

@keyframes a0_t_s_d{
    0%{
        transform:translate(23.4966px,22.4549px) scale(1,1) translate(-28.3911px,-27.0603px)
    }
    to{
        transform:translate(23.4966px,22.4549px) scale(1.737025,1.737025) translate(-28.3911px,-27.0603px)
    }
}

@keyframes a1_t_s_d{
    0%{
        transform:translate(22.2182px,22.7642px) rotate(0deg) scale(1,1) translate(-27.1127px,-26.3671px)
    }
    to{
        transform:translate(22.2182px,22.7642px) rotate(145.526246deg) scale(.462454,.462454) translate(-27.1127px,-26.3671px)
    }
}

@keyframes a1_o_s_d{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}

@keyframes a2_t_s_d{
    0%{
        transform:translate(21.8514px,17.0372px) rotate(0deg) scale(1,1) translate(-26.7458px,-20.6401px)
    }
    to{
        transform:translate(18.9293px,24.3971px) rotate(-53.127557deg) scale(.322292,.322292) translate(-26.7458px,-20.6401px)
    }
}

@keyframes a2_o_s_d{
    0%{
        opacity:1
    }
    to{
        opacity:0
    }
}

@keyframes a3_t_s_d{
    0%,to{
        transform:translate(58.8824px,41.1538px) rotate(30deg) translate(-8.47967px,-28px)
    }
}

	@keyframes a0_t_cr_d{0%,to{transform:translate(28px,28px) rotate(0deg)}}@keyframes krest_t_cr_d{0%{transform:scale(1,1) translate(-28px,-28px);animation-timing-function:cubic-bezier(.42,0,1,1)}50%{transform:scale(1,1) translate(-28px,-28px)}to{transform:scale(0,0) translate(-28px,-28px)}}@keyframes a1_t_cr_d{0%{transform:translate(15.992233px,38.103775px) rotate(0deg) scale(.695653,.687747) translate(-14.3863px,-37.0446px)}to{transform:translate(16.486366px,38.429676px) rotate(0deg) scale(.602007,.591668) translate(-14.3863px,-37.0446px)}}@keyframes a2_t_cr_d{0%{transform:translate(17.43075px,18.153849px) rotate(0deg) scale(.696921,.696921) translate(-19.2722px,-19.7496px)}to{transform:translate(16.864149px,17.662849px) rotate(0deg) scale(.603666,.603666) translate(-19.2722px,-19.7496px)}}@keyframes a3_t_cr_d{0%{transform:translate(40.0446px,20.5702px) rotate(0deg) scale(1,1) translate(-40.0446px,-20.5702px)}to{transform:translate(37px,18.2131px) rotate(0deg) scale(.461347,.461347) translate(-40.0446px,-20.5702px)}}@keyframes a4_t_cr_d{0%{transform:translate(31.3472px,29.0394px) rotate(0deg) scale(1,1) translate(-31.3472px,-29.0394px)}to{transform:translate(29.3877px,32.5041px) rotate(-45.565409deg) scale(.403058,.403058) translate(-31.3472px,-29.0394px)}}@keyframes a5_t_cr_d{0%{transform:translate(27.9335px,28.2933px) rotate(0deg) scale(1,1) translate(-27.9335px,-28.2933px)}25%{transform:translate(27.9335px,28.2933px) rotate(-4.682578deg) scale(1.03065,1.03065) translate(-27.9335px,-28.2933px)}50%{transform:translate(27.9335px,28.2933px) rotate(0deg) scale(1.0613,1.0613) translate(-27.9335px,-28.2933px)}to{transform:translate(27.9335px,28.2933px) rotate(0deg) scale(1.122601,1.122601) translate(-27.9335px,-28.2933px)}}
				@font-face {
    font-display: swap;
    font-family: Halvar Breit Blk;
    font-style: normal;
    font-weight: 900;
    src: local("Halvar Breitschrift Black"),local("HalvarBreit-Blk"),url('./HalvarBreit_Blk-yjG8Sxd_.woff2') format("woff2")
}
/*
@font-face {
    font-display: swap;
    font-family: Halvar Breit Lt;
    font-style: normal;
    font-weight: 300;
    src: local("Halvar Breitschrift Light"),local("HalvarBreit-Lt"),url(/static/media/HalvarBreit-Lt.d0233f5a9c11a0cd6e20.woff2) format("woff2")
}
*/
@font-face {
    font-display: swap;
    font-family: Halvar Breit Md;
    font-style: normal;
    font-weight: 500;
    src: local("Halvar Breitschrift Medium"),local("HalvarBreit-Md"),url('./HalvarBreit_Md-Klij3TuJ.woff2') format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Halvar Breit Rg;
    font-style: normal;
    font-weight: 700;
    src: local("Halvar Breitschrift Bold"),local("HalvarBreit-Bd"),url('./HalvarBreit_Bd-DAq12asN.woff2') format("woff2")
}

@font-face {
    font-display: swap;
    font-family: Halvar Breit XBd;
    font-style: normal;
    font-weight: 800;
    src: local("Halvar Breitschrift ExtraBold"),local("HalvarBreit-XBd"),url('./HalvarBreit_XBd-D2g6YKRz.woff2') format("woff2")
}
/*
@font-face {
    font-display: swap;
    font-family: Halvar Breit Th;
    font-style: normal;
    font-weight: 100;
    src: local("Halvar Breitschrift Thin"),local("HalvarBreit-Th"),url(/static/media/HalvarBreit-Th.af3be939d00e334a90b7.woff2) format("woff2")
}
*//*
@font-face {
    font-display: swap;
    font-family: Halvar Breit XTh;
    font-style: normal;
    font-weight: 100;
    src: local("Halvar Breitschrift ExtraThin"),local("HalvarBreit-XTh"),url(/static/media/HalvarBreit-XTh.cb9b1ce4ea03a1126375.woff2) format("woff2")
}
*//*
@font-face {
    font-display: swap;
    font-family: Halvar Breit Hl;
    font-style: normal;
    font-weight: 100;
    src: local("Halvar Breitschrift Hairline"),local("HalvarBreit-Hl"),url(/static/media/HalvarBreit-Hl.e2aa0cd3143f5e3be9cf.woff2) format("woff2")
}
*//*
@font-face {
    font-display: swap;
    font-family: Halvar Breit Hl;
    font-style: normal;
    font-weight: 100;
    src: local("Halvar Breitschrift Hairline"),local("HalvarBreit-Hl"),url(/static/media/HalvarBreit-Hl_1.947667f1ffd88ab4bf9e.woff2) format("woff2")
}
*/
@font-face {
    font-display: swap;
    font-family: Halvar Breit Rg;
    font-style: normal;
    font-weight: 400;
    src: local("Halvar Breitschrift Regular"),local("HalvarBreit-Rg"),url('./HalvarBreit_Rg-BtJjkj6D.woff2') format("woff2")
}

@font-face {
    font-family: sf pro display;
    font-style: normal;
    font-weight: 400;
    src: local("SF Pro Display"),url('./SFPRODISPLAYREGULAR-BZ4hpQW8.woff') format("woff")
}
/*
@font-face {
    font-family: sf pro display;
    font-style: normal;
    font-weight: 500;
    src: local("SF Pro Display"),url(/static/media/SFPRODISPLAYMEDIUM.101ed5219946cce959d6.woff) format("woff")
}
*/
@font-face {
    font-family: sf pro display;
    font-style: normal;
    font-weight: 700;
    src: local("SF Pro Display"),url('./SFPRODISPLAYBOLD-BMYtfYUq.woff') format("woff")
}

*,:after,:before {
    border: 0 solid #e5e7eb
}

:after,:before {
    --tw-content: ""
}

html {
    -webkit-text-size-adjust: 100%;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-family: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    line-height: 1.5;
    tab-size: 4
}

body {
    line-height: inherit
}

hr {
    border-top-width: 1px;
    color: inherit;
    height: 0
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,h2,h3,h4,h5,h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,strong {
    font-weight: bolder
}

code,kbd,pre,samp {
    font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    border-color: inherit;
    text-indent: 0
}

button,input,optgroup,select,textarea {
    color: inherit;
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0
}

button,select {
    text-transform: none
}

[type=button],[type=reset],[type=submit],button {
    -webkit-appearance: button;
    background-color: initial;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: initial
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre {
    margin: 0
}

fieldset {
    margin: 0
}

fieldset,legend {
    padding: 0
}

menu,ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #9ca3af;
    opacity: 1
}

input::placeholder,textarea::placeholder {
    color: #9ca3af;
    opacity: 1
}

[role=button],button {
    cursor: pointer
}

:disabled {
    cursor: default
}

audio,canvas,embed,iframe,img,object,svg,video {
    display: block;
    vertical-align: middle;
}

img,video {
    height: auto;
    max-width: 100%
}

[hidden] {
    display: none
}

*,:after,:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::-webkit-backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59,130,246,.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.static {
    position: static!important
}

.fixed {
    position: fixed!important
}

.absolute {
    position: absolute!important
}

.relative {
    position: relative!important
}

.z-50 {
    z-index: 50!important
}

.z-40 {
    z-index: 40!important
}

.m-\[5px\] {
    margin: 5px!important
}

.m-\[7px\] {
    margin: 7px!important
}

.mx-2 {
    margin-left: .5rem!important;
    margin-right: .5rem!important
}

.mx-1\.5 {
    margin-left: .375rem!important;
    margin-right: .375rem!important
}

.mx-1 {
    margin-left: .25rem!important;
    margin-right: .25rem!important
}

.mx-auto {
    margin-left: auto!important;
    margin-right: auto!important
}

.my-auto {
    margin-bottom: auto!important;
    margin-top: auto!important
}

.ml-\[8px\] {
    margin-left: 8px!important
}

.mb-\[12px\] {
    margin-bottom: 12px!important
}

.mt-\[7px\] {
    margin-top: 7px!important
}

.ml-1 {
    margin-left: .25rem!important
}

.mr-3 {
    margin-right: .75rem!important
}

.mb-4 {
    margin-bottom: 1rem!important
}

.mb-3 {
    margin-bottom: .75rem!important
}

.mt-2 {
    margin-top: .5rem!important
}

.mt-1 {
    margin-top: .25rem!important
}

.mt-4 {
    margin-top: 1rem!important
}

.mb-12 {
    margin-bottom: 3rem!important
}

.ml-2 {
    margin-left: .5rem!important
}

.block {
    display: block!important
}

.flex {
    display: flex!important
}

.contents {
    display: contents!important
}

.hidden {
    display: none!important
}

.h-screen {
    height: 100vh!important
}

.h-auto {
    height: auto!important
}

.h-full {
    height: 100%!important
}

.h-\[52px\] {
    height: 52px!important
}

.h-\[38px\] {
    height: 38px!important
}

.w-full {
    width: 100%!important
}

.w-\[60\%\] {
    width: 60%!important
}

.w-1\/2 {
    width: 50%!important
}

.w-\[38px\] {
    width: 38px!important
}

.flex-1 {
    flex: 1 1!important
}

.basis-2\/3 {
    flex-basis: 66.666667%!important
}

.basis-1\/3 {
    flex-basis: 33.333333%!important
}

.transform {
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important
}

.cursor-pointer {
    cursor: pointer!important
}

.cursor-not-allowed {
    cursor: not-allowed!important
}

.resize {
    resize: both!important
}

.flex-row {
    flex-direction: row!important
}

.flex-col {
    flex-direction: column!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.items-center {
    align-items: center!important
}

.justify-end {
    justify-content: flex-end!important
}

.justify-center {
    justify-content: center!important
}

.justify-between {
    justify-content: space-between!important
}

.justify-around {
    justify-content: space-around!important
}

.gap-4 {
    gap: 1rem!important
}

.gap-5 {
    gap: 1.25rem!important
}

.gap-1 {
    gap: .25rem!important
}

.gap-2 {
    gap: .5rem!important
}

.gap-6 {
    gap: 1.5rem!important
}

.gap-y-3 {
    row-gap: .75rem!important
}

.gap-x-5 {
    -webkit-column-gap: 1.25rem!important;
    column-gap: 1.25rem!important
}

.overflow-visible {
    overflow: visible!important
}

.rounded-xl {
    border-radius: .75rem!important
}

.rounded-lg {
    border-radius: .5rem!important
}

.border {
    border-width: 1px!important
}

.bg-white {
    background-color: rgb(255 255 255/var(--tw-bg-opacity))!important
}

.bg-\[\#151B2E\],.bg-white {
    --tw-bg-opacity: 1!important
}

.bg-\[\#151B2E\] {
    background-color: rgb(21 27 46/var(--tw-bg-opacity))!important
}

.px-2 {
    padding-left: .5rem!important;
    padding-right: .5rem!important
}

.px-\[20px\] {
    padding-left: 20px!important;
    padding-right: 20px!important
}

.py-\[15px\] {
    padding-bottom: 15px!important;
    padding-top: 15px!important
}

.px-6 {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important
}

.pt-10 {
    padding-top: 2.5rem!important
}

.pb-4 {
    padding-bottom: 1rem!important
}

.pt-8 {
    padding-top: 2rem!important
}

.pt-14 {
    padding-top: 3.5rem!important
}

.pl-2 {
    padding-left: .5rem!important
}

.text-left {
    text-align: left!important
}

.text-right {
    text-align: right!important
}

.align-middle {
    vertical-align: middle!important
}

.text-sm {
    font-size: .875rem!important;
    line-height: 1.25rem!important
}

.text-\[9px\] {
    font-size: 9px!important
}

.text-xs {
    font-size: .75rem!important;
    line-height: 1rem!important
}

.text-\[16px\] {
    font-size: 16px!important
}

.font-bold {
    font-weight: 700!important
}

.font-normal {
    font-weight: 400!important
}

.font-medium {
    font-weight: 500!important
}

.leading-4 {
    line-height: 1rem!important
}

.leading-5 {
    line-height: 1.25rem!important
}

.text-white {
    --tw-text-opacity: 1!important;
    color: rgb(255 255 255/var(--tw-text-opacity))!important
}

.text-\[\#858CAB\] {
    --tw-text-opacity: 1!important;
    color: rgb(133 140 171/var(--tw-text-opacity))!important
}

.text-\[\#DFE5F250\] {
    color: #dfe5f250!important
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1)!important;
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)!important;
    box-shadow: 0 0 #0000,0 0 #0000,var(--tw-shadow)!important;
    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important
}

.blur {
    --tw-blur: blur(8px)!important
}

.blur,.filter {
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important
}

.transition {
    transition-duration: .15s!important;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter!important;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-transform,-webkit-filter,-webkit-backdrop-filter!important;
    transition-timing-function: cubic-bezier(.4,0,.2,1)!important
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: initial
}

a {
    text-decoration: none
}

a:active,a:hover {
    outline: 0
}

li,ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 400;
    margin: 0
}

*,:after,:before,html {
    box-sizing: border-box
}

:focus {
    outline: 0
}

audio,canvas,iframe,img,svg,video {
    vertical-align: middle
}

iframe {
    border: 0
}

textarea {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    overflow: auto;
    resize: none;
    vertical-align: top
}

button,input,select,textarea {
    background: none;
    border: none;
    font-size: 100%;
    margin: 0;
    outline: none
}

button {
    cursor: pointer
}

button,input {
    line-height: normal
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0;
    text-align: left
}

@font-face {
    font-family: FS Elliot Pro;
    font-style: normal;
    font-weight: 700;
    src: url('./FSElliotProBold-C89z0eFz.woff2')
}
/*
@font-face {
    font-family: FS Elliot Pro;
    font-style: normal;
    font-weight: 300;
    src: url(/static/media/FS%20Elliot%20ProLight.8b881ea1fa240f965bb4.woff2)
}
*/
@font-face {
    font-family: FS Elliot Pro;
    font-style: normal;
    font-weight: 400;
    src: url('./FSElliotProRegular-0-Dd4aYP.woff2')
}

/*
@font-face {
    font-family: FS Elliot Pro;
    font-style: italic;
    font-weight: 400;
    src: url(/static/media/FS%20Elliot%20ProItalic.130c5d03ac84810c3623.woff2)
}
*//*
@font-face {
    font-family: SF Pro Display;
    font-style: normal;
    font-weight: 590;
    src: url(/static/media/SFProDisplay-Semibold.0c3118698533818e6c7d.woff2)
}
*/
.game-header {
    align-items: flex-start;
    background: transparent;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    line-height: 0;
    padding: 0 15px
}

@media (max-width: 1021px) {
    .game-header {
        padding:0
    }
}

.game-header__buttons-group {
    display: flex;
    flex: none;
    flex-grow: 0;
    order: 0
}

.game-header__buttons-group button:first-child {
    margin-right: 10px
}

.game-header__button {
    flex: none;
    flex-grow: 0;
    gap: 10px;
    order: 1
}

.status-bar {
    background: #151b2e;
    border-radius: 1rem;
    display: flex;
    height: 60px;
    justify-content: space-between;
    min-width: 510px;
    padding: .5rem 1rem;
    position: relative;
    z-index: 4
}

@media (max-width: 640px) {
    .status-bar {
        min-width:0;
        width: 100%
    }
}

.status-bar__icon {
    display: flex;
    place-items: center
}

.status-bar__status {
    align-items: center;
    -webkit-column-gap: .5rem;
    column-gap: .5rem;
    display: flex
}

.status-bar__status-content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.status-bar__status-title {
    color: #13f36c;
    font-family: FS Elliot Pro,serif;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1rem;
    margin-right: .25rem;
    white-space: nowrap
}

.status-bar__status-text {
    line-height: 10px
}

.status-bar__status-text-amount {
    color: #f3f3f3;
    font-weight: 700
}

.status-bar__status-text-amount,.status-bar__status-text-currency {
    font-family: FS Elliot Pro,serif;
    font-size: .875rem;
    line-height: 1rem
}

.status-bar__status-text-currency {
    color: #858cab;
    font-weight: 500
}

.status-bar__select-traps {
    --tw-bg-opacity: 1;
    background-color: rgb(10 15 30/var(--tw-bg-opacity));
    border-radius: .5rem;
    flex: 0 1 auto;
    flex-basis: 66.666667%;
    height: 2.75rem;
    max-width: 225px;
    padding: .75rem 1rem
}

@media (min-width: 200px) and (max-width:425px) {
    .status-bar__select-traps {
        max-width:125px
    }
}

.select-traps {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.select-traps__content {
    align-content: center;
    align-items: center;
    display: flex;
    flex: none;
    flex-direction: column;
    width: 5rem
}

@media (min-width: 200px) and (max-width:425px) {
    .select-traps__content {
        width:3rem
    }
}

.select-traps__traps_amount {
    color: #f3f3f3;
    font-family: Halvar Breit Md,sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px
}

.select-traps__title {
    color: #97a3cb;
    font-family: FS Elliot Pro,serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px
}

.select-traps__arrow-icon {
    fill: #97a3cb;
    height: 1.25rem;
    width: .75rem
}

.select-traps__arrow-icon_prev {
    --tw-rotate: 180deg;
    -webkit-transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    -webkit-transform-origin: center;
    transform-origin: center
}

.multiplier-list {
    --tw-border-opacity: 1;
    align-items: center;
    border-color: rgb(42 49 69/var(--tw-border-opacity));
    border-left-width: 2px;
    -webkit-column-gap: .5rem;
    column-gap: .5rem;
    display: flex;
    flex: 0 1 auto;
    overflow: hidden;
    padding-left: .5rem;
    position: relative;
    width: 18rem
}

@media (max-width: 640px) {
    .multiplier-list {
        width:10rem
    }
}

.multiplier-list:before {
    background: linear-gradient(270deg,#151b2e 11.77%,rgba(10,15,29,0) 50%);
    content: "";
    height: calc(100% + 4px);
    position: absolute;
    right: 0;
    width: 1.25rem;
    z-index: 3
}

.multiplier-list-inner {
    align-items: center;
    -webkit-column-gap: .5rem;
    column-gap: .5rem;
    display: flex;
    overflow: visible
}

.multiplier-list__item {
    --tw-bg-opacity: 1;
    background-color: rgb(29 36 57/var(--tw-bg-opacity));
    border-radius: .5rem;
    height: 32px;
    min-width: 55px;
    padding: .25rem .5rem;
    text-align: center
}

.multiplier-list__item-text {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-family: FS Elliot Pro,serif;
    font-size: .875rem;
    font-weight: 900;
    line-height: 1rem;
    opacity: .3;
    text-align: center
}

.multiplier-list__item-text_active {
    opacity: 1
}

.custom-roulette {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.custom-roulette__row {
    align-items: center;
    display: flex;
    height: 100%;
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0
}

.custom-roulette__row-item {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0
}

.custom-roulette__delimiter {
    background: blue;
    content: "";
    display: none;
    height: 100%;
    left: calc(50% - 1px);
    position: absolute;
    top: 0;
    width: 2px;
    z-index: 10
}

.custom-roulette__delimiter.show {
    display: block
}

.coin .howtoplaybtn {
    align-items: center;
    color: #fafafa;
    display: flex;
    font-size: 13px;
    gap: .4rem;
    line-height: 18px;
    padding: .5rem .7rem
}

.coin__item-coins {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    margin: 2rem 0 1.2rem;
    padding: 1rem
}

.coin__item-coins .progress-icon {
    z-index: 5
}

@media (max-width: 640px) {
    .coin__item-coins {
        flex-wrap:nowrap;
        gap: .625rem;
        padding: 0
    }

    .coin__item-coins .progress-icon svg {
        width: 100%
    }
}

.coin__game {
    background: radial-gradient(50% 50% at 50% 50%,#151b2e 0,rgba(21,27,46,0) 100%);
    -webkit-column-gap: 5rem;
    column-gap: 5rem;
    display: flex;
    justify-content: center
}

@media (max-width: 640px) {
    .coin__game {
        justify-content:space-between
    }
}

.coin__game-item {
    align-items: center;
    -webkit-animation: __flipIn .5s linear both;
    animation: __flipIn .5s linear both;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center
}

@media (max-width: 640px) {
    .coin__game-item {
        width:calc(42.5% - 50px)
    }
}

.coin__game-item span {
    color: #f3f3f3;
    font-size: 24px;
    line-height: 28px;
    text-align: center
}

.coin__game-item p,.coin__game-item span {
    font-family: Halvar Breit XBd,sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.coin__game-item p {
    color: #666d85;
    font-size: 16px;
    font-style: normal;
    line-height: 19px
}

@media (max-width: 640px) {
    .coin__game-item p {
        word-wrap:break-word;
        text-align: center;
        width: 100%
    }
}

.coin__game-coin {
    align-items: center;
    background: #0a0f1d;
    border-radius: 120px;
    display: flex;
    height: 180px;
    justify-content: center;
    padding: 20px;
    position: relative;
    width: 180px
}

@media (max-width: 640px) {
    .coin__game-coin {
        height:140px;
        width: 140px
    }
}

.coin__game-coin:before {
    background: linear-gradient(90deg,#3d445c,rgba(61,68,92,0),#3d445c);
    border-radius: 120px;
    content: "";
    inset: 0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 3px;
    position: absolute
}

.coin__game-coin .resize-container {
    height: 200%;
    min-width: 200%
}

@-webkit-keyframes __flipIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes __flipIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.double__background {
    /*background-image: url(/static/media/background.73ba94b4bcc4f49240cc.png);
    */background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width: 640px) {
    /*.double__background {
        background-image:url(/static/media/backgroundPhone.22ee95b37f8094fe25be.png)
    }*/
}

.double__game-buttons {
    margin-bottom: 1.5rem
}

@media (max-width: 640px) {
    .double__game-buttons {
        justify-content:center
    }
}

.double__game-buttons-item {
    background: #252b40;
    border-radius: 8px;
    padding: .8rem .4rem;
    transition: background-color .2s ease;
    width: 8.5rem
}

.double__game-buttons-item:disabled {
    cursor: default;
    opacity: .3
}

.double__game-buttons-item:enabled:hover {
    opacity: .8
}

.double__game-buttons-item.selected,.double__game-buttons-item:enabled:active,.double__game-buttons-item:enabled:focus {
    background: linear-gradient(#0b0f1e 0 0) padding-box,linear-gradient(118.85deg,#0095ff,#0855c4 92.5%) border-box;
    border: 2px solid transparent;
    padding: calc(.8rem - 2px) calc(.4rem - 2px)
}

.double__game-buttons-item__color-tag {
    border-radius: 100%;
    height: 20px;
    width: 20px
}

.double__game-buttons-item__label {
    color: #fff;
    font-family: Halvar Breit XBd,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: -.03em;
    line-height: 16px;
    text-transform: uppercase
}

.double__game-buttons-item.red {
    border-radius: 12px 8px 8px 12px
}

.double__game-buttons-item.black {
    border-radius: 8px 12px 12px 8px
}

.double__game-buttons-item.black.selected .double__game-buttons-item__color-tag,.double__game-buttons-item.black:enabled:active .double__game-buttons-item__color-tag,.double__game-buttons-item.black:enabled:focus .double__game-buttons-item__color-tag {
    border: 1px solid #97a3cb;
    box-sizing: border-box;
    height: 20px;
    width: 20px
}

.double__game-roulette {
    border-bottom: 2px solid rgba(10,93,201,.65);
    border-top: 2px solid rgba(10,93,201,.65);
    height: 130px;
    opacity: 1;
    position: relative;
    transition: opacity .3s ease
}

.double__game-roulette.disabled {
    opacity: .4
}

@media (max-width: 640px) {
    .double__game-roulette {
        height:95px
    }
}

.double__game-roulette .roulette-pointers {
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJ4AAAEECAYAAADZD43qAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMaSURBVHgB7dlNbhNJGAbgr9v8JDsfIUeId2TJDViONIMUTkBygmFOAHMCspiRWPoGw2rILhzBR2iJBQHLXVQjgcCk7WoT9wI9z6rLsr1ovV31VnUV2cHpm6PJavIyVek4UkwD9mPeTtrz64uTRdWFrm7rK4FjJE0O3+xOvaqf54HQMZZplVfXOl88ChhRFem4C14TMK5pnaJ6GzCiFGlep+XqSZj1GE+Tlum8vn51smiX7SylmAfsT5NSet1lrctcFXzn4Ld8vHQ3Hy/d3k6/+XKzg6/q4DtdQFKb/opbskrpmdD9SPBu8P7fBy/yUvAiflLK//Hhnwd/Bz8QvB53J/e6WW8RO8qhW9x/d+/WZs5fjeD1aC5mXTd7GLvt+PPOrX3YzGdOC3oI3ga79j29bjvB22Jo39PryghegdK+p9eVE7wChX1PrxtA8Apt63t63TCCN0Bf39PrhhO8gdb7nl63G+9qd/DN+9zwHpZRHf5+eXb/j8unAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALBvh48vzw4f/38W7KQKBjs4fXNUt/VVpIh20s6uL04WwSB1MMj09GqaQ/dfDt20G1b5uvssGETwBlq2y2c5dEdfxlW+/rD6+GcwiOAN0PW6lNLT9c9zX9H3BtLxCn3T6/qW1UbfK2fGK7DW63q/pu+VE7wC672uj75XTvC26Ot1ffS9MjreBgW9ro++t4UZr0dhr+v9ub63meD1KO11ffS9zQTvBkN7XR99r5+Ot+Ynel0ffe8Gn4PX3ezJavIyVen4Fm84rJvnh/C8ewirPTzhsMnnFeBOvaqf54HQMZZplVfXbnPxKGBEVaTjLnhNwLimdYrqbcCIUqR5nZarJ2HWYzxNWqbz+vrVyaJdtrOUYh6wP00+lH/dZa3L3CfYnVva0+A0MwAAAABJRU5ErkJggg==);
    */background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: calc(100% + 6px);
    position: absolute;
    top: -3px;
    width: 80px;
    z-index: 15
}

@media (max-width: 640px) {
    /*.double__game-roulette .roulette-pointers {
        background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAABeCAYAAABivkm4AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGPSURBVHgB7d0/TgJBFMfxNwuISIx7BG5g6LDTG2hnIegNhBMAJxBvQGJM7DwCpWBMOIIcYTv+rMy4oyEBDMif5hXfT7ObeVO9zLxyfiZf+bh1btoSkVCwqYExqYbJlXufRqQg2FYUGE7crqLAiq255BgKthGZqW0aUSJX7laNmIf/9jnrasPnUksUCESJ4VOpZZx7XLfH17U0zlPTPC+TzjbWjJCBr4siqpoXtYuRS9kL/7tcssm6r4siqprnjdpnAyeuOb+WzLmmXxdsJn/TbR2Ve85/Ram0KOXn2/grPj1IHzQEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC9REOiwLL/vh+Dh+zaYyV9rehJ9R9zb8THwyqRtx5+PppC5KqWxervJ+76xU/X9yNao+aEQUUndtD6/fCkEm6MtiNlFkY1scvehKJlB18vycM5mgI39DncKkoZ3wrq8q7ElV837n3MoYsYK2+aemefNzbhVt88+QuLcTEvf2ROLeHkjc29FP4t43Y0WJrINTpsMAAAAASUVORK5CYII=)
    }*/
}

.double__game-roulette ul {
    transition: left 1s ease
}

.double__game-roulette:before {
    background: linear-gradient(90deg,#0a0f1d 11.77%,rgba(10,15,29,0) 50%),linear-gradient(270deg,#0a0f1d 11.77%,rgba(10,15,29,0) 50%);
    content: "";
    height: calc(100% + 4px);
    position: absolute;
    top: -2px;
    width: 100%;
    z-index: 3
}

@media (max-width: 640px) {
    .double__game-roulette:before {
        background:linear-gradient(90deg,#0a0f1d 4.77%,rgba(10,15,29,0) 50%),linear-gradient(270deg,#0a0f1d 4.77%,rgba(10,15,29,0) 50%)
    }
}

.double__odds {
    align-items: flex-start;
    color: #e5e5e5;
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
    padding: 5px 0
}

@media (max-width: 640px) {
    .double__odds {
        align-items:center;
        gap: 7px
    }
}

.double__odds .double-odd.small-odd {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 32px;
    justify-content: center;
    width: 38px
}

@media (max-width: 640px) {
    .double__odds .double-odd.small-odd {
        font-size:10.5px;
        height: 28px;
        min-height: 28px;
        min-width: 34px;
        width: 34px
    }
}

.double__odds .double-odd.large-odd {
    align-items: center;
    border-radius: 16px;
    display: flex;
    font-size: 32px;
    font-weight: 800;
    height: 90px;
    justify-content: center;
    margin: 0 10px;
    width: 110px
}

@media (max-width: 640px) {
    .double__odds .double-odd.large-odd {
        font-size:20px;
        height: 56px;
        width: 70px
    }
}

.double__odds .double-odd.large-odd button {
    height: 48px;
    width: 48px
}

@media (max-width: 640px) {
    .double__odds .double-odd.large-odd button {
        height:32px;
        width: 32px
    }
}

.double__odds .odd-black {
    background: #0a0f1d;
    border: 1px solid #97a3cb;
    border-radius: 6px
}

.double__odds div.large.odd-black {
    border: 3px solid #97a3cb
}

.double__odds .odd-red {
    background: linear-gradient(0deg,#c22e3d,#c22e3d),#c22e3d;
    border-radius: 6px
}

.double__odds .odd-white {
    background: linear-gradient(315deg,#ced3fd,#fff),#cfd5e6;
    border-radius: 6px;
    height: 32px;
    width: 32px
}

@media (max-width: 640px) {
    .double__odds .odd-white {
        height:24px;
        width: 24px
    }
}

.double__odds .odd-white button {
    /*background-image: url(/static/media/star.afaa6978fc92aa5262af.svg);
    */background-repeat: no-repeat;
    background-size: contain;
    color: transparent;
    height: 18px;
    width: 18px
}

@media (max-width: 640px) {
    .double__odds .odd-white button {
        height:14px;
        width: 14px
    }
}

.double__bet-panel {
    background: #1a2238!important
}

.double__auto-bet-input,.double__input {
    background: #0a0f1e!important
}

.double__header-button button {
    background: #1e263f!important
}

.double__progress-state {
    margin: 36px 0 28px;
    position: relative;
    width: 420px;
    z-index: 2
}

@media (max-width: 640px) {
    .double__progress-state {
        width:285px
    }
}

.double__progress-container {
    background: #151b2e;
    border-radius: 6px;
    height: 32px;
    padding: 2px
}

@media (max-width: 640px) {
    .double__progress-container {
        height:28px
    }
}

.double__progress-label {
    color: #fff;
    display: flex;
    font-family: SF Pro Display,sans-serif;
    font-size: 18px;
    font-weight: 400;
    justify-content: center;
    line-height: 32px;
    position: absolute;
    right: 135px;
    text-transform: uppercase;
    top: 36px;
    vertical-align: middle;
    width: 150px;
    z-index: 2
}

@media (max-width: 640px) {
    .double__progress-label {
        font-size:16px;
        line-height: 28px;
        right: 67px
    }
}

.double__progress-label .result {
    color: #fff
}

.mines__bg {
    background: radial-gradient(50% 50% at 50% 50%,#151b2e 0,rgba(21,27,46,0) 100%)
}

.mines__bg .mines-footer {
    height: 155px;
    width: 100%
}

@media (max-width: 769px) {
    .mines__bg .mines-footer {
        height:120px
    }
}

@media screen and (max-width: 425px) {
    .mines__bg .mines-footer {
        height:80px;
        min-width: 421px
    }
}

.mines__bg .mines-footer__wrapper {
    align-items: flex-end;
    bottom: 0;
    display: flex;
    height: 11rem;
    justify-content: center;
    position: absolute;
    width: 100%;
    z-index: -2
}

.mines__bg .mines-footer__wrapper:after {
    top: 10px
}

@media (max-width: 640px) {
    .mines__bg .mines-footer__wrapper:after {
        display:none
    }
}

@media (max-width: 769px) {
    .mines__bg .mines-footer__wrapper:after {
        top:45px
    }
}

.mines__bg .mines-footer__wrapper:after {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIEtleXNoYXBlIC0tPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9Ijg5IiBoZWlnaHQ9IjY5IiB2aWV3Qm94PSIwIDAgODkgNjkiIGZpbGw9Im5vbmUiIHN0eWxlPSJiYWNrZ3JvdW5kOiByZ2JhKDAsMCwwLDAuMDApOyI+CiAgICA8ZGVmcz4KICAgICAgICA8cmFkaWFsR3JhZGllbnQgaWQ9IkdyYWRpZW50LTAiIGN4PSItMS45NiIgY3k9IjYuMTIiIHI9IjEiIGZ4PSItMS45NiIgZnk9IjYuMTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAgMTIuNSAtMTIuNSAwIDc2LjUgMjQuNSkiPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM3MWVhZWMiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNzFlYWVjIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgICAgICA8L3JhZGlhbEdyYWRpZW50PgogICAgICAgIDxyYWRpYWxHcmFkaWVudCBpZD0iR3JhZGllbnQtMSIgY3g9Ii01LjI4NTcxIiBjeT0iMy44NTcxNCIgcj0iMSIgZng9Ii01LjI4NTcxIiBmeT0iMy44NTcxNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMCAzLjUgLTMuNSAwIDEzLjUgMTguNSkiPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM3MWVhZWMiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNzFlYWVjIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgICAgICA8L3JhZGlhbEdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPHN0eWxlPgpAa2V5ZnJhbWVzIGZsZXgtM19tbyB7IDAlIHsgb2Zmc2V0LWRpc3RhbmNlOiAwJTsgfSA1MCUgeyBvZmZzZXQtZGlzdGFuY2U6IDQ5Ljk5OSU7IH0gMTAwJSB7IG9mZnNldC1kaXN0YW5jZTogMTAwJTsgfSB9CkBrZXlmcmFtZXMgZmxleC0yX21vIHsgMCUgeyBvZmZzZXQtZGlzdGFuY2U6IDAlOyB9IDUwJSB7IG9mZnNldC1kaXN0YW5jZTogNTAuMDM2JTsgfSAxMDAlIHsgb2Zmc2V0LWRpc3RhbmNlOiAxMDAlOyB9IH0KQGtleWZyYW1lcyBmbGV4LTFfbW8geyAwJSB7IG9mZnNldC1kaXN0YW5jZTogMCU7IH0gNTAlIHsgb2Zmc2V0LWRpc3RhbmNlOiA1MC44MzQlOyB9IDEwMCUgeyBvZmZzZXQtZGlzdGFuY2U6IDEwMCU7IH0gfQogICAgPC9zdHlsZT4KICAgIDxnIGlkPSJmbGV4LTMiIHN0eWxlPSJ0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtMTIuNXB4LC0xMi41cHgpOyBhbmltYXRpb246IDNzIGxpbmVhciBpbmZpbml0ZSBib3RoIGZsZXgtM19tbzsgb2Zmc2V0LXBhdGg6IHBhdGgoJ003Ni41LDI0LjVDNzQsMjQuNSw3NCwyMS41LDc2LjUsMjEuNUM3OSwyMS41LDc5LDI0LjUsNzYuNSwyNC41Jyk7IG9mZnNldC1yb3RhdGU6IDBkZWc7Ij4KICAgICAgICA8ZWxsaXBzZSBvcGFjaXR5PSIwLjIiIGZpbGw9InVybCgjR3JhZGllbnQtMCkiIHJ4PSIxMi41IiByeT0iMTIuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNSwxMi41KSIvPgogICAgICAgIDxlbGxpcHNlIGZpbGw9IiM3MUVBRUMiIHJ4PSIyLjUiIHJ5PSIyLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjUsMTIuNSkiLz4KICAgIDwvZz4KICAgIDxlbGxpcHNlIGlkPSJmbGV4LTIiIGZpbGw9IiM3MUVBRUMiIHJ4PSIwLjUiIHJ5PSIwLjUiIHN0eWxlPSJhbmltYXRpb246IDNzIGxpbmVhciBpbmZpbml0ZSBib3RoIGZsZXgtMl9tbzsgb2Zmc2V0LXBhdGg6IHBhdGgoJ00yNS41LDYxLjVDMjguODMzMyw2MC42MDIzLDM4LjU1ODUsNTcuNzE0Nyw0MS44OTE5LDU4Ljc3ODVDMzguNjAxMiw1OS42NTkyLDI4Ljg3NDMsNjIuMzQ1MywyNS41LDYxLjUnKTsgb2Zmc2V0LXJvdGF0ZTogMGRlZzsiLz4KICAgIDxnIGlkPSJmbGV4LTEiIHN0eWxlPSJ0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtMy41cHgsLTMuNXB4KTsgYW5pbWF0aW9uOiAzcyBsaW5lYXIgaW5maW5pdGUgYm90aCBmbGV4LTFfbW87IG9mZnNldC1wYXRoOiBwYXRoKCdNMTMuNSwxOC41QzEzLjI0ODMsMjEuMzUyOCwxNC40NDcsMjIuODE1MiwxNy41LDIyLjVDMTcuNzQzOSwxOS41ODk0LDE2LjA3NzgsMTguNTg4OSwxMy41LDE4LjUnKTsgb2Zmc2V0LXJvdGF0ZTogMGRlZzsiPgogICAgICAgIDxlbGxpcHNlIG9wYWNpdHk9IjAuMiIgZmlsbD0idXJsKCNHcmFkaWVudC0xKSIgcng9IjMuNSIgcnk9IjMuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy41LDMuNSkiLz4KICAgICAgICA8ZWxsaXBzZSBmaWxsPSIjNzFFQUVDIiByeD0iMC41IiByeT0iMC41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjUsMy41KSIvPgogICAgPC9nPgo8L3N2Zz4K');
    background-size: 89px 69px;
    content: "";
    height: 69px;
    position: absolute;
    right: 3%;
    -webkit-transform: rotate(36deg);
    transform: rotate(36deg);
    width: 89px;
    z-index: -1
}

.mines__bg .mines-footer__wrapper:before {
    top: 10px
}

@media (max-width: 640px) {
    .mines__bg .mines-footer__wrapper:before {
        display:none
    }
}

@media (max-width: 769px) {
    .mines__bg .mines-footer__wrapper:before {
        top:45px
    }
}

.mines__bg .mines-footer__wrapper:before {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIEtleXNoYXBlIC0tPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9Ijg5IiBoZWlnaHQ9IjY5IiB2aWV3Qm94PSIwIDAgODkgNjkiIGZpbGw9Im5vbmUiIHN0eWxlPSJiYWNrZ3JvdW5kOiByZ2JhKDAsMCwwLDAuMDApOyI+CiAgICA8ZGVmcz4KICAgICAgICA8cmFkaWFsR3JhZGllbnQgaWQ9IkdyYWRpZW50LTAiIGN4PSItMS45NiIgY3k9IjYuMTIiIHI9IjEiIGZ4PSItMS45NiIgZnk9IjYuMTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAgMTIuNSAtMTIuNSAwIDc2LjUgMjQuNSkiPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM3MWVhZWMiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNzFlYWVjIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgICAgICA8L3JhZGlhbEdyYWRpZW50PgogICAgICAgIDxyYWRpYWxHcmFkaWVudCBpZD0iR3JhZGllbnQtMSIgY3g9Ii01LjI4NTcxIiBjeT0iMy44NTcxNCIgcj0iMSIgZng9Ii01LjI4NTcxIiBmeT0iMy44NTcxNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMCAzLjUgLTMuNSAwIDEzLjUgMTguNSkiPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM3MWVhZWMiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNzFlYWVjIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgICAgICA8L3JhZGlhbEdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPHN0eWxlPgpAa2V5ZnJhbWVzIGZsZXgtM19tbyB7IDAlIHsgb2Zmc2V0LWRpc3RhbmNlOiAwJTsgfSA1MCUgeyBvZmZzZXQtZGlzdGFuY2U6IDQ5Ljk5OSU7IH0gMTAwJSB7IG9mZnNldC1kaXN0YW5jZTogMTAwJTsgfSB9CkBrZXlmcmFtZXMgZmxleC0yX21vIHsgMCUgeyBvZmZzZXQtZGlzdGFuY2U6IDAlOyB9IDUwJSB7IG9mZnNldC1kaXN0YW5jZTogNTAuMDM2JTsgfSAxMDAlIHsgb2Zmc2V0LWRpc3RhbmNlOiAxMDAlOyB9IH0KQGtleWZyYW1lcyBmbGV4LTFfbW8geyAwJSB7IG9mZnNldC1kaXN0YW5jZTogMCU7IH0gNTAlIHsgb2Zmc2V0LWRpc3RhbmNlOiA1MC44MzQlOyB9IDEwMCUgeyBvZmZzZXQtZGlzdGFuY2U6IDEwMCU7IH0gfQogICAgPC9zdHlsZT4KICAgIDxnIGlkPSJmbGV4LTMiIHN0eWxlPSJ0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtMTIuNXB4LC0xMi41cHgpOyBhbmltYXRpb246IDNzIGxpbmVhciBpbmZpbml0ZSBib3RoIGZsZXgtM19tbzsgb2Zmc2V0LXBhdGg6IHBhdGgoJ003Ni41LDI0LjVDNzQsMjQuNSw3NCwyMS41LDc2LjUsMjEuNUM3OSwyMS41LDc5LDI0LjUsNzYuNSwyNC41Jyk7IG9mZnNldC1yb3RhdGU6IDBkZWc7Ij4KICAgICAgICA8ZWxsaXBzZSBvcGFjaXR5PSIwLjIiIGZpbGw9InVybCgjR3JhZGllbnQtMCkiIHJ4PSIxMi41IiByeT0iMTIuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNSwxMi41KSIvPgogICAgICAgIDxlbGxpcHNlIGZpbGw9IiM3MUVBRUMiIHJ4PSIyLjUiIHJ5PSIyLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjUsMTIuNSkiLz4KICAgIDwvZz4KICAgIDxlbGxpcHNlIGlkPSJmbGV4LTIiIGZpbGw9IiM3MUVBRUMiIHJ4PSIwLjUiIHJ5PSIwLjUiIHN0eWxlPSJhbmltYXRpb246IDNzIGxpbmVhciBpbmZpbml0ZSBib3RoIGZsZXgtMl9tbzsgb2Zmc2V0LXBhdGg6IHBhdGgoJ00yNS41LDYxLjVDMjguODMzMyw2MC42MDIzLDM4LjU1ODUsNTcuNzE0Nyw0MS44OTE5LDU4Ljc3ODVDMzguNjAxMiw1OS42NTkyLDI4Ljg3NDMsNjIuMzQ1MywyNS41LDYxLjUnKTsgb2Zmc2V0LXJvdGF0ZTogMGRlZzsiLz4KICAgIDxnIGlkPSJmbGV4LTEiIHN0eWxlPSJ0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtMy41cHgsLTMuNXB4KTsgYW5pbWF0aW9uOiAzcyBsaW5lYXIgaW5maW5pdGUgYm90aCBmbGV4LTFfbW87IG9mZnNldC1wYXRoOiBwYXRoKCdNMTMuNSwxOC41QzEzLjI0ODMsMjEuMzUyOCwxNC40NDcsMjIuODE1MiwxNy41LDIyLjVDMTcuNzQzOSwxOS41ODk0LDE2LjA3NzgsMTguNTg4OSwxMy41LDE4LjUnKTsgb2Zmc2V0LXJvdGF0ZTogMGRlZzsiPgogICAgICAgIDxlbGxpcHNlIG9wYWNpdHk9IjAuMiIgZmlsbD0idXJsKCNHcmFkaWVudC0xKSIgcng9IjMuNSIgcnk9IjMuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy41LDMuNSkiLz4KICAgICAgICA8ZWxsaXBzZSBmaWxsPSIjNzFFQUVDIiByeD0iMC41IiByeT0iMC41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjUsMy41KSIvPgogICAgPC9nPgo8L3N2Zz4K');
    background-size: 89px 69px;
    content: "";
    height: 69px;
    left: -.67%;
    position: absolute;
    width: 89px;
    z-index: -1
}

.mines__bg .mines-win-popup {
    align-items: center;
    background-image: url('./wins-CcfX6H0H.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 500px
}

@media (max-width: 640px) {
    .mines__bg .mines-win-popup {
        width:295px
    }
}

.mines__bg .mines-win-popup .win-amount {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity));
    font-family: Halvar Breit XBd,sans-serif;
    font-size: 35px;
    font-weight: 700;
    padding-top: 400px
}

@media (max-width: 640px) {
    .mines__bg .mines-win-popup .win-amount {
        font-size:22px;
        padding-top: 280px
    }
}

.mines__bg .mines-win-popup .win-popup-btn.big {
    font-size: 24px;
    font-weight: 800;
    margin-top: 3rem;
    padding: 18px 47px;
    text-transform: uppercase
}

@media (max-width: 640px) {
    .mines__bg .mines-win-popup .win-popup-btn.big {
        margin-top:2.25rem
    }
}

.mines__bg .mines-win-popup .win-popup-btn.big {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.bet-panel {
    background: #151b2e;
    border-radius: 16px;
    min-width: 510px;
    padding: 15px;
    width: auto
}

@media (max-width: 640px) {
    .bet-panel {
        min-width:0;
        width: 100%
    }
}

.bet-panel__actions .input-state-panel {
    color: #f3f3f3;
    display: flex;
    font-family: Halvar Breit Rg,sans-serif;
    font-size: 18px;
    font-weight: 500;
    height: 44px;
    line-height: 24px
}

.bet-panel__actions .input-state-panel .app-input {
    padding: .7rem 0
}

.bet-panel__actions .input-state-panel .app-input input {
    -moz-appearance: textfield;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin-right: 2%;
    text-align: right;
    width: 100%
}

.bet-panel__actions .input-state-panel .app-input input::-webkit-inner-spin-button,.bet-panel__actions .input-state-panel .app-input input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.bet-panel__actions .input-state-panel .app-input input::-webkit-input-placeholder {
    color: #fff
}

.bet-panel__actions .input-state-panel .app-input input::placeholder {
    color: #fff
}

.bet-panel__actions .input-state-panel .app-input input ::selection {
    background: #d9d9d9
}

.bet-panel__actions .input-state-panel .app-input input ::-moz-selection {
    background: #d9d9d9
}

.bet-panel__actions .input-state-panel .app-input__currency {
    color: hsla(0,0%,100%,.251);
    font-weight: 500;
    text-align: left
}

.bet-panel__actions .input-state-panel .state {
    text-align: center
}

.bet-panel__actions .input-state-panel .state.win-lose {
    height: 100%
}

.bet-panel__actions .input-state-panel .state.win-lose .game-state-animate {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    padding: .1rem;
    width: 100%
}

@media (max-width: 640px) {
    .bet-panel__actions .input-state-panel .state.win-lose .game-state-animate {
        font-size:15px;
        line-height: 14px
    }
}

.bet-panel__actions .input-state-panel .state.win-lose.win {
    color: #13f36c
}

.bet-panel__actions .input-state-panel .state.win-lose.lose {
    color: #666c8c
}

.bet-panel__actions .input-state-panel .state.rounds .game-state-animate {
    padding: .6rem .7rem
}

.bet-panel__actions .input-state-panel .state.rounds .round-title {
    line-height: 17px
}

.bet-panel__actions .input-state-panel .state.rounds .circles {
    display: flex;
    justify-content: center;
    margin-top: .4rem
}

.bet-panel__actions .input-state-panel .state.rounds .circles>.circle {
    background: #666c8c;
    border-radius: 100%;
    height: 4px;
    margin: 0 .4rem;
    width: 4px
}

.bet-panel__actions .input-state-panel .state.rounds .circles>.circle.completed {
    background: #13f36c
}

.bet-panel__actions .input-state-panel .state.amount .game-state-animate,.bet-panel__actions .input-state-panel .state.amount.session-bet-amount {
    padding: 4px 10px
}

.bet-panel__actions .input-state-panel .state.amount .bet-amount {
    font-weight: 700
}

.bet-panel__actions .input-state-panel .state.amount .bet-amount>.currency-label,.bet-panel__actions .input-state-panel .state.amount .bet-amount>span {
    font-size: 16px;
    line-height: 19px
}

.bet-panel__actions .input-state-panel .state.amount .bet-amount .currency-label {
    color: hsla(0,0%,100%,.251);
    margin-left: .3rem
}

.bet-panel__actions .input-state-panel .state.amount .bet-amount-label {
    color: rgba(133,140,171,.6);
    font-family: FS Elliot Pro;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px
}

.bet-panel__quick-bids {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
    margin-top: .7rem
}

.bet-panel__auto-betting {
    border-top: 1px solid #252b40;
    font-family: FS Elliot Pro;
    font-size: 12px;
    line-height: 17px;
    margin-top: .8rem;
    padding-top: .8rem
}

.bet-panel__auto-betting__switcher {
    color: #fff;
    font-weight: 700
}

.bet-panel__auto-betting__switcher .checkbox {
    background: #0a0f1e;
    border-radius: 8px;
    height: 28px;
    padding: 2px;
    position: relative;
    width: 50px
}

.bet-panel__auto-betting__switcher .checkbox:after {
    background: #2a3145;
    border-radius: 6px;
    content: "";
    height: 24px;
    left: 2px;
    mix-blend-mode: normal;
    position: absolute;
    top: 2px;
    transition: background .1s,-webkit-transform .3s;
    transition: background .1s,transform .3s;
    transition: background .1s,transform .3s,-webkit-transform .3s;
    width: 24px
}

.bet-panel__auto-betting__switcher .checkbox.active:after {
    background: linear-gradient(93.73deg,#108de7,#0855c4);
    box-shadow: 0 2.07008px 8.28032px rgba(0,0,0,.15);
    -webkit-transform: translateX(22px);
    transform: translateX(22px)
}

.bet-panel__auto-betting__switcher .checkbox input[type=checkbox] {
    cursor: pointer;
    display: block;
    height: 100%;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 2
}

.bet-panel__auto-betting__field {
    color: #97a3cb;
    font-weight: 400;
    padding: 5px 12px
}

.bet-panel__auto-betting__field .infinity {
    position: relative
}

.bet-panel__auto-betting__field .infinity:after,.bet-panel__auto-betting__field .infinity:before {
    border: 2px solid #6c6f78;
    border-radius: 50px 50px 0 50px;
    box-sizing: initial;
    content: "";
    height: 5px;
    position: absolute;
    right: 10px;
    top: 4px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 5px
}

.bet-panel__auto-betting__field .infinity:after {
    border-radius: 50px 50px 50px 0;
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.bet-panel__auto-betting__field.active .infinity:after,.bet-panel__auto-betting__field.active .infinity:before {
    border-color: #fff
}

.bet-panel__auto-betting__field-input {
    color: #fff;
    opacity: .4
}

.bet-panel__auto-betting__field-input::-webkit-inner-spin-button,.bet-panel__auto-betting__field-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.bet-panel__auto-betting__field-input[type=number] {
    -moz-appearance: textfield
}

.bet-panel__auto-betting__field-label {
    opacity: .5
}

.bet-panel__auto-betting__field.active .bet-panel__auto-betting__field-input,.bet-panel__auto-betting__field.active .bet-panel__auto-betting__field-label {
    opacity: 1
}

.bet-panel__control {
    align-items: center;
    display: flex;
    height: 44px;
    justify-content: center;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    position: relative;
    width: 44px
}

.bet-panel__control:disabled {
    opacity: .3
}

.bet-panel__control-border {
    --tw-bg-opacity: 1;
    background-color: rgb(151 163 203/var(--tw-bg-opacity));
    border-radius: .75rem;
    height: 60%;
    opacity: .2;
    position: absolute;
    width: 1px
}

.bet-panel__control-border.left {
    left: 0
}

.bet-panel__control-border.right {
    right: 0
}

.bet-panel__control-icon {
    color: #97a3cb
}

.bet-panel__control-iconBG {
    color: #97a3cb;
    font-size: 12px
}

.bet-panel__control:hover .bet-panel__control-icon {
    opacity: .8
}

.bet-panel__control:active .bet-panel__control-icon {
    opacity: .3
}

.coin-btn {
    margin-top: 2rem
}

.coin-animate {
    height: 150px;
    margin: 0 auto;
    position: relative;
    width: 150px
}

.coin-animate div {
    -webkit-backface-visibility: hidden;
    border-radius: 50%
}

.tails {
    z-index: 100
}

.active.progress>.heads {
    -webkit-animation: flipHeads 5s linear infinite forwards;
    animation: flipHeads 5s linear infinite forwards
}

.active.progress>.tails {
    -webkit-animation: flipTails 5s linear infinite forwards;
    animation: flipTails 5s linear infinite forwards
}

.active.stop-tails>.tails {
    -webkit-animation: flipTails 5s linear forwards;
    animation: flipTails 5s linear forwards
}

.active.stop-tails>.heads {
    -webkit-animation: flipHeads 5s linear forwards;
    animation: flipHeads 5s linear forwards
}

.active.stop-heads>.heads {
    -webkit-animation: flipTails 5s linear forwards;
    animation: flipTails 5s linear forwards
}

.active.stop-heads>.tails {
    -webkit-animation: flipHeads 5s linear forwards;
    animation: flipHeads 5s linear forwards
}

@-webkit-keyframes flipHeads {
    0% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    to {
        -webkit-transform: rotateY(1980deg);
        transform: rotateY(1980deg)
    }
}

@keyframes flipHeads {
    0% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    to {
        -webkit-transform: rotateY(1980deg);
        transform: rotateY(1980deg)
    }
}

@-webkit-keyframes flipTails {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(5turn);
        transform: rotateY(5turn)
    }
}

@keyframes flipTails {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(5turn);
        transform: rotateY(5turn)
    }
}

.game-state-hide .game-state-animate {
    height: 0;
    opacity: 0;
    padding: 0!important;
    visibility: hidden
}

@-webkit-keyframes roundResultStateAnimation {
    0% {
        height: auto;
        opacity: 0;
        transform: scale(.1) translateY(.7rem);
        -webkit-transform: scale(.1) translateY(.7rem);
        -moz-transform: scale(.1) translateY(.7rem);
        visibility: visible
    }

    30% {
        opacity: 1;
        transform: scale(1) translateY(.7rem);
        -webkit-transform: scale(1) translateY(.7rem);
        -moz-transform: scale(1) translateY(.7rem)
    }

    85% {
        opacity: 1;
        transform: scale(1) translateY(.7rem);
        -webkit-transform: scale(1) translateY(.7rem);
        -moz-transform: scale(1) translateY(.7rem)
    }

    to {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px)
    }
}

@keyframes roundResultStateAnimation {
    0% {
        height: auto;
        opacity: 0;
        transform: scale(.1) translateY(.7rem);
        -webkit-transform: scale(.1) translateY(.7rem);
        -moz-transform: scale(.1) translateY(.7rem);
        visibility: visible
    }

    30% {
        opacity: 1;
        transform: scale(1) translateY(.7rem);
        -webkit-transform: scale(1) translateY(.7rem);
        -moz-transform: scale(1) translateY(.7rem)
    }

    85% {
        opacity: 1;
        transform: scale(1) translateY(.7rem);
        -webkit-transform: scale(1) translateY(.7rem);
        -moz-transform: scale(1) translateY(.7rem)
    }

    to {
        transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        -moz-transform: translateY(-10px)
    }
}

@-webkit-keyframes sessionRoundstStateAnimation {
    0% {
        height: auto;
        opacity: 1;
        transform: translateY(20px);
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        visibility: visible
    }

    15% {
        opacity: 1;
        transform: translateY(.6rem);
        -webkit-transform: translateY(.6rem);
        -moz-transform: translateY(.6rem)
    }

    80% {
        opacity: 1;
        transform: translateY(.6rem);
        -webkit-transform: translateY(.6rem);
        -moz-transform: translateY(.6rem)
    }

    to {
        opacity: 0;
        transform: translateY(.6rem);
        -webkit-transform: translateY(.6rem);
        -moz-transform: translateY(.6rem)
    }
}

@keyframes sessionRoundstStateAnimation {
    0% {
        height: auto;
        opacity: 1;
        transform: translateY(20px);
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        visibility: visible
    }

    15% {
        opacity: 1;
        transform: translateY(.6rem);
        -webkit-transform: translateY(.6rem);
        -moz-transform: translateY(.6rem)
    }

    80% {
        opacity: 1;
        transform: translateY(.6rem);
        -webkit-transform: translateY(.6rem);
        -moz-transform: translateY(.6rem)
    }

    to {
        opacity: 0;
        transform: translateY(.6rem);
        -webkit-transform: translateY(.6rem);
        -moz-transform: translateY(.6rem)
    }
}

@-webkit-keyframes sessionBetAmountStateAnimation {
    0% {
        opacity: 0;
        visibility: hidden
    }

    60% {
        height: auto;
        opacity: 0;
        transform: scale(.7);
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        visibility: visible
    }

    70%,to {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1)
    }
}

@keyframes sessionBetAmountStateAnimation {
    0% {
        opacity: 0;
        visibility: hidden
    }

    60% {
        height: auto;
        opacity: 0;
        transform: scale(.7);
        -webkit-transform: scale(.7);
        -moz-transform: scale(.7);
        visibility: visible
    }

    70%,to {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1)
    }
}

.round-result-state-animate,.session-bet-amount-animate,.session-rounds-state-animate {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.animated-coin {
    background: transparent;
    white-space: pre
}

.animated-coin .a0_t {
    -webkit-animation: a0_t_4 .1s linear both;
    animation: a0_t_4 .1s linear both
}

.animated-coin .a1_t {
    -webkit-animation: a1_t_4 .1s linear both;
    animation: a1_t_4 .1s linear both
}

.animated-coin .a2_t {
    -webkit-animation: a2_t_4 .1s linear both;
    animation: a2_t_4 .1s linear both
}

.animated-coin .main_bl {
    -webkit-animation: main_t_4 .1s linear both,main_o_4 .1s linear both;
    animation: main_t_4 .1s linear both,main_o_4 .1s linear both
}

.animated-coin .a3_all {
    -webkit-animation: a3_t_4 .1s linear both;
    animation: a3_t_4 .1s linear both
}

.animated-coin .a4_t {
    -webkit-animation: a4_t_4 .1s linear both;
    animation: a4_t_4 .1s linear both
}

.animated-coin .a5_t {
    -webkit-animation: a5_t_4 .1s linear both;
    animation: a5_t_4 .1s linear both
}

.animated-coin-jump-eur {
    background: transparent;
    white-space: pre
}

.animated-coin-jump-eur .a0_t {
    -webkit-animation: a0_t_1 .834s linear both;
    animation: a0_t_1 .834s linear both
}

.animated-coin-jump-eur .main_t {
    -webkit-animation: main_t_1 .834s linear both;
    animation: main_t_1 .834s linear both
}

.animated-coin-jump-eur .main_o {
    -webkit-animation: main_o_1 .834s linear both;
    animation: main_o_1 .834s linear both
}

.animated-coin-jump-eur .eur_o {
    opacity: 1
}

.animated-coin-jump-eur .silver-coin_o,.animated-coin-jump-eur .star-2_o,.animated-coin-jump-eur .star_o,.animated-coin-jump-eur .usd_o {
    opacity: 0
}

.animated-coin-jump-eur .eur-2_o {
    opacity: 1
}

.animated-coin-jump-eur .usd-2_o {
    opacity: 0
}

@-webkit-keyframes a0_t_1 {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0,0,.16,1);
        animation-timing-function: cubic-bezier(0,0,.16,1);
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    81.8944% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate(250px,230px);
        transform: translate(250px,230px)
    }

    99.88% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    to {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }
}

@keyframes a0_t_1 {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    50% {
        -webkit-animation-timing-function: cubic-bezier(0,0,.16,1);
        animation-timing-function: cubic-bezier(0,0,.16,1);
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    81.8944% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate(250px,230px);
        transform: translate(250px,230px)
    }

    99.88% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    to {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }
}

@-webkit-keyframes main_t_1 {
    0% {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    2% {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    11.7647% {
        -webkit-transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    21.647% {
        -webkit-transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    31.4117% {
        -webkit-transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    41.1764% {
        -webkit-transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    51.0588% {
        -webkit-transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    60.8235% {
        -webkit-transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }
}

@keyframes main_t_1 {
    0% {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    2% {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    11.7647% {
        -webkit-transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    21.647% {
        -webkit-transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    31.4117% {
        -webkit-transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    41.1764% {
        -webkit-transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    51.0588% {
        -webkit-transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    60.8235% {
        -webkit-transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }
}

@-webkit-keyframes main_o_1 {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes main_o_1 {
    0% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

.animated-coin-jump-usd {
    background: transparent;
    white-space: pre
}

.animated-coin-jump-usd .a0_t {
    -webkit-animation: a0_t_2 .834s linear both;
    animation: a0_t_2 .834s linear both
}

.animated-coin-jump-usd .main_t {
    -webkit-animation: main_t_2 .834s linear both;
    animation: main_t_2 .834s linear both
}

.animated-coin-jump-usd .main_o {
    opacity: 1
}

.animated-coin-jump-usd .eur_o {
    opacity: 0
}

.animated-coin-jump-usd .usd_o {
    opacity: 1
}

.animated-coin-jump-usd .eur-2_o,.animated-coin-jump-usd .silver-coin_o,.animated-coin-jump-usd .star-2_o,.animated-coin-jump-usd .star-2_t,.animated-coin-jump-usd .star_o,.animated-coin-jump-usd .star_t {
    opacity: 0
}

.animated-coin-jump-usd .usd-2_o {
    opacity: 1
}

@-webkit-keyframes a0_t_2 {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    51.0588% {
        -webkit-animation-timing-function: cubic-bezier(0,0,.16,1);
        animation-timing-function: cubic-bezier(0,0,.16,1);
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    82.3529% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate(250px,230px);
        transform: translate(250px,230px)
    }

    to {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }
}

@keyframes a0_t_2 {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    51.0588% {
        -webkit-animation-timing-function: cubic-bezier(0,0,.16,1);
        animation-timing-function: cubic-bezier(0,0,.16,1);
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    82.3529% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate(250px,230px);
        transform: translate(250px,230px)
    }

    to {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }
}

@-webkit-keyframes main_t_2 {
    0% {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    2% {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    11.7647% {
        -webkit-transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    21.647% {
        -webkit-transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    31.4117% {
        -webkit-transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    41.1764% {
        -webkit-transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    51.0588% {
        -webkit-transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    60.8235% {
        -webkit-transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }
}

@keyframes main_t_2 {
    0% {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    2% {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    11.7647% {
        -webkit-transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    21.647% {
        -webkit-transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    31.4117% {
        -webkit-transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    41.1764% {
        -webkit-transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    51.0588% {
        -webkit-transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    60.8235% {
        -webkit-transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(-2deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }
}

.animated-coin-reflex-eur {
    background: transparent;
    white-space: pre
}

.animated-coin-reflex-eur .a1_h {
    -webkit-animation: a1_h_3 .5s linear both;
    animation: a1_h_3 .5s linear both
}

.animated-coin-reflex-eur .eur_o {
    opacity: 1
}

.animated-coin-reflex-eur .usd_o {
    opacity: 0
}

.animated-coin-reflex-eur .star-all {
    -webkit-animation: star_t_3 .5s linear both,star_o_3 .5s linear both;
    animation: star_t_3 .5s linear both,star_o_3 .5s linear both
}

.animated-coin-reflex-eur .star-2-all {
    -webkit-animation: star-2_t_3 .5s linear both,star-2_o_3 .5s linear both;
    animation: star-2_t_3 .5s linear both,star-2_o_3 .5s linear both
}

.animated-coin-reflex-eur .silver-coin_o {
    opacity: 0
}

.animated-coin-reflex-eur .eur-2_o {
    opacity: 1
}

.animated-coin-reflex-eur .usd-2_o {
    opacity: 0
}

@-webkit-keyframes a1_h_3 {
    0% {
        height: 170.171px
    }

    to {
        height: 213.486px
    }
}

@keyframes a1_h_3 {
    0% {
        height: 170.171px
    }

    to {
        height: 213.486px
    }
}

@-webkit-keyframes star_t_3 {
    0% {
        -webkit-transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px)
    }

    10% {
        -webkit-transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px)
    }

    43.4% {
        -webkit-transform: translate(129.41px,54.264px) scale(2) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(2) translate(-129.885px,-54.7484px)
    }

    80% {
        -webkit-transform: translate(129.41px,54.264px) scale(1) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(1) translate(-129.885px,-54.7484px)
    }

    to {
        -webkit-transform: translate(129.41px,54.264px) scale(1) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(1) translate(-129.885px,-54.7484px)
    }
}

@keyframes star_t_3 {
    0% {
        -webkit-transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px)
    }

    10% {
        -webkit-transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px)
    }

    43.4% {
        -webkit-transform: translate(129.41px,54.264px) scale(2) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(2) translate(-129.885px,-54.7484px)
    }

    80% {
        -webkit-transform: translate(129.41px,54.264px) scale(1) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(1) translate(-129.885px,-54.7484px)
    }

    to {
        -webkit-transform: translate(129.41px,54.264px) scale(1) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(1) translate(-129.885px,-54.7484px)
    }
}

@-webkit-keyframes star_o_3 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    43.4% {
        -webkit-animation-timing-function: cubic-bezier(.946859,.006366,1,1);
        animation-timing-function: cubic-bezier(.946859,.006366,1,1);
        opacity: 1
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes star_o_3 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    43.4% {
        -webkit-animation-timing-function: cubic-bezier(.946859,.006366,1,1);
        animation-timing-function: cubic-bezier(.946859,.006366,1,1);
        opacity: 1
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes star-2_t_3 {
    0% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px)
    }

    33.4% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px)
    }

    70% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(2) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(2) translate(-129.885px,-54.7484px)
    }

    to {
        -webkit-transform: translate(41.6444px,57.8778px) scale(1) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(1) translate(-129.885px,-54.7484px)
    }
}

@keyframes star-2_t_3 {
    0% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px)
    }

    33.4% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px)
    }

    70% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(2) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(2) translate(-129.885px,-54.7484px)
    }

    to {
        -webkit-transform: translate(41.6444px,57.8778px) scale(1) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(1) translate(-129.885px,-54.7484px)
    }
}

@-webkit-keyframes star-2_o_3 {
    0% {
        opacity: 0
    }

    33.4% {
        opacity: 0
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(1,.010313,1,1);
        animation-timing-function: cubic-bezier(1,.010313,1,1);
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes star-2_o_3 {
    0% {
        opacity: 0
    }

    33.4% {
        opacity: 0
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(1,.010313,1,1);
        animation-timing-function: cubic-bezier(1,.010313,1,1);
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animated-coin-reflex-usd {
    background: transparent;
    white-space: pre
}

.animated-coin-reflex-usd .a1_h {
    -webkit-animation: a1_h_4 .5s linear both;
    animation: a1_h_4 .5s linear both
}

.animated-coin-reflex-usd .a3_all {
    -webkit-animation: a3_t_4 .5s linear both;
    animation: a3_t_4 .5s linear both
}

.animated-coin-reflex-usd .eur_o {
    opacity: 0
}

.animated-coin-reflex-usd .usd_o {
    opacity: 1
}

.animated-coin-reflex-usd .star-all {
    -webkit-animation: star_t_4 .5s linear both,star_o_4 .5s linear both;
    animation: star_t_4 .5s linear both,star_o_4 .5s linear both
}

.animated-coin-reflex-usd .star-2-all {
    -webkit-animation: star-2_t_4 .5s linear both,star-2_o_4 .5s linear both;
    animation: star-2_t_4 .5s linear both,star-2_o_4 .5s linear both
}

.animated-coin-reflex-usd .eur-2_o,.animated-coin-reflex-usd .silver-coin_o {
    opacity: 0
}

.animated-coin-reflex-usd .usd-2_o {
    opacity: 1
}

@-webkit-keyframes a1_h_4 {
    0% {
        height: 170.171px
    }

    to {
        height: 213.486px
    }
}

@keyframes a1_h_4 {
    0% {
        height: 170.171px
    }

    to {
        height: 213.486px
    }
}

@-webkit-keyframes a3_t_4 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }
}

@keyframes a3_t_4 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }
}

@-webkit-keyframes star_t_4 {
    0% {
        -webkit-transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px)
    }

    10% {
        -webkit-transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px)
    }

    43.4% {
        -webkit-transform: translate(129.41px,54.264px) scale(2) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(2) translate(-129.885px,-54.7484px)
    }

    80% {
        -webkit-transform: translate(129.41px,54.264px) scale(1) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(1) translate(-129.885px,-54.7484px)
    }

    to {
        -webkit-transform: translate(129.41px,54.264px) scale(.837925) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(.837925) translate(-129.885px,-54.7484px)
    }
}

@keyframes star_t_4 {
    0% {
        -webkit-transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px)
    }

    10% {
        -webkit-transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px)
    }

    43.4% {
        -webkit-transform: translate(129.41px,54.264px) scale(2) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(2) translate(-129.885px,-54.7484px)
    }

    80% {
        -webkit-transform: translate(129.41px,54.264px) scale(1) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(1) translate(-129.885px,-54.7484px)
    }

    to {
        -webkit-transform: translate(129.41px,54.264px) scale(.837925) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(.837925) translate(-129.885px,-54.7484px)
    }
}

@-webkit-keyframes star_o_4 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    43.4% {
        -webkit-animation-timing-function: cubic-bezier(.946859,.006366,1,1);
        animation-timing-function: cubic-bezier(.946859,.006366,1,1);
        opacity: 1
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes star_o_4 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    43.4% {
        -webkit-animation-timing-function: cubic-bezier(.946859,.006366,1,1);
        animation-timing-function: cubic-bezier(.946859,.006366,1,1);
        opacity: 1
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes star-2_t_4 {
    0% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px)
    }

    33.4% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px)
    }

    70% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(2) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(2) translate(-129.885px,-54.7484px)
    }

    to {
        -webkit-transform: translate(41.6444px,57.8778px) scale(1) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(1) translate(-129.885px,-54.7484px)
    }
}

@keyframes star-2_t_4 {
    0% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px)
    }

    33.4% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px)
    }

    70% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(2) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(2) translate(-129.885px,-54.7484px)
    }

    to {
        -webkit-transform: translate(41.6444px,57.8778px) scale(1) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(1) translate(-129.885px,-54.7484px)
    }
}

@-webkit-keyframes star-2_o_4 {
    0% {
        opacity: 0
    }

    33.4% {
        opacity: 0
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(1,.010313,1,1);
        animation-timing-function: cubic-bezier(1,.010313,1,1);
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes star-2_o_4 {
    0% {
        opacity: 0
    }

    33.4% {
        opacity: 0
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(1,.010313,1,1);
        animation-timing-function: cubic-bezier(1,.010313,1,1);
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animated-coin-reset-eur {
    background: transparent;
    white-space: pre
}

.animated-coin-reset-eur .a1_h {
    -webkit-animation: a1_h_5 .166s linear both;
    animation: a1_h_5 .166s linear both
}

.animated-coin-reset-eur .eur_o {
    opacity: 0
}

.animated-coin-reset-eur .usd_o {
    opacity: 1
}

.animated-coin-reset-eur .star-all {
    -webkit-animation: star_t_5 .166s linear both,star_o_5 .166s linear both;
    animation: star_t_5 .166s linear both,star_o_5 .166s linear both
}

.animated-coin-reset-eur .star-2-all {
    -webkit-animation: star-2_t_5 .166s linear both,star-2_o_5 .166s linear both;
    animation: star-2_t_5 .166s linear both,star-2_o_5 .166s linear both
}

.animated-coin-reset-eur .eur-2_o,.animated-coin-reset-eur .silver-coin_o {
    opacity: 0
}

.animated-coin-reset-eur .usd-2_o {
    opacity: 1
}

@-webkit-keyframes main_t_5 {
    0% {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }
}

@keyframes main_t_5 {
    0% {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px);
        transform: rotate(0deg) skewX(0deg) skewY(0deg) scale(2) translate(-74.3056px,-75.9433px)
    }
}

@-webkit-keyframes a1_h_5 {
    0% {
        height: 170.171px
    }

    to {
        height: 213.486px
    }
}

@keyframes a1_h_5 {
    0% {
        height: 170.171px
    }

    to {
        height: 213.486px
    }
}

@-webkit-keyframes star_t_5 {
    0% {
        -webkit-transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px)
    }

    10% {
        -webkit-transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px)
    }

    43.4% {
        -webkit-transform: translate(129.41px,54.264px) scale(2) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(2) translate(-129.885px,-54.7484px)
    }

    80% {
        -webkit-transform: translate(129.41px,54.264px) scale(1) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(1) translate(-129.885px,-54.7484px)
    }

    to {
        -webkit-transform: translate(129.41px,54.264px) scale(.837925) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(.837925) translate(-129.885px,-54.7484px)
    }
}

@keyframes star_t_5 {
    0% {
        -webkit-transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px)
    }

    10% {
        -webkit-transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px)
    }

    43.4% {
        -webkit-transform: translate(129.41px,54.264px) scale(2) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(2) translate(-129.885px,-54.7484px)
    }

    80% {
        -webkit-transform: translate(129.41px,54.264px) scale(1) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(1) translate(-129.885px,-54.7484px)
    }

    to {
        -webkit-transform: translate(129.41px,54.264px) scale(.837925) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(.837925) translate(-129.885px,-54.7484px)
    }
}

@-webkit-keyframes star_o_5 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    43.4% {
        -webkit-animation-timing-function: cubic-bezier(.946859,.006366,1,1);
        animation-timing-function: cubic-bezier(.946859,.006366,1,1);
        opacity: 1
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes star_o_5 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    43.4% {
        -webkit-animation-timing-function: cubic-bezier(.946859,.006366,1,1);
        animation-timing-function: cubic-bezier(.946859,.006366,1,1);
        opacity: 1
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes star-2_t_5 {
    0% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px)
    }

    33.4% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px)
    }

    70% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(2) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(2) translate(-129.885px,-54.7484px)
    }

    to {
        -webkit-transform: translate(41.6444px,57.8778px) scale(1) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(1) translate(-129.885px,-54.7484px)
    }
}

@keyframes star-2_t_5 {
    0% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px)
    }

    33.4% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px)
    }

    70% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(2) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(2) translate(-129.885px,-54.7484px)
    }

    to {
        -webkit-transform: translate(41.6444px,57.8778px) scale(1) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(1) translate(-129.885px,-54.7484px)
    }
}

@-webkit-keyframes star-2_o_5 {
    0% {
        opacity: 0
    }

    33.4% {
        opacity: 0
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(1,.010313,1,1);
        animation-timing-function: cubic-bezier(1,.010313,1,1);
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes star-2_o_5 {
    0% {
        opacity: 0
    }

    33.4% {
        opacity: 0
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(1,.010313,1,1);
        animation-timing-function: cubic-bezier(1,.010313,1,1);
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animated-coin-reset-usd {
    background: transparent;
    white-space: pre
}

.animated-coin-reset-usd .a1_h {
    -webkit-animation: a1_h_6 .166s linear both;
    animation: a1_h_6 .166s linear both
}

.animated-coin-reset-usd .a1_t {
    -webkit-animation: a1_t_6 .166s linear both;
    animation: a1_t_6 .166s linear both
}

.animated-coin-reset-usd .a2_t {
    -webkit-animation: a2_t_6 .166s linear both;
    animation: a2_t_6 .166s linear both
}

.animated-coin-reset-usd .main_bl {
    opacity: 1
}

.animated-coin-reset-usd .a4_t {
    -webkit-animation: a4_t_6 .166s linear both;
    animation: a4_t_6 .166s linear both
}

.animated-coin-reset-usd .a5_t {
    -webkit-animation: a5_t_6 .166s linear both;
    animation: a5_t_6 .166s linear both
}

.animated-coin-reset-usd .eur_o {
    opacity: 0
}

.animated-coin-reset-usd .usd_o {
    opacity: 1
}

.animated-coin-reset-usd .star-all {
    -webkit-animation: star_t_6 .166s linear both,star_o_6 .166s linear both;
    animation: star_t_6 .166s linear both,star_o_6 .166s linear both
}

.animated-coin-reset-usd .star-2-all {
    -webkit-animation: star-2_t_6 .166s linear both,star-2_o_6 .166s linear both;
    animation: star-2_t_6 .166s linear both,star-2_o_6 .166s linear both
}

.animated-coin-reset-usd .eur-2_o,.animated-coin-reset-usd .silver-coin_o {
    opacity: 0
}

.animated-coin-reset-usd .usd-2_o {
    opacity: 1
}

@-webkit-keyframes a1_t_6 {
    0% {
        -webkit-transform: translate(-20.5251px,75.4435px) rotate(-12deg) translate(-17px,-85.085669px);
        transform: translate(-20.5251px,75.4435px) rotate(-12deg) translate(-17px,-85.085669px)
    }

    to {
        -webkit-transform: translate(171.066px,76.8435px) rotate(-12deg) translate(-17px,-106.742994px);
        transform: translate(171.066px,76.8435px) rotate(-12deg) translate(-17px,-106.742994px)
    }
}

@keyframes a1_t_6 {
    0% {
        -webkit-transform: translate(-20.5251px,75.4435px) rotate(-12deg) translate(-17px,-85.085669px);
        transform: translate(-20.5251px,75.4435px) rotate(-12deg) translate(-17px,-85.085669px)
    }

    to {
        -webkit-transform: translate(171.066px,76.8435px) rotate(-12deg) translate(-17px,-106.742994px);
        transform: translate(171.066px,76.8435px) rotate(-12deg) translate(-17px,-106.742994px)
    }
}

@-webkit-keyframes a1_h_6 {
    0% {
        height: 170.171px
    }

    to {
        height: 213.486px
    }
}

@keyframes a1_h_6 {
    0% {
        height: 170.171px
    }

    to {
        height: 213.486px
    }
}

@-webkit-keyframes star_t_6 {
    0% {
        -webkit-transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px)
    }

    10% {
        -webkit-transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px)
    }

    43.4% {
        -webkit-transform: translate(129.41px,54.264px) scale(2) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(2) translate(-129.885px,-54.7484px)
    }

    80% {
        -webkit-transform: translate(129.41px,54.264px) scale(1) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(1) translate(-129.885px,-54.7484px)
    }

    to {
        -webkit-transform: translate(129.41px,54.264px) scale(.837925) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(.837925) translate(-129.885px,-54.7484px)
    }
}

@keyframes star_t_6 {
    0% {
        -webkit-transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px)
    }

    10% {
        -webkit-transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(0) translate(-129.885px,-54.7484px)
    }

    43.4% {
        -webkit-transform: translate(129.41px,54.264px) scale(2) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(2) translate(-129.885px,-54.7484px)
    }

    80% {
        -webkit-transform: translate(129.41px,54.264px) scale(1) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(1) translate(-129.885px,-54.7484px)
    }

    to {
        -webkit-transform: translate(129.41px,54.264px) scale(.837925) translate(-129.885px,-54.7484px);
        transform: translate(129.41px,54.264px) scale(.837925) translate(-129.885px,-54.7484px)
    }
}

@-webkit-keyframes star_o_6 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    43.4% {
        -webkit-animation-timing-function: cubic-bezier(.946859,.006366,1,1);
        animation-timing-function: cubic-bezier(.946859,.006366,1,1);
        opacity: 1
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes star_o_6 {
    0% {
        opacity: 0
    }

    10% {
        opacity: 0
    }

    43.4% {
        -webkit-animation-timing-function: cubic-bezier(.946859,.006366,1,1);
        animation-timing-function: cubic-bezier(.946859,.006366,1,1);
        opacity: 1
    }

    80% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes star-2_t_6 {
    0% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px)
    }

    33.4% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px)
    }

    70% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(2) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(2) translate(-129.885px,-54.7484px)
    }

    to {
        -webkit-transform: translate(41.6444px,57.8778px) scale(1) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(1) translate(-129.885px,-54.7484px)
    }
}

@keyframes star-2_t_6 {
    0% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px)
    }

    33.4% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(0) translate(-129.885px,-54.7484px)
    }

    70% {
        -webkit-transform: translate(41.6444px,57.8778px) scale(2) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(2) translate(-129.885px,-54.7484px)
    }

    to {
        -webkit-transform: translate(41.6444px,57.8778px) scale(1) translate(-129.885px,-54.7484px);
        transform: translate(41.6444px,57.8778px) scale(1) translate(-129.885px,-54.7484px)
    }
}

@-webkit-keyframes star-2_o_6 {
    0% {
        opacity: 0
    }

    33.4% {
        opacity: 0
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(1,.010313,1,1);
        animation-timing-function: cubic-bezier(1,.010313,1,1);
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes star-2_o_6 {
    0% {
        opacity: 0
    }

    33.4% {
        opacity: 0
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(1,.010313,1,1);
        animation-timing-function: cubic-bezier(1,.010313,1,1);
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animated-coin-toss-eur-lose-eur {
    background: transparent;
    white-space: pre
}

.animated-coin-toss-eur-lose-eur .a0_t {
    -webkit-animation: a0_t_7 2.167s linear both;
    animation: a0_t_7 2.167s linear both
}

.animated-coin-toss-eur-lose-eur .a1_t {
    -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg);
    transform: rotate(0deg) skewX(0deg) skewY(0deg)
}

.animated-coin-toss-eur-lose-eur .main_bl {
    -webkit-animation: main_t_7 2.167s linear both;
    animation: main_t_7 2.167s linear both;
    opacity: 1
}

.animated-coin-toss-eur-lose-eur .a3_all {
    -webkit-animation: a3_t_7 2.167s linear both;
    animation: a3_t_7 2.167s linear both
}

.animated-coin-toss-eur-lose-eur .a4_t {
    -webkit-animation: a4_t_7 2.167s linear both;
    animation: a4_t_7 2.167s linear both
}

.animated-coin-toss-eur-lose-eur .a5_t {
    -webkit-animation: a5_t_7 2.167s linear both;
    animation: a5_t_7 2.167s linear both
}

.animated-coin-toss-eur-lose-eur .eur_o {
    opacity: 1
}

.animated-coin-toss-eur-lose-eur .star-2-all,.animated-coin-toss-eur-lose-eur .star-all,.animated-coin-toss-eur-lose-eur .usd_o {
    opacity: 0
}

.animated-coin-toss-eur-lose-eur .silver-coin_o {
    -webkit-animation: silver-coin_o_7 2.167s linear both;
    animation: silver-coin_o_7 2.167s linear both
}

.animated-coin-toss-eur-lose-eur .eur-2_o {
    opacity: 1
}

.animated-coin-toss-eur-lose-eur .usd-2_o {
    opacity: 0
}

@-webkit-keyframes a0_t_7 {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    46.1467% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    51.5459% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate(250px,200.98px);
        transform: translate(250px,200.98px)
    }

    64.6054% {
        -webkit-transform: translate(250px,240px);
        transform: translate(250px,240px)
    }

    66.9127% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    to {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }
}

@keyframes a0_t_7 {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    46.1467% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    51.5459% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate(250px,200.98px);
        transform: translate(250px,200.98px)
    }

    64.6054% {
        -webkit-transform: translate(250px,240px);
        transform: translate(250px,240px)
    }

    66.9127% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    to {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }
}

@-webkit-keyframes main_t_7 {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    46.1467% {
        -webkit-transform: scale(1.925,2) translate(-74.3056px,-75.9433px);
        transform: scale(1.925,2) translate(-74.3056px,-75.9433px)
    }

    51.5459% {
        -webkit-transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px);
        transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px)
    }

    56.8989% {
        -webkit-transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px);
        transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px)
    }

    69.2201% {
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }
}

@keyframes main_t_7 {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    46.1467% {
        -webkit-transform: scale(1.925,2) translate(-74.3056px,-75.9433px);
        transform: scale(1.925,2) translate(-74.3056px,-75.9433px)
    }

    51.5459% {
        -webkit-transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px);
        transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px)
    }

    56.8989% {
        -webkit-transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px);
        transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px)
    }

    69.2201% {
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }
}

@-webkit-keyframes a3_t_7 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    46.1467% {
        -webkit-transform: translate(-14.1973px,-7.757px);
        transform: translate(-14.1973px,-7.757px)
    }

    69.2201% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }
}

@keyframes a3_t_7 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    46.1467% {
        -webkit-transform: translate(-14.1973px,-7.757px);
        transform: translate(-14.1973px,-7.757px)
    }

    69.2201% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }
}

@-webkit-keyframes a4_t_7 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    46.1467% {
        -webkit-transform: translate(-14.1973px,-8.7564px);
        transform: translate(-14.1973px,-8.7564px)
    }

    69.2201% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }
}

@keyframes a4_t_7 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    46.1467% {
        -webkit-transform: translate(-14.1973px,-8.7564px);
        transform: translate(-14.1973px,-8.7564px)
    }

    69.2201% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }
}

@-webkit-keyframes silver-coin_o_7 {
    0% {
        opacity: 0
    }

    84.587% {
        -webkit-animation-timing-function: cubic-bezier(.75,0,1,1);
        animation-timing-function: cubic-bezier(.75,0,1,1);
        opacity: 0
    }

    92.2935% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes silver-coin_o_7 {
    0% {
        opacity: 0
    }

    84.587% {
        -webkit-animation-timing-function: cubic-bezier(.75,0,1,1);
        animation-timing-function: cubic-bezier(.75,0,1,1);
        opacity: 0
    }

    92.2935% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

.animated-coin-toss-eur-lose-usd {
    background: transparent;
    white-space: pre
}

.animated-coin-toss-eur-lose-usd .a0_t {
    -webkit-animation: a0_t_8 2.167s linear both;
    animation: a0_t_8 2.167s linear both
}

.animated-coin-toss-eur-lose-usd .a1_t {
    -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg);
    transform: rotate(0deg) skewX(0deg) skewY(0deg)
}

.animated-coin-toss-eur-lose-usd .main_bl {
    -webkit-animation: main_t_8 2.167s linear both;
    animation: main_t_8 2.167s linear both;
    opacity: 1
}

.animated-coin-toss-eur-lose-usd .a3_all {
    -webkit-animation: a3_t_8 2.167s linear both;
    animation: a3_t_8 2.167s linear both
}

.animated-coin-toss-eur-lose-usd .a4_t {
    -webkit-animation: a4_t_8 2.167s linear both;
    animation: a4_t_8 2.167s linear both
}

.animated-coin-toss-eur-lose-usd .a5_t {
    -webkit-animation: a5_t_8 2.167s linear both;
    animation: a5_t_8 2.167s linear both
}

.animated-coin-toss-eur-lose-usd .eur_o {
    -webkit-animation: eur_o_8 2.167s linear both;
    animation: eur_o_8 2.167s linear both
}

.animated-coin-toss-eur-lose-usd .usd_o {
    -webkit-animation: usd_o_8 2.167s linear both;
    animation: usd_o_8 2.167s linear both
}

.animated-coin-toss-eur-lose-usd .star-all {
    -webkit-animation: star_t_8 2.167s linear both,star_o_8 2.167s linear both;
    animation: star_t_8 2.167s linear both,star_o_8 2.167s linear both
}

.animated-coin-toss-eur-lose-usd .silver-coin_o,.animated-coin-toss-eur-lose-usd .star-2-all {
    opacity: 0
}

.animated-coin-toss-eur-lose-usd .eur-2_o {
    -webkit-animation: eur-2_o_8 2.167s linear both;
    animation: eur-2_o_8 2.167s linear both
}

.animated-coin-toss-eur-lose-usd .usd-2_o {
    -webkit-animation: usd-2_o_8 2.167s linear both;
    animation: usd-2_o_8 2.167s linear both
}

@-webkit-keyframes a0_t_8 {
    0% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    46.1467% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    51.5459% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate(250px,200.98px);
        transform: translate(250px,200.98px)
    }

    64.6054% {
        -webkit-transform: translate(250px,240px);
        transform: translate(250px,240px)
    }

    66.9127% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    to {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }
}

@keyframes a0_t_8 {
    0% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    46.1467% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    51.5459% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate(250px,200.98px);
        transform: translate(250px,200.98px)
    }

    64.6054% {
        -webkit-transform: translate(250px,240px);
        transform: translate(250px,240px)
    }

    66.9127% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    to {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }
}

@-webkit-keyframes main_t_8 {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    46.1467% {
        -webkit-transform: scale(1.925,2) translate(-74.3056px,-75.9433px);
        transform: scale(1.925,2) translate(-74.3056px,-75.9433px)
    }

    51.5459% {
        -webkit-transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px);
        transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px)
    }

    56.8989% {
        -webkit-transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px);
        transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px)
    }

    69.2201% {
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }
}

@keyframes main_t_8 {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    46.1467% {
        -webkit-transform: scale(1.925,2) translate(-74.3056px,-75.9433px);
        transform: scale(1.925,2) translate(-74.3056px,-75.9433px)
    }

    51.5459% {
        -webkit-transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px);
        transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px)
    }

    56.8989% {
        -webkit-transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px);
        transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px)
    }

    69.2201% {
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }
}

@-webkit-keyframes a3_t_8 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    46.1467% {
        -webkit-transform: translate(-14.1973px,-7.757px);
        transform: translate(-14.1973px,-7.757px)
    }

    69.2201% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }
}

@keyframes a3_t_8 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    46.1467% {
        -webkit-transform: translate(-14.1973px,-7.757px);
        transform: translate(-14.1973px,-7.757px)
    }

    69.2201% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }
}

@-webkit-keyframes a4_t_8 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    46.1467% {
        -webkit-transform: translate(-14.1973px,-8.7564px);
        transform: translate(-14.1973px,-8.7564px)
    }

    69.2201% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }
}

@keyframes a4_t_8 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    46.1467% {
        -webkit-transform: translate(-14.1973px,-8.7564px);
        transform: translate(-14.1973px,-8.7564px)
    }

    69.2201% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }
}

@-webkit-keyframes eur_o_8 {
    0% {
        opacity: 1
    }

    48.4541% {
        opacity: 1
    }

    49.2386% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes eur_o_8 {
    0% {
        opacity: 1
    }

    48.4541% {
        opacity: 1
    }

    49.2386% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes usd_o_8 {
    0% {
        opacity: 0
    }

    48.4541% {
        opacity: 0
    }

    49.2386% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes usd_o_8 {
    0% {
        opacity: 0
    }

    48.4541% {
        opacity: 0
    }

    49.2386% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes silver-coin_o_8 {
    0% {
        opacity: 0
    }

    84.587% {
        -webkit-animation-timing-function: cubic-bezier(.75,0,1,1);
        animation-timing-function: cubic-bezier(.75,0,1,1);
        opacity: 0
    }

    92.2935% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes silver-coin_o_8 {
    0% {
        opacity: 0
    }

    84.587% {
        -webkit-animation-timing-function: cubic-bezier(.75,0,1,1);
        animation-timing-function: cubic-bezier(.75,0,1,1);
        opacity: 0
    }

    92.2935% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes eur-2_o_8 {
    0% {
        opacity: 1
    }

    48.4541% {
        opacity: 1
    }

    49.2386% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes eur-2_o_8 {
    0% {
        opacity: 1
    }

    48.4541% {
        opacity: 1
    }

    49.2386% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes usd-2_o_8 {
    0% {
        opacity: 0
    }

    48.4541% {
        opacity: 0
    }

    49.2386% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes usd-2_o_8 {
    0% {
        opacity: 0
    }

    48.4541% {
        opacity: 0
    }

    49.2386% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

.animated-coin-toss-eur-win-eur {
    background: transparent;
    white-space: pre
}

.animated-coin-toss-eur-win-eur .a0_t {
    -webkit-animation: a0_t_9 2.167s linear both;
    animation: a0_t_9 2.167s linear both
}

.animated-coin-toss-eur-win-eur .a2_t {
    -webkit-animation: a2_t_9 2.167s linear both;
    animation: a2_t_9 2.167s linear both
}

.animated-coin-toss-eur-win-eur .main_bl {
    -webkit-animation: main_t_9 2.167s linear both;
    animation: main_t_9 2.167s linear both;
    opacity: 1
}

.animated-coin-toss-eur-win-eur .a3_all {
    -webkit-animation: a3_t_9 2.167s linear both;
    animation: a3_t_9 2.167s linear both
}

.animated-coin-toss-eur-win-eur .a4_t {
    -webkit-animation: a4_t_9 2.167s linear both;
    animation: a4_t_9 2.167s linear both
}

.animated-coin-toss-eur-win-eur .eur_o {
    opacity: 1
}

.animated-coin-toss-eur-win-eur .silver-coin_o,.animated-coin-toss-eur-win-eur .star-2-all,.animated-coin-toss-eur-win-eur .star-all,.animated-coin-toss-eur-win-eur .usd_o {
    opacity: 0
}

.animated-coin-toss-eur-win-eur .eur-2_o {
    -webkit-animation: eur-2_o_9 2.167s linear both;
    animation: eur-2_o_9 2.167s linear both
}

.animated-coin-toss-eur-win-eur .usd-2_o {
    -webkit-animation: usd-2_o_9 2.167s linear both;
    animation: usd-2_o_9 2.167s linear both
}

@-webkit-keyframes a0_t_9 {
    0% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    54.5553% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    60.9383% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate(250px,200.98px);
        transform: translate(250px,200.98px)
    }

    76.3775% {
        -webkit-transform: translate(250px,240px);
        transform: translate(250px,240px)
    }

    79.1052% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    to {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }
}

@keyframes a0_t_9 {
    0% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    54.5553% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    60.9383% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate(250px,200.98px);
        transform: translate(250px,200.98px)
    }

    76.3775% {
        -webkit-transform: translate(250px,240px);
        transform: translate(250px,240px)
    }

    79.1052% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    to {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }
}

@-webkit-keyframes main_t_9 {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    54.5553% {
        -webkit-transform: scale(1.925,2) translate(-74.3056px,-75.9433px);
        transform: scale(1.925,2) translate(-74.3056px,-75.9433px)
    }

    60.9383% {
        -webkit-transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px);
        transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px)
    }

    67.3213% {
        -webkit-transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px);
        transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px)
    }

    81.833% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    90.9438% {
        -webkit-animation-timing-function: cubic-bezier(0,0,.577971,.990601);
        animation-timing-function: cubic-bezier(0,0,.577971,.990601);
        -webkit-transform: scale(2.3) translate(-74.3056px,-75.9433px);
        transform: scale(2.3) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: scale(2.00002) translate(-74.3056px,-75.9433px);
        transform: scale(2.00002) translate(-74.3056px,-75.9433px)
    }
}

@keyframes main_t_9 {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    54.5553% {
        -webkit-transform: scale(1.925,2) translate(-74.3056px,-75.9433px);
        transform: scale(1.925,2) translate(-74.3056px,-75.9433px)
    }

    60.9383% {
        -webkit-transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px);
        transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px)
    }

    67.3213% {
        -webkit-transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px);
        transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px)
    }

    81.833% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    90.9438% {
        -webkit-animation-timing-function: cubic-bezier(0,0,.577971,.990601);
        animation-timing-function: cubic-bezier(0,0,.577971,.990601);
        -webkit-transform: scale(2.3) translate(-74.3056px,-75.9433px);
        transform: scale(2.3) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: scale(2.00002) translate(-74.3056px,-75.9433px);
        transform: scale(2.00002) translate(-74.3056px,-75.9433px)
    }
}

@-webkit-keyframes a3_t_9 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    54.5553% {
        -webkit-transform: translate(-14.1973px,-7.757px);
        transform: translate(-14.1973px,-7.757px)
    }

    81.833% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }
}

@keyframes a3_t_9 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    54.5553% {
        -webkit-transform: translate(-14.1973px,-7.757px);
        transform: translate(-14.1973px,-7.757px)
    }

    81.833% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }
}

@-webkit-keyframes a4_t_9 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    54.5553% {
        -webkit-transform: translate(-14.1973px,-8.7564px);
        transform: translate(-14.1973px,-8.7564px)
    }

    81.833% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }
}

@keyframes a4_t_9 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    54.5553% {
        -webkit-transform: translate(-14.1973px,-8.7564px);
        transform: translate(-14.1973px,-8.7564px)
    }

    81.833% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }
}

@-webkit-keyframes eur-2_o_9 {
    0% {
        opacity: .957942
    }

    to {
        opacity: .700967
    }
}

@keyframes eur-2_o_9 {
    0% {
        opacity: .957942
    }

    to {
        opacity: .700967
    }
}

@-webkit-keyframes usd-2_o_9 {
    0% {
        opacity: .042058
    }

    to {
        opacity: .299033
    }
}

@keyframes usd-2_o_9 {
    0% {
        opacity: .042058
    }

    to {
        opacity: .299033
    }
}

.animated-coin-toss-eur-win-usd {
    background: transparent;
    white-space: pre
}

.animated-coin-toss-eur-win-usd .a0_t {
    -webkit-animation: a0_t_10 2.167s linear both;
    animation: a0_t_10 2.167s linear both
}

.animated-coin-toss-eur-win-usd .main_bl {
    -webkit-animation: main_t_10 2.167s linear both,main_o_10 2.167s linear both;
    animation: main_t_10 2.167s linear both,main_o_10 2.167s linear both;
    opacity: 1
}

.animated-coin-toss-eur-win-usd .a3_all {
    -webkit-animation: a3_t_10 2.167s linear both;
    animation: a3_t_10 2.167s linear both
}

.animated-coin-toss-eur-win-usd .a4_t {
    -webkit-animation: a4_t_10 2.167s linear both;
    animation: a4_t_10 2.167s linear both
}

.animated-coin-toss-eur-win-usd .a5_t {
    -webkit-animation: a5_t_10 2.167s linear both;
    animation: a5_t_10 2.167s linear both
}

.animated-coin-toss-eur-win-usd .eur_o {
    -webkit-animation: eur_o_10 2.167s linear both;
    animation: eur_o_10 2.167s linear both
}

.animated-coin-toss-eur-win-usd .usd_o {
    -webkit-animation: usd_o_10 2.167s linear both;
    animation: usd_o_10 2.167s linear both
}

.animated-coin-toss-eur-win-usd .silver-coin_o,.animated-coin-toss-eur-win-usd .star-2-all,.animated-coin-toss-eur-win-usd .star-all {
    opacity: 0
}

.animated-coin-toss-eur-win-usd .eur-2_o {
    -webkit-animation: eur-2_o_10 2.167s linear both;
    animation: eur-2_o_10 2.167s linear both
}

.animated-coin-toss-eur-win-usd .usd-2_o {
    -webkit-animation: usd-2_o_10 2.167s linear both;
    animation: usd-2_o_10 2.167s linear both
}

@-webkit-keyframes a0_t_10 {
    0% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    54.5801% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    60.9596% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate(250px,200.98px);
        transform: translate(250px,200.98px)
    }

    76.3904% {
        -webkit-transform: translate(250px,240px);
        transform: translate(250px,240px)
    }

    79.1166% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    to {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }
}

@keyframes a0_t_10 {
    0% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    54.5801% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    60.9596% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate(250px,200.98px);
        transform: translate(250px,200.98px)
    }

    76.3904% {
        -webkit-transform: translate(250px,240px);
        transform: translate(250px,240px)
    }

    79.1166% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    to {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }
}

@-webkit-keyframes main_t_10 {
    0% {
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    0.0545% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    54.5801% {
        -webkit-transform: scale(1.925,2) translate(-74.3056px,-75.9433px);
        transform: scale(1.925,2) translate(-74.3056px,-75.9433px)
    }

    60.9596% {
        -webkit-transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px);
        transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px)
    }

    67.3391% {
        -webkit-transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px);
        transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px)
    }

    81.8429% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    90.9487% {
        -webkit-animation-timing-function: cubic-bezier(0,0,.577971,.990601);
        animation-timing-function: cubic-bezier(0,0,.577971,.990601);
        -webkit-transform: scale(2.3) translate(-74.3056px,-75.9433px);
        transform: scale(2.3) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: scale(2.00002) translate(-74.3056px,-75.9433px);
        transform: scale(2.00002) translate(-74.3056px,-75.9433px)
    }
}

@keyframes main_t_10 {
    0% {
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    0.0545% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    54.5801% {
        -webkit-transform: scale(1.925,2) translate(-74.3056px,-75.9433px);
        transform: scale(1.925,2) translate(-74.3056px,-75.9433px)
    }

    60.9596% {
        -webkit-transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px);
        transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px)
    }

    67.3391% {
        -webkit-transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px);
        transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px)
    }

    81.8429% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    90.9487% {
        -webkit-animation-timing-function: cubic-bezier(0,0,.577971,.990601);
        animation-timing-function: cubic-bezier(0,0,.577971,.990601);
        -webkit-transform: scale(2.3) translate(-74.3056px,-75.9433px);
        transform: scale(2.3) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: scale(2.00002) translate(-74.3056px,-75.9433px);
        transform: scale(2.00002) translate(-74.3056px,-75.9433px)
    }
}

@-webkit-keyframes a3_t_10 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    0.0545% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    54.5801% {
        -webkit-transform: translate(-14.1973px,-7.757px);
        transform: translate(-14.1973px,-7.757px)
    }

    81.8429% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }
}

@keyframes a3_t_10 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    0.0545% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    54.5801% {
        -webkit-transform: translate(-14.1973px,-7.757px);
        transform: translate(-14.1973px,-7.757px)
    }

    81.8429% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }
}

@-webkit-keyframes a4_t_10 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    0.0545% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    54.5801% {
        -webkit-transform: translate(-14.1973px,-8.7564px);
        transform: translate(-14.1973px,-8.7564px)
    }

    81.8429% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }
}

@keyframes a4_t_10 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    0.0545% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    54.5801% {
        -webkit-transform: translate(-14.1973px,-8.7564px);
        transform: translate(-14.1973px,-8.7564px)
    }

    81.8429% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }
}

@-webkit-keyframes eur_o_10 {
    0% {
        opacity: 1
    }

    57.2519% {
        opacity: 1
    }

    58.1788% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes eur_o_10 {
    0% {
        opacity: 1
    }

    57.2519% {
        opacity: 1
    }

    58.1788% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes usd_o_10 {
    0% {
        opacity: 0
    }

    57.2519% {
        opacity: 0
    }

    58.1788% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes usd_o_10 {
    0% {
        opacity: 0
    }

    57.2519% {
        opacity: 0
    }

    58.1788% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes eur-2_o_10 {
    0% {
        opacity: .626244
    }

    to {
        opacity: .369129
    }
}

@keyframes eur-2_o_10 {
    0% {
        opacity: .626244
    }

    to {
        opacity: .369129
    }
}

@-webkit-keyframes usd-2_o_10 {
    0% {
        opacity: .373756
    }

    to {
        opacity: .630871
    }
}

@keyframes usd-2_o_10 {
    0% {
        opacity: .373756
    }

    to {
        opacity: .630871
    }
}

.animated-coin-toss-usd-lose-eur .a0_t {
    -webkit-animation: a0_t_11 2.167s linear both;
    animation: a0_t_11 2.167s linear both
}

.animated-coin-toss-usd-lose-eur .main_bl {
    -webkit-animation: main_t_11 2.167s linear both;
    animation: main_t_11 2.167s linear both;
    opacity: 1
}

.animated-coin-toss-usd-lose-eur .a3_all {
    -webkit-animation: a3_t_11 2.167s linear both;
    animation: a3_t_11 2.167s linear both
}

.animated-coin-toss-usd-lose-eur .a4_t {
    -webkit-animation: a4_t_11 2.167s linear both;
    animation: a4_t_11 2.167s linear both
}

.animated-coin-toss-usd-lose-eur .a5_t {
    -webkit-animation: a5_t_11 2.167s linear both;
    animation: a5_t_11 2.167s linear both
}

.animated-coin-toss-usd-lose-eur .eur_o {
    -webkit-animation: eur_o_11 2.167s linear both;
    animation: eur_o_11 2.167s linear both
}

.animated-coin-toss-usd-lose-eur .usd_o {
    -webkit-animation: usd_o_11 2.167s linear both;
    animation: usd_o_11 2.167s linear both
}

.animated-coin-toss-usd-lose-eur .star-2-all,.animated-coin-toss-usd-lose-eur .star-all {
    opacity: 0
}

.animated-coin-toss-usd-lose-eur .silver-coin_o {
    -webkit-animation: silver-coin_o_11 2.167s linear both;
    animation: silver-coin_o_11 2.167s linear both
}

.animated-coin-toss-usd-lose-eur .eur-2_o {
    opacity: 1
}

.animated-coin-toss-usd-lose-eur .usd-2_o {
    opacity: 0
}

@-webkit-keyframes a0_t_11 {
    0% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    46.1467% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    51.5459% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate(250px,200.98px);
        transform: translate(250px,200.98px)
    }

    64.6054% {
        -webkit-transform: translate(250px,240px);
        transform: translate(250px,240px)
    }

    66.9127% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    to {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }
}

@keyframes a0_t_11 {
    0% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    46.1467% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    51.5459% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate(250px,200.98px);
        transform: translate(250px,200.98px)
    }

    64.6054% {
        -webkit-transform: translate(250px,240px);
        transform: translate(250px,240px)
    }

    66.9127% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    to {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }
}

@-webkit-keyframes main_t_11 {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    46.1467% {
        -webkit-transform: scale(1.925,2) translate(-74.3056px,-75.9433px);
        transform: scale(1.925,2) translate(-74.3056px,-75.9433px)
    }

    51.5459% {
        -webkit-transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px);
        transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px)
    }

    56.8989% {
        -webkit-transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px);
        transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px)
    }

    69.2201% {
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }
}

@keyframes main_t_11 {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    46.1467% {
        -webkit-transform: scale(1.925,2) translate(-74.3056px,-75.9433px);
        transform: scale(1.925,2) translate(-74.3056px,-75.9433px)
    }

    51.5459% {
        -webkit-transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px);
        transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px)
    }

    56.8989% {
        -webkit-transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px);
        transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px)
    }

    69.2201% {
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }
}

@-webkit-keyframes a3_t_11 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    46.1467% {
        -webkit-transform: translate(-14.1973px,-7.757px);
        transform: translate(-14.1973px,-7.757px)
    }

    69.2201% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }
}

@keyframes a3_t_11 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    46.1467% {
        -webkit-transform: translate(-14.1973px,-7.757px);
        transform: translate(-14.1973px,-7.757px)
    }

    69.2201% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }
}

@-webkit-keyframes a4_t_11 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    46.1467% {
        -webkit-transform: translate(-14.1973px,-8.7564px);
        transform: translate(-14.1973px,-8.7564px)
    }

    69.2201% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }
}

@keyframes a4_t_11 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    46.1467% {
        -webkit-transform: translate(-14.1973px,-8.7564px);
        transform: translate(-14.1973px,-8.7564px)
    }

    69.2201% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }
}

@-webkit-keyframes eur_o_11 {
    0% {
        opacity: 0
    }

    48.4541% {
        opacity: 0
    }

    49.2386% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes eur_o_11 {
    0% {
        opacity: 0
    }

    48.4541% {
        opacity: 0
    }

    49.2386% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes usd_o_11 {
    0% {
        opacity: 1
    }

    48.4541% {
        opacity: 1
    }

    49.2386% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes usd_o_11 {
    0% {
        opacity: 1
    }

    48.4541% {
        opacity: 1
    }

    49.2386% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes silver-coin_o_11 {
    0% {
        opacity: 0
    }

    84.587% {
        -webkit-animation-timing-function: cubic-bezier(.75,0,1,1);
        animation-timing-function: cubic-bezier(.75,0,1,1);
        opacity: 0
    }

    92.2935% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes silver-coin_o_11 {
    0% {
        opacity: 0
    }

    84.587% {
        -webkit-animation-timing-function: cubic-bezier(.75,0,1,1);
        animation-timing-function: cubic-bezier(.75,0,1,1);
        opacity: 0
    }

    92.2935% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

.animated-coin-toss-usd-lose-usd {
    background: transparent;
    white-space: pre
}

.animated-coin-toss-usd-lose-usd .a0_t {
    -webkit-animation: a0_t_12 2.167s linear both;
    animation: a0_t_12 2.167s linear both
}

.animated-coin-toss-usd-lose-usd .main_bl {
    -webkit-animation: main_t_12 2.167s linear both;
    animation: main_t_12 2.167s linear both
}

.animated-coin-toss-usd-lose-usd .a3_all {
    -webkit-animation: a3_t_12 2.167s linear both;
    animation: a3_t_12 2.167s linear both;
    opacity: 1
}

.animated-coin-toss-usd-lose-usd .a4_t {
    -webkit-animation: a4_t_12 2.167s linear both;
    animation: a4_t_12 2.167s linear both
}

.animated-coin-toss-usd-lose-usd .a5_t {
    -webkit-animation: a5_t_12 2.167s linear both;
    animation: a5_t_12 2.167s linear both
}

.animated-coin-toss-usd-lose-usd .eur_o {
    opacity: 0
}

.animated-coin-toss-usd-lose-usd .usd_o {
    opacity: 1
}

.animated-coin-toss-usd-lose-usd .star-2-all,.animated-coin-toss-usd-lose-usd .star-all {
    opacity: 0
}

.animated-coin-toss-usd-lose-usd .silver-coin_o {
    -webkit-animation: silver-coin_o_12 2.167s linear both;
    animation: silver-coin_o_12 2.167s linear both
}

.animated-coin-toss-usd-lose-usd .eur-2_o {
    -webkit-animation: eur-2_o_12 2.167s linear both;
    animation: eur-2_o_12 2.167s linear both
}

.animated-coin-toss-usd-lose-usd .usd-2_o {
    -webkit-animation: usd-2_o_12 2.167s linear both;
    animation: usd-2_o_12 2.167s linear both
}

@-webkit-keyframes a0_t_12 {
    0% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    46.1467% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    51.5459% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate(250px,200.98px);
        transform: translate(250px,200.98px)
    }

    64.6054% {
        -webkit-transform: translate(250px,240px);
        transform: translate(250px,240px)
    }

    66.9127% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    to {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }
}

@keyframes a0_t_12 {
    0% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    46.1467% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    51.5459% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate(250px,200.98px);
        transform: translate(250px,200.98px)
    }

    64.6054% {
        -webkit-transform: translate(250px,240px);
        transform: translate(250px,240px)
    }

    66.9127% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    to {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }
}

@-webkit-keyframes main_t_12 {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    46.1467% {
        -webkit-transform: scale(1.925,2) translate(-74.3056px,-75.9433px);
        transform: scale(1.925,2) translate(-74.3056px,-75.9433px)
    }

    51.5459% {
        -webkit-transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px);
        transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px)
    }

    56.8989% {
        -webkit-transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px);
        transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px)
    }

    69.2201% {
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }
}

@keyframes main_t_12 {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    46.1467% {
        -webkit-transform: scale(1.925,2) translate(-74.3056px,-75.9433px);
        transform: scale(1.925,2) translate(-74.3056px,-75.9433px)
    }

    51.5459% {
        -webkit-transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px);
        transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px)
    }

    56.8989% {
        -webkit-transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px);
        transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px)
    }

    69.2201% {
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }
}

@-webkit-keyframes a3_t_12 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    46.1467% {
        -webkit-transform: translate(-14.1973px,-7.757px);
        transform: translate(-14.1973px,-7.757px)
    }

    69.2201% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }
}

@keyframes a3_t_12 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    46.1467% {
        -webkit-transform: translate(-14.1973px,-7.757px);
        transform: translate(-14.1973px,-7.757px)
    }

    69.2201% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }
}

@-webkit-keyframes a4_t_12 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    46.1467% {
        -webkit-transform: translate(-14.1973px,-8.7564px);
        transform: translate(-14.1973px,-8.7564px)
    }

    69.2201% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }
}

@keyframes a4_t_12 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    46.1467% {
        -webkit-transform: translate(-14.1973px,-8.7564px);
        transform: translate(-14.1973px,-8.7564px)
    }

    69.2201% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }
}

@-webkit-keyframes silver-coin_o_12 {
    0% {
        opacity: 0
    }

    84.587% {
        -webkit-animation-timing-function: cubic-bezier(.75,0,1,1);
        animation-timing-function: cubic-bezier(.75,0,1,1);
        opacity: 0
    }

    92.2935% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes silver-coin_o_12 {
    0% {
        opacity: 0
    }

    84.587% {
        -webkit-animation-timing-function: cubic-bezier(.75,0,1,1);
        animation-timing-function: cubic-bezier(.75,0,1,1);
        opacity: 0
    }

    92.2935% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes eur-2_o_12 {
    0% {
        opacity: .21029
    }

    69.2201% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes eur-2_o_12 {
    0% {
        opacity: .21029
    }

    69.2201% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes usd-2_o_12 {
    0% {
        opacity: .78971
    }

    69.2201% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes usd-2_o_12 {
    0% {
        opacity: .78971
    }

    69.2201% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

.animated-coin-toss-usd-win-eur {
    background: transparent;
    white-space: pre
}

.animated-coin-toss-usd-win-eur .a0_t {
    -webkit-animation: a0_t_13 2.167s linear both;
    animation: a0_t_13 2.167s linear both
}

.animated-coin-toss-usd-win-eur .a1_t {
    -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg);
    transform: rotate(0deg) skewX(0deg) skewY(0deg)
}

.animated-coin-toss-usd-win-eur .a2_t {
    -webkit-animation: a2_t_13 2.167s linear both;
    animation: a2_t_13 2.167s linear both
}

.animated-coin-toss-usd-win-eur .main_bl {
    -webkit-animation: main_t_13 2.167s linear both,main_o_13 2.167s linear both;
    animation: main_t_13 2.167s linear both,main_o_13 2.167s linear both;
    opacity: 1
}

.animated-coin-toss-usd-win-eur .a3_all {
    -webkit-animation: a3_t_13 2.167s linear both;
    animation: a3_t_13 2.167s linear both
}

.animated-coin-toss-usd-win-eur .a4_t {
    -webkit-animation: a4_t_13 2.167s linear both;
    animation: a4_t_13 2.167s linear both
}

.animated-coin-toss-usd-win-eur .a5_t {
    -webkit-animation: a5_t_13 2.167s linear both;
    animation: a5_t_13 2.167s linear both
}

.animated-coin-toss-usd-win-eur .eur_o {
    -webkit-animation: eur_o_13 2.167s linear both;
    animation: eur_o_13 2.167s linear both
}

.animated-coin-toss-usd-win-eur .usd_o {
    -webkit-animation: usd_o_13 2.167s linear both;
    animation: usd_o_13 2.167s linear both
}

.animated-coin-toss-usd-win-eur .silver-coin_o {
    opacity: 0
}

.animated-coin-toss-usd-win-eur .eur-2_o {
    opacity: 1
}

.animated-coin-toss-usd-win-eur .usd-2_o {
    opacity: 0
}

@-webkit-keyframes a0_t_13 {
    0% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    54.5553% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    60.9383% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate(250px,200.98px);
        transform: translate(250px,200.98px)
    }

    76.3775% {
        -webkit-transform: translate(250px,240px);
        transform: translate(250px,240px)
    }

    79.1052% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    to {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }
}

@keyframes a0_t_13 {
    0% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    54.5553% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    60.9383% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate(250px,200.98px);
        transform: translate(250px,200.98px)
    }

    76.3775% {
        -webkit-transform: translate(250px,240px);
        transform: translate(250px,240px)
    }

    79.1052% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    to {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }
}

@-webkit-keyframes main_t_13 {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    54.5553% {
        -webkit-transform: scale(1.925,2) translate(-74.3056px,-75.9433px);
        transform: scale(1.925,2) translate(-74.3056px,-75.9433px)
    }

    60.9383% {
        -webkit-transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px);
        transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px)
    }

    67.3213% {
        -webkit-transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px);
        transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px)
    }

    81.833% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    90.9438% {
        -webkit-animation-timing-function: cubic-bezier(0,0,.577971,.990601);
        animation-timing-function: cubic-bezier(0,0,.577971,.990601);
        -webkit-transform: scale(2.3) translate(-74.3056px,-75.9433px);
        transform: scale(2.3) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: scale(2.00002) translate(-74.3056px,-75.9433px);
        transform: scale(2.00002) translate(-74.3056px,-75.9433px)
    }
}

@keyframes main_t_13 {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    54.5553% {
        -webkit-transform: scale(1.925,2) translate(-74.3056px,-75.9433px);
        transform: scale(1.925,2) translate(-74.3056px,-75.9433px)
    }

    60.9383% {
        -webkit-transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px);
        transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px)
    }

    67.3213% {
        -webkit-transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px);
        transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px)
    }

    81.833% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    90.9438% {
        -webkit-animation-timing-function: cubic-bezier(0,0,.577971,.990601);
        animation-timing-function: cubic-bezier(0,0,.577971,.990601);
        -webkit-transform: scale(2.3) translate(-74.3056px,-75.9433px);
        transform: scale(2.3) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: scale(2.00002) translate(-74.3056px,-75.9433px);
        transform: scale(2.00002) translate(-74.3056px,-75.9433px)
    }
}

@-webkit-keyframes a3_t_13 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    54.5553% {
        -webkit-transform: translate(-14.1973px,-7.757px);
        transform: translate(-14.1973px,-7.757px)
    }

    81.833% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }
}

@keyframes a3_t_13 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    54.5553% {
        -webkit-transform: translate(-14.1973px,-7.757px);
        transform: translate(-14.1973px,-7.757px)
    }

    81.833% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }
}

@-webkit-keyframes a4_t_13 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    54.5553% {
        -webkit-transform: translate(-14.1973px,-8.7564px);
        transform: translate(-14.1973px,-8.7564px)
    }

    81.833% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }
}

@keyframes a4_t_13 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    54.5553% {
        -webkit-transform: translate(-14.1973px,-8.7564px);
        transform: translate(-14.1973px,-8.7564px)
    }

    81.833% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }
}

@-webkit-keyframes eur_o_13 {
    0% {
        opacity: 0
    }

    57.2831% {
        opacity: 0
    }

    58.156% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@keyframes eur_o_13 {
    0% {
        opacity: 0
    }

    57.2831% {
        opacity: 0
    }

    58.156% {
        opacity: 1
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes usd_o_13 {
    0% {
        opacity: 1
    }

    57.2831% {
        opacity: 1
    }

    58.156% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes usd_o_13 {
    0% {
        opacity: 1
    }

    57.2831% {
        opacity: 1
    }

    58.156% {
        opacity: 0
    }

    to {
        opacity: 0
    }
}

.animated-coin-toss-usd-win-usd {
    background: transparent;
    white-space: pre
}

.animated-coin-toss-usd-win-usd .a0_t {
    -webkit-animation: a0_t_14 2.167s linear both;
    animation: a0_t_14 2.167s linear both
}

.animated-coin-toss-usd-win-usd .a1_t {
    -webkit-animation: a1_t_14 2.167s linear both;
    animation: a1_t_14 2.167s linear both
}

.animated-coin-toss-usd-win-usd .main_bl {
    -webkit-animation: main_t_14 2.167s linear both;
    animation: main_t_14 2.167s linear both;
    opacity: 1
}

.animated-coin-toss-usd-win-usd .a3_all {
    -webkit-animation: a3_t_14 2.167s linear both;
    animation: a3_t_14 2.167s linear both
}

.animated-coin-toss-usd-win-usd .a4_t {
    -webkit-animation: a4_t_14 2.167s linear both;
    animation: a4_t_14 2.167s linear both
}

.animated-coin-toss-usd-win-usd .a5_t {
    -webkit-animation: a5_t_14 2.167s linear both;
    animation: a5_t_14 2.167s linear both
}

.animated-coin-toss-usd-win-usd .eur_o {
    opacity: 0
}

.animated-coin-toss-usd-win-usd .usd_o {
    opacity: 1
}

.animated-coin-toss-usd-win-usd .silver-coin_o {
    opacity: 0
}

.animated-coin-toss-usd-win-usd .eur-2_o {
    opacity: 1
}

.animated-coin-toss-usd-win-usd .usd-2_o {
    opacity: 0
}

@-webkit-keyframes a0_t_14 {
    0% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    54.5801% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    60.9596% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate(250px,200.98px);
        transform: translate(250px,200.98px)
    }

    76.3904% {
        -webkit-transform: translate(250px,240px);
        transform: translate(250px,240px)
    }

    79.1166% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    to {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }
}

@keyframes a0_t_14 {
    0% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    54.5801% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    60.9596% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: translate(250px,200.98px);
        transform: translate(250px,200.98px)
    }

    76.3904% {
        -webkit-transform: translate(250px,240px);
        transform: translate(250px,240px)
    }

    79.1166% {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }

    to {
        -webkit-transform: translate(250px,250px);
        transform: translate(250px,250px)
    }
}

@-webkit-keyframes a1_t_14 {
    0% {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg);
        transform: rotate(0deg) skewX(0deg) skewY(0deg)
    }

    60.9596% {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg);
        transform: rotate(0deg) skewX(0deg) skewY(0deg)
    }

    to {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg);
        transform: rotate(0deg) skewX(0deg) skewY(0deg)
    }
}

@keyframes a1_t_14 {
    0% {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg);
        transform: rotate(0deg) skewX(0deg) skewY(0deg)
    }

    60.9596% {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg);
        transform: rotate(0deg) skewX(0deg) skewY(0deg)
    }

    to {
        -webkit-transform: rotate(0deg) skewX(0deg) skewY(0deg);
        transform: rotate(0deg) skewX(0deg) skewY(0deg)
    }
}

@-webkit-keyframes main_t_14 {
    0% {
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    0.0545% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    54.5801% {
        -webkit-transform: scale(1.925,2) translate(-74.3056px,-75.9433px);
        transform: scale(1.925,2) translate(-74.3056px,-75.9433px)
    }

    60.9596% {
        -webkit-transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px);
        transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px)
    }

    67.3391% {
        -webkit-transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px);
        transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px)
    }

    81.8429% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    90.9487% {
        -webkit-animation-timing-function: cubic-bezier(0,0,.577971,.990601);
        animation-timing-function: cubic-bezier(0,0,.577971,.990601);
        -webkit-transform: scale(2.3) translate(-74.3056px,-75.9433px);
        transform: scale(2.3) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: scale(2.00002) translate(-74.3056px,-75.9433px);
        transform: scale(2.00002) translate(-74.3056px,-75.9433px)
    }
}

@keyframes main_t_14 {
    0% {
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    0.0545% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    54.5801% {
        -webkit-transform: scale(1.925,2) translate(-74.3056px,-75.9433px);
        transform: scale(1.925,2) translate(-74.3056px,-75.9433px)
    }

    60.9596% {
        -webkit-transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px);
        transform: scale(-2.2,2.2) translate(-74.3056px,-75.9433px)
    }

    67.3391% {
        -webkit-transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px);
        transform: scale(2.1,1.909091) translate(-74.3056px,-75.9433px)
    }

    81.8429% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: scale(2) translate(-74.3056px,-75.9433px);
        transform: scale(2) translate(-74.3056px,-75.9433px)
    }

    90.9487% {
        -webkit-animation-timing-function: cubic-bezier(0,0,.577971,.990601);
        animation-timing-function: cubic-bezier(0,0,.577971,.990601);
        -webkit-transform: scale(2.3) translate(-74.3056px,-75.9433px);
        transform: scale(2.3) translate(-74.3056px,-75.9433px)
    }

    to {
        -webkit-transform: scale(2.00002) translate(-74.3056px,-75.9433px);
        transform: scale(2.00002) translate(-74.3056px,-75.9433px)
    }
}

@-webkit-keyframes a3_t_14 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    0.0545% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    54.5801% {
        -webkit-transform: translate(-14.1973px,-7.757px);
        transform: translate(-14.1973px,-7.757px)
    }

    81.8429% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }
}

@keyframes a3_t_14 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    0.0545% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    54.5801% {
        -webkit-transform: translate(-14.1973px,-7.757px);
        transform: translate(-14.1973px,-7.757px)
    }

    81.8429% {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.257px);
        transform: translate(-14.1973px,-4.257px)
    }
}

@-webkit-keyframes a4_t_14 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    0.0545% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    54.5801% {
        -webkit-transform: translate(-14.1973px,-8.7564px);
        transform: translate(-14.1973px,-8.7564px)
    }

    81.8429% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }
}

@keyframes a4_t_14 {
    0% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    0.0545% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    54.5801% {
        -webkit-transform: translate(-14.1973px,-8.7564px);
        transform: translate(-14.1973px,-8.7564px)
    }

    81.8429% {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }

    to {
        -webkit-transform: translate(-14.1973px,-4.2564px);
        transform: translate(-14.1973px,-4.2564px)
    }
}

.animated-icon {
    -webkit-animation: fadein .5s linear both;
    animation: fadein .5s linear both;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    opacity: .1
}

@-webkit-keyframes fadein {
    0% {
        opacity: .1
    }

    to {
        opacity: 1
    }
}

@keyframes fadein {
    0% {
        opacity: .1
    }

    to {
        opacity: 1
    }
}

.play-button {
    background: #24abf8;
    border-radius: 8px;
    box-shadow: inset 0 3px 8px #6dcaff;
    color: #fff;
    padding: 1rem 3rem
}

.count-button {
    background: #23274e;
    border-radius: 5px;
    color: #858cab;
    font-family: FS Elliot Pro,sans-serif;
    font-size: 12px;
    font-weight: 400;
    padding: .3rem;
    text-align: center
}

.bid-button-block {
    display: flex;
    flex-direction: row;
    font-family: Halvar Breitschrift,sans-serif;
    gap: .5rem;
    justify-content: center;
    margin-bottom: 1.5rem;
    transition: all .3s
}

.bid-button-block,.bid-button-block[type=button] {
    pointer-events: all
}

.bid-button-block.disabled {
    -webkit-filter: brightness(.3);
    filter: brightness(.3);
    pointer-events: none
}

.bid-button__item {
    background: #252b40;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    min-width: 210px;
    padding: .8rem;
    text-align: center;
    text-transform: uppercase;
    transition: all .3s
}

@media (max-width: 640px) {
    .bid-button__item {
        min-width:0
    }
}

.bid-button__item:disabled {
    cursor: default;
    opacity: .3
}

.bid-button__item:hover {
    opacity: .8
}

.bid-button__item:active,.bid-button__item:focus {
    background: linear-gradient(#0b0f1e 0 0) padding-box,linear-gradient(118.85deg,#0095ff,#0855c4 92.5%) border-box;
    border: 2px solid transparent;
    padding: calc(.8rem - 2px)
}

.bid-button__item-row {
    align-items: center;
    display: flex;
    justify-content: center
}

.bid-button__item-row__text {
    margin-left: .3rem
}

.bid-button__item-row__icon {
    height: 40px;
    width: 40px
}

.bid-button__item-row__icon svg {
    height: 100%;
    width: 100%
}

.bid-button-head {
    border-radius: 12px 8px 8px 12px
}

.bid-button-tail {
    border-radius: 8px 12px 12px 8px
}

button.app-button {
    font-family: FS Elliot Pro;
    transition: background opacity .3s ease
}

button.app-button.big {
    border-radius: 8px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    padding: 5px;
    text-align: center
}

button.app-button.big.btn-waiting,button.app-button.big:focus,button.app-button.big:hover {
    opacity: .8
}

button.app-button.big.cashout:focus,button.app-button.big:disabled {
    opacity: .3
}

button.app-button.medium {
    background: #2a3145;
    border-radius: 5px;
    color: #97a3cb;
    flex: 1 1;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 17px;
    padding: 5px 3px;
    text-align: center;
    text-transform: uppercase
}

button.app-button.medium:hover {
    opacity: .8
}

button.app-button.medium:disabled,button.app-button.medium:focus {
    background: #1d2439;
    color: rgba(151,163,203,.188)
}

button.app-button.small {
    background: #151b2e;
    border-radius: 8px;
    color: #fafafa;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    mix-blend-mode: normal;
    padding: 5px
}

button.app-button.small svg {
    fill: #858cab
}

button.app-button.small:hover {
    opacity: .8
}

button.app-button.small:enabled:active {
    opacity: .3
}

.user-content {
    align-items: center;
    background: linear-gradient(269.88deg,#1e1e3f 11.91%,#18172b 99.91%);
    border-radius: 8px;
    cursor: pointer;
    display: grid;
    grid-template-columns: 100px 65px 49px 55px 58px 1fr;
    height: 45px;
    margin-bottom: .5rem;
    padding: .5rem;
    width: 372px
}

.user-content:hover {
    background: linear-gradient(180deg,#1f1e46,#213569)
}

.user-item__tg {
    align-items: center;
    display: flex;
    gap: .3rem
}

.user-item__tg p {
    color: #858cab;
    font-family: FS Elliot Pro;
    font-style: normal;
    font-weight: 400;
    margin-left: .5rem
}

.user-item img {
    object-fit: cover;
    width: 100%
}

.user-item p {
    font-size: 11px
}

.user-item button {
    align-items: center;
    background: #0a0d2c;
    border-radius: 32px;
    cursor: pointer;
    display: flex;
    height: 19px;
    justify-content: center;
    width: 26px
}

.user-item button img {
    object-fit: contain
}

.bg-sky {
    background: #24abf8
}

.bg-blue,.bg-sky {
    border-radius: 8px;
    padding: 1rem 3rem
}

.bg-blue {
    background: #0a0d2c
}

.bg-darkBlue {
    background: #23274e
}

.bg-darkBlue,.bg-gold {
    border-radius: 8px;
    padding: 1rem 3rem
}

.bg-gold {
    background: #ffbe18
}

.bg-darkBlueLiner {
    background: #24abf8;
    border-radius: 8px;
    box-shadow: inset 0 3px 8px #6dcaff;
    padding: 1rem 3rem
}

.blue-text {
    color: #24abf8
}

.main-light-text {
    color: #f3f3f3
}

.gold-text {
    color: #ffbe18
}

.lightWhite-text {
    color: #858cab
}

.darkBlue-text {
    color: #0c0f1e
}

.double-red-sector-bg {
    background: #c22e3d
}

.double-white-sector-bg {
    background: #fff
}

.double-black-sector-bg {
    background: #0a0f1d
}

.games-pink-bg {
    background: linear-gradient(90deg,#f54e76 1%,#fc244b 99%)
}

.games-orange-bg {
    background: linear-gradient(272.98deg,#fdbb4e 2.23%,#f56719 95.05%)
}

.games-blue-bg {
    background: linear-gradient(93.73deg,#108de7,#0855c4)
}

.green-text {
    color: #13f36c
}

.modal {
    align-items: center;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: rgba(9,15,30,.7);
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    transition: .5s;
    width: 100vw;
    z-index: 99
}

.modal.active {
    opacity: 1;
    padding: 8px;
    pointer-events: all
}

.modal__content {
    background: #181b2c;
    border-radius: 12px
}

@media (max-width: 1021px) {
    .modal__content {
        margin-left:0
    }
}

.modal__close {
    align-items: center;
    background: rgba(151,163,203,.1);
    border-radius: 8px;
    display: flex;
    height: 36px;
    justify-content: center;
    width: 36px
}

.modal__header {
    background: #21293f;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    display: flex;
    justify-content: flex-end;
    padding: 15px
}

.modal__header.blocked-game-modal {
    color: #fff;
    justify-content: center
}

.modal__header h3 {
    color: #f3f3f3;
    font-family: FS Elliot Pro;
    font-size: 18px;
    font-style: normal;
    font-weight: 400
}

.modal__body {
    background: #192137;
    border-radius: 0 0 12px 12px;
    padding: 10px 15px 15px
}

.modal__body-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.modal__body-wrapper {
    align-items: center;
    background: #181b2c;
    border-radius: 12px;
    justify-content: center;
    position: relative
}

.modal__body-wrapper.blocked-game-modal {
    color: #97a3cb;
    display: flex;
    flex-direction: column;
    font-family: SF Pro Display,sans-serif;
    font-weight: 400;
    gap: 20px;
    max-width: 500px;
    padding: 15px 20px;
    text-align: center
}

.modal__body-wrapper-line {
    background: #0c0f1e;
    height: 1px;
    position: absolute;
    width: 100%
}

.modal__body-wrapper-item {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: center
}

.modal__body-wrapper-item p {
    color: #f3f3f3;
    font-family: Halvar Breit XBd,sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 15px;
    text-transform: uppercase
}

.modal__body-wrapper-item p img {
    margin-left: -.6rem
}

.modal__body-wrapper-res {
    display: flex;
    gap: 3rem;
    text-align: center
}

.modal__body-wrapper-res-item {
    align-items: center;
    background-size: 100%;
    display: flex;
    flex-direction: column;
    height: 89px;
    justify-content: center;
    width: 89px
}

.modal__body-wrapper-res-item span {
    font-family: Halvar Breit XBd,sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 700
}

.modal__body-coins {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    margin-top: 2rem;
    text-align: center
}

.modal__body-coins-item {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    width: 60px
}

.modal__body-coins-item.active {
    cursor: default
}

.modal__body-coins img {
    margin-bottom: .4rem
}

.modal__body-coins p {
    font-family: FS Elliot Pro;
    font-size: 12px;
    font-style: normal;
    font-weight: 400
}

.modal__body-text {
    margin: 2rem 0
}

.modal__body-btn {
    margin-bottom: 1rem
}

.modal__body-btn button {
    font-family: FS Elliot Pro;
    font-weight: 600
}

.modal-result__coin p {
    align-items: center;
    display: flex;
    gap: .3rem
}

.modal-result__coin span:first-child {
    font-family: Halvar Breit XBd,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700
}

.modal-result__content {
    background: #252339;
    border-radius: 6px;
    box-shadow: 0 8px 20px #333;
    margin-top: 2rem;
    min-width: 290px;
    position: relative
}

.modal-result__header {
    align-items: center;
    display: flex;
    gap: 1rem;
    justify-content: center
}

.history-panel {
    background-color: #151b2e;
    border-radius: 16px;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px
}

.history-panel .separator {
    background: rgba(133,140,171,.2);
    height: 1px;
    transition: all .15s ease-in-out
}

.history-panel .separator.closed {
    height: 0
}

.history-panel .history-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
    padding-top: 15px
}

.history-panel .history-header .logo {
    color: #fff;
    font-family: Halvar Breit Blk,serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 900;
    letter-spacing: -.5px;
    line-height: 21px;
    text-transform: uppercase
}

.history-panel .history-header .logo-icon {
    height: 22px;
    width: 22px
}

.history-panel .history-header .logo-icon>svg {
    height: 100%;
    width: auto
}

.history-panel .history-header .header-buttons {
    align-items: center;
    display: flex;
    justify-content: space-around
}

.history-panel .history-header .header-buttons__item {
    background: #151b2e;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 8px;
    color: #fafafa;
    font-family: FS Elliot Pro;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    padding: 9px 15px;
    position: relative;
    text-align: center;
    transition: all .15s ease-out
}

.history-panel .history-header .header-buttons__item.active {
    background: linear-gradient(#151b2e 0 0) padding-box,linear-gradient(90deg,#0095ff,#0855c4) border-box;
    border: 2px solid transparent;
    border-radius: 8px;
    color: #fafafa;
    display: inline-block
}

.history-panel__headers {
    margin-bottom: .7rem;
    padding: 0 .5rem
}

.history-panel__headers h3 {
    color: #fff;
    font-family: FS Elliot Pro;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px
}

.history-panel__headers h3.header-col-win {
    text-align: right
}

.history-panel__headers>h3,.history-panel__headers>span {
    text-align: center
}

.history-panel__content-wrapper {
    height: calc(100% - 80px);
    overflow: hidden
}

.history-panel__content-wrapper.tabbed {
    height: calc(100% - 100px)
}

.history-panel__list-wrapper {
    -ms-overflow-style: none;
    height: calc(100% - 60px);
    overflow: auto;
    scrollbar-width: none
}

.history-panel__list-wrapper.tabbed {
    height: calc(100% - 130px)
}

.history-panel__list-wrapper::-webkit-scrollbar {
    display: none
}

.history-panel__my-cols {
    display: grid;
    grid-template-columns: .5fr 1.5fr 1.5fr 1.5fr .2fr
}

.history-panel__live-cols {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr
}

.history-panel__tabs {
    align-items: center;
    border-radius: 12px;
    display: flex;
    padding: 5px
}

.history-panel__tabs-separator {
    background: #948ac5;
    border-radius: 2px;
    height: 32px;
    opacity: .2;
    width: 2px
}

.history-panel__tabs-item {
    color: #97a3cb;
    cursor: pointer;
    flex: 1 1;
    font-family: FS Elliot Pro;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    padding: 10px 6px;
    text-align: center;
    transition: all .3s ease
}

.history-panel__tabs-item__amount.win {
    color: #13f36c
}

.history-panel__tabs-item.active {
    background: #2a3145;
    border-radius: 9px
}

.history-panel__tabs-item.active>.history-panel__tabs-item__title {
    color: #fff
}

.history-panel__tabs-item__title {
    font-size: 13px;
    font-weight: 600;
    line-height: 16px
}

.history-panel__total {
    font-family: Halvar Breitschrift,sans-serif
}

.history-panel__total-color-tag {
    border-radius: 100%;
    height: 36px;
    width: 36px
}

.history-panel__total-color-tag.black {
    border: 1.28571px solid #97a3cb
}

.history-panel__total-color-tag.white {
    align-items: center;
    display: flex;
    justify-content: center
}

.history-panel__total-color-tag.white:after {
    /*background-image: url(/static/media/double-white-tag-star.373a83484d15a567bb0e.svg);
    */background-size: 21px 21px;
    content: "";
    height: 21px;
    width: 21px
}

.history-panel__total-amount {
    color: #fff
}

.history-panel__total-amount.win {
    color: #13f36c
}

.history-panel .history-element-container {
    border-radius: 8px;
    font-family: SF Pro Display,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: -.03em;
    line-height: 16px;
    margin-bottom: 8px;
    margin-top: 8px;
    transition: all .15s ease-in-out
}

.history-panel .history-element-container:nth-child(odd) {
    background-color: #1b233c
}

.history-panel .history-element-container .collapsable-header {
    align-items: center;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
    padding: 7px 9px
}

.history-panel .history-element-container .collapsable-header.tabbed .user {
    color: #97a3cb
}

.history-panel .history-element-container .collapsable-header-my {
    grid-template-columns: .5fr 1.5fr 1.5fr 1.5fr .2fr
}

.history-panel .history-element-container .collapsable-header-my__item {
    text-align: center
}

.history-panel .history-element-container .collapsable-header .color-tag {
    border-radius: 100%;
    display: inline-block;
    height: 12px;
    width: 12px
}

.history-panel .history-element-container .collapsable-header .color-tag.black {
    border: 1px solid #97a3cb
}

.history-panel .history-element-container .collapsable-header .game-amount {
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.history-panel .history-element-container .collapsable-header .date {
    align-self: center
}

.history-panel .history-element-container .collapsable-header .date div {
    color: #97a3cb;
    display: grid;
    place-items: start
}

.history-panel .history-element-container .collapsable-header .date div:last-child {
    font-size: 10px;
    line-height: 13px;
    opacity: .5
}

.history-panel .history-element-container .collapsable-header .won {
    text-align: right
}

.history-panel .history-element-container .collapsable-header .user {
    align-items: center;
    color: #545c78;
    display: flex;
    flex-direction: row;
    line-height: 14px
}

.history-panel .history-element-container .collapsable-header .start-sum {
    align-self: center;
    color: #97a3cb;
    font-size: 12px;
    text-align: center
}

.history-panel .history-element-container .collapsable-header .start-sum span {
    color: rgba(151,163,203,.15);
    font-size: 10px
}

.history-panel .history-element-container .collapsable-header .coef {
    align-self: center;
    color: #97a3cb;
    text-align: center
}

.history-panel .history-element-container .collapsable-header .win-amount {
    align-self: center;
    color: #13f36c;
    text-align: right
}

.history-panel .history-element-container .collapsable-header .win-amount__currency {
    font-size: 9px;
    opacity: .3
}

.history-panel .history-element-container .collapsable-header .feed-amount {
    align-self: center;
    color: #fff;
    text-align: right
}

.history-panel .history-element-container .collapsable-header .feed-amount.win {
    color: #13f36c
}

.history-panel .history-element-container .collapsable-header .feed-amount__currency {
    font-size: 9px;
    opacity: .3
}

.history-panel .history-element-container .collapsable-header .lose-amount {
    align-self: center;
    color: #fff;
    min-width: 40px;
    text-align: right
}

.history-panel .history-element-container .collapsable-header .collapse-button {
    align-self: center;
    display: flex;
    justify-content: flex-end;
    width: 100%
}

.history-panel .history-element-container .collapsable-header .collapse-button div {
    align-items: center;
    border-radius: 32px;
    display: flex;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    height: 26px;
    justify-content: flex-end;
    transition: all .15s ease-in-out;
    width: 26px
}

.history-panel .history-element-container .collapsable-header .collapse-button div img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.history-panel .history-element-container .collapsable-header .collapse-button div:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.history-panel .history-element-container .collapsable-header.history-live {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.history-panel .history-element-container .collapsable-header.history-live>.game-amount {
    width: 25%
}

.history-panel .history-element-container .collapsable-header.history-live>.coef,.history-panel .history-element-container .collapsable-header.history-live>.start-sum {
    width: 20%
}

.history-panel .history-element-container .collapsable-header.history-live>.user {
    width: 35%
}

.history-panel .history-element-container .collapsable-header.history-live>.user div {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis
}

.history-panel .history-element-container.opened .collapse-button>div {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transform: rotate(-180deg) translateX(-15px);
    transform: rotate(-180deg) translateX(-15px)
}

.history-panel .history-element-container .collapsable-container {
    align-items: center;
    display: flex;
    height: 0;
    justify-content: center;
    overflow: hidden;
    padding-bottom: 0;
    padding-left: 7px;
    padding-right: 7px;
    position: relative;
    transition: all .15s ease-in-out;
    width: 100%
}

.history-panel .history-element-container .collapsable-container.opened {
    height: 100%;
    padding-bottom: 18px
}

.history-panel .history-element-container .collapsable-container.opened .details {
    height: 156px;
    margin-top: 13px;
    padding-top: 10px;
    width: 100%
}

.history-panel .history-element-container .collapsable-container .game-result {
    font-family: Halvar Breit Blk,serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 23px;
    text-transform: uppercase
}

.history-panel .history-element-container .collapsable-container .game-result-win {
    color: #13f36c
}

.history-panel .history-element-container .collapsable-container .game-result-lose {
    color: #fd4f5a
}

.history-panel .history-element-container .collapsable-container .details {
    background: #121727;
    border-radius: 16px;
    height: 0;
    margin: 0;
    padding: 0;
    transition: all .15s ease-in-out;
    width: 100%
}

.history-panel .history-element-container .collapsable-container .details .row {
    align-items: center;
    display: flex
}

.history-panel .history-element-container .collapsable-container .details .row span {
    float: left
}

.history-panel .history-element-container .collapsable-container .details .row .row-text {
    background: #1b233c;
    border-radius: 8px;
    color: #97a3cb;
    font-size: 12px;
    line-height: 17px;
    margin: 5px 10px;
    padding: 10px 12px;
    position: relative;
    width: 100%
}

.history-panel .history-element-container .collapsable-container .details .row .row-text span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.history-panel .history-element-container .collapsable-container .details .row .row-text b {
    color: #fafafa
}

.history-panel .history-element-container .collapsable-container .details .row .row-text img {
    float: right;
    height: 16px;
    margin-right: 10px;
    margin-top: 10px;
    width: 16px
}

.history-panel .history-element-container .collapsable-container .details .row .row-text .button-container {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJEAAABYCAYAAAD1PxVfAAADIklEQVR4Xu2ay3HiQBCGCYEMlhD2sAiVqyxNCM6AzWA5rpHY4rB3bwYOYUMgBEIgBEKwNbig7EYPHnpMz3xd9R04qvlq/pG6R6PAy5j1ODa5mSXZS5Tm/2dptouSfF/8fguFw/Om2dY+f5z8mcdmPZF9okrqJE5gwlxMmm9+FD2SfaNGVp71xDborGlQTpq9cjJ9qplZLc6aBJewi8zzk+xnUGXvPZw+9xMn2Vz2Noj6iK9sJxsCtxHcifRxAiFQm0RJtg/qjnR4ZS9pBNxJmm1kr70sLtHdYr8nyZ57Vfa45ftPtxSxtpV996rstw350NA+3n6MJMZ65UX2X30RY72zk/+B+uJ1vn+MWYzl/6C2YpOv5QNC9zw8/P0m/wuVdfgqXfKA0D3Tx1Uq/w+VRYwNhxcSEWPDol4iYmx4VEvEcNUNVEs0M/k/+UDQP2olis3qp3wYGAaVErFk5hYqJWK46hbqJCLG3EOVRMSYm6iSiBhzEzUSsSPkLiokYkfIbVRIxD3IbZyXiOGq+zgtEcNVHTgtETGmA2clIsb04KRExJgunJOIHSF9OCcRO0L6cEoihqs6cUYihqt6cUYihqt6cUIiYkw3g0tEjOlncImIMf0MKhE7Qn4wmETsCPnDYBJxD/KHQSRiuOoXvUvEcNU/epeIGPOPXiUixvykN4mIMX/pRSJ2hPymF4nYEfKbziViuOo/nUrEcDUMOpWI4WoYdCYRMRYOnUhEjIVFJxIRY2HRukTsCIVHqxKxIxQmrUrEPShMWpOI4Wq4tCIRw9WwaUUiYixs7paIGIO7JCLGwHKzROwIwZGbJWJHCI7cJBHDVfjM1RIxXAXJ1RIxXAXJVRIRY1DGxRIRY1DF1Cy/S19KixiDKqQrpcWOEFQRJcut9OWs2BGCWoqEks6cFfcgqKPxUs1wFepZ7qQzX4rhKjQRJdlcevOliDGop/EUIsagmuIE2sfm90R6cypiDJqIzPOT9OZU7AhBE3HjPYgdIajARtgFr/MMV6GCx2xTeweyxXAVSinkaTx9jsVwFWxc2df2QpzXaZL/MmYxlp7U1Tv89U40mXARwQAAAABJRU5ErkJggg==');
    background-repeat: no-repeat;
    background-size: 60px 36px;
    cursor: pointer;
    -webkit-filter: opacity(1);
    filter: opacity(1);
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .15s ease-in-out;
    width: 60px
}

.history-panel .history-element-container .collapsable-container .details .row .row-text .button-container:hover {
    -webkit-filter: opacity(.8);
    filter: opacity(.8)
}

.history-panel .history-element-container .collapsable-container .details .row .row-text .button-container:active {
    -webkit-filter: opacity(.6);
    filter: opacity(.6)
}

.history-panel .history-element-container .collapsable-container .details .row .rounds {
    color: #858cab;
    font-size: 14px
}

.history-panel .history-element-container .collapsable-container .details .row .rounds b {
    color: #fafafa;
    font-size: 16px
}

.history-panel .history-element-container .collapsable-container .details .row .rounds>.color-tag {
    align-items: center;
    border: 1px solid #2a3145;
    border-radius: 100%;
    color: #f3f3f3;
    display: flex;
    font-family: Halvar Breit XBd,sans-serif;
    font-size: 10px;
    font-weight: 800;
    height: 24px;
    justify-content: center;
    width: 24px
}

.history-panel .history-element-container .collapsable-container .details .row .rounds>.color-tag.black {
    border: 1px solid #97a3cb
}

.history-panel .history-element-container .collapsable-container .details .row .rounds>.color-tag.white {
    color: #666c8c
}

.carousel,.carousel-body {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-items: center
}

.carousel-body {
    bottom: 0;
    padding: 30px;
    position: absolute;
    width: 100%
}

@media only screen and (max-width: 480px) {
    .carousel-body {
        max-width:331px;
        padding: 10px 10px 32px
    }
}

.carousel-text {
    font-family: SF Pro Display,sans-serif;
    font-style: normal;
    width: 100%
}

.carousel-text__header {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    text-align: center
}

.carousel-text__body {
    color: #97a3cb;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 30px;
    margin-top: 10px;
    max-width: 400px;
    text-align: center
}

.carousel-text__footer {
    height: 45px;
    margin: 24px auto 30px;
    width: 206px
}

.carousel-controls {
    align-items: center;
    color: #fff;
    display: flex
}

.carousel-controls__prev {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAMAAADDGrRQAAAAPFBMVEVHcEz///////////////////////////////////////////////////////////////////////////+PybD1AAAAE3RSTlMAEB8gLzBAUF9gcH+Aj5+/z9/vGPB2nQAAAFZJREFUKM9tzzkSwCAMQ1EREiA7tu5/1zTMBGx++RqNgFbJsD1UI+Elr5Fi9STkPtIm1DRSUWpeuoCVNkGaGLJSU+wKbcOdiEIeMzwthjpB3KQzlP/KB9W1BhUC7R2JAAAAAElFTkSuQmCC');
    background-repeat: no-repeat;
    height: 15px;
    margin-right: 35px;
    transition: all .15s ease-out;
    width: 19px
}

.carousel-controls__prev:hover {
    opacity: .6
}

.carousel-controls__prev:active {
    opacity: .3
}

.carousel-controls__prev.disabled {
    -webkit-filter: opacity(.3);
    filter: opacity(.3);
    pointer-events: none
}

.carousel-controls__next {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAMAAADDGrRQAAAAPFBMVEVHcEz///////////////////////////////////////////////////////////////////////////+PybD1AAAAE3RSTlMAEB8gLzBAUF9gcH+Aj5+/z9/vGPB2nQAAAFVJREFUKM9tkEkSgCAMBAfRxB3I/P+vXtSiEvrYl1mAD1kRIK/gDrKmgWzZy30k1dgWACl3iNEUaPTIwM3A1KFGc9XlzejYYpeTrFEVv814hw/0D3wAxiUGFbIm3s4AAAAASUVORK5CYII=');
    background-repeat: no-repeat;
    height: 15px;
    margin-left: 35px;
    transition: all .15s ease-out;
    width: 19px
}

.carousel-controls__next:hover {
    opacity: .6
}

.carousel-controls__next:active {
    opacity: .3
}

.carousel-controls__next.disabled {
    -webkit-filter: opacity(.3);
    filter: opacity(.3);
    pointer-events: none
}

.carousel-controls__slides {
    align-items: center;
    display: flex
}

.carousel-controls__slides div {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAALVBMVEVHcEz////////////////////////////////////////////////////////NXt0CAAAADnRSTlMAEFBfYG9/gI+Qr8/f7+GH56IAAABySURBVHjaY2BgYIw692YxAxjovgOCwyAW5zswKAAy6yDMFwwMLO+gQIGBB8a8yOAHYz5lWAdjvmLYB2O+YXgHB8jMczDWa2RtcTDmYwZZGPMAAxOMacDA0AdhPQO6jA3CbAA52AfEugTxhte+N0sFGBgAKWmRGNL4F2cAAAAASUVORK5CYII=');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    height: 24px;
    width: 24px
}

.carousel-controls__slides div:hover {
    opacity: .6
}

.carousel-controls__slides div:active {
    opacity: .3
}

.carousel-controls__slides div.activated {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMAEB8gMD9AT1BfYG9wf4CPkJ+vv8/f7+KC9EYAAAGvSURBVHjalVVbgsMgCIzVbWPS1PWZ+990kwYkiqbd+VMZYBBxYBCTcTGt6xq90XL4APHya4Gwca7MN88MtksBc45X01yGtYvYCDJt7vtII0vn5M7om9gEqYeJLC1ub3/O+8q2GSPuesmkZYo+bSbIdG5V44mn5CxC8mpo1w/OQxZAtbtmLLDMEbtQ6TAR7xWoyvk3dWAICmBPLTW7uGXo9InhKcR0ECihMeUrJIqkEKEK8MvbjhL3maqoZAUM7t+PtYCMImxvywpjviy4boOOaJtApRzQEOQ/WgGo3HTk3i5JguMEh3WC3FHLAfbqSJ44MgQCSqit+dn/CQlT4kUqm1ocSzC5fRatQJErnt/MCbp4xr66OJF6RULDujVGFqBqDdRyJ0cFlvzo8ivwVXsvvFmpvQMZ0AOaYmNASkiQdPrznHVhf6KzoC2LbinE84shYM+lTGyM8dEoQeb3gwyb+pqhcJTyYfz8MIypLP0PUPpiHPDbsoX2u2V3Tgz6ska1f1lyyl8W2RPG609RN2vXRWjXb+m5X7oXZJvme0t1KVM1mTyYX3KMj7vn6Izm1n9gRWRlf6OkIgAAAABJRU5ErkJggg==')!important;
    background-position: 50%;
    background-size: 24px 24px;
    height: 24px;
    width: 24px
}

.carousel-slides {
    background: #0a0f1d;
    border-radius: 8px;
    display: flex;
    min-height: 384px;
    overflow: hidden
}

.carousel-slides__current {
    position: relative;
    top: -40px
}

@media only screen and (max-width: 480px) {
    .carousel-slides__current {
        max-width:345px;
        top: 0
    }
}

.carousel-slides__current img {
    max-width: 460px
}

@media(max-width: 480px) {
    .carousel-slides__current img {
        max-width:100%
    }
}

.carousel-slides__next,.carousel-slides__prev {
    width: 0
}

.cells-board-wrapper {
    margin-bottom: 40px;
    margin-top: 29px;
    position: relative
}

.cells-board-wrapper:after {
    background-image: url('./crack1-D1KnNQ_b.svg');
    background-size: 82px 128px;
    content: "";
    height: 128px;
    position: absolute;
    right: -140px;
    top: 25px;
    width: 82px
}

.cells-board-wrapper:before {
    background-image: url('./crack2-BSlcWP3o.svg');
    background-size: 68px 201px;
    content: "";
    height: 201px;
    left: -125px;
    position: absolute;
    top: 140px;
    width: 68px
}

@media (max-width: 640px) {
    .cells-board-wrapper {
        margin:50px 0 22px
    }

    .cells-board-wrapper:after {
        left: 275px;
        top: 310px;
        -webkit-transform: scaleY(-1);
        transform: scaleY(-1)
    }

    .cells-board-wrapper:after,.cells-board-wrapper:before {
        background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhLS0gQ3JlYXRlZCB3aXRoIEtleXNoYXBlIC0tPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9Ijg5IiBoZWlnaHQ9IjY5IiB2aWV3Qm94PSIwIDAgODkgNjkiIGZpbGw9Im5vbmUiIHN0eWxlPSJiYWNrZ3JvdW5kOiByZ2JhKDAsMCwwLDAuMDApOyI+CiAgICA8ZGVmcz4KICAgICAgICA8cmFkaWFsR3JhZGllbnQgaWQ9IkdyYWRpZW50LTAiIGN4PSItMS45NiIgY3k9IjYuMTIiIHI9IjEiIGZ4PSItMS45NiIgZnk9IjYuMTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDAgMTIuNSAtMTIuNSAwIDc2LjUgMjQuNSkiPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM3MWVhZWMiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNzFlYWVjIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgICAgICA8L3JhZGlhbEdyYWRpZW50PgogICAgICAgIDxyYWRpYWxHcmFkaWVudCBpZD0iR3JhZGllbnQtMSIgY3g9Ii01LjI4NTcxIiBjeT0iMy44NTcxNCIgcj0iMSIgZng9Ii01LjI4NTcxIiBmeT0iMy44NTcxNCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMCAzLjUgLTMuNSAwIDEzLjUgMTguNSkiPgogICAgICAgICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM3MWVhZWMiLz4KICAgICAgICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjNzFlYWVjIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgICAgICA8L3JhZGlhbEdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPHN0eWxlPgpAa2V5ZnJhbWVzIGZsZXgtM19tbyB7IDAlIHsgb2Zmc2V0LWRpc3RhbmNlOiAwJTsgfSA1MCUgeyBvZmZzZXQtZGlzdGFuY2U6IDQ5Ljk5OSU7IH0gMTAwJSB7IG9mZnNldC1kaXN0YW5jZTogMTAwJTsgfSB9CkBrZXlmcmFtZXMgZmxleC0yX21vIHsgMCUgeyBvZmZzZXQtZGlzdGFuY2U6IDAlOyB9IDUwJSB7IG9mZnNldC1kaXN0YW5jZTogNTAuMDM2JTsgfSAxMDAlIHsgb2Zmc2V0LWRpc3RhbmNlOiAxMDAlOyB9IH0KQGtleWZyYW1lcyBmbGV4LTFfbW8geyAwJSB7IG9mZnNldC1kaXN0YW5jZTogMCU7IH0gNTAlIHsgb2Zmc2V0LWRpc3RhbmNlOiA1MC44MzQlOyB9IDEwMCUgeyBvZmZzZXQtZGlzdGFuY2U6IDEwMCU7IH0gfQogICAgPC9zdHlsZT4KICAgIDxnIGlkPSJmbGV4LTMiIHN0eWxlPSJ0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtMTIuNXB4LC0xMi41cHgpOyBhbmltYXRpb246IDNzIGxpbmVhciBpbmZpbml0ZSBib3RoIGZsZXgtM19tbzsgb2Zmc2V0LXBhdGg6IHBhdGgoJ003Ni41LDI0LjVDNzQsMjQuNSw3NCwyMS41LDc2LjUsMjEuNUM3OSwyMS41LDc5LDI0LjUsNzYuNSwyNC41Jyk7IG9mZnNldC1yb3RhdGU6IDBkZWc7Ij4KICAgICAgICA8ZWxsaXBzZSBvcGFjaXR5PSIwLjIiIGZpbGw9InVybCgjR3JhZGllbnQtMCkiIHJ4PSIxMi41IiByeT0iMTIuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTIuNSwxMi41KSIvPgogICAgICAgIDxlbGxpcHNlIGZpbGw9IiM3MUVBRUMiIHJ4PSIyLjUiIHJ5PSIyLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLjUsMTIuNSkiLz4KICAgIDwvZz4KICAgIDxlbGxpcHNlIGlkPSJmbGV4LTIiIGZpbGw9IiM3MUVBRUMiIHJ4PSIwLjUiIHJ5PSIwLjUiIHN0eWxlPSJhbmltYXRpb246IDNzIGxpbmVhciBpbmZpbml0ZSBib3RoIGZsZXgtMl9tbzsgb2Zmc2V0LXBhdGg6IHBhdGgoJ00yNS41LDYxLjVDMjguODMzMyw2MC42MDIzLDM4LjU1ODUsNTcuNzE0Nyw0MS44OTE5LDU4Ljc3ODVDMzguNjAxMiw1OS42NTkyLDI4Ljg3NDMsNjIuMzQ1MywyNS41LDYxLjUnKTsgb2Zmc2V0LXJvdGF0ZTogMGRlZzsiLz4KICAgIDxnIGlkPSJmbGV4LTEiIHN0eWxlPSJ0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtMy41cHgsLTMuNXB4KTsgYW5pbWF0aW9uOiAzcyBsaW5lYXIgaW5maW5pdGUgYm90aCBmbGV4LTFfbW87IG9mZnNldC1wYXRoOiBwYXRoKCdNMTMuNSwxOC41QzEzLjI0ODMsMjEuMzUyOCwxNC40NDcsMjIuODE1MiwxNy41LDIyLjVDMTcuNzQzOSwxOS41ODk0LDE2LjA3NzgsMTguNTg4OSwxMy41LDE4LjUnKTsgb2Zmc2V0LXJvdGF0ZTogMGRlZzsiPgogICAgICAgIDxlbGxpcHNlIG9wYWNpdHk9IjAuMiIgZmlsbD0idXJsKCNHcmFkaWVudC0xKSIgcng9IjMuNSIgcnk9IjMuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy41LDMuNSkiLz4KICAgICAgICA8ZWxsaXBzZSBmaWxsPSIjNzFFQUVDIiByeD0iMC41IiByeT0iMC41IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjUsMy41KSIvPgogICAgPC9nPgo8L3N2Zz4K');
        background-size: 89px 69px;
        content: "";
        height: 69px;
        position: absolute;
        width: 89px;
        z-index: -1
    }

    .cells-board-wrapper:before {
        left: -22px;
        top: -22px;
        -webkit-transform: rotate(-54deg);
        transform: rotate(-54deg)
    }
}

.cells-board {
    background-color: #0a0f1d;
    background-image: url('./cellsFrame-HRNEGinR.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto;
    border-radius: 25px;
    box-shadow: 0 -2px 20px rgba(42,49,69,.4),0 4px 54px rgba(42,49,69,.2);
    display: grid;
    grid-template-columns: repeat(5,66px);
    grid-template-rows: repeat(5,66px);
    overflow: hidden;
    padding: 10px
}

.cells-board .cell {
    align-items: center;
    display: flex;
    justify-content: center;
    z-index: 1
}

.cells-board .cell-hovered:hover svg {
    height: 62px;
    transition: all .3s;
    width: 62px
}

.cells-board-mask {
    height: 320px;
    left: 15px;
    -webkit-mask-clip: border-box;
    mask-clip: initial;
    -webkit-mask-image: url('./cells_mask-C9_vp0wf.svg');
    mask-image: url('./cells_mask-C9_vp0wf.svg');
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    position: absolute;
    top: 15px;
    width: 320px;
    z-index: 2
}

.cells-board-mask .animated-highlight {
    background: linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.4) 98.37%,hsla(0,0%,100%,0));
    height: 74px;
    position: absolute;
    right: 170px;
    top: 50px;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
    width: 610px;
    z-index: 3
}

.tower__gamefield {
    height: 215px;
    margin-top: 35px;
    overflow: hidden
}

.tower__gamefield-board {
    left: calc(50% - 170px);
    opacity: 1;
    top: -560px;
    transition: all .5s ease;
    width: 340px;
    z-index: 1
}

.tower__gamefield-board.hide {
    opacity: 0
}

.tower__gamefield-board__microscheme {
    margin-bottom: 10px
}

.tower__gamefield-board__microscheme>svg {
    fill: #16cef0;
    transition: fill .3s ease
}

.tower__gamefield-board__microscheme.win>svg {
    fill: #13f36c
}

.tower__gamefield__current-row {
    height: 87px;
    position: relative;
    width: 375px
}

@media (min-width: 200px) and (max-width:425px) {
    .tower__gamefield__current-row {
        width:100%
    }
}

.tower__gamefield__current-row__substrate {
    background: #151b2e;
    height: 46px;
    left: 0;
    position: absolute;
    top: calc(50% - 23px);
    width: 100%;
    z-index: 0
}

.tower__gamefield__current-row__corners {
    height: 100%;
    position: absolute;
    transition: all .3s ease;
    width: 100%;
    z-index: 1
}

@media (min-width: 200px) and (max-width:425px) {
    .tower__gamefield__current-row__corners {
        left:2.5%;
        width: 95%
    }
}

@-webkit-keyframes scalee {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    75% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scalee {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    75% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.tower__gamefield__current-row__corners.pulse-animate {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scalee;
    animation-name: scalee
}

.tower__gamefield__current-row__corners.pulse-animate>svg {
    fill: #16cef0
}

.tower__gamefield__current-row__corners>svg {
    fill: #084961;
    height: 100%;
    width: 100%
}

.tower__gamefield__current-row__cells {
    left: 22.5px;
    position: absolute;
    top: calc(50% - 33px);
    width: calc(100% - 45px);
    z-index: 2
}

.tower__gamefield__cell {
    height: 66px;
    position: relative;
    width: 66px
}

.tower__gamefield__cell.small {
    height: 55px;
    opacity: .5;
    width: 55px
}

.tower__gamefield__cell.small>svg {
    height: 100%;
    width: 100%
}

.tower__progressbar {
    background: linear-gradient(180deg,#0a0f1d 38.84%,rgba(10,15,29,0) 127.43%);
    color: #97a3cb;
    height: 150px;
    width: 370px
}

@media (min-width: 200px) and (max-width:425px) {
    .tower__progressbar {
        width:100%
    }
}

.tower__progressbar-wrapper {
    left: calc(50% - 185px);
    z-index: 2
}

@media (min-width: 200px) and (max-width:425px) {
    .tower__progressbar-wrapper {
        left:0;
        width: 100%
    }
}

.tower__progressbar:after,.tower__progressbar:before {
    background-color: #084961;
    border-radius: 10px;
    height: 60px;
    position: absolute;
    top: 0;
    transition: all .3s ease;
    width: 3px
}

.tower__progressbar:after {
    content: "";
    right: 0
}

.tower__progressbar:before {
    content: "";
    left: 0
}

.tower__progressbar.active:after,.tower__progressbar.active:before {
    background-color: #b1d5ff;
    box-shadow: 0 0 8px #aed4ff
}

.tower__progressbar.win:after,.tower__progressbar.win:before {
    background: #13f36c;
    box-shadow: 0 0 8px #13f36c
}

.tower__progressbar__viruses {
    font-family: SF Pro Display,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    white-space: nowrap
}

.tower__progressbar__virusescount-text {
    color: #fff;
    font-size: 24px
}

.tower__progressbar__virusescount-icon {
    /*background-image: url(/static/media/virus.dead90c2db510e59a430.svg);*/
    background-position: 50%;
    background-repeat: no-repeat;
    height: 32px;
    width: 32px
}

.tower__progressbar__textlevel {
    font-family: SF Pro Display,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    text-align: left
}

.tower__progressbar__levels {
    display: flex
}

.tower__progressbar__levels__level {
    height: .75rem;
    margin-right: 2px;
    width: .75rem
}

.tower__progressbar__levels__level.in-progress>svg>path {
    stroke: #fff
}

.tower__progressbar__levels__level.level-win>svg {
    fill: #13f36c
}

.tower__progressbar__levels__level.level-win>svg>path {
    stroke: #13f36c
}

.tower__line {
    /*background: url(/static/media/line.a8b3ce657cb1b36cde9a.svg);
    */height: 4px
}

.tower__line.active {
    /*background: url(/static/media/line-active.4e52135d6b93b301b119.svg)*/
}

.dropdown {
    background-color: #2e384e;
    border: 3px solid #141b25;
    border-radius: 8px;
    box-sizing: border-box;
    color: #bcbdbe;
    font-family: Inter;
    font-size: 12px;
    font-weight: 500;
    height: 40px;
    letter-spacing: 0;
    line-height: 17px;
    position: relative;
    text-align: left;
    width: 100%;
    z-index: 10
}

@media (min-width: 1021px) {
    .dropdown {
        height:36px;
        width: 150px
    }
}

.dropdown__option-wrapper {
    background-color: #2e384e;
    border-radius: 8px;
    box-sizing: border-box
}

.dropdown__option-wrapper__option {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 34px;
    justify-content: space-between;
    padding-left: 8px
}

.dropdown__option-wrapper__option>img {
    transition: all .15s ease-in-out
}

.dropdown__option-wrapper__option .open {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media (min-width: 1021px) {
    .dropdown__option-wrapper__option {
        height:30px
    }
}

.dropdown__option-wrapper__option.selected {
    color: #3e4b67
}

.dropdown__option-wrapper__option:nth-child(2) {
    border-top: 1px solid #3e4b67
}

.predictor__img {
    border-radius: 10px;
    max-width: 100%
}

.predictor__img-container {
    max-width: 300px
}

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.loading-spinner {
    -webkit-animation: spinner 1.5s linear infinite;
    animation: spinner 1.5s linear infinite;
    border: 10px solid #f3f3f3;
    border-radius: 50%;
    border-top-color: #383636;
    height: 50px;
    width: 50px
}

.spinner-container {
    align-items: center;
    display: inline-grid;
    justify-content: center
}

body {
    background: #0a0f1e;
    font-family: Halvar Breit Blk,sans-serif;
    font-weight: 700;
    margin: 0
}

.app-wrapper {
    display: flex;
    justify-content: space-between;
    margin: initial!important;
    overflow: hidden;
    position: relative;
    width: 100%
}

.app-wrapper.mb {
    flex-direction: column
}

.section {
    padding: 3rem 0
}

.game-config {
    border-radius: 16px
}

@media (max-width: 1021px) {
    .game-config {
        padding:15px
    }
}

@media (max-width: 640px) {
    .game-config {
        padding:8px
    }
}

.game__content {
    border-radius: 15px;
    min-height: 100vh;
    padding: 15px 0;
    position: relative;
    width: calc(100% - 400px)
}

@media (max-width: 1021px) {
    .game__content {
        min-height:0;
        width: auto
    }
}

.game-right-sidebar {
    background: #101224;
    border-radius: 8px;
    height: 100vh;
    min-width: 400px;
    position: relative
}

@media (max-width: 1021px) {
    .game-right-sidebar {
        height:60vh
    }
}

.loader {
    align-items: center;
    display: flex;
    height: 100vh;
    justify-content: center
}

.base-input {
    background: #0a0d2c;
    border-radius: 8px
}

.Toastify__toast-theme--light {
    background: #252339!important;
    box-shadow: 0 8px 20px #333!important
}

.Toastify__close-button>svg {
    fill: #fff!important
}

.Toastify__progress-bar-theme--light {
    background: #24abf8!important;
    border: 1px solid #000!important;
    box-shadow: 0 4px 4px rgba(0,0,0,.25)!important
}

.preloader {
    align-items: center;
    background-color: #0a0f1e;
    display: flex;
    height: 100vh;
    justify-content: center;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 100
}

.preloader svg {
    width: 140px
}

.jackpot-palace-logo {
    color: #fff;
    font-family: sans-serif;
    font-size: 28px;
    text-shadow: #000 1px 0 3px
}

.disabled\:opacity-50:disabled {
    opacity: .5!important
}

@media (min-width: 200px) and (max-width:425px) {
    .sm\:ml-\[15px\] {
        margin-left:15px!important
    }

    .sm\:justify-start {
        justify-content: flex-start!important
    }

    .sm\:gap-\[7px\] {
        gap: 7px!important
    }
}

@media (max-width: 640px) {
    .mobile\:mx-1 {
        margin-left:.25rem!important;
        margin-right: .25rem!important
    }

    .mobile\:h-\[3\.25rem\] {
        height: 3.25rem!important
    }

    .mobile\:w-full {
        width: 100%!important
    }

    .mobile\:w-1\/2 {
        width: 50%!important
    }

    .mobile\:min-w-0 {
        min-width: 0!important
    }

    .mobile\:basis-1\/3 {
        flex-basis: 33.333333%!important
    }

    .mobile\:basis-auto {
        flex-basis: auto!important
    }

    .mobile\:flex-col {
        flex-direction: column!important
    }

    .mobile\:gap-x-0 {
        -webkit-column-gap: 0!important;
        column-gap: 0!important
    }

    .mobile\:gap-y-3 {
        row-gap: .75rem!important
    }

    .mobile\:p-3 {
        padding: .75rem!important
    }

    .mobile\:pl-0 {
        padding-left: 0!important
    }
}

@media (max-width: 1021px) {
    .laptop\:flex-col {
        flex-direction:column!important
    }

    .laptop\:px-0 {
        padding-left: 0!important;
        padding-right: 0!important
    }
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: hsla(0,0%,100%,.7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error)
}

.Toastify__toast-container {
    box-sizing: border-box;
    color: #fff;
    padding: 4px;
    position: fixed;
    -webkit-transform: translate3d(0,0,9999 px);
    -webkit-transform: translate3d(0,0,var(--toastify-z-index) px);
    width: 320px;
    width: var(--toastify-toast-width);
    z-index: 9999;
    z-index: var(--toastify-z-index)
}

.Toastify__toast-container--top-left {
    left: 1em;
    top: 1em
}

.Toastify__toast-container--top-center {
    left: 50%;
    top: 1em;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.Toastify__toast-container--top-right {
    right: 1em;
    top: 1em
}

.Toastify__toast-container--bottom-left {
    bottom: 1em;
    left: 1em
}

.Toastify__toast-container--bottom-center {
    bottom: 1em;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.Toastify__toast-container--bottom-right {
    bottom: 1em;
    right: 1em
}

@media only screen and (max-width: 480px) {
    .Toastify__toast-container {
        left:0;
        margin: 0;
        padding: 0;
        width: 100vw
    }

    .Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right {
        top: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right {
        bottom: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .Toastify__toast-container--rtl {
        left: auto;
        right: 0
    }
}

.Toastify__toast {
    border-radius: 4px;
    box-shadow: 0 1px 10px 0 rgba(0,0,0,.1),0 2px 15px 0 rgba(0,0,0,.05);
    box-sizing: border-box;
    cursor: default;
    direction: ltr;
    display: flex;
    font-family: sans-serif;
    font-family: var(--toastify-font-family);
    justify-content: space-between;
    margin-bottom: 1rem;
    max-height: 800px;
    max-height: var(--toastify-toast-max-height);
    min-height: 64px;
    min-height: var(--toastify-toast-min-height);
    overflow: hidden;
    padding: 8px;
    position: relative;
    z-index: 0
}

.Toastify__toast--rtl {
    direction: rtl
}

.Toastify__toast--close-on-click {
    cursor: pointer
}

.Toastify__toast-body {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    margin: auto 0;
    padding: 6px
}

.Toastify__toast-body>div:last-child {
    flex: 1 1;
    word-break: break-word
}

.Toastify__toast-icon {
    -webkit-margin-end: 10px;
    display: flex;
    flex-shrink: 0;
    margin-inline-end:10px;width: 20px
}

.Toastify--animate {
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.Toastify--animate-icon {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media only screen and (max-width: 480px) {
    .Toastify__toast {
        border-radius:0;
        margin-bottom: 0
    }
}

.Toastify__toast-theme--dark {
    background: #121212;
    background: var(--toastify-color-dark);
    color: #fff;
    color: var(--toastify-text-color-dark)
}

.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light {
    background: #fff;
    background: var(--toastify-color-light);
    color: #757575;
    color: var(--toastify-text-color-light)
}

.Toastify__toast-theme--colored.Toastify__toast--info {
    background: #3498db;
    background: var(--toastify-color-info);
    color: #fff;
    color: var(--toastify-text-color-info)
}

.Toastify__toast-theme--colored.Toastify__toast--success {
    background: #07bc0c;
    background: var(--toastify-color-success);
    color: #fff;
    color: var(--toastify-text-color-success)
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
    background: #f1c40f;
    background: var(--toastify-color-warning);
    color: #fff;
    color: var(--toastify-text-color-warning)
}

.Toastify__toast-theme--colored.Toastify__toast--error {
    background: #e74c3c;
    background: var(--toastify-color-error);
    color: #fff;
    color: var(--toastify-text-color-error)
}

.Toastify__progress-bar-theme--light {
    background: linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);
    background: var(--toastify-color-progress-light)
}

.Toastify__progress-bar-theme--dark {
    background: #bb86fc;
    background: var(--toastify-color-progress-dark)
}

.Toastify__progress-bar--info {
    background: #3498db;
    background: var(--toastify-color-progress-info)
}

.Toastify__progress-bar--success {
    background: #07bc0c;
    background: var(--toastify-color-progress-success)
}

.Toastify__progress-bar--warning {
    background: #f1c40f;
    background: var(--toastify-color-progress-warning)
}

.Toastify__progress-bar--error {
    background: #e74c3c;
    background: var(--toastify-color-progress-error)
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning {
    background: hsla(0,0%,100%,.7);
    background: var(--toastify-color-transparent)
}

.Toastify__close-button {
    align-self: flex-start;
    background: transparent;
    border: none;
    color: #fff;
    cursor: pointer;
    opacity: .7;
    outline: none;
    padding: 0;
    transition: .3s ease
}

.Toastify__close-button--light {
    color: #000;
    opacity: .3
}

.Toastify__close-button>svg {
    fill: currentColor;
    height: 16px;
    width: 14px
}

.Toastify__close-button:focus,.Toastify__close-button:hover {
    opacity: 1
}

@-webkit-keyframes Toastify__trackProgress {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes Toastify__trackProgress {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

.Toastify__progress-bar {
    bottom: 0;
    height: 5px;
    left: 0;
    opacity: .7;
    position: absolute;
    -webkit-transform-origin: left;
    transform-origin: left;
    width: 100%;
    z-index: 9999;
    z-index: var(--toastify-z-index)
}

.Toastify__progress-bar--animated {
    -webkit-animation: Toastify__trackProgress linear 1 forwards;
    animation: Toastify__trackProgress linear 1 forwards
}

.Toastify__progress-bar--controlled {
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.Toastify__progress-bar--rtl {
    left: auto;
    right: 0;
    -webkit-transform-origin: right;
    transform-origin: right
}

.Toastify__spinner {
    -webkit-animation: Toastify__spin .65s linear infinite;
    animation: Toastify__spin .65s linear infinite;
    border: 2px solid #e0e0e0;
    border-color: var(--toastify-spinner-color-empty-area);
    border-radius: 100%;
    border-right-color: #616161;
    border-right-color: var(--toastify-spinner-color);
    box-sizing: border-box;
    height: 20px;
    width: 20px
}

@-webkit-keyframes Toastify__bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes Toastify__bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes Toastify__bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@-webkit-keyframes Toastify__bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes Toastify__bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes Toastify__bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@-webkit-keyframes Toastify__bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes Toastify__bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes Toastify__bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@-webkit-keyframes Toastify__bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes Toastify__bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes Toastify__bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes Toastify__bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left {
    -webkit-animation-name: Toastify__bounceInLeft;
    animation-name: Toastify__bounceInLeft
}

.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right {
    -webkit-animation-name: Toastify__bounceInRight;
    animation-name: Toastify__bounceInRight
}

.Toastify__bounce-enter--top-center {
    -webkit-animation-name: Toastify__bounceInDown;
    animation-name: Toastify__bounceInDown
}

.Toastify__bounce-enter--bottom-center {
    -webkit-animation-name: Toastify__bounceInUp;
    animation-name: Toastify__bounceInUp
}

.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left {
    -webkit-animation-name: Toastify__bounceOutLeft;
    animation-name: Toastify__bounceOutLeft
}

.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right {
    -webkit-animation-name: Toastify__bounceOutRight;
    animation-name: Toastify__bounceOutRight
}

.Toastify__bounce-exit--top-center {
    -webkit-animation-name: Toastify__bounceOutUp;
    animation-name: Toastify__bounceOutUp
}

.Toastify__bounce-exit--bottom-center {
    -webkit-animation-name: Toastify__bounceOutDown;
    animation-name: Toastify__bounceOutDown
}

@-webkit-keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes Toastify__zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes Toastify__zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.Toastify__zoom-enter {
    -webkit-animation-name: Toastify__zoomIn;
    animation-name: Toastify__zoomIn
}

.Toastify__zoom-exit {
    -webkit-animation-name: Toastify__zoomOut;
    animation-name: Toastify__zoomOut
}

@-webkit-keyframes Toastify__flipIn {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes Toastify__flipIn {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes Toastify__flipOut {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
}

@keyframes Toastify__flipOut {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg)
    }
}

.Toastify__flip-enter {
    -webkit-animation-name: Toastify__flipIn;
    animation-name: Toastify__flipIn
}

.Toastify__flip-exit {
    -webkit-animation-name: Toastify__flipOut;
    animation-name: Toastify__flipOut
}

@-webkit-keyframes Toastify__slideInRight {
    0% {
        -webkit-transform: translate3d(110%,0,0);
        transform: translate3d(110%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInRight {
    0% {
        -webkit-transform: translate3d(110%,0,0);
        transform: translate3d(110%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__slideInLeft {
    0% {
        -webkit-transform: translate3d(-110%,0,0);
        transform: translate3d(-110%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInLeft {
    0% {
        -webkit-transform: translate3d(-110%,0,0);
        transform: translate3d(-110%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__slideInUp {
    0% {
        -webkit-transform: translate3d(0,110%,0);
        transform: translate3d(0,110%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInUp {
    0% {
        -webkit-transform: translate3d(0,110%,0);
        transform: translate3d(0,110%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__slideInDown {
    0% {
        -webkit-transform: translate3d(0,-110%,0);
        transform: translate3d(0,-110%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes Toastify__slideInDown {
    0% {
        -webkit-transform: translate3d(0,-110%,0);
        transform: translate3d(0,-110%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes Toastify__slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(110%,0,0);
        transform: translate3d(110%,0,0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(110%,0,0);
        transform: translate3d(110%,0,0);
        visibility: hidden
    }
}

@-webkit-keyframes Toastify__slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-110%,0,0);
        transform: translate3d(-110%,0,0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(-110%,0,0);
        transform: translate3d(-110%,0,0);
        visibility: hidden
    }
}

@-webkit-keyframes Toastify__slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,500px,0);
        transform: translate3d(0,500px,0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,500px,0);
        transform: translate3d(0,500px,0);
        visibility: hidden
    }
}

@-webkit-keyframes Toastify__slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,-500px,0);
        transform: translate3d(0,-500px,0);
        visibility: hidden
    }
}

@keyframes Toastify__slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        -webkit-transform: translate3d(0,-500px,0);
        transform: translate3d(0,-500px,0);
        visibility: hidden
    }
}

.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left {
    -webkit-animation-name: Toastify__slideInLeft;
    animation-name: Toastify__slideInLeft
}

.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right {
    -webkit-animation-name: Toastify__slideInRight;
    animation-name: Toastify__slideInRight
}

.Toastify__slide-enter--top-center {
    -webkit-animation-name: Toastify__slideInDown;
    animation-name: Toastify__slideInDown
}

.Toastify__slide-enter--bottom-center {
    -webkit-animation-name: Toastify__slideInUp;
    animation-name: Toastify__slideInUp
}

.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left {
    -webkit-animation-name: Toastify__slideOutLeft;
    animation-name: Toastify__slideOutLeft
}

.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right {
    -webkit-animation-name: Toastify__slideOutRight;
    animation-name: Toastify__slideOutRight
}

.Toastify__slide-exit--top-center {
    -webkit-animation-name: Toastify__slideOutUp;
    animation-name: Toastify__slideOutUp
}

.Toastify__slide-exit--bottom-center {
    -webkit-animation-name: Toastify__slideOutDown;
    animation-name: Toastify__slideOutDown
}

@-webkit-keyframes Toastify__spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes Toastify__spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.Toastify__toast-icon {
    -webkit-margin-end: 14px;
    margin-inline-end:14px;max-width: 28px;
    width: auto
}

.app-popup {
    max-width: 500px;
    min-width: 350px;
    padding: 0;
    width: auto
}

@media (min-width: 1021px) {
    .app-popup {
        left:calc(50% - 200px)
    }
}

@media only screen and (max-width: 480px) {
    .app-popup {
        left:2.5%;
        top: 2rem;
        width: 95%
    }

    .app-popup__toast {
        margin-bottom: .5rem
    }
}

.app-popup__toast {
    background: #151b2e;
    border-radius: 16px;
    box-shadow: 0 4px 24px #0a0f1e;
    min-height: 56px;
    padding: 9px 14px
}

.app-popup__toast.win {
    padding: 0
}

.app-popup__toast-body {
    height: 100%;
    padding: 0
}

.app-popup__toast-body__wrapper {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.app-popup__toast-body__header {
    color: #fff;
    font-family: Halvar Breit XBd,sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    text-align: start
}

.app-popup__toast-body__body {
    color: #97a3cb;
    font-family: FS Elliot Pro,sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    text-align: start
}

.app-popup__toast-body__win {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 4px;
    position: relative
}

.app-popup__toast-body__win .left-side {
    font-family: FS Elliot Pro;
    padding: 0 20px;
    text-align: left
}

.app-popup__toast-body__win .left-side__label {
    color: #97a3cb;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px
}

.app-popup__toast-body__win .left-side__lightgreen {
    color: #13f36c;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 24px
}

.app-popup__toast-body__win .left-side__small-gray {
    color: hsla(0,0%,100%,.188);
    font-size: 10px;
    font-weight: 700
}

.app-popup__toast-body__win .right-side {
    align-items: center;
    background: rgba(42,49,69,.7);
    border-radius: 20px 12px 12px 20px;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-family: Halvar Breit XBd,sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    justify-content: center;
    line-height: 22px;
    padding: 16px;
    text-align: center
}

.app-popup__toast-body__win:after {
    background: linear-gradient(180deg,#108de7,#0855c4);
    border-radius: 0 7px 7px 0;
    box-shadow: 0 2px 66px rgba(10,98,204,.5);
    content: "";
    height: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%);
    width: 8px
}