/* /Components/Info/Account_Info.razor.rz.scp.css */
body[b-x1pwjy0nfk] {
}

.account-info-grid[b-x1pwjy0nfk] {
    width: 270px;
    height: 350px;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 1;

    display: grid;
    grid-template-rows: 14px /* 1st row */
    8px /* 2nd row */
    16px /* 3rd row */
    34px /* 4th row */
    14px /* 5th row */
    34px /* 8th row */
    14px /* 9th row */
    34px /* 10th row */
    14px /* 11th row */
    34px; /* 12th row */
    gap: 12px;
}

.account-player-name[b-x1pwjy0nfk] {
    font-family: 'Calibri', Arial, sans-serif;
    font-size: 18pt;
    font-weight: normal;
    align-self: start;
    justify-self: end;
    padding-right: 1rem;    
}

.account-underline[b-x1pwjy0nfk] {
    text-decoration: underline;
    align-self: center;
    justify-self: start;
    padding-left: 3.8rem
}


.account-info-label[b-x1pwjy0nfk] {
    font-family: 'Calibri', Arial, sans-serif;
    font-size: 14pt;
    font-weight: lighter;
    align-self: start;
    justify-self: start;
    padding-left: 3.8rem;
    color: #C2E9DD;
}

.account-info-value[b-x1pwjy0nfk] {
    font-family: 'Calibri', Arial, sans-serif;
    font-size: 24pt;
    font-weight: normal;
    align-self: center;
    justify-self: end;
    padding-right: 1.8rem;
    color: #C2E9DD;
}


/* /Components/Info/Group_Info.razor.rz.scp.css */
body[b-arrur1le67] {
}
/* /Components/Info/Jackpot_Info.razor.rz.scp.css */
body[b-r7auezcbuz] {
}

.jackpot-info-grid[b-r7auezcbuz] {
    position: relative;
    width: 270px;
    height: 350px;
    display: grid;
    grid-template-rows: 10px 30px 30px 20px 50px 40px 30px;
    gap: 12px;
}
/* Ensure text sits above the background */
.jackpot-info-label[b-r7auezcbuz],
.jackpot-info-value[b-r7auezcbuz],
.jackpot-info-share[b-r7auezcbuz] {
    position: relative;
    z-index: 1;
    color: #eee8aa;
}

.jackpot-info-label[b-r7auezcbuz] {
    font-family: 'Calibri', Arial, sans-serif;
    font-size: 14pt;
    font-weight: lighter;
    align-self: start;
    justify-self: start;
    padding-left: 4rem;
    color: #eee8aa;
}

.jackpot-info-value[b-r7auezcbuz] {
    font-family: 'Calibri', Arial, sans-serif;
    font-size: 24pt;
    font-weight: normal;
    align-self: end;
    justify-self: end;
    padding-right:  1.4rem;
    color: #eee8aa;
}
.jackpot-info-share[b-r7auezcbuz] {
    font-family: 'Calibri', Arial, sans-serif;
    font-size: 14pt;
    font-weight: normal;
    align-self: end;
    justify-self: end;
    padding-right: 0.1rem;
    color: #eee8aa;
}

.jackpot-info-background[b-r7auezcbuz]{
    position: absolute;
    top: 8px;
    left: 8px;
    width: 270px;
    height: 350px;
    z-index: 0;
    margin: 0px;
}
.jackpot-info-background img[b-r7auezcbuz] {
    width: 96%;
    height: 96%;
    object-fit: contain;
    display: block;
}


.jackpot-info-graphic[b-r7auezcbuz] {
    margin-top: 8px; 
}

.test_label_1[b-r7auezcbuz] {
    margin-top: 40px;
    margin-left: 40px;
    font-size: 16pt;
    z-index: 160;
}
/* /Components/WaitingOverlay.razor.rz.scp.css */
body[b-m4zplhtkzh] {
}

.waiting-overlay[b-m4zplhtkzh] {
    position: absolute;
    top: 0;
    left: 0;
    width: 810px;
    height: 350px;
    z-index: 1000;
    display: flex;
    z-index: 10;
}

/* overlay-content remains the outer container; create a fixed single-row grid area */
.overlay-content[b-m4zplhtkzh] {
    position: absolute;
    top: 0;
    left: 0;
    width: 810px;
    height: 350px;
    background: transparent;
    color: #fff;
    display: grid;
}

/* NEW: a single-row, three-column grid inside overlay-content */
.overlay-grid[b-m4zplhtkzh] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr; /* three equal columns */
    grid-auto-rows: 350px; /* single row with fixed height */
    width: 810px;
    height: 350px;
    gap: 0;
    align-items: center;
    justify-items: center;
}

/* base column cell */
.overlay-col[b-m4zplhtkzh] {
    box-sizing: border-box;
    display: grid;
    align-items: center;
    justify-items: center;
    height: 350px;
}

/* explicit placement so conditional rendering won't reflow columns */
.overlay-col-1[b-m4zplhtkzh] { grid-column: 1 / 2; }
.overlay-col-2[b-m4zplhtkzh] { grid-column: 2 / 3; }
.overlay-col-3[b-m4zplhtkzh] { grid-column: 3 / 4; }

/* constrain and center content placed into the first column */
.overlay-col-1 > *[b-m4zplhtkzh] {
    width: 220px; /* adjust to taste */
    max-width: 100%;
    box-sizing: border-box;
}

/* optional helpers for visuals */
.auth-images[b-m4zplhtkzh] {
    display: flex;
    gap: 100px;
    margin-bottom: 24px;
}

.account-info[b-m4zplhtkzh] {    
    display: flex;
    color: white;    
}

/* ensure account occupies column 3 with background image */
.account-info-cell[b-m4zplhtkzh] {
    justify-self: center;
    align-self: center;
    width: 260px;
    height: 350px;
    position: relative;
    background-image: url('/Pictures/Graphics/Account_Info_250907.gif');
    background-repeat: no-repeat;
    background-position: center;
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.jackpot-info[b-m4zplhtkzh] {
    display: flex;
    color: #eee8aa; 
}

.jackpot-info-cell[b-m4zplhtkzh] {
    justify-self: center;
    align-self: center;
    width: 260px;
    height: 350px;
    position: relative;
    /*background-image: url('/Pictures/Graphics/Jackpot_Info_250907.gif');*/
    background-repeat: no-repeat;
    background-position: center;
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 0px;
}




/* /Pages/MainPage.razor.rz.scp.css */
/***** 0100 GRID *****/
/***** 0200 MAIN CONTAINER *****/
/***** 0300 HEAD CONTAINER *****/
/***** 0310 HEAD 1 *****/
/***** 0320 HEAD 2 *****/
/***** 0330 HEAD 3 *****/
/***** 0340 HEAD 4 *****/
/***** 0350 HEAD 5 *****/
/***** 0400 BOX CONTAINER *****/
/***** 0405 BOX FRAME SVG *****/
/***** 0410 BOX LABEL FADE IN OUT *****/

/***** 0411 BET BUTTONS vorläufig *****/
/***** 0412 BETTIME *****/
/***** 0415 BET BUTTONS FADE IN OUT *****/
/***** 0416 BET ARROWS 250707*****/

/***** 0420 POKER BUTTONS FADE IN OUT *****/
/***** 0425 ANIMATION POKER CARDS *****/
/***** 0430 CARDS AND RATES *****/
/***** 0435 PLAYER NUMBERS *****/
/***** 0440 BET SELECTION *****/
/***** 0445 BET TIME *****/
/***** 0450 DISPLAY WINNINGS *****/
/***** 0460 ALL PLAYERS OUT *****/
/***** 0470 JACKPOT *****/


/***** 0100 GRID *****/
body[b-4bcxpzgej1] {
    margin: 0px;
}
.centered[b-4bcxpzgej1] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; /* Stellt sicher, dass das übergeordnete Element eine Höhe hat */
}

/***** 0200 MAIN CONTAINER *****/
.main_container[b-4bcxpzgej1] {
    display: grid;
    grid-template-columns: repeat(1, [col] auto) repeat(1, [col] 1920px ) repeat(1, [col] auto);
    grid-template-rows: 1080px;
    grid-gap: 0px;
    margin: 0px;
    font-family: Calibri, Arial, Helvetica, serif;
    text-align: left;
    font-size: 18px;
    position: relative;
}
.main_flex_left[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    background-color: black;

    /*background-color: rgba(0, 0, 0, 0.5);*/ /*0.5-transparent black background for the right side*/

}
.main_center_1920px[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 1;
    position: relative;
}
.main_flex_right[b-4bcxpzgej1] {
    grid-column: 3;
    grid-row: 1;
    background-color: black;


    /*background-color: rgba(0, 0, 0, 0.5);*/ /*0.5-transparent black background for the right side*/

    z-index: 20;
}

/***** 0300 HEAD CONTAINER *****/
.head_container[b-4bcxpzgej1] {
    background-color: black;
    display: grid;
    grid-template-columns: repeat(3, [col] 270px ) repeat(1, [col] 500px ) repeat(1, [col] 610px );
    grid-template-rows: 380px;
    gap: 0px;
    margin: 0px;
    font-family: Calibri;
    text-align: left;
    font-size: 18px;
}
/***** 0310 REGISTRATION OVERLAY *****/


/********AuthOverlay Ende******/

/***** 0310 HEAD 1 *****/
.head_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    display: grid;
    grid-template-columns: repeat(1, [col] 96px ) repeat(1, [col] 100px ) repeat(1, [col] 74px );
    grid-template-rows: repeat(10, 34px);
    font-size: 20px;
    font-weight: normal;
    color: white;
    text-align: right;
    box-sizing: border-box;
    padding-right: 10px;
    background-color: black;
}
.h1label_1_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
}
.h1label_1_2[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 1;
    text-align: center;
}
.h1label_1_3[b-4bcxpzgej1] {
    grid-column: 3;
    grid-row: 1;
    text-align: center;
}
.h1label_2_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 2;
}
.h1label_2_2[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 2;
    padding-right: 4px;
}
.h1label_2_3[b-4bcxpzgej1] {
    grid-column: 3;
    grid-row: 2;
    padding-right: 8px;
    color: lawngreen;
}
.h1label_3_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 3;
    padding-right: 4px;
}
.h1label_3_2[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 3;
    padding-right: 4px;
}
.h1label_4_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 4;
    padding-right: 4px;
}
.h1label_4_2[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 4;
    padding-right: 4px;
    color: lawngreen;
}
.h1label_5_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 5;
    padding-right: 4px;
}
.h1label_5_2[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 5;
    padding-right: 4px;
}
.h1label_5_3[b-4bcxpzgej1] {
    grid-column: 3;
    grid-row: 5;
    padding-right: 8px;
    color: lawngreen;
}
.h1label_6_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 6;
    padding-right: 4px;
}
.h1label_6_2[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 6;
    padding-right: 4px;
}
.h1label_6_3[b-4bcxpzgej1] {
    grid-column: 3;
    grid-row: 6;
    padding-right: 8px;
}
.h1label_7_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 7;
    padding-right: 4px;
}
.h1label_7_2[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 7;
    padding-right: 4px;
    color: lawngreen;
}
.h1label_7_3[b-4bcxpzgej1] {
    grid-column: 3;
    grid-row: 7;
    padding-right: 8px;
}
.h1label_8_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 8;
    padding-right: 4px;
}
.h1label_8_2[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 8;
    padding-right: 4px;
    color: lawngreen;
}
.h1label_8_3[b-4bcxpzgej1] {
    grid-column: 3;
    grid-row: 8;
    padding-right: 8px;
    color: lawngreen;
}
.h1label_9_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 9;
    padding-right: 4px;
}
.h1label_9_2[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 9;
    padding-right: 4px;
    color: red;
}
.h1label_9_3[b-4bcxpzgej1] {
    grid-column: 3;
    grid-row: 9;
    padding-right: 8px;
}
.h1label_10_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 10;
    padding-right: 4px;
}
.h1label_10_2[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 10;
    padding-right: 4px;
    color: lawngreen;
}
.h1label_10_3[b-4bcxpzgej1] {
    grid-column: 3;
    grid-row: 10;
    padding-right: 8px;
    color: lawngreen;
}

/***** 0320 HEAD 2 *****/
.head_2[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 1;
    display: grid;
    grid-template-columns: repeat(1, [col] 180px ) repeat(1, [col] 80px ) repeat(1, [col] 10px );
    grid-template-rows: repeat(10, 34px);
    font-size: 20px;
    font-weight: normal;
    color: white;
    text-align: right;
    box-sizing: border-box;
    padding-right: 10px;
    background-color: black;
    position: relative;
}

.h2label_1[b-4bcxpzgej1] {
    justify-self: start; 
    margin-left: 0; 
    margin-top: 0;
    position: absolute;
    z-index: 100;
}
.h2label_1_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    z-index: 110;
}
.h2label_2_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 2;
    z-index: 110;
}
.h2label_2_2[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 2;
    color: lawngreen;
    z-index: 110;
}
.h2label_3_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 3;
    z-index: 110;
}
.h2label_3_2[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 3;
    color: lawngreen;
    z-index: 110;
}
.h2label_4_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 4;
    z-index: 110;
}
.h2label_4_2[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 4;
    color: red;
    z-index: 110;
}
.h2label_7_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 7;
    text-align: left;
    padding-left: 60px;
    z-index: 110;
}
.h2label_7_2[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 7;
    padding-right: 60px;
    z-index: 110;
}
.h2label_8_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 8;
    text-align: left;
    padding-left: 24px;
    z-index: 110; 
}
.h2label_8_2[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 8;
    margin-left: -60px;
    z-index: 110;
}
.h2label_9_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 9;
    text-align: left;
    padding-left: 60px;
    z-index: 110;
}
.h2label_9_2[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 9;
    text-align: right;
    padding-right: 35px;
    z-index: 110;
}
.h2label_10_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 10;
    text-align: left;
    padding-left: 24px;
    z-index: 110;
}
.h2label_10_2[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 10;
    margin-left: -60px;
    z-index: 110;
}



/***** 0330 HEAD 3 *****/
.head_3[b-4bcxpzgej1] {
    grid-column: 3;
    grid-row: 1;
    background-color: black;
    color: gold;
    position: relative;
    display: grid; /* Make it a grid container */
    grid-template-columns: 10px 120px 90px; /* Example: 2 columns, adjust as needed */
    grid-template-rows: 40px repeat(6, 24px); /* Example: 3 rows, adjust as needed */
    gap: 24px; /* Optional: space between cells */
}
.jp-info-1[b-4bcxpzgej1] {
    grid-column: 2 / span 2; /* Span both columns for the first row */
    grid-row: 1;
    font-size: 36px;
    font-weight: normal;
}

.jp-info-2[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 2;
    font-size: 14px;
    font-weight: normal;
}

.jp-info-3[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 3;
    font-size: 14px;
    font-weight: normal;
}

.jp-info-4[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 4;
    font-size: 14px;
    font-weight: normal;
}

.jp-info-5[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 5;
    font-size: 14px;
    font-weight: normal;
}

.jp-info-6[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 6;
    font-size: 14px;
    font-weight: normal;
}

.jp-info-7[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 7;
    font-size: 14px;
    font-weight: normal;
}

.jp-val-2[b-4bcxpzgej1] {
    grid-column: 3;
    grid-row: 2;
    font-size: 28px;
}

.jp-val-3[b-4bcxpzgej1] {
    grid-column: 3;
    grid-row: 3;
    font-size: 28px;
}

.jp-val-4[b-4bcxpzgej1] {
    grid-column: 3;
    grid-row: 4;
    font-size: 28px;
}

.jp-val-5[b-4bcxpzgej1] {
    grid-column: 3;
    grid-row: 5;
    font-size: 28px;    
}

.jp-val-6[b-4bcxpzgej1] {
    grid-column: 3;
    grid-row: 6;
    font-size: 28px;
}

.jp-val-7[b-4bcxpzgej1] {
    grid-column: 3;
    grid-row: 7;
    font-size: 28px;
}

/***** 0340 HEAD 4 *****/
.head_4[b-4bcxpzgej1] {
    grid-column: 4;
    grid-row: 1;
    display: grid;
    grid-template-columns: repeat(1, [col] 190px ) repeat(1, [col] 120px ) repeat(1, [col] 190px );
    grid-template-rows: repeat(1, 180px) repeat(1, 160px) repeat(1, 40px);
    position: relative;
    background-color: black;
}

.btn-pause-continue[b-4bcxpzgej1]{
    grid-column: 2;
    grid-row: 1;
    width: 120px;
    height: 120px;
    top: 10px;
    left: 10px;
    position: relative;
}

.btn-show-more-less[b-4bcxpzgej1]{
    grid-column: 1;
    grid-row: 1;
    width: 150px;
    height: 120px;
    top: 30px;
    left: 10px;
    position: relative;
}

.lbl_box1_active[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    width: 100px;
    height: 40px;
    top: 140px;
    left: 10px;
    position: relative;
    background-color: black;
    font-size: 32px;
    font-weight: bold;
    color: red;
}

.lbl_box2_active[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 1;
    width: 100px;
    height: 40px;
    top: 140px;
    left: -20px;
    position: relative;
    background-color: black;
    font-size: 32px;
    font-weight: bold;
    color: red;
}

.lbl_box3_active[b-4bcxpzgej1] {
    grid-column: 3;
    grid-row: 1;
    width: 100px;
    height: 40px;
    top: 140px;
    left: 10px;
    position: relative;
    background-color: black;
    font-size: 32px;
    font-weight: bold;
    color: red;
}

.btn_game_start[b-4bcxpzgej1] {
    grid-column: 3;
    grid-row: 1;
    width: 120px;
    height: 120px;
    top: 10px;
    left: 10px;
    position: relative;
}

.lbl_box1_active[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    width: 100px;
    height: 40px;
    top: 140px;
    left: 10px;
    position: relative;
    background-color: black;
    font-size: 32px;
    font-weight: bold;
    color: red;
}

.lbl_box2_active[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 1;
    width: 100px;
    height: 40px;
    top: 140px;
    left: -20px;
    position: relative;
    background-color: black;
    font-size: 32px;
    font-weight: bold;
    color: red;
}

.lbl_box3_active[b-4bcxpzgej1] {
    grid-column: 3;
    grid-row: 1;
    width: 100px;
    height: 40px;
    top: 140px;
    left: 10px;
    position: relative;
    background-color: black;
    font-size: 32px;
    font-weight: bold;
    color: red;
}

.btn_move_labels_in[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    width: 150px;
    height: 50px;
    top: 200px;
    left: 320px;
    font-size: 18px;
    position: relative;
}
.btn_move_labels_out[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    width: 150px;
    height: 50px;
    top: 260px;
    left: 320px;
    font-size: 18px;
    position: relative;
}
.btn_rotate_bank_arrow_up[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    width: 150px;
    height: 50px;
    top: 260px;
    left: 10px;
    font-size: 18px;
    position: relative;
}
.btn_move_cards_in[b-4bcxpzgej1] {
    top: 20px;
    left: 160px;
    width: 150px;
    height: 50px;
    position: absolute;
    font-size: 18px;
}
.btn_move_cards_out[b-4bcxpzgej1] {
    top: 80px;
    left: 160px;
    width: 150px;
    height: 50px;
    position: absolute;
    font-size: 18px;
}
.btn_test[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    width: 150px;
    height: 50px;
    top: 260px;
    left: 320px;
    font-size: 18px;
    position: relative;
}

.label_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    width: 100px;
    height: 44px;
    top: 180px;
    left: 0px;
    position: relative;
    background-color: black;
    font-size: 36px;
    font-weight: bold;
    color: white;
}
.label_2[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    width: 100px;
    height: 24px;
    top: 228px;
    left: 0px;
    position: relative;
    background-color: black;
    font-size: 18px;
    color: white;
}

.label_3[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    width: 100px;
    height: 44px;
    top: 258px;
    left: 0px;
    position: relative;
    background-color: black;
    font-size: 36px;
    font-weight: bold;
    color: white;
}

.label_4[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    width: 100px;
    height: 24px;
    top: 306px;
    left: 0px;
    position: relative;
    background-color: black;
    font-size: 18px;
    color: white;
}

.label_5[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    width: 100px;
    height: 44px;
    top: 180px;
    left: 330px;
    position: relative;
    background-color: black;
    font-size: 36px;
    font-weight: bold;
    color: white;
}

.label_6[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    width: 100px;
    height: 24px;
    top: 228px;
    left: 330px;
    position: relative;
    background-color: black;
    font-size: 18px;
    color: white;
}

.label_7[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    width: 100px;
    height: 44px;
    top: 258px;
    left: 330px;
    position: relative;
    background-color: black;
    font-size: 36px;
    font-weight: bold;
    color: white;
}

.label_8[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    width: 100px;
    height: 24px;
    top: 306px;
    left: 330px;
    position: relative;
    background-color: black;
    font-size: 18px;
    color: white;
}


.btn_bet_clock_start[b-4bcxpzgej1] {
    top: 140px;
    left: 160px;
    width: 150px;
    height: 50px;
    position: absolute;
    font-size: 18px;
    z-index: 9999;
}

.anzeige_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    width: 100px;
    height: 50px;
    top: 20px;
    left: 320px;
    position: relative;
    background-color: cornflowerblue;
    font-size: 36px;
    font-weight: bold;
    color: orange;
}
.anzeige_2[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    width: 100px;
    height: 50px;
    top: 80px;
    left: 320px;
    position: relative;
    background-color: darkgreen;
    font-size: 36px;
    font-weight: bold;
    color: white;
}
.anzeige_3[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    width: 100px;
    height: 50px;
    top: 140px;
    left: 320px;
    position: relative;
    background-color: blueviolet;
    font-size: 36px;
    font-weight: bold;
    color: white;
}

.head_4_card_deck[b-4bcxpzgej1] {
    width: 26px;
    height: 40px;
    top: 240px;
    left: 204px;
    background-color: red;
    position: absolute;
    z-index: 2;
}
.head_4_animation_start_position[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 2;
    margin-left: -54px;
    margin-top: 0px;
    text-align: left;
    background-color: black;
    position: relative;
}
.move[b-4bcxpzgej1] {
    margin-left: 0px;
    margin-top: 0px;
    position: relative;
    transform: scale(0.25);
    animation-duration: 1000ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    z-index: 30;
}
.flip[b-4bcxpzgej1] {
    position: relative;
    animation-duration: 300ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    z-index: 30;
}
.remove[b-4bcxpzgej1] {
    position: relative;
    animation-duration: 250ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    z-index: 30;
}

.box1_card1_move[b-4bcxpzgej1] {
    animation-name: box1_card1_move-b-4bcxpzgej1;
}
@keyframes box1_card1_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: -820px;
        margin-top: 220px;
        transform: scale(1);
    }

    80% {
        margin-left: -820px;
        margin-top: 220px;
    }

    100% {
        margin-left: -820px;
        margin-top: 220px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box1_card1_flip[b-4bcxpzgej1] {
    animation-name: box1_card1_flip-b-4bcxpzgej1;
}
@keyframes box1_card1_flip-b-4bcxpzgej1 {
    0% {
        margin-left: -820px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: -820px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box1_card1_remove[b-4bcxpzgej1] {
    animation-name: box1_card1_remove-b-4bcxpzgej1;
}
@keyframes box1_card1_remove-b-4bcxpzgej1 {
    0% {
        margin-left: -820px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: -820px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box1_card2_move[b-4bcxpzgej1] {
    animation-name: box1_card2_move-b-4bcxpzgej1;
}
@keyframes box1_card2_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: -838px;
        margin-top: 260px;
        transform: scale(1);
    }

    80% {
        margin-left: -838px;
        margin-top: 260px;
    }

    100% {
        margin-left: -838px;
        margin-top: 260px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box1_card2_flip[b-4bcxpzgej1] {
    animation-name: box1_card2_flip-b-4bcxpzgej1;
}
@keyframes box1_card2_flip-b-4bcxpzgej1 {
    0% {
        margin-left: -838px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: -838px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box1_card2_remove[b-4bcxpzgej1] {
    animation-name: box1_card2_remove-b-4bcxpzgej1;
}
@keyframes box1_card2_remove-b-4bcxpzgej1 {
    0% {
        margin-left: -838px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: -838px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box1_card3_move[b-4bcxpzgej1] {
    animation-name: box1_card3_move-b-4bcxpzgej1;
}
@keyframes box1_card3_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: -856px;
        margin-top: 300px;
        transform: scale(1);
    }

    80% {
        margin-left: -856px;
        margin-top: 300px;
    }

    100% {
        margin-left: -856px;
        margin-top: 300px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box1_card3_flip[b-4bcxpzgej1] {
    animation-name: box1_card3_flip-b-4bcxpzgej1;
}
@keyframes box1_card3_flip-b-4bcxpzgej1 {
    0% {
        margin-left: -856px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: -856px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box1_card3_remove[b-4bcxpzgej1] {
    animation-name: box1_card3_remove-b-4bcxpzgej1;
}
@keyframes box1_card3_remove-b-4bcxpzgej1 {
    0% {
        margin-left: -856px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: -856px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box1_card4_move[b-4bcxpzgej1] {
    animation-name: box1_card4_move-b-4bcxpzgej1;
}
@keyframes box1_card4_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: -874px;
        margin-top: 340px;
        transform: scale(1);
    }

    80% {
        margin-left: -874px;
        margin-top: 340px;
    }

    100% {
        margin-left: -874px;
        margin-top: 340px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box1_card4_flip[b-4bcxpzgej1] {
    animation-name: box1_card4_flip-b-4bcxpzgej1;
}
@keyframes box1_card4_flip-b-4bcxpzgej1 {
    0% {
        margin-left: -874px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: -874px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box1_card4_remove[b-4bcxpzgej1] {
    animation-name: box1_card4_remove-b-4bcxpzgej1;
}
@keyframes box1_card4_remove-b-4bcxpzgej1 {
    0% {
        margin-left: -874px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: -874px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box1_card5_move[b-4bcxpzgej1] {
    animation-name: box1_card5_move-b-4bcxpzgej1;
}
@keyframes box1_card5_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: -892px;
        margin-top: 380px;
        transform: scale(1);
    }

    80% {
        margin-left: -892px;
        margin-top: 380px;
    }

    100% {
        margin-left: -892px;
        margin-top: 380px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box1_card5_flip[b-4bcxpzgej1] {
    animation-name: box1_card5_flip-b-4bcxpzgej1;
}
@keyframes box1_card5_flip-b-4bcxpzgej1 {
    0% {
        margin-left: -892px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: -892px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box1_card5_remove[b-4bcxpzgej1] {
    animation-name: box1_card5_remove-b-4bcxpzgej1;
}
@keyframes box1_card5_remove-b-4bcxpzgej1 {
    0% {
        margin-left: -892px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: -892px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box1_card6_move[b-4bcxpzgej1] {
    animation-name: box1_card6_move-b-4bcxpzgej1;
}
@keyframes box1_card6_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: -838px;
        margin-top: 540px;
        transform: scale(1);
    }

    80% {
        margin-left: -838px;
        margin-top: 540px;
    }

    100% {
        margin-left: -838px;
        margin-top: 540px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box1_card6_flip[b-4bcxpzgej1] {
    animation-name: box1_card6_flip-b-4bcxpzgej1;
}
@keyframes box1_card6_flip-b-4bcxpzgej1 {
    0% {
        margin-left: -838px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: -838px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box1_card6_remove[b-4bcxpzgej1] {
    animation-name: box1_card6_remove-b-4bcxpzgej1;
}
@keyframes box1_card6_remove-b-4bcxpzgej1 {
    0% {
        margin-left: -838px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: -838px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box1_card7_move[b-4bcxpzgej1] {
    animation-name: box1_card7_move-b-4bcxpzgej1;
}
@keyframes box1_card7_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: -856px;
        margin-top: 580px;
        transform: scale(1);
    }

    80% {
        margin-left: -856px;
        margin-top: 580px;
    }

    100% {
        margin-left: -856px;
        margin-top: 580px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box1_card7_flip[b-4bcxpzgej1] {
    animation-name: box1_card7_flip-b-4bcxpzgej1;
}
@keyframes box1_card7_flip-b-4bcxpzgej1 {
    0% {
        margin-left: -856px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: -856px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box1_card7_remove[b-4bcxpzgej1] {
    animation-name: box1_card7_remove-b-4bcxpzgej1;
}
@keyframes box1_card7_remove-b-4bcxpzgej1 {
    0% {
        margin-left: -856px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: -856px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box1_card8_move[b-4bcxpzgej1] {
    animation-name: box1_card8_move-b-4bcxpzgej1;
}
@keyframes box1_card8_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: -874px;
        margin-top: 620px;
        transform: scale(1);
    }

    80% {
        margin-left: -874px;
        margin-top: 620px;
    }

    100% {
        margin-left: -874px;
        margin-top: 620px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box1_card8_flip[b-4bcxpzgej1] {
    animation-name: box1_card8_flip-b-4bcxpzgej1;
}
@keyframes box1_card8_flip-b-4bcxpzgej1 {
    0% {
        margin-left: -874px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: -874px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box1_card8_remove[b-4bcxpzgej1] {
    animation-name: box1_card8_remove-b-4bcxpzgej1;
}
@keyframes box1_card8_remove-b-4bcxpzgej1 {
    0% {
        margin-left: -874px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: -874px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box1_card9_move[b-4bcxpzgej1] {
    animation-name: box1_card9_move-b-4bcxpzgej1;
}
@keyframes box1_card9_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: -892px;
        margin-top: 660px;
        transform: scale(1);
    }

    80% {
        margin-left: -892px;
        margin-top: 660px;
    }

    100% {
        margin-left: -892px;
        margin-top: 660px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box1_card9_flip[b-4bcxpzgej1] {
    animation-name: box1_card9_flip-b-4bcxpzgej1;
}
@keyframes box1_card9_flip-b-4bcxpzgej1 {
    0% {
        margin-left: -892px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: -892px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box1_card9_remove[b-4bcxpzgej1] {
    animation-name: box1_card9_remove-b-4bcxpzgej1;
}
@keyframes box1_card9_remove-b-4bcxpzgej1 {
    0% {
        margin-left: -892px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: -892px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box2_card1_move[b-4bcxpzgej1] {
    animation-name: box2_card1_move-b-4bcxpzgej1;
}
@keyframes box2_card1_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: -180px;
        margin-top: 220px;
        transform: scale(1);
    }

    80% {
        margin-left: -180px;
        margin-top: 220px;
    }

    100% {
        margin-left: -180px;
        margin-top: 220px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box2_card1_flip[b-4bcxpzgej1] {
    animation-name: box2_card1_flip-b-4bcxpzgej1;
}
@keyframes box2_card1_flip-b-4bcxpzgej1 {
    0% {
        margin-left: -180px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: -180px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box2_card1_remove[b-4bcxpzgej1] {
    animation-name: box2_card1_remove-b-4bcxpzgej1;
}
@keyframes box2_card1_remove-b-4bcxpzgej1 {
    0% {
        margin-left: -180px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: -180px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box2_card2_move[b-4bcxpzgej1] {
    animation-name: box2_card2_move-b-4bcxpzgej1;
}
@keyframes box2_card2_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: -198px;
        margin-top: 260px;
        transform: scale(1);
    }

    80% {
        margin-left: -198px;
        margin-top: 260px;
    }

    100% {
        margin-left: -198px;
        margin-top: 260px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box2_card2_flip[b-4bcxpzgej1] {
    animation-name: box2_card2_flip-b-4bcxpzgej1;
}
@keyframes box2_card2_flip-b-4bcxpzgej1 {
    0% {
        margin-left: -198px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: -198px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box2_card2_remove[b-4bcxpzgej1] {
    animation-name: box2_card2_remove-b-4bcxpzgej1;
}
@keyframes box2_card2_remove-b-4bcxpzgej1 {
    0% {
        margin-left: -198px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: -198px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box2_card3_move[b-4bcxpzgej1] {
    animation-name: box2_card3_move-b-4bcxpzgej1;
}
@keyframes box2_card3_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: -216px;
        margin-top: 300px;
        transform: scale(1);
    }

    80% {
        margin-left: -216px;
        margin-top: 300px;
    }

    100% {
        margin-left: -216px;
        margin-top: 300px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box2_card3_flip[b-4bcxpzgej1] {
    animation-name: box2_card3_flip-b-4bcxpzgej1;
}
@keyframes box2_card3_flip-b-4bcxpzgej1 {
    0% {
        margin-left: -216px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: -216px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box2_card3_remove[b-4bcxpzgej1] {
    animation-name: box2_card3_remove-b-4bcxpzgej1;
}
@keyframes box2_card3_remove-b-4bcxpzgej1 {
    0% {
        margin-left: -216px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: -216px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box2_card4_move[b-4bcxpzgej1] {
    animation-name: box2_card4_move-b-4bcxpzgej1;
}
@keyframes box2_card4_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: -234px;
        margin-top: 340px;
        transform: scale(1);
    }

    80% {
        margin-left: -234px;
        margin-top: 340px;
    }

    100% {
        margin-left: -234px;
        margin-top: 340px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box2_card4_flip[b-4bcxpzgej1] {
    animation-name: box2_card4_flip-b-4bcxpzgej1;
}
@keyframes box2_card4_flip-b-4bcxpzgej1 {
    0% {
        margin-left: -234px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: -234px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box2_card4_remove[b-4bcxpzgej1] {
    animation-name: box2_card4_remove-b-4bcxpzgej1;
}
@keyframes box2_card4_remove-b-4bcxpzgej1 {
    0% {
        margin-left: -234px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: -234px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box2_card5_move[b-4bcxpzgej1] {
    animation-name: box2_card5_move-b-4bcxpzgej1;
}
@keyframes box2_card5_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: -252px;
        margin-top: 380px;
        transform: scale(1);
    }

    80% {
        margin-left: -252px;
        margin-top: 380px;
    }

    100% {
        margin-left: -252px;
        margin-top: 380px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box2_card5_flip[b-4bcxpzgej1] {
    animation-name: box2_card5_flip-b-4bcxpzgej1;
}
@keyframes box2_card5_flip-b-4bcxpzgej1 {
    0% {
        margin-left: -252px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: -252px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box2_card5_remove[b-4bcxpzgej1] {
    animation-name: box2_card5_remove-b-4bcxpzgej1;
}
@keyframes box2_card5_remove-b-4bcxpzgej1 {
    0% {
        margin-left: -252px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: -252px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box2_card6_move[b-4bcxpzgej1] {
    animation-name: box2_card6_move-b-4bcxpzgej1;
}
@keyframes box2_card6_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: -198px;
        margin-top: 540px;
        transform: scale(1);
    }

    80% {
        margin-left: -198px;
        margin-top: 540px;
    }

    100% {
        margin-left: -198px;
        margin-top: 540px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box2_card6_flip[b-4bcxpzgej1] {
    animation-name: box2_card6_flip-b-4bcxpzgej1;
}
@keyframes box2_card6_flip-b-4bcxpzgej1 {
    0% {
        margin-left: -198px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: -198px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box2_card6_remove[b-4bcxpzgej1] {
    animation-name: box2_card6_remove-b-4bcxpzgej1;
}
@keyframes box2_card6_remove-b-4bcxpzgej1 {
    0% {
        margin-left: -198px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: -198px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box2_card7_move[b-4bcxpzgej1] {
    animation-name: box2_card7_move-b-4bcxpzgej1;
}
@keyframes box2_card7_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: -216px;
        margin-top: 580px;
        transform: scale(1);
    }

    80% {
        margin-left: -216px;
        margin-top: 580px;
    }

    100% {
        margin-left: -216px;
        margin-top: 580px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box2_card7_flip[b-4bcxpzgej1] {
    animation-name: box2_card7_flip-b-4bcxpzgej1;
}
@keyframes box2_card7_flip-b-4bcxpzgej1 {
    0% {
        margin-left: -216px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: -216px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box2_card7_remove[b-4bcxpzgej1] {
    animation-name: box2_card7_remove-b-4bcxpzgej1;
}
@keyframes box2_card7_remove-b-4bcxpzgej1 {
    0% {
        margin-left: -216px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: -216px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box2_card8_move[b-4bcxpzgej1] {
    animation-name: box2_card8_move-b-4bcxpzgej1;
}
@keyframes box2_card8_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: -234px;
        margin-top: 620px;
        transform: scale(1);
    }

    80% {
        margin-left: -234px;
        margin-top: 620px;
    }

    100% {
        margin-left: -234px;
        margin-top: 620px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box2_card8_flip[b-4bcxpzgej1] {
    animation-name: box2_card8_flip-b-4bcxpzgej1;
}
@keyframes box2_card8_flip-b-4bcxpzgej1 {
    0% {
        margin-left: -234px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: -234px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box2_card8_remove[b-4bcxpzgej1] {
    animation-name: box2_card8_remove-b-4bcxpzgej1;
}
@keyframes box2_card8_remove-b-4bcxpzgej1 {
    0% {
        margin-left: -234px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: -234px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box2_card9_move[b-4bcxpzgej1] {
    animation-name: box2_card9_move-b-4bcxpzgej1;
}
@keyframes box2_card9_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: -252px;
        margin-top: 660px;
        transform: scale(1);
    }

    80% {
        margin-left: -252px;
        margin-top: 660px;
    }

    100% {
        margin-left: -252px;
        margin-top: 660px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box2_card9_flip[b-4bcxpzgej1] {
    animation-name: box2_card9_flip-b-4bcxpzgej1;
}
@keyframes box2_card9_flip-b-4bcxpzgej1 {
    0% {
        margin-left: -252px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: -252px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box2_card9_remove[b-4bcxpzgej1] {
    animation-name: box2_card9_remove-b-4bcxpzgej1;
}
@keyframes box2_card9_remove-b-4bcxpzgej1 {
    0% {
        margin-left: -252px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: -252px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box3_card1_move[b-4bcxpzgej1] {
    animation-name: box3_card1_move-b-4bcxpzgej1;
}
@keyframes box3_card1_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: 460px;
        margin-top: 220px;
        transform: scale(1);
    }

    80% {
        margin-left: 460px;
        margin-top: 220px;
    }

    100% {
        margin-left: 460px;
        margin-top: 220px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box3_card1_flip[b-4bcxpzgej1] {
    animation-name: box3_card1_flip-b-4bcxpzgej1;
}
@keyframes box3_card1_flip-b-4bcxpzgej1 {
    0% {
        margin-left: 460px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: 460px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box3_card1_remove[b-4bcxpzgej1] {
    animation-name: box3_card1_remove-b-4bcxpzgej1;
}
@keyframes box3_card1_remove-b-4bcxpzgej1 {
    0% {
        margin-left: 460px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: 460px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box3_card2_move[b-4bcxpzgej1] {
    animation-name: box3_card2_move-b-4bcxpzgej1;
}
@keyframes box3_card2_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: 442px;
        margin-top: 260px;
        transform: scale(1);
    }

    80% {
        margin-left: 442px;
        margin-top: 260px;
    }

    100% {
        margin-left: 442px;
        margin-top: 260px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box3_card2_flip[b-4bcxpzgej1] {
    animation-name: box3_card2_flip-b-4bcxpzgej1;
}
@keyframes box3_card2_flip-b-4bcxpzgej1 {
    0% {
        margin-left: 442px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: 442px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box3_card2_remove[b-4bcxpzgej1] {
    animation-name: box3_card2_remove-b-4bcxpzgej1;
}
@keyframes box3_card2_remove-b-4bcxpzgej1 {
    0% {
        margin-left: 442px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: 442px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box3_card3_move[b-4bcxpzgej1] {
    animation-name: box3_card3_move-b-4bcxpzgej1;
}
@keyframes box3_card3_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: 424px;
        margin-top: 300px;
        transform: scale(1);
    }

    80% {
        margin-left: 424px;
        margin-top: 300px;
    }

    100% {
        margin-left: 424px;
        margin-top: 300px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box3_card3_flip[b-4bcxpzgej1] {
    animation-name: box3_card3_flip-b-4bcxpzgej1;
}
@keyframes box3_card3_flip-b-4bcxpzgej1 {
    0% {
        margin-left: 424px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: 424px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box3_card3_remove[b-4bcxpzgej1] {
    animation-name: box3_card3_remove-b-4bcxpzgej1;
}
@keyframes box3_card3_remove-b-4bcxpzgej1 {
    0% {
        margin-left: 424px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: 424px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box3_card4_move[b-4bcxpzgej1] {
    animation-name: box3_card4_move-b-4bcxpzgej1;
}
@keyframes box3_card4_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: 406px;
        margin-top: 340px;
        transform: scale(1);
    }

    80% {
        margin-left: 406px;
        margin-top: 340px;
    }

    100% {
        margin-left: 406px;
        margin-top: 340px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box3_card4_flip[b-4bcxpzgej1] {
    animation-name: box3_card4_flip-b-4bcxpzgej1;
}
@keyframes box3_card4_flip-b-4bcxpzgej1 {
    0% {
        margin-left: 406px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: 406px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box3_card4_remove[b-4bcxpzgej1] {
    animation-name: box3_card4_remove-b-4bcxpzgej1;
}
@keyframes box3_card4_remove-b-4bcxpzgej1 {
    0% {
        margin-left: 406px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: 406px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box3_card5_move[b-4bcxpzgej1] {
    animation-name: box3_card5_move-b-4bcxpzgej1;
}
@keyframes box3_card5_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: 388px;
        margin-top: 380px;
        transform: scale(1);
    }

    80% {
        margin-left: 388px;
        margin-top: 380px;
    }

    100% {
        margin-left: 388px;
        margin-top: 380px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box3_card5_flip[b-4bcxpzgej1] {
    animation-name: box3_card5_flip-b-4bcxpzgej1;
}
@keyframes box3_card5_flip-b-4bcxpzgej1 {
    0% {
        margin-left: 388px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: 388px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box3_card5_remove[b-4bcxpzgej1] {
    animation-name: box3_card5_remove-b-4bcxpzgej1;
}
@keyframes box3_card5_remove-b-4bcxpzgej1 {
    0% {
        margin-left: 388px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: 388px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box3_card6_move[b-4bcxpzgej1] {
    animation-name: box3_card6_move-b-4bcxpzgej1;
}
@keyframes box3_card6_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: 442px;
        margin-top: 540px;
        transform: scale(1);
    }

    80% {
        margin-left: 442px;
        margin-top: 540px;
    }

    100% {
        margin-left: 442px;
        margin-top: 540px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box3_card6_flip[b-4bcxpzgej1] {
    animation-name: box3_card6_flip-b-4bcxpzgej1;
}
@keyframes box3_card6_flip-b-4bcxpzgej1 {
    0% {
        margin-left: 442px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: 442px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box3_card6_remove[b-4bcxpzgej1] {
    animation-name: box3_card6_remove-b-4bcxpzgej1;
}
@keyframes box3_card6_remove-b-4bcxpzgej1 {
    0% {
        margin-left: 442px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: 442px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box3_card7_move[b-4bcxpzgej1] {
    animation-name: box3_card7_move-b-4bcxpzgej1;
}
@keyframes box3_card7_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: 424px;
        margin-top: 580px;
        transform: scale(1);
    }

    80% {
        margin-left: 424px;
        margin-top: 580px;
    }

    100% {
        margin-left: 424px;
        margin-top: 580px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box3_card7_flip[b-4bcxpzgej1] {
    animation-name: box3_card7_flip-b-4bcxpzgej1;
}
@keyframes box3_card7_flip-b-4bcxpzgej1 {
    0% {
        margin-left: 424px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: 424px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box3_card7_remove[b-4bcxpzgej1] {
    animation-name: box3_card7_remove-b-4bcxpzgej1;
}
@keyframes box3_card7_remove-b-4bcxpzgej1 {
    0% {
        margin-left: 424px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: 424px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box3_card8_move[b-4bcxpzgej1] {
    animation-name: box3_card8_move-b-4bcxpzgej1;
}
@keyframes box3_card8_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: 406px;
        margin-top: 620px;
        transform: scale(1);
    }

    80% {
        margin-left: 406px;
        margin-top: 620px;
    }

    100% {
        margin-left: 406px;
        margin-top: 620px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box3_card8_flip[b-4bcxpzgej1] {
    animation-name: box3_card8_flip-b-4bcxpzgej1;
}
@keyframes box3_card8_flip-b-4bcxpzgej1 {
    0% {
        margin-left: 406px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: 406px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box3_card8_remove[b-4bcxpzgej1] {
    animation-name: box3_card8_remove-b-4bcxpzgej1;
}
@keyframes box3_card8_remove-b-4bcxpzgej1 {
    0% {
        margin-left: 406px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: 406px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.box3_card9_move[b-4bcxpzgej1] {
    animation-name: box3_card9_move-b-4bcxpzgej1;
}
@keyframes box3_card9_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: 388px;
        margin-top: 660px;
        transform: scale(1);
    }

    80% {
        margin-left: 388px;
        margin-top: 660px;
    }

    100% {
        margin-left: 388px;
        margin-top: 660px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.box3_card9_flip[b-4bcxpzgej1] {
    animation-name: box3_card9_flip-b-4bcxpzgej1;
}
@keyframes box3_card9_flip-b-4bcxpzgej1 {
    0% {
        margin-left: 388px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: 388px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.box3_card9_remove[b-4bcxpzgej1] {
    animation-name: box3_card9_remove-b-4bcxpzgej1;
}
@keyframes box3_card9_remove-b-4bcxpzgej1 {
    0% {
        margin-left: 388px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: 388px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.bank_card1_move[b-4bcxpzgej1] {
    animation-name: bank_card1_move-b-4bcxpzgej1;
}
@keyframes bank_card1_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: 380px;
        margin-top: -90px;
        transform: scale(1);
    }

    80% {
        margin-left: 380px;
        margin-top: -90px;
    }

    100% {
        margin-left: 380px;
        margin-top: -90px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.bank_card1_flip[b-4bcxpzgej1] {
    animation-name: bank_card1_flip-b-4bcxpzgej1;
}
@keyframes bank_card1_flip-b-4bcxpzgej1 {
    0% {
        margin-left: 380px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: 380px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.bank_card1_remove[b-4bcxpzgej1] {
    animation-name: bank_card1_remove-b-4bcxpzgej1;
}
@keyframes bank_card1_remove-b-4bcxpzgej1 {
    0% {
        margin-left: 380px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: 380px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.bank_card2_move[b-4bcxpzgej1] {
    animation-name: bank_card2_move-b-4bcxpzgej1;
}
@keyframes bank_card2_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: 495px;
        margin-top: -90px;
        transform: scale(1);
    }

    80% {
        margin-left: 495px;
        margin-top: -90px;
    }

    100% {
        margin-left: 495px;
        margin-top: -90px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.bank_card2_flip[b-4bcxpzgej1] {
    animation-name: bank_card2_flip-b-4bcxpzgej1;
}
@keyframes bank_card2_flip-b-4bcxpzgej1 {
    0% {
        margin-left: 495px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: 495px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.bank_card2_remove[b-4bcxpzgej1] {
    animation-name: bank_card2_remove-b-4bcxpzgej1;
}
@keyframes bank_card2_remove-b-4bcxpzgej1 {
    0% {
        margin-left: 495px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: 495px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.bank_card3_move[b-4bcxpzgej1] {
    animation-name: bank_card3_move-b-4bcxpzgej1;
}
@keyframes bank_card3_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: 610px;
        margin-top: -90px;
        transform: scale(1);
    }

    80% {
        margin-left: 610px;
        margin-top: -90px;
    }

    100% {
        margin-left: 610px;
        margin-top: -90px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.bank_card3_flip[b-4bcxpzgej1] {
    animation-name: bank_card3_flip-b-4bcxpzgej1;
}
@keyframes bank_card3_flip-b-4bcxpzgej1 {
    0% {
        margin-left: 610px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: 610px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.bank_card3_remove[b-4bcxpzgej1] {
    animation-name: bank_card3_remove-b-4bcxpzgej1;
}
@keyframes bank_card3_remove-b-4bcxpzgej1 {
    0% {
        margin-left: 610px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: 610px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.bank_card4_move[b-4bcxpzgej1] {
    animation-name: bank_card4_move-b-4bcxpzgej1;
}
@keyframes bank_card4_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: 725px;
        margin-top: -90px;
        transform: scale(1);
    }

    80% {
        margin-left: 725px;
        margin-top: -90px;
    }

    100% {
        margin-left: 725px;
        margin-top: -90px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.bank_card4_flip[b-4bcxpzgej1] {
    animation-name: bank_card4_flip-b-4bcxpzgej1;
}
@keyframes bank_card4_flip-b-4bcxpzgej1 {
    0% {
        margin-left: 725px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: 725px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.bank_card4_remove[b-4bcxpzgej1] {
    animation-name: bank_card4_remove-b-4bcxpzgej1;
}
@keyframes bank_card4_remove-b-4bcxpzgej1 {
    0% {
        margin-left: 725px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: 725px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

.bank_card5_move[b-4bcxpzgej1] {
    animation-name: bank_card5_move-b-4bcxpzgej1;
}
@keyframes bank_card5_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        transform: scale(0.25);
    }

    60% {
        margin-left: 840px;
        margin-top: -90px;
        transform: scale(1);
    }

    80% {
        margin-left: 840px;
        margin-top: -90px;
    }

    100% {
        margin-left: 840px;
        margin-top: -90px;
        transform: rotate3d(1, 0, 0, 90deg);
    }
}
.bank_card5_flip[b-4bcxpzgej1] {
    animation-name: bank_card5_flip-b-4bcxpzgej1;
}
@keyframes bank_card5_flip-b-4bcxpzgej1 {
    0% {
        margin-left: 840px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 90deg);
    }

    100% {
        margin-left: 840px;
        margin-top: -160px;
        transform: rotate3d(1, 0, 0, 0deg);
    }
}
.bank_card5_remove[b-4bcxpzgej1] {
    animation-name: bank_card5_remove-b-4bcxpzgej1;
}
@keyframes bank_card5_remove-b-4bcxpzgej1 {
    0% {
        margin-left: 840px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 0deg);
    }

    100% {
        margin-left: 840px;
        margin-top: -160px;
        transform-origin: 0px;
        transform: rotate3d(0, 1, 0, 90deg);
    }
}

/***** 0350 HEAD 5 *****/
.head_5[b-4bcxpzgej1] {
    grid-column: 5;
    grid-row: 1;
    display: grid;
    grid-template-columns: repeat(16, 40px);
    grid-template-rows: repeat(18, 20px);
    background-color: black;
    text-align: center;
    /*background-image: url('Pictures/Graphics/Logo_251121.gif');*/
}

.bank-text-1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 2;
    margin-left: 100px;
    margin-top: 15px;
    width: 600px;
    height: 40px;
    font-size: 24px;
    text-align: left;
    color: white;
    background-color: black;
    position: relative;
    z-index: 14;
}

.count_down[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    margin-left: 50px;
    margin-top: 10px;
    width: 700px;
    height: 80px;
    font-size: 40px;
    text-align: left;
    color: white;
    background-color: black;
    position: relative;
    z-index: 16;
}

.countdown-label[b-4bcxpzgej1] {
    color: white;
    font-size: 40px;
}

.countdown-number[b-4bcxpzgej1] {
    color: red;
    font-size: 60px;
    font-weight: bold;
}

.bankarrow_2[b-4bcxpzgej1] {
    grid-column: 2; 
    grid-row: 4;
    margin-left: 594px;
    margin-top: 200px;
    width: 90px;
    height: 90px;
    color: darkgray;
    position: relative;
    z-index: 14;
}
.move-bankarrow-2-in[b-4bcxpzgej1] {
    transform: translateX(-489px);
    transition: transform 0.8s ease;
}
.move-bankarrow-2-out[b-4bcxpzgej1] {
    transform: translateX(0);
    transition: transform 0.8s ease;
}
.rotate-bankarrow-2-up[b-4bcxpzgej1] {
    transform: translateX(-489px) rotate(-90deg);
    transform-origin: 45px 45px;
    transition: transform 0.4s linear;
}
.rotate-bankarrow-2-down[b-4bcxpzgej1] {
    transform: translateX(-489px) rotate(90deg);
    transform-origin: 45px 45px;
    transition: transform 0.4s linear;
}
.color-bankarrow-2-up-green[b-4bcxpzgej1] {
    transform: translateX(-489px) rotate(-90deg);
    color: lawngreen;
    transition: transform 0.4s linear, color 0.3s linear;
}
.color-bankarrow-2-up-red[b-4bcxpzgej1] {
    transform: translateX(-489px) rotate(-90deg);
    color: #c62828; /* red */
    transition: transform 0.4s linear, color 0.3s linear;
}
.color-bankarrow-2-down-green[b-4bcxpzgej1] {
    transform: translateX(-489px) rotate(90deg);
    color: lawngreen;
    transition: transform 0.4s linear, color 0.3s linear;
}
.color-bankarrow-2-down-red[b-4bcxpzgej1] {
    transform: translateX(-489px) rotate(90deg);
    color: #c62828; /* red */
    transition: transform 0.4s linear, color 0.3s linear;
}

.bankarrow_3[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 4;
    margin-left: 594px;
    margin-top: 200px;
    width: 90px;
    height: 90px;
    color: darkgray;
    position: relative;
    z-index: 13;
}
.move-bankarrow-3-in[b-4bcxpzgej1] {
    transform: translateX(-374px);
    transition: transform 0.8s ease;
}
.move-bankarrow-3-out[b-4bcxpzgej1] {
    transform: translateX(0);
    transition: transform 0.8s ease;
}
.rotate-bankarrow-3-up[b-4bcxpzgej1] {
    transform: translateX(-374px) rotate(-90deg);
    transform-origin: 45px 45px;
    transition: transform 0.4s linear;
}
.rotate-bankarrow-3-down[b-4bcxpzgej1] {
    transform: translateX(-374px) rotate(90deg);
    transform-origin: 45px 45px;
    transition: transform 0.4s linear;
}
.color-bankarrow-3-up-green[b-4bcxpzgej1] {
    transform: translateX(-374px) rotate(-90deg);
    color: lawngreen;
    transition: transform 0.4s linear, color 0.3s linear;
}
.color-bankarrow-3-up-red[b-4bcxpzgej1] {
    transform: translateX(-374px) rotate(-90deg);
    color: #c62828; /* red */
    transition: transform 0.4s linear, color 0.3s linear;
}
.color-bankarrow-3-down-green[b-4bcxpzgej1] {
    transform: translateX(-374px) rotate(90deg);
    color: lawngreen;
    transition: transform 0.4s linear, color 0.3s linear;
}
.color-bankarrow-3-down-red[b-4bcxpzgej1] {
    transform: translateX(-374px) rotate(90deg);
    color: #c62828; /* red */
    transition: transform 0.4s linear, color 0.3s linear;
}

.bankarrow_4[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 4;
    margin-left: 594px;
    margin-top: 200px;
    width: 90px;
    height: 90px;
    color: darkgray;
    position: relative;
    z-index: 12;
}
.move-bankarrow-4-in[b-4bcxpzgej1] {
    transform: translateX(-259px);
    transition: transform 0.8s ease;
}
.move-bankarrow-4-out[b-4bcxpzgej1] {
    transform: translateX(0);
    transition: transform 0.8s ease;
}
.rotate-bankarrow-4-up[b-4bcxpzgej1] {
    transform: translateX(-259px) rotate(-90deg);
    transform-origin: 45px 45px;
    transition: transform 0.4s linear;
}
.rotate-bankarrow-4-down[b-4bcxpzgej1] {
    transform: translateX(-259px) rotate(90deg);
    transform-origin: 45px 45px;
    transition: transform 0.4s linear;
}
.color-bankarrow-4-up-green[b-4bcxpzgej1] {
    transform: translateX(-259px) rotate(-90deg);
    color: lawngreen;
    transition: transform 0.4s linear, color 0.3s linear;
}
.color-bankarrow-4-up-red[b-4bcxpzgej1] {
    transform: translateX(-259px) rotate(-90deg);
    color: #c62828; /* red */
    transition: transform 0.4s linear, color 0.3s linear;
}
.color-bankarrow-4-down-green[b-4bcxpzgej1] {
    transform: translateX(-259px) rotate(90deg);
    color: lawngreen;
    transition: transform 0.4s linear, color 0.3s linear;
}
.color-bankarrow-4-down-red[b-4bcxpzgej1] {
    transform: translateX(-259px) rotate(90deg);
    color: #c62828; /* red */
    transition: transform 0.4s linear, color 0.3s linear;
}

.bankarrow_5[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 4;
    margin-left: 594px;
    margin-top: 200px;
    width: 90px;
    height: 90px;
    color: darkgray;
    position: relative;
    z-index: 11;
}
.move-bankarrow-5-in[b-4bcxpzgej1] {
    transform: translateX(-144px);
    transition: transform 0.8s ease;
}
.move-bankarrow-5-out[b-4bcxpzgej1] {
    transform: translateX(0);
    transition: transform 0.8s ease;
}
.rotate-bankarrow-5-up[b-4bcxpzgej1] {
    transform: translateX(-144px) rotate(-90deg);
    transform-origin: 45px 45px;
    transition: transform 0.4s linear;
}
.rotate-bankarrow-5-down[b-4bcxpzgej1] {
    transform: translateX(-144px) rotate(90deg);
    transform-origin: 45px 45px;
    transition: transform 0.4s linear;
}
.color-bankarrow-5-up-green[b-4bcxpzgej1] {
    transform: translateX(-144px) rotate(-90deg);
    color: lawngreen;
    transition: transform 0.4s linear, color 0.3s linear;
}
.color-bankarrow-5-up-red[b-4bcxpzgej1] {
    transform: translateX(-144px) rotate(-90deg);
    color: #c62828; /* red */
    transition: transform 0.4s linear, color 0.3s linear;
}
.color-bankarrow-5-down-green[b-4bcxpzgej1] {
    transform: translateX(-144px) rotate(90deg);
    color: lawngreen;
    transition: transform 0.4s linear, color 0.3s linear;
}
.color-bankarrow-5-down-red[b-4bcxpzgej1] {
    transform: translateX(-144px) rotate(90deg);
    color: #c62828; /* red */
    transition: transform 0.4s linear, color 0.3s linear;
}

.bankcard2_stop_sign[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 4;
    margin-left: 101px;
    margin-top: 212px;
    position: relative;
    z-index: 14;
}

.bankcard3_stop_sign[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 4;
    margin-left: 216px;
    margin-top: 212px;
    position: relative;
    z-index: 14;
}

.bankcard4_stop_sign[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 4;
    margin-left: 331px;
    margin-top: 212px;
    position: relative;
    z-index: 14;
}

.bankcard5_stop_sign[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 4;
    margin-left: 446px;
    margin-top: 212px;
    position: relative;
    z-index: 14;
}

.pos_bankcard1[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 4;
    margin-left: -24px;
    margin-top: 32px;
    position: relative;
}

.pos_bankcard2[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 4;
    margin-left: 580px;
    margin-top: 32px;
    position: relative;
    z-index: 14;
}
.pos_bankcard3[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 4;
    margin-left: 580px;
    margin-top: 32px;
    position: relative;
    z-index: 13;
}
.pos_bankcard4[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 4;
    margin-left: 580px;
    margin-top: 32px;
    position: relative;
    z-index: 12;
}
.pos_bankcard5[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 4;
    margin-left: 580px;
    margin-top: 32px;
    position: relative;
    z-index: 11;
}

.move_bankcard2_in[b-4bcxpzgej1] {
    transform: translateX(-489px);
    transition: transform 0.8s ease;
}
.move_bankcard3_in[b-4bcxpzgej1] {
    transform: translateX(-374px);
    transition: transform 0.8s ease; 
}
.move_bankcard4_in[b-4bcxpzgej1] {
    transform: translateX(-259px);
    transition: transform 0.8s ease;
}
.move_bankcard5_in[b-4bcxpzgej1] {
    transform: translateX(-144px);
    transition: transform 0.8s ease;
}

.reset_bankcard2_position[b-4bcxpzgej1] {
    transform: translateX(0);
    transition: transform 0.8s ease;
}
.reset_bankcard3_position[b-4bcxpzgej1] {
    transform: translateX(0);
    transition: transform 0.8s ease;
}
.reset_bankcard4_position[b-4bcxpzgej1] {
    transform: translateX(0);
    transition: transform 0.8s ease;
}
.reset_bankcard5_position[b-4bcxpzgej1] {
    transform: translateX(0);
    transition: transform 0.8s ease;
}

.label[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    position: relative;
    background-color: black;
    color: white;
}
.lbl_high_1[b-4bcxpzgej1] {
    width: 100px;
    height: 60px;
    top: 120px;
    left: 620px;
    font-size: 40px;
    font-weight: bold;
    z-index: 15;
}
.lbl_high_2[b-4bcxpzgej1] {
    width: 100px;
    height: 30px;
    top: 190px;
    left: 620px;
    font-size: 20px;
    z-index: 15;
}
.lbl_low_1[b-4bcxpzgej1] {
    width: 100px;
    height: 60px;
    top: 120px;
    left: 620px;
    font-size: 40px;
    font-weight: bold;
    z-index: 14;
}
.lbl_low_2[b-4bcxpzgej1] {
    width: 100px;
    height: 30px;
    top: 190px;
    left: 620px;
    font-size: 20px;
    z-index: 14;
}
.lbl_stop_1[b-4bcxpzgej1] {
    width: 100px;
    height: 60px;
    top: 120px;
    left: 620px;
    font-size: 40px;
    font-weight: bold;
    z-index: 13;
}
.lbl_stop_2[b-4bcxpzgej1] {
    width: 100px;
    height: 30px;
    top: 190px;
    left: 620px;
    font-size: 20px;
    z-index: 13;
}
.move_lables1_in[b-4bcxpzgej1] {
    transform: translateX(-438px);
    transition: transform 0.8s ease;
}
.reset_position1[b-4bcxpzgej1] {
    transform: translateX(0);
    transition: transform 0.8s ease;
}
.move_lables2_in[b-4bcxpzgej1] {
    transform: translateX(-318px);
    transition: transform 0.8s ease;
}
.reset_position2[b-4bcxpzgej1] {
    transform: translateX(0);
    transition: transform 0.8s ease;
}
.move_lables3_in[b-4bcxpzgej1] {
    transform: translateX(-198px);
    transition: transform 0.8s ease;
}
.reset_position3[b-4bcxpzgej1] {
    transform: translateX(0);
    transition: transform 0.8s ease;
}
.move_lables4_in[b-4bcxpzgej1] {
    transform: translateX(-78px);
    transition: transform 0.8s ease;
}
.reset_position4[b-4bcxpzgej1] {
    transform: translateX(0);
    transition: transform 0.8s ease;
}

/***** 0400 BOX CONTAINER *****/
.box_container[b-4bcxpzgej1] {
    display: grid;
    grid-template-columns: repeat(3, [col] 640px );
    grid-template-rows: 700px;
    grid-gap: 0px;
    font-family: Calibri, Arial, Helvetica, serif;
    text-align: right;
    font-size: 20px;
    position: relative;
}
.box_1[b-4bcxpzgej1] {
    grid-column: 1;
    grid-row: 1;
    display: grid;
    grid-template-columns: repeat(35, 18px);
    grid-template-rows: repeat(35, 20px);
    background-color: black;
    position: static;
}
.box_2[b-4bcxpzgej1] {
    grid-column: 2;
    grid-row: 1;
    display: grid;
    grid-template-columns: repeat(35, 18px);
    grid-template-rows: repeat(35, 20px);
    background-color: black;
    position: static;
}
.box_3[b-4bcxpzgej1] {
    grid-column: 3;
    grid-row: 1;
    display: grid;
    grid-template-columns: repeat(35, 18px);
    grid-template-rows: repeat(35, 20px);
    background-color: black;
    position: static;
}

/***** 0405 BOX FRAME SVG *****/
.box_frame_svg[b-4bcxpzgej1] {
    fill: none;
    stroke-width: 6; /* vor 250925: 4 */

    stroke: palegoldenrod; /* lightgrey */

    stroke-dasharray: 0 3000;
    animation: draw_1-b-4bcxpzgej1 0.8s ease-in-out forwards;
}
@keyframes draw_1-b-4bcxpzgej1 {
    to {
        stroke-dasharray: 3000 0;
    }
}

.box_frame_lightgrey_to_green[b-4bcxpzgej1] {
    stroke-width: 6; /* vor 250925: 4 */
    animation: box_frame_lightgrey_to_green-b-4bcxpzgej1 0.3s linear forwards;
}
@keyframes box_frame_lightgrey_to_green-b-4bcxpzgej1 {
    0% {
        stroke: lightgrey;
    }

    100% {
        stroke: #4cc844; /* green */
    }
}

.box_frame_lightgrey_to_black[b-4bcxpzgej1] {
    stroke-width: 6; /* vor 250925: 4 */
    animation: box_frame_lightgrey_to_black-b-4bcxpzgej1 0.6s linear forwards;
}

@keyframes box_frame_lightgrey_to_black-b-4bcxpzgej1 {
    0% {
        stroke: lightgrey;
    }

    100% {
        stroke: black; /* black */
    }
}

/***** 0410 BOX LABEL FADE IN OUT *****/
.box1_label[b-4bcxpzgej1] {
    height: 48px;
    width: 140px;
    top: -28px;
    left: 260px;
    background-color: black;
    color: #404040; /* darkgrey */
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    z-index: 20;
}

.box1_label_green[b-4bcxpzgej1] {
    height: 48px;
    width: 140px;
    top: -28px;
    left: 260px;
    background-color: black;
    color: #4cc844; /*green*/
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    z-index: 20;
}

.box_label_grey_to_lightgrey[b-4bcxpzgej1] {
    animation-name: box_label_grey_to_lightgrey-b-4bcxpzgej1;
    animation-duration: 300ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes box_label_grey_to_lightgrey-b-4bcxpzgej1 {
    0% {
        color: #404040; /* darkgrey */
    }

    100% {
        color: lightgrey; /* lightgrey */
    }
}

.box_label_lightgrey_to_green[b-4bcxpzgej1] {
    animation-name: box_label_lightgrey_to_green-b-4bcxpzgej1;
    animation-duration: 300ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes box_label_lightgrey_to_green-b-4bcxpzgej1 {
    0% {
        color: lightgrey; /* lightgrey */
    }

    100% {
        color: #4cc844; /*green*/
    }
}

.box2_label[b-4bcxpzgej1] {
    height: 48px;
    width: 140px;
    top: -28px;
    left: 900px;
    background-color: black;
    color: #404040; /* darkgrey */
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    z-index: 20;
}

.box2_label_green[b-4bcxpzgej1] {
    height: 48px;
    width: 140px;
    top: -28px;
    left: 900px;
    background-color: black;
    color: #4cc844; /*green*/
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    z-index: 20;
}

.box3_label[b-4bcxpzgej1] {
    height: 48px;
    width: 140px;
    top: -28px;
    left: 1540px;
    background-color: black;
    color: #404040; /* darkgrey */
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    z-index: 20;
}

.box3_label_green[b-4bcxpzgej1] {
    height: 48px;
    width: 140px;
    top: -28px;
    left: 1540px;
    background-color: black;
    color: #4cc844; /*green*/
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    position: absolute;
    z-index: 20;
}



/***** 0412 BETTIME *****/
#svg_bet_time[b-4bcxpzgej1] {

/*    grid-column: 24 / span 3;
    grid-row: 2 / span 3;
*/
    width: 120px;
    height: 120px;
    border-radius: 50%;
    transform: rotate(-90deg);
    background: transparent;
    fill: transparent;
    border-radius: 50%;
    stroke-width: 32;
    stroke-dasharray: 0 100;
    margin-top: 10px;
    margin-left: 10px;
    z-index: 50;
}


/*************** 0416 BET SYMBOLS **********************/

.bet_high[b-4bcxpzgej1] {
    grid-column: 26 / span 1;
    grid-row: 12 / span 1;
    z-index: 40;
}
.bet_stop[b-4bcxpzgej1] {
    grid-column: 26 / span 1;
    grid-row: 18 / span 1;
    z-index: 40;
}
.bet_low[b-4bcxpzgej1] {
    grid-column: 26 / span 1;
    grid-row: 24 / span 1;
    z-index: 40;
}


.bet_symbols_fade_in[b-4bcxpzgej1] {
    animation-name: bet_symbols_fade_in-b-4bcxpzgej1;
    animation-duration: 500ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

@keyframes bet_symbols_fade_in-b-4bcxpzgej1 {
    0% {
        opacity: 0%;
    }

    100% {
        opacity: 100%;
    }
}

.bet_symbols_fade_out[b-4bcxpzgej1] {
    animation-name: bet_symbols_fade_out-b-4bcxpzgej1;
    animation-duration: 2000ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

@keyframes bet_symbols_fade_out-b-4bcxpzgej1 {
    0% {
        opacity: 100%;
    }
    90% {
        opacity: 100%;
    }
    100% {
        opacity: 0%;
    }
}

/***** 0411 BET BUTTON vorläufig *****/
.bet_button[b-4bcxpzgej1] {
    grid-column: 17 / span 3;
    grid-row: 2 / span 3;
    margin-top: 20px;
 
    height: 70px;
    width: 72px;
    z-index: 30;
}


/***** 0420 POKER BUTTONS FADE IN OUT *****/
.poker_button[b-4bcxpzgej1] {
    grid-column: 22 / span 3;
    grid-row: 2 / span 2;
    margin-top: 10px;
    height: 70px;
    width: 72px;
    z-index: 30;
}
.poker_button_fade_in[b-4bcxpzgej1] {
    animation-name: poker_button_fade_in-b-4bcxpzgej1;
    animation-duration: 1200ms;
    animation-timing-function: ease-in-out;
    background-image: url("Pictures/Rates_Poker/Poker_Button_2X.gif");
}
@keyframes poker_button_fade_in-b-4bcxpzgej1 {
    0% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_2X.gif");
        opacity: 0%;
    }

    50% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_2X.gif");
        opacity: 0%;
    }

    100% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_2X.gif");
        opacity: 100%;
    }
}
.poker_button_2X_to_1X[b-4bcxpzgej1] {
    animation-name: poker_button_2X_to_1X-b-4bcxpzgej1;
    animation-duration: 1200ms;
    animation-timing-function: ease-in-out;
    background-image: url("Pictures/Rates_Poker/Poker_Button_1X.gif");
}
@keyframes poker_button_2X_to_1X-b-4bcxpzgej1 {
    0% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_2X.gif");
        opacity: 100%;
    }

    45% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_2X.gif");
        opacity: 0%;
    }

    55% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_1X.gif");
        opacity: 0%;
    }

    100% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_1X.gif");
        opacity: 100%;
    }
}
.poker_button_2X_to_2Euro[b-4bcxpzgej1] {
    animation-name: poker_button_2X_to_2Euro-b-4bcxpzgej1;
    animation-duration: 600ms;
    animation-timing-function: ease-in-out;
    background-image: url("Pictures/Rates_Poker/Poker_2_EURO.gif");
}
@keyframes poker_button_2X_to_2Euro-b-4bcxpzgej1 {
    0% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_2X.gif");
        opacity: 100%;
    }

    48% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_2X.gif");
        opacity: 0%;
    }

    52% {
        background-image: url("Pictures/Rates_Poker/Poker_2_EURO.gif");
        opacity: 0%;
    }

    100% {
        background-image: url("Pictures/Rates_Poker/Poker_2_EURO.gif");
        opacity: 100%;
    }
}
.poker_button_2X_to_4Euro[b-4bcxpzgej1] {
    animation-name: poker_button_2X_to_4Euro-b-4bcxpzgej1;
    animation-duration: 600ms;
    animation-timing-function: ease-in-out;
    background-image: url("Pictures/Rates_Poker/Poker_4_EURO.gif");
}
@keyframes poker_button_2X_to_4Euro-b-4bcxpzgej1 {
    0% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_2X.gif");
        opacity: 100%;
    }

    48% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_2X.gif");
        opacity: 0%;
    }

    52% {
        background-image: url("Pictures/Rates_Poker/Poker_4_EURO.gif");
        opacity: 0%;
    }

    100% {
        background-image: url("Pictures/Rates_Poker/Poker_4_EURO.gif");
        opacity: 100%;
    }
}
.poker_button_2X_to_6Euro[b-4bcxpzgej1] {
    animation-name: poker_button_2X_to_6Euro-b-4bcxpzgej1;
    animation-duration: 600ms;
    animation-timing-function: ease-in-out;
    background-image: url("Pictures/Rates_Poker/Poker_6_EURO.gif");
}
@keyframes poker_button_2X_to_6Euro-b-4bcxpzgej1 {
    0% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_2X.gif");
        opacity: 100%;
    }

    48% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_2X.gif");
        opacity: 0%;
    }

    52% {
        background-image: url("Pictures/Rates_Poker/Poker_6_EURO.gif");
        opacity: 0%;
    }

    100% {
        background-image: url("Pictures/Rates_Poker/Poker_6_EURO.gif");
        opacity: 100%;
    }
}
.poker_button_2X_to_8Euro[b-4bcxpzgej1] {
    animation-name: poker_button_2X_to_8Euro-b-4bcxpzgej1;
    animation-duration: 600ms;
    animation-timing-function: ease-in-out;
    background-image: url("Pictures/Rates_Poker/Poker_8_EURO.gif");
}
@keyframes poker_button_2X_to_8Euro-b-4bcxpzgej1 {
    0% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_2X.gif");
        opacity: 100%;
    }

    48% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_2X.gif");
        opacity: 0%;
    }

    52% {
        background-image: url("Pictures/Rates_Poker/Poker_8_EURO.gif");
        opacity: 0%;
    }

    100% {
        background-image: url("Pictures/Rates_Poker/Poker_8_EURO.gif");
        opacity: 100%;
    }
}
.poker_button_2X_to_10Euro[b-4bcxpzgej1] {
    animation-name: poker_button_2X_to_10Euro-b-4bcxpzgej1;
    animation-duration: 600ms;
    animation-timing-function: ease-in-out;
    background-image: url("Pictures/Rates_Poker/Poker_10_EURO.gif");
}
@keyframes poker_button_2X_to_10Euro-b-4bcxpzgej1 {
    0% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_2X.gif");
        opacity: 100%;
    }

    48% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_2X.gif");
        opacity: 0%;
    }

    52% {
        background-image: url("Pictures/Rates_Poker/Poker_10_EURO.gif");
        opacity: 0%;
    }

    100% {
        background-image: url("Pictures/Rates_Poker/Poker_10_EURO.gif");
        opacity: 100%;
    }
}
.poker_button_1X_to_1Euro[b-4bcxpzgej1] {
    animation-name: poker_button_1X_to_1Euro-b-4bcxpzgej1;
    animation-duration: 600ms;
    animation-timing-function: ease-in-out;
    background-image: url("Pictures/Rates_Poker/Poker_1_EURO.gif");
}
@keyframes poker_button_1X_to_1Euro-b-4bcxpzgej1 {
    0% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_1X.gif");
        opacity: 100%;
    }

    48% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_1X.gif");
        opacity: 0%;
    }

    52% {
        background-image: url("Pictures/Rates_Poker/Poker_1_EURO.gif");
        opacity: 0%;
    }

    100% {
        background-image: url("Pictures/Rates_Poker/Poker_1_EURO.gif");
        opacity: 100%;
    }
}
.poker_button_1X_to_2Euro[b-4bcxpzgej1] {
    animation-name: poker_button_1X_to_2Euro-b-4bcxpzgej1;
    animation-duration: 600ms;
    animation-timing-function: ease-in-out;
    background-image: url("Pictures/Rates_Poker/Poker_2_EURO.gif");
}
@keyframes poker_button_1X_to_2Euro-b-4bcxpzgej1 {
    0% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_1X.gif");
        opacity: 100%;
    }

    48% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_1X.gif");
        opacity: 0%;
    }

    52% {
        background-image: url("Pictures/Rates_Poker/Poker_2_EURO.gif");
        opacity: 0%;
    }

    100% {
        background-image: url("Pictures/Rates_Poker/Poker_2_EURO.gif");
        opacity: 100%;
    }
}
.poker_button_1X_to_3Euro[b-4bcxpzgej1] {
    animation-name: poker_button_1X_to_3Euro-b-4bcxpzgej1;
    animation-duration: 600ms;
    animation-timing-function: ease-in-out;
    background-image: url("Pictures/Rates_Poker/Poker_3_EURO.gif");
}
@keyframes poker_button_1X_to_3Euro-b-4bcxpzgej1 {
    0% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_1X.gif");
        opacity: 100%;
    }

    48% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_1X.gif");
        opacity: 0%;
    }

    52% {
        background-image: url("Pictures/Rates_Poker/Poker_3_EURO.gif");
        opacity: 0%;
    }

    100% {
        background-image: url("Pictures/Rates_Poker/Poker_3_EURO.gif");
        opacity: 100%;
    }
}
.poker_button_1X_to_4Euro[b-4bcxpzgej1] {
    animation-name: poker_button_1X_to_4Euro-b-4bcxpzgej1;
    animation-duration: 600ms;
    animation-timing-function: ease-in-out;
    background-image: url("Pictures/Rates_Poker/Poker_4_EURO.gif");
}
@keyframes poker_button_1X_to_4Euro-b-4bcxpzgej1 {
    0% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_1X.gif");
        opacity: 100%;
    }

    48% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_1X.gif");
        opacity: 0%;
    }

    52% {
        background-image: url("Pictures/Rates_Poker/Poker_4_EURO.gif");
        opacity: 0%;
    }

    100% {
        background-image: url("Pictures/Rates_Poker/Poker_4_EURO.gif");
        opacity: 100%;
    }
}
.poker_button_1X_to_5Euro[b-4bcxpzgej1] {
    animation-name: poker_button_1X_to_5Euro-b-4bcxpzgej1;
    animation-duration: 600ms;
    animation-timing-function: ease-in-out;
    background-image: url("Pictures/Rates_Poker/Poker_5_EURO.gif");
}
@keyframes poker_button_1X_to_5Euro-b-4bcxpzgej1 {
    0% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_1X.gif");
        opacity: 100%;
    }

    48% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_1X.gif");
        opacity: 0%;
    }

    52% {
        background-image: url("Pictures/Rates_Poker/Poker_5_EURO.gif");
        opacity: 0%;
    }

    100% {
        background-image: url("Pictures/Rates_Poker/Poker_5_EURO.gif");
        opacity: 100%;
    }
}
.poker_button_fade_out_in[b-4bcxpzgej1] {
    animation-name: poker_button_fade_out_in-b-4bcxpzgej1;
    animation-duration: 2000ms;
    animation-timing-function: ease-in-out;
    background-image: url("Pictures/Rates_Poker/Poker_Button_1X.gif");
}
@keyframes poker_button_fade_out_in-b-4bcxpzgej1 {
    0% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_2X.gif");
        opacity: 1;
    }

    45% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_2X.gif");
        opacity: 0;
    }

    55% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_1X.gif");
        opacity: 0;
    }

    100% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_1X.gif");
        opacity: 1;
    }
}
.poker_button_fade_out[b-4bcxpzgej1] {
    animation-name: poker_button_fade_out-b-4bcxpzgej1;
    animation-duration: 600ms;
    /*    animation-timing-function: ease-in-out;
*/
}
@keyframes poker_button_fade_out-b-4bcxpzgej1 {
    0% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_1X.gif");
        opacity: 100%;
    }

    100% {
        background-image: url("Pictures/Rates_Poker/Poker_Button_1X.gif");
        opacity: 0%;
    }
}




/***** 0425 ANIMATION POKER CARDS *****/
.pokercard_position_0[b-4bcxpzgej1] {
    grid-column: 14;
    grid-row: 19;
    margin-top: 26px;
}

.pokercard_black_cover[b-4bcxpzgej1] {
    grid-column: 14;
    grid-row: 19;
    margin-top: 10px;
    z-index: 40;
}

.pokercard_transparent_cover[b-4bcxpzgej1] {
    grid-column: 16;
    grid-row: 19;
    opacity: 0.7;
    z-index: 50;
}

.move_poker_cards[b-4bcxpzgej1] {
    margin-left: 0px;
    margin-top: 0px;
    position: relative;
    animation-duration: 200ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    z-index: 30;
}

.poker_card1_move[b-4bcxpzgej1] {
    animation-name: poker_card1_move-b-4bcxpzgej1;
}

@keyframes poker_card1_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: -80px;
    }

    100% {
        margin-left: 40px;
        margin-top: -80px;
    }
}

.poker_card1_remove[b-4bcxpzgej1] {
    animation-name: poker_card1_remove-b-4bcxpzgej1;
}

@keyframes poker_card1_remove-b-4bcxpzgej1 {
    0% {
        margin-left: 40px;
        margin-top: -80px;
    }

    100% {
        margin-left: 0px;
        margin-top: -80px;
    }
}

.poker_card2_move[b-4bcxpzgej1] {
    animation-name: poker_card2_move-b-4bcxpzgej1;
}

@keyframes poker_card2_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: -80px;
    }

    100% {
        margin-left: 78px;
        margin-top: -80px;
    }
}

.poker_card2_remove[b-4bcxpzgej1] {
    animation-name: poker_card2_remove-b-4bcxpzgej1;
}

@keyframes poker_card2_remove-b-4bcxpzgej1 {
    0% {
        margin-left: 78px;
        margin-top: -80px;
    }

    100% {
        margin-left: 0px;
        margin-top: -80px;
    }
}

.poker_card3_move[b-4bcxpzgej1] {
    animation-name: poker_card3_move-b-4bcxpzgej1;
}

@keyframes poker_card3_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: -80px;
    }

    100% {
        margin-left: 116px;
        margin-top: -80px;
    }
}

.poker_card3_remove[b-4bcxpzgej1] {
    animation-name: poker_card3_remove-b-4bcxpzgej1;
}

@keyframes poker_card3_remove-b-4bcxpzgej1 {
    0% {
        margin-left: 116px;
        margin-top: -80px;
    }

    100% {
        margin-left: 0px;
        margin-top: -80px;
    }
}

.poker_card4_move[b-4bcxpzgej1] {
    animation-name: poker_card4_move-b-4bcxpzgej1;
}

@keyframes poker_card4_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: -80px;
    }

    100% {
        margin-left: 154px;
        margin-top: -80px;
    }
}

.poker_card4_remove[b-4bcxpzgej1] {
    animation-name: poker_card4_remove-b-4bcxpzgej1;
}

@keyframes poker_card4_remove-b-4bcxpzgej1 {
    0% {
        margin-left: 154px;
        margin-top: -80px;
    }

    100% {
        margin-left: 0px;
        margin-top: -80px;
    }
}

.poker_card5_move[b-4bcxpzgej1] {
    animation-name: poker_card5_move-b-4bcxpzgej1;
}

@keyframes poker_card5_move-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: -80px;
    }

    100% {
        margin-left: 192px;
        margin-top: -80px;
    }
}

.poker_card5_remove[b-4bcxpzgej1] {
    animation-name: poker_card5_remove-b-4bcxpzgej1;
}

@keyframes poker_card5_remove-b-4bcxpzgej1 {
    0% {
        margin-left: 192px;
        margin-top: -80px;
    }

    100% {
        margin-left: 0px;
        margin-top: -80px;
    }
}







/*.pokercard_position_0 {
    grid-column: 15;
    grid-row: 19;
    background-color: black;
}
.pokercard_black_cover {
    grid-column: 15;
    grid-row: 19;
    z-index: 40;
}
.pokercard_transparent_cover {
    grid-column: 17;
    grid-row: 19;
    opacity: 0.7;
    z-index: 50;
}
.move_poker_cards {
    margin-left: 0px;
    margin-top: 0px;
    position: relative;
    animation-duration: 200ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    z-index: 30;
}
.poker_card1_move {
    animation-name: poker_card1_move;
}
@keyframes poker_card1_move {
    0% {
        margin-left: 0px;
        margin-top: -80px;
    }

    100% {
        margin-left: 50px;
        margin-top: -80px;
    }
}
.poker_card1_remove {
    animation-name: poker_card1_remove;
}
@keyframes poker_card1_remove {
    0% {
        margin-left: 50px;
        margin-top: -80px;
    }

    100% {
        margin-left: 0px;
        margin-top: -80px;
    }
}
.poker_card2_move {
    animation-name: poker_card2_move;
}
@keyframes poker_card2_move {
    0% {
        margin-left: 0px;
        margin-top: -80px;
    }

    100% {
        margin-left: 92px;
        margin-top: -80px;
    }
}
.poker_card2_remove {
    animation-name: poker_card2_remove;
}
@keyframes poker_card2_remove {
    0% {
        margin-left: 92px;
        margin-top: -80px;
    }

    100% {
        margin-left: 0px;
        margin-top: -80px;
    }
}
.poker_card3_move {
    animation-name: poker_card3_move;
}
@keyframes poker_card3_move {
    0% {
        margin-left: 0px;
        margin-top: -80px;
    }

    100% {
        margin-left: 134px;
        margin-top: -80px;
    }
}
.poker_card3_remove {
    animation-name: poker_card3_remove;
}
@keyframes poker_card3_remove {
    0% {
        margin-left: 134px;
        margin-top: -80px;
    }

    100% {
        margin-left: 0px;
        margin-top: -80px;
    }
}
.poker_card4_move {
    animation-name: poker_card4_move;
}
@keyframes poker_card4_move {
    0% {
        margin-left: 0px;
        margin-top: -80px;
    }

    100% {
        margin-left: 176px;
        margin-top: -80px;
    }
}
.poker_card4_remove {
    animation-name: poker_card4_remove;
}
@keyframes poker_card4_remove {
    0% {
        margin-left: 176px;
        margin-top: -80px;
    }

    100% {
        margin-left: 0px;
        margin-top: -80px;
    }
}
.poker_card5_move {
    animation-name: poker_card5_move;
}
@keyframes poker_card5_move {
    0% {
        margin-left: 0px;
        margin-top: -80px;
    }

    100% {
        margin-left: 218px;
        margin-top: -80px;
    }
}
.poker_card5_remove {
    animation-name: poker_card5_remove;
}
@keyframes poker_card5_remove {
    0% {
        margin-left: 218px;
        margin-top: -80px;
    }

    100% {
        margin-left: 0px;
        margin-top: -80px;
    }
}
*/







/***** 0430 CARDS AND RATES *****/
.card_grey[b-4bcxpzgej1] {
    height: 158px;
    width: 103px;
    margin: 1px;
    background-image: url("Pictures/Graphics/Card_Socket.gif");
}
.card1[b-4bcxpzgej1] {
    grid-column: 8 / span 4;
    grid-row: 2;
}
.card2[b-4bcxpzgej1] {
    grid-column: 7 / span 4;
    grid-row: 4;
}
.card3[b-4bcxpzgej1] {
    grid-column: 6 / span 4;
    grid-row: 6;
}
.card4[b-4bcxpzgej1] {
    grid-column: 5 / span 4;
    grid-row: 8;
}
.card5[b-4bcxpzgej1] {
    grid-column: 4 / span 4;
    grid-row: 10;
}
.card6[b-4bcxpzgej1] {
    grid-column: 7 / span 4;
    grid-row: 18;
}
.card7[b-4bcxpzgej1] {
    grid-column: 6 / span 4;
    grid-row: 20;
}
.card8[b-4bcxpzgej1] {
    grid-column: 5 / span 4;
    grid-row: 22;
}
.card9[b-4bcxpzgej1] {
    grid-column: 4 / span 4;
    grid-row: 24;
}

.rate[b-4bcxpzgej1] {
    margin-right: 4px;
    margin-top: 6px;
}
.rate1grey[b-4bcxpzgej1] {
    grid-column: 12 / span 6;
    grid-row: 8;
}
.rate2grey[b-4bcxpzgej1] {
    grid-column: 11 / span 6;
    grid-row: 10;
}
.rate3grey[b-4bcxpzgej1] {
    grid-column: 10 / span 6;
    grid-row: 12;
}
.rate4grey[b-4bcxpzgej1] {
    grid-column: 9 / span 6;
    grid-row: 14;
}
.rate5grey[b-4bcxpzgej1] {
    grid-column: 8 / span 6;
    grid-row: 16;
}
.rate6grey[b-4bcxpzgej1] {
    grid-column: 11 / span 6;
    grid-row: 24;
}
.rate7grey[b-4bcxpzgej1] {
    grid-column: 10 / span 6;
    grid-row: 26;
}
.rate8grey[b-4bcxpzgej1] {
    grid-column: 9 / span 6;
    grid-row: 28;
}
.rate9grey[b-4bcxpzgej1] {
    grid-column: 8 / span 6;
    grid-row: 30;
}
.rate1green[b-4bcxpzgej1] {
    grid-column: 12 / span 6;
    grid-row: 8;
}
.rate2green[b-4bcxpzgej1] {
    grid-column: 11 / span 6;
    grid-row: 10;
}
.rate3green[b-4bcxpzgej1] {
    grid-column: 10 / span 6;
    grid-row: 12;
}
.rate4green[b-4bcxpzgej1] {
    grid-column: 9 / span 6;
    grid-row: 14;
}
.rate5green[b-4bcxpzgej1] {
    grid-column: 8 / span 6;
    grid-row: 16;
}
.rate6green[b-4bcxpzgej1] {
    grid-column: 11 / span 6;
    grid-row: 24;
}
.rate7green[b-4bcxpzgej1] {
    grid-column: 10 / span 6;
    grid-row: 26;
}
.rate8green[b-4bcxpzgej1] {
    grid-column: 9 / span 6;
    grid-row: 28;
}
.rate9green[b-4bcxpzgej1] {
    grid-column: 8 / span 6;
    grid-row: 30;
}
.rate2red[b-4bcxpzgej1] {
    grid-column: 11 / span 6;
    grid-row: 10;
}
.rate3red[b-4bcxpzgej1] {
    grid-column: 10 / span 6;
    grid-row: 12;
}
.rate4red[b-4bcxpzgej1] {
    grid-column: 9 / span 6;
    grid-row: 14;
}
.rate5red[b-4bcxpzgej1] {
    grid-column: 8 / span 6;
    grid-row: 16;
}
.rate6red[b-4bcxpzgej1] {
    grid-column: 11 / span 6;
    grid-row: 24;
}
.rate7red[b-4bcxpzgej1] {
    grid-column: 10 / span 6;
    grid-row: 26;
}
.rate8red[b-4bcxpzgej1] {
    grid-column: 9 / span 6;
    grid-row: 28;
}
.rate9red[b-4bcxpzgej1] {
    grid-column: 8 / span 6;
    grid-row: 30;
}

/***** 0435 PLAYER NUMBERS *****/
.g1[b-4bcxpzgej1] {
    grid-column: 17 / span 2;
    grid-row: 8;
    color: lawngreen;
    margin-top: 12px;
}
.g2[b-4bcxpzgej1] {
    grid-column: 16 / span 2;
    grid-row: 10;
    color: lawngreen;
    margin-top: 12px;
}
.g3[b-4bcxpzgej1] {
    grid-column: 15 / span 2;
    grid-row: 12;
    color: lawngreen;
    margin-top: 12px;
}
.g4[b-4bcxpzgej1] {
    grid-column: 14 / span 2;
    grid-row: 14;
    color: lawngreen;
    margin-top: 12px;
}
.g5[b-4bcxpzgej1] {
    grid-column: 13 / span 2;
    grid-row: 16;
    color: lawngreen;
    margin-top: 12px;
}
.g6[b-4bcxpzgej1] {
    grid-column: 16 / span 2;
    grid-row: 24;
    color: lawngreen;
    margin-top: 12px;
}
.g7[b-4bcxpzgej1] {
    grid-column: 15 / span 2;
    grid-row: 26;
    color: lawngreen;
    margin-top: 12px;
}
.g8[b-4bcxpzgej1] {
    grid-column: 14 / span 2;
    grid-row: 28;
    color: lawngreen;
    margin-top: 12px;
}
.g9[b-4bcxpzgej1] {
    grid-column: 13 / span 2;
    grid-row: 30;
    color: lawngreen;
    margin-top: 12px;
}
.b1[b-4bcxpzgej1] {
    grid-column: 19 / span 2;
    grid-row: 9;
    color: cornflowerblue;
    margin-top: 12px;
}
.b2[b-4bcxpzgej1] {
    grid-column: 18 / span 2;
    grid-row: 11;
    color: cornflowerblue;
    margin-top: 12px;
}
.b3[b-4bcxpzgej1] {
    grid-column: 17 / span 2;
    grid-row: 13;
    color: cornflowerblue;
    margin-top: 12px;
}
.b4[b-4bcxpzgej1] {
    grid-column: 16 / span 2;
    grid-row: 15;
    color: cornflowerblue;
    margin-top: 12px;
}
.b5[b-4bcxpzgej1] {
    grid-column: 15 / span 2;
    grid-row: 17;
    color: cornflowerblue;
    margin-top: 12px;
}
.b6[b-4bcxpzgej1] {
    grid-column: 18 / span 2;
    grid-row: 25;
    color: cornflowerblue;
    margin-top: 12px;
}
.b7[b-4bcxpzgej1] {
    grid-column: 17 / span 2;
    grid-row: 27;
    color: cornflowerblue;
    margin-top: 12px;
}
.b8[b-4bcxpzgej1] {
    grid-column: 16 / span 2;
    grid-row: 29;
    color: cornflowerblue;
    margin-top: 12px;
}
.b9[b-4bcxpzgej1] {
    grid-column: 15 / span 2;
    grid-row: 31;
    color: cornflowerblue;
    margin-top: 12px;
}
.r1[b-4bcxpzgej1] {
    grid-column: 21 / span 2;
    grid-row: 9;
    color: red;
    margin-top: 12px;
}
.r2[b-4bcxpzgej1] {
    grid-column: 20 / span 2;
    grid-row: 11;
    color: red;
    margin-top: 12px;
}
.r3[b-4bcxpzgej1] {
    grid-column: 19 / span 2;
    grid-row: 13;
    color: red;
    margin-top: 12px;
}
.r4[b-4bcxpzgej1] {
    grid-column: 18 / span 2;
    grid-row: 15;
    color: red;
    margin-top: 12px;
}
.r5[b-4bcxpzgej1] {
    grid-column: 17 / span 2;
    grid-row: 17;
    color: red;
    margin-top: 12px;
}
.r6[b-4bcxpzgej1] {
    grid-column: 20 / span 2;
    grid-row: 25;
    color: red;
    margin-top: 12px;
}
.r7[b-4bcxpzgej1] {
    grid-column: 19 / span 2;
    grid-row: 27;
    color: red;
    margin-top: 12px;
}
.r8[b-4bcxpzgej1] {
    grid-column: 18 / span 2;
    grid-row: 29;
    color: red;
    margin-top: 12px;
}
.r9[b-4bcxpzgej1] {
    grid-column: 17 / span 2;
    grid-row: 31;
    color: red;
    margin-top: 12px;
}

/***** 0440 BET SELECTION *****/
.bet[b-4bcxpzgej1] {
    grid-column: 18 / span 2;
    grid-row: 3 / span 2;
    display: grid;
    z-index: 100;
}
.bet_selection[b-4bcxpzgej1] {
    animation-duration: 2000ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-name: bet_selection-b-4bcxpzgej1;
}
@keyframes bet_selection-b-4bcxpzgej1 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
.bet_1_spread[b-4bcxpzgej1] {
    position: relative;
    animation-duration: 800ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-name: bet_1_spread-b-4bcxpzgej1;
}
@keyframes bet_1_spread-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        opacity: 0;
    }

    100% {
        margin-left: -45px;
        margin-top: -60px;
        opacity: 1;
    }
}
.bet_2_spread[b-4bcxpzgej1] {
    position: relative;
    animation-duration: 800ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-name: bet_2_spread-b-4bcxpzgej1;
}
@keyframes bet_2_spread-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        opacity: 0;
    }

    100% {
        margin-left: 45px;
        margin-top: -60px;
        opacity: 1;
    }
}
.bet_3_spread[b-4bcxpzgej1] {
    position: relative;
    animation-duration: 800ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-name: bet_3_spread-b-4bcxpzgej1;
}
@keyframes bet_3_spread-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        opacity: 0;
    }

    100% {
        margin-left: 80px;
        margin-top: 25px;
        opacity: 1;
    }
}
.bet_4_spread[b-4bcxpzgej1] {
    position: relative;
    animation-duration: 800ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-name: bet_4_spread-b-4bcxpzgej1;
}
@keyframes bet_4_spread-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        opacity: 0;
    }

    100% {
        margin-left: 0px;
        margin-top: 75px;
        opacity: 1;
    }
}
.bet_5_spread[b-4bcxpzgej1] {
    position: relative;
    animation-duration: 800ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-name: bet_5_spread-b-4bcxpzgej1;
}
@keyframes bet_5_spread-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 0px;
        opacity: 0;
    }

    100% {
        margin-left: -80px;
        margin-top: 25px;
        opacity: 1;
    }
}
.bet_1_contract[b-4bcxpzgej1] {
    z-index: 120;
    animation-duration: 800ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-name: bet_1_contract-b-4bcxpzgej1;
}
@keyframes bet_1_contract-b-4bcxpzgej1 {
    0% {
        margin-left: -45px;
        margin-top: -60px;
    }

    100% {
        margin-left: 0px;
        margin-top: 0px;
    }
}
.bet_2_contract[b-4bcxpzgej1] {
    z-index: 120;
    animation-duration: 800ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-name: bet_2_contract-b-4bcxpzgej1;
}
@keyframes bet_2_contract-b-4bcxpzgej1 {
    0% {
        margin-left: 45px;
        margin-top: -60px;
    }

    100% {
        margin-left: 0px;
        margin-top: 0px;
    }
}
.bet_3_contract[b-4bcxpzgej1] {
    z-index: 120;
    animation-duration: 800ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-name: bet_3_contract-b-4bcxpzgej1;
}
@keyframes bet_3_contract-b-4bcxpzgej1 {
    0% {
        margin-left: 80px;
        margin-top: 25px;
    }

    100% {
        margin-left: 0px;
        margin-top: 0px;
    }
}
.bet_4_contract[b-4bcxpzgej1] {
    z-index: 120;
    animation-duration: 800ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-name: bet_4_contract-b-4bcxpzgej1;
}
@keyframes bet_4_contract-b-4bcxpzgej1 {
    0% {
        margin-left: 0px;
        margin-top: 75px;
    }

    100% {
        margin-left: 0px;
        margin-top: 0px;
    }
}
.bet_5_contract[b-4bcxpzgej1] {
    z-index: 120;
    animation-duration: 800ms;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-name: bet_5_contract-b-4bcxpzgej1;
}
@keyframes bet_5_contract-b-4bcxpzgej1 {
    0% {
        margin-left: -80px;
        margin-top: 25px;
    }

    100% {
        margin-left: 0px;
        margin-top: 0px;
    }
}

/***** 0445 BET Clock 250722 ***********************/
.bet_clock[b-4bcxpzgej1] {
    grid-column: 26;
    grid-row: 2/ span 3;
    margin-top: 24px;
    margin-left: 18px;
    height: 70px;
    width: 72px;
    z-index: 30;
}

.combined_set_rewind_time[b-4bcxpzgej1] {
    stroke: #58FF00; /*hellgrün*/
    animation: combined_set_rewind_time-b-4bcxpzgej1 var(--bet_time) linear forwards;
}

@keyframes combined_set_rewind_time-b-4bcxpzgej1 {
    0% {
        stroke-dasharray: 0 100;
    }

    10% {
        stroke-dasharray: var(--circle_segment) 100;
    }

    94% {
        stroke-dasharray: var(--circle_segment) 100;
    }

    100% {
        stroke-dasharray: 0 100;
    }
}
/*****************************/

.combined_run_rewind_time[b-4bcxpzgej1] {
    stroke: #404E37; /*dunkelgrün*/
    animation: combined_run_rewind_time-b-4bcxpzgej1 var(--bet_time) linear forwards;
}

@keyframes combined_run_rewind_time-b-4bcxpzgej1 {
    0% {
        stroke-dasharray: 0 100;
    }

    88% {
        stroke-dasharray: var(--circle_segment) 100;
    }

    92% {
        stroke-dasharray: var(--circle_segment) 100;
    }

    100% {
        stroke-dasharray: 0 100;
    }
}


/***** 0450 DISPLAY WINNINGS *****/
.jp-image[b-4bcxpzgej1] {
    grid-column: 24;
    grid-row: 12;
    height: 30px;
    width: 120px;
    margin-left: 0px;
    margin-top: 0px;
    position: relative;
    z-index: 140;
    display: flex;
    align-items: center;
}

.jp-winning[b-4bcxpzgej1] {
    grid-column: 30 / span 5;
    text-align: right;
    grid-row: 12;
    text-align: right;
    margin-right: 8px;
    color: white;
    font-size: 20px;
    z-index: 150;
}


.poker-rate[b-4bcxpzgej1] {
    grid-column: 20 / span 4;
    grid-row: 14;
    text-align: right;
    margin-right: 8px;
    color: white;
    font-size: 20px;
    z-index: 130;

}

.poker-image[b-4bcxpzgej1] {
    grid-column: 24;
    grid-row: 14;
    height: 30px;
    width: 120px;
    margin-left: 0px;
    margin-top: 0px;
    position: relative;
    z-index: 140;
    display: flex;
    align-items: center;
}

.poker-winning[b-4bcxpzgej1] {
    grid-column: 30 / span 5;
    grid-row: 14;
    text-align: right;
    margin-right: 8px;
    color: white;
    font-size: 20px;
    /*position: relative;*/
    z-index: 140;
}

.series-rate[b-4bcxpzgej1] {
    grid-column: 20 / span 4;
    grid-row: 16;
    text-align: right;
    margin-right: 8px;
    color: white;
    font-size: 20px;
    z-index: 130;
}

.series-image[b-4bcxpzgej1] {
    grid-column: 24;
    grid-row: 16;
    height: 30px;
    width: 120px;
    margin-left: 0px;
    margin-top: 0px;
    position: relative;
    z-index: 140;
    display: flex;
    align-items: center;
}

.series-winning[b-4bcxpzgej1] {
    grid-column: 30 / span 5;
    grid-row: 16;
    text-align: right;
    margin-right: 8px;
    color: white;
    font-size: 20px;
    z-index: 140;
}

.total[b-4bcxpzgej1]{
    grid-column: 25 / span 4;
    grid-row: 18;
    text-align: right;
    color: white;
    font-size: 20px;
    z-index: 130;
}

.total-winning[b-4bcxpzgej1] {
    grid-column: 30 / span 5;
    grid-row: 18;
    text-align: right;
    margin-right: 8px;
    color: white;
    font-size: 20px;
    z-index: 140;
}


.test-stepsfeed-jp[b-4bcxpzgej1]{
    grid-column: 10 / 34;
    grid-row: 29;
    text-align: right;
    color: palegoldenrod;
    font-size: 30px;
    z-index: 140;
}

.win-jp-box[b-4bcxpzgej1] {
    grid-column: 10 / 34;
    grid-row: 31;
    text-align: right;
    color: palegoldenrod;
    font-size: 20px;
    z-index: 140;
}

.win-jp-fade-out[b-4bcxpzgej1]{
    grid-column: 10 / 34;
    grid-row: 31;
    text-align: right;
    animation-name: win-jp-fade-out-b-4bcxpzgej1;
    animation-duration: 500ms;
    animation-fill-mode: forwards;
    color: palegoldenrod;
    font-size: 20px;
    z-index: 150;
}
@keyframes win-jp-fade-out-b-4bcxpzgej1 {
    0% {
        opacity: 100%;
        color: palegoldenrod;
    }
    100% {
        opacity: 0%;
        color: palegoldenrod;
    }
}

.feed-jp-fade-in[b-4bcxpzgej1] {
    grid-column: 10 / 34;
    grid-row: 31;
    text-align: right;
    animation-name: feed-jp-fade-in-b-4bcxpzgej1;
    animation-duration: 800ms;
    animation-fill-mode: forwards;
    color: forestgreen;
    font-size: 28px;
    z-index: 150;
}
@keyframes feed-jp-fade-in-b-4bcxpzgej1 {
    0% {
        opacity: 0%;
        color: forestgreen;
    }

    75% {
        opacity: 80%;
        color: forestgreen;
    }

    100% {
        opacity: 100%;
        color: forestgreen;
    }
}

.feed-jp-fade-out[b-4bcxpzgej1] {
    grid-column: 10 / 34;
    grid-row: 31;
    text-align: right;
    animation-name: feed-jp-fade-out-b-4bcxpzgej1;
    animation-duration: 800ms;
    animation-fill-mode: forwards;
    color: forestgreen;
    font-size: 28px;
    z-index: 160;
    
}
@keyframes feed-jp-fade-out-b-4bcxpzgej1 {
    0% {
        opacity: 100%;
        color: forestgreen;
    }
    100% {
        opacity: 0%;
        color: forestgreen;
    }
}

.jp-label[b-4bcxpzgej1] {
    grid-column: 10 / 28;
    grid-row: 33;
    text-align: right;
    color: palegoldenrod;
    font-size: 28px;
    z-index: 140;
}

.jp-value[b-4bcxpzgej1] {
    grid-column: 10 / 34;
    grid-row: 33;
    text-align: right;
    color: palegoldenrod;
    font-size: 28px;
    z-index: 140;
}


.jp-fade-out[b-4bcxpzgej1] {
    grid-column: 30 / 34;
    grid-row: 33;
    text-align: right;
    animation-name: jp-fade-out-b-4bcxpzgej1;
    animation-duration: 1000ms;
    animation-fill-mode: forwards;
    font-size: 28px;
    z-index: 140;
}
@keyframes jp-fade-out-b-4bcxpzgej1 {
    0% {
        opacity: 100%;
        color: palegoldenrod;
    }
    50% {
        opacity: 50%;
        color: palegoldenrod;
    }

    100% {
        opacity: 0%;
        color: palegoldenrod;
    }

}

.jp-fade-in[b-4bcxpzgej1] {
    grid-column: 30 / 34;
    grid-row: 33;
    text-align: right;
    animation-name: jp-fade-in-b-4bcxpzgej1;
    animation-duration: 2000ms;
    animation-fill-mode: forwards;
    font-size: 28px;
    z-index: 140;
}

@keyframes jp-fade-in-b-4bcxpzgej1 {
    0% {
        opacity: 0%;
        color: forestgreen;
    }

    40% {
        opacity: 100%;
        color: forestgreen;
    }

    60% {
        opacity: 80%;
        color: palegoldenrod;
    }

    100% {
        opacity: 100%;
        color: palegoldenrod;
    }
}


/***** 0460 ALL PLAYERS OUT *****/
.all_players_out[b-4bcxpzgej1] {
    grid-column: 22 / span 6;
    grid-row: 28 / span 3;
    z-index: 140;
    animation-name: all_players_out-b-4bcxpzgej1;
    animation-duration: 1600ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
@keyframes all_players_out-b-4bcxpzgej1 {
    0% {
        opacity: 0%;
    }
    15% {
        opacity: 0%;
    }
    30% {
        opacity: 100%;
    }
    85% {
        opacity: 100%;
    }
    100% {
        opacity: 0%;
    }
}



/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-qlgnumfwd0] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-qlgnumfwd0] {
    flex: 1;
}

.sidebar[b-qlgnumfwd0] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-qlgnumfwd0] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-qlgnumfwd0]  a, .top-row[b-qlgnumfwd0]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-qlgnumfwd0]  a:hover, .top-row[b-qlgnumfwd0]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-qlgnumfwd0]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-qlgnumfwd0] {
        display: none;
    }

    .top-row.auth[b-qlgnumfwd0] {
        justify-content: space-between;
    }

    .top-row[b-qlgnumfwd0]  a, .top-row[b-qlgnumfwd0]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-qlgnumfwd0] {
        flex-direction: row;
    }

    .sidebar[b-qlgnumfwd0] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-qlgnumfwd0] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-qlgnumfwd0]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-qlgnumfwd0], article[b-qlgnumfwd0] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-j3uidcn736] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-j3uidcn736] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-j3uidcn736] {
    font-size: 1.1rem;
}

.oi[b-j3uidcn736] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

.nav-item[b-j3uidcn736] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-j3uidcn736] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-j3uidcn736] {
        padding-bottom: 1rem;
    }

    .nav-item[b-j3uidcn736]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

.nav-item[b-j3uidcn736]  a.active {
    background-color: rgba(255,255,255,0.25);
    color: white;
}

.nav-item[b-j3uidcn736]  a:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

@media (min-width: 641px) {
    .navbar-toggler[b-j3uidcn736] {
        display: none;
    }

    .collapse[b-j3uidcn736] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}