@font-face {
    font-family: 'Micado'; 
    src: url("fonts/mikado/Mikado-Black.cd23c67d8617.woff2") format('woff2'), 
    url("fonts/mikado/Mikado-Black.c822709812cb.woff") format('woff'),
    url("fonts/mikado/Mikado-Black.af569dcd095f.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tildaScaansRegular'; 
    src: url("fonts/tildaScans/TildaSans-Regular.0e620daec2f6.woff2") format('woff2'), 
    url("fonts/tildaScans/TildaSans-Regular.9e22b54f85ab.woff") format('woff'),
    url("fonts/tildaScans/TildaSans-Regular.279e2ab4ce64.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tildaScaansMedium'; 
    src: url("fonts/tildaScans/TildaSans-Medium.0d4d3b30ada5.woff2") format('woff2'), 
    url("fonts/tildaScans/TildaSans-Medium.44d9c2ea4ea0.woff") format('woff'),
    url("fonts/tildaScans/TildaSans-Medium.065a2d909529.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tildaScaansSemibold'; 
    src: url("fonts/tildaScans/TildaSans-Semibold.fb83f889635f.woff2") format('woff2'), 
    url("fonts/tildaScans/TildaSans-Semibold.39303c6ca59b.woff") format('woff'),
    url("fonts/tildaScans/TildaSans-Semibold.b8aa7037bb76.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tildaScaansBold'; 
    src: url("fonts/tildaScans/TildaSans-Bold.5afcc96dec53.woff2") format('woff2'), 
    url("fonts/tildaScans/TildaSans-Bold.f2bc29bc2dab.woff") format('woff'),
    url("fonts/tildaScans/TildaSans-Bold.3b3b7d02957c.ttf") format('truetype');
    font-weight: normal;
    font-style: normal;
}



*{
    padding: 0;
    margin: 0;
    border: 0;
}

*,*:before,*:after{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}

nav,footer,header,aside{display: block;}

html,body{
    height: 100%;
    width: 100%;
    font-size: 100%;
    background-color: #FEF8D6;
    line-height: 1;
    color: #252B42;
    font-family: 'Micado', sans-serif;   
    font-weight: 900;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

input,button,textarea{font-family:inherit;}

input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner {padding:0;border:0;}
a, a:visited{text-decoration: none; display: block;}
a:hover{text-decoration: none;}
ul, li{list-style: none; display: block;}
img{vertical-align: top;}

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





.popUpOverlay_redirectStatus4 {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); 
}

.popUpOverlay_redirectStatus4.active{
    display: grid;
    place-items: center; 
}

.popUpWrapper_redirectStatus4 {
    width: 100%;
    max-width: 358px;
    padding: 88px 95px 31px 95px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}

.textBlock_redirectStatus4 {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.modalText_redirectStatus4 {
    margin: 0;
    font-size: 15px;
    line-height: 15.75px;
    font-weight: 900;
    color: #A25028;
    font-family: 'Micado', sans-serif;
}

.modalLogo_redirectStatus4 {
    position: absolute;
    top: -90px;
    right: 50px;
    z-index: 100;
}




.popUpOverlay_redirectStatus3 {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); 
}

.popUpOverlay_redirectStatus3.active{
    display: grid;
    place-items: center; 
}

.popUpWrapper_redirectStatus3 {
    width: 100%;
    max-width: 358px;
    padding: 88px 95px 31px 95px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}

.textBlock_redirectStatus3 {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.modalText_redirectStatus3 {
    margin: 0;
    font-size: 15px;
    line-height: 15.75px;
    font-weight: 900;
    color: #A25028;
    font-family: 'Micado', sans-serif;
}

.modalLogo_redirectStatus3 {
    position: absolute;
    top: -90px;
    right: 50px;
    z-index: 100;
}





.popUpOverlay_redirectStatus2 {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); 
}

.popUpOverlay_redirectStatus2.active{
    display: grid;
    place-items: center; 
}

.popUpWrapper_redirectStatus2 {
    width: 100%;
    max-width: 358px;
    padding: 88px 95px 31px 95px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}

.textBlock_redirectStatus2 {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.modalText_redirectStatus2 {
    margin: 0;
    font-size: 15px;
    line-height: 15.75px;
    font-weight: 900;
    color: #A25028;
    font-family: 'Micado', sans-serif;
}

.modalLogo_redirectStatus2 {
    position: absolute;
    top: -90px;
    right: 50px;
    z-index: 100;
}





.popUpOverlay_redirectStatus1 {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); 
}

.popUpOverlay_redirectStatus1.active{
    display: grid;
    place-items: center; 
}

.popUpWrapper_redirectStatus1 {
    width: 100%;
    max-width: 358px;
    padding: 88px 95px 31px 95px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}

.textBlock_redirectStatus1 {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.modalText_redirectStatus1 {
    margin: 0;
    font-size: 15px;
    line-height: 15.75px;
    font-weight: 900;
    color: #A25028;
    font-family: 'Micado', sans-serif;
}

.modalLogo_redirectStatus1 {
    position: absolute;
    top: -90px;
    right: 50px;
    z-index: 100;
}





.popUpOverlay_modalError {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); 
}

.popUpOverlay_modalError.active{
    display: grid;
    place-items: center; 
}



.popUpWrapper_modalError {
    width: 100%;
    max-width: 358px;
    padding: 88px 35px 31px 35px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}


.modalLogo_modalError {
    position: absolute;
    top: -90px;
    right: 50px;
    z-index: 100;
}

.textBlock_modalError {
    margin-bottom: 10px;
}

.modalText_modalError {
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    font-weight: 900;
    color: #A25028;
    font-family: 'Micado', sans-serif;
}

.buttonWrapper_modalError {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_modalError {
    width: 170px;
    height: 51px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_modalError {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_modalError {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', sans-serif;
}





.popUpOverlay_modalErrorNoMoney {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); 
}

.popUpOverlay_modalErrorNoMoney.active{
    display: grid;
    place-items: center; 
}



.popUpWrapper_modalErrorNoMoney {
    width: 100%;
    max-width: 358px;
    padding: 88px 95px 31px 95px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}


.modalLogo_modalErrorNoMoney {
    position: absolute;
    top: -90px;
    right: 50px;
    z-index: 100;
}


.modalText_modalErrorNoMoney {

    width: 293px;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    font-weight: 900;
    color: #A25028;
    font-family: 'Micado', sans-serif;
    margin-bottom: 10px;
}

.buttonWrapper_modalErrorNoMoney {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_modalErrorNoMoney {
    width: 170px;
    height: 51px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_modalErrorNoMoney {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_modalErrorNoMoney {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', sans-serif;
}






.popUpOverlay_friendsProfile {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); 
}

.popUpOverlay_friendsProfile.active{
    display: grid;
    place-items: center; 
}


.authButtonsWrapper_friendsProfile {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_friendsProfile {
    position: absolute;
    top: -70px;
    left: 40px;
}

.modalBox_friendsProfile {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_friendsProfile{
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.inputWrapper_friendsProfile {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_friendsProfile {
    resize: none; 
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 5px 0 5px 0;
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_friendsProfile::placeholder {
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: #923B09;
    text-align: center;
}

.checkboxWrapper_friendsProfile {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 10px;
}

.checkboxLabel_friendsProfile {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.checkbox_friendsProfile {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: none; 
}

.fakeCheckbox_friendsProfile {
    display: flex;
    width: 21.47px;
    height: 21.47px;
    justify-content: center;
    align-items: center;
    padding: 1px;
    border: 3px solid #DFAF7D;
    border-radius: 2px;
    position: relative; 
}

.fakeCheckboxMark_friendsProfile {
    display:none;
    position: absolute;
    top: 8px;
    left:  9px;
    transform: translate(-50%, -50%); 
    width: 14.86px;
    height: 11.74px;
    
    background-size: contain;
    background-repeat: no-repeat;
}

.checkbox_friendsProfile:checked + .fakeCheckbox_friendsProfile .fakeCheckboxMark_friendsProfile {
    display: block;
    transition: 0.2s ease-in-out;
}

.checkboxText_friendsProfile {
    margin-left: 18px;
    font-size: 10px;
    line-height: 10.4px;
    color: #A4735B;
    font-weight: 900;
}


.buttonWrapper_friendsProfile {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_friendsProfile {
    width: 174px;
    height: 51px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_friendsProfile {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_friendsProfile {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', sans-serif;
}







.popUpOverlay_findFriendById {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); 
}

.popUpOverlay_findFriendById.active{
    display: grid;
    place-items: center; 
}



.authButtonsWrapper_findFriendById {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_findFriendById {
    position: absolute;
    top: -70px;
    left: 40px;
}

.modalBox_findFriendById {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_findFriendById {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.inputWrapper_findFriendById {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_findFriendById {
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 17px 0 17px 25px;
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_findFriendById::placeholder {
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);
}


.buttonWrapper_findFriendById {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
}

.buttonLink_findFriendById {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_findFriendById {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_findFriendById {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', sans-serif;
}







.popUpOverlay_selectCustomer {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); 
}

.popUpOverlay_selectCustomer.active{
    display: grid;
    place-items: center; 
}



.popUpWrapper_selectCustomer {
    width: 100%;
    max-width: 358px;
    padding: 88px 95px 31px 95px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}

.textBlock_selectCustomer {
    margin-bottom: 10px;
}

.modalLogo_selectCustomer {
    position: absolute;
    top: -90px;
    right: 50px;
    z-index: 100;
}

.modalText_selectCustomer {
    margin: 0;
    font-size: 15px;
    line-height: 15.75px;
    font-weight: 900;
    color: #A25028;
    font-family: 'Micado', sans-serif;
}

.buttonWrapper_selectCustomer {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.buttonLink_selectCustomer {
    width: 136px;
    height: 53px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_selectCustomer {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_selectCustomer {
    position: relative;
    z-index: 2;
    color: #FFF2A9;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;

    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', sans-serif;
}






.popUpOverlay_modalLogOut {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(61, 0, 0, 1); 
}

.popUpOverlay_modalLogOut.active{
    display: grid;
    place-items: center; 
}



.authButtonsWrapper_modalLogOut {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_modalLogOut {
    position: absolute;
    top: -70px;
    left: 40px;
}

.close-btn_modalLogOut {
    width: 39px;
    height: 39px;
    
    background-color: inherit;
    background-size: cover;
    background-repeat:  no-repeat;
    background-position: center center;
    cursor: pointer;
    border: 0;

    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0;
}

.modalBox_modalLogOut{
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_modalLogOut {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.buttonWrapper_modalLogOut {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_modalLogOut {
    width: 136px;
    height: 53px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_modalLogOut {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.redButtonText_modalLogOut {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(143, 4, 20, 1); 
    text-stroke: 1.5px rgba(143, 4, 20, 1); 
    font-family: 'Micado', sans-serif;
}




.popUpOverlay_modalRedirect {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(61, 0, 0, 1); 
}

.popUpOverlay_modalRedirect.active{
    display: grid;
    place-items: center; 
}



.authButtonsWrapper_modalRedirect {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_modalRedirect {
    position: absolute;
    top: -70px;
    left: 40px;
}

.close-btn_modalRedirect {
    width: 39px;
    height: 39px;
    
    background-color: inherit;
    background-size: cover;
    background-repeat:  no-repeat;
    background-position: center center;
    cursor: pointer;
    border: 0;

    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0;
}

.modalBox_modalRedirect{
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_modalRedirect {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.loaderWrapper_modalRedirect {
    width: 100%;
    max-width: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    margin-top: 25px;
    align-self: center;
}

.loader_modalRedirect {
    width: 6.5px;
    height: 7px;
    border-radius: 100%;
}

.color_1 {
    background-color: #FF8A07;
}

.color_2 {
    background-color: #FF6E1C;
}

.color_3 {
    background-color: #FF4B39;
}

.color_4 {
    background-color: #FF2358;
}

.color_5 {
    background-color: #FF0472;
}



.popUpOverlay_authByProfile {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); 
}

.popUpOverlay_authByProfile.active{
    display: grid;
    place-items: center; 
}



.authButtonsWrapper_authByProfile {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_authByProfile {
    position: absolute;
    top: -70px;
    left: 40px;
}

.modalBox_authByProfile {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_authByProfile {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.inputWrapper_authByProfile {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_authByProfile {
    resize: none; 
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 5px 0 5px 0;
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_authByProfile::placeholder {
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: #923B09;
    text-align: center;
}

.checkboxWrapper_authByProfile {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 10px;
}

.checkboxLabel_authByProfile {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.checkbox_authByProfile {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: none; 
}

.fakeCheckbox_authByProfile {
    display: flex;
    width: 21.47px;
    height: 21.47px;
    justify-content: center;
    align-items: center;
    padding: 1px;
    border: 3px solid #DFAF7D;
    border-radius: 2px;
    position: relative; 
}

.fakeCheckboxMark_authByProfile {
    display:none;
    position: absolute;
    top: 8px;
    left:  9px;
    transform: translate(-50%, -50%); 
    width: 14.86px;
    height: 11.74px;
    
    background-size: contain;
    background-repeat: no-repeat;
}

.checkbox_authByProfile:checked + .fakeCheckbox_authByProfile .fakeCheckboxMark_authByProfile {
    display: block;
    transition: 0.2s ease-in-out;
}

.checkboxText_authByProfile {
    margin-left: 18px;
    font-size: 10px;
    line-height: 10.4px;
    color: #A4735B;
    font-weight: 900;
}


.buttonWrapper_authByProfile {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_authByProfile {
    width: 174px;
    height: 51px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_authByProfile {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_authByProfile {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', sans-serif;
}








.popUpOverlay_authByEmail {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); 
}

.popUpOverlay_authByEmail.active{
    display: grid;
    place-items: center; 
}



.authButtonsWrapper_authByEmail {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_authByEmail {
    position: absolute;
    top: -70px;
    left: 40px;
}

.modalBox_authByEmail {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_authByEmail {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.inputWrapper_authByEmail {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_authByEmail {
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 17px 0 17px 25px;
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_authByEmail::placeholder {
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);
    text-align: center;
}

.checkboxWrapper_authByEmail {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 10px;
}

.checkboxLabel_authByEmail {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.checkbox_authByEmail {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    display: none; 
}

.fakeCheckbox_authByEmail {
    display: flex;
    width: 21.47px;
    height: 21.47px;
    justify-content: center;
    align-items: center;
    padding: 1px;
    border: 3px solid #DFAF7D;
    border-radius: 2px;
    position: relative; 
}

.fakeCheckboxMark_authByEmail {
    display:none;
    position: absolute;
    top: 8px;
    left:  9px;
    transform: translate(-50%, -50%); 
    width: 14.86px;
    height: 11.74px;
    
    background-size: contain;
    background-repeat: no-repeat;
}

.checkbox_authByEmail:checked + .fakeCheckbox_authByEmail .fakeCheckboxMark_authByEmail {
    display: block;
    transition: 0.2s ease-in-out;
}

.checkboxText_authByEmail {
    margin-left: 18px;
    font-size: 10px;
    line-height: 10.4px;
    color: #A4735B;
    font-weight: 900;
}


.buttonWrapper_authByEmail {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_authByEmail {
    width: 174px;
    height: 51px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_authByEmail{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_authByEmail {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', sans-serif;
}





.popUpOverlay_authRejected {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); 
}

.popUpOverlay_authRejected.active{
    display: grid;
    place-items: center; 
}



.authButtonsWrapper_authRejected {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_authRejected {
    position: absolute;
    top: -70px;
    left: 40px;
}

.modalBox_authRejected {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_authRejected {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.colorRed {
    color: #D92323;
}

.inputWrapper_authRejected {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_authRejected {
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 17px 0 17px 25px;
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_authRejected::placeholder {
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);
}


.buttonWrapper_authRejected {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_authRejected {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_authRejected {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_authRejected {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', sans-serif;
}



.popUpOverlay_modalRejected {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); 
}

.popUpOverlay_modalRejected.active{
    display: grid;
    place-items: center; 
}



.authButtonsWrapper_modalRejected {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_modalRejected {
    position: absolute;
    top: -70px;
    left: 40px;
}

.modalBox_modalRejected {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_modalRejected {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.buttonWrapper_modalRejected {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_modalRejected {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_modalRejected {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_modalRejected {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', sans-serif;
}







.popUpOverlay_authModalBuyAuth {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); 
}

.popUpOverlay_authModalBuyAuth.active{
    display: grid;
    place-items: center; 
}



.authButtonsWrapper_authModalBuyAuth {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_authModalBuyAuth {
    position: absolute;
    top: -70px;
    left: 40px;
}

.close-btn_authModalBuyAuth {
    width: 39px;
    height: 39px;
    
    background-color: inherit;
    background-size: cover;
    background-repeat:  no-repeat;
    background-position: center center;
    cursor: pointer;
    border: 0;

    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0;
}

.modalBox_authModalBuyAuth {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_authModalBuyAuth {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.inputWrapper_authModalBuyAuth {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_authModalBuyAuth {
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 17px 0 17px 25px;
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_authModalBuyAuth::placeholder {
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);
}


.buttonWrapper_authModalBuyAuth {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_authModalBuyAuth {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_authModalBuyAuth {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_authModalBuyAuth {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', sans-serif;
}






.popUpOverlay_authModalById {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); 
}

.popUpOverlay_authModalById.active{
    display: grid;
    place-items: center; 
}



.authButtonsWrapper_authModalById {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.logo_authModalById {
    position: absolute;
    top: -70px;
    left: 40px;
}

.modalBox_authModalById {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_authModalById {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}

.inputWrapper_authModalById {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_authModalById {
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 17px 0 17px 25px;
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_authModalById::placeholder {
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);
}


.buttonWrapper_authModalById {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_authModalById {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_authModalById {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_authModalById {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', sans-serif;
}







.popUpOverlay_authModal {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5); 
}

.popUpOverlay_authModal.active{
    display: grid;
    place-items: center; 
}



.authButtonsWrapper_authModal {
    width: 100%;
    max-width: 358px;
    padding: 88px 27px 31px;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;

    -webkit-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -4px 0px 0px rgba(224, 175, 125, 1);
}

.close-btn_authModal {
    width: 39px;
    height: 39px;
    
    background-color: inherit;
    background-size: cover;
    background-repeat:  no-repeat;
    background-position: center center;
    cursor: pointer;
    border: 0;

    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0;
}

.logo_authModal {
    position: absolute;
    top: -70px;
    left: 50px;
}

.modalBox_authModal {
    width: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.modalText_authModal {
    font-weight: 900;
    text-align: center;
    font-size: 16px;
    line-height: 16.8px;
    color: #A73E36;
    margin-bottom: 10px;
}


.authButtonsList_authModal {
    padding: 31.5px 26px;
    background-color: #FFEAC9;
    border-radius: 20px;
    display: grid;
    align-items: center;
    gap: 19px;
    list-style: none;
    margin-bottom: 30px;
}

.authButton_authModal {
    width: 100%;
    height: 44px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin: 0;
}

.whiteButton {
    background-color: #FFFFFF;
    color: #1F1F1F;
}

.blackButton {
    background-color: #000000;
    color: #FFFFFF;
}

.blueButton {
    background-color: #0077FF;
    color: #FFFFFF;
}

.inputWrapper_authModal {
    background-color: #FFEAC9;
    border-radius: 20px;
    padding: 14px;
    margin-bottom: 10px;
}

.input_authModal {
    background-color: #F8D49D;
    border-radius: 15px;
    width: 100%;
    padding: 17px 0 17px 25px;
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);

    border: 1px solid rgba(224, 175, 125, 1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -3px 0px 0px rgba(224, 175, 125, 1);
}

.input_authModal::placeholder {
    font-weight: 900;
    font-size: 16px;
    line-height: 16.8px;
    color: rgba(200, 169, 122, 0.8);
}


.buttonWrapper_authModal {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_authModal {
    width: 142.83px;
    height: 49px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_authModal {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_authModal {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', sans-serif;
}


.popUpOverlay_PaymentPageCards {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #FFF8DF;
}

.popUpOverlay_PaymentPageCards.active{
    display: grid;
}

.popUpWrapper_PaymentPageCards {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modalLogo_PaymentPageCards {
    
}

.modalText_PaymentPageCards {
    display: none;
    font-size: 24px;
    font-weight: 900;
    line-height: 25.2px;
    color: #923B09;
    margin-bottom: 15px;
}

@media (max-width: 418px) {
    .modalText_PaymentPageCards {
        display: block;
    }
}

@media (max-width: 418px) {
    .modalLogo_PaymentPageCards {
        display: none;
    }
}

.blockWrapper_PaymentPageCards {
    max-width: 375px;
    width: 100%;
    background-color: #ffe096;
    border-radius: 7px;
    padding: 10px;

    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.block_PaymentPageCards {
    width: 100%;
    background-color: #FFF8DF;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 18px 24px 16.71px;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #666359;
    font-family: 'tildaScaansRegilar', sans-serif;
}

.block_TopPaymentPageCardsWrapper {
    text-align: start;
    border-bottom: 2px solid #666359;
    padding-bottom: 10px;
}

.block_PaymentPageCardsLogo {
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 600;
    color: #000000;
    font-family: 'tildaScaansSemibold', sans-serif;
    margin-bottom: 5px;
}

.block_BottomPaymentPageCardsWrapper {
    margin-top: 10px;
    text-align: start;
}

.block_PaymentPageCardsPriceTextTop {
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 700;
    color: #000000;
    font-family: 'tildaScaansBold', sans-serif;
    margin-bottom: 3px;
}

.block_PaymentPageCardsPriceTextBottom {
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    color: #A7A7A7;
    font-family: 'tildaScaansMedium', sans-serif;
}



.popUpOverlay_PaymentPageCardParams {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #FFF8DF; 
    padding: 20px 0;

    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.popUpOverlay_PaymentPageCardParams.active{
    display: grid;
}

.popUpWrapper_PaymentPageCardParams {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.modalLogo_PaymentPageCardParams {

}

.modalText_PaymentPageCardParams {
    display: none;
    font-size: 24px;
    font-weight: 900;
    line-height: 25.2px;
    color: #923B09;
    margin-bottom: 15px;
}

@media (max-width: 418px) {
    .modalText_PaymentPageCardParams {
        display: block;
    }
}

@media (max-width: 418px) {
    .modalLogo_PaymentPageCardParams {
        display: none;
    }
}

.blockWrapper_PaymentPageCardParams {
    max-width: 387px;
    width: 100%;
    
    background-color: #ffe096;
    border-radius: 7px;
    padding: 10px 0;
}

.block_PaymentPageCardParams {
    
    background-color: #FFF8DF;
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 18px 24px 16.71px;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #666359;
    font-family: 'tildaScaansRegilar', sans-serif;
    margin: 0 16px;
}

.payServiceBox {
    margin-top: 8px;
}



.block_TopPaymentPageCardParamsWrapper {
    text-align: start;
    border-bottom: 2px solid #DBD4B8;
    padding-bottom: 10px;
    width: 100%;
}

.block_PaymentPageCardParamsLogo {
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 600;
    color: #000000;
    font-family: 'tildaScaansSemibold', sans-serif;
    margin-bottom: 5px;
}

.block_PaymentPageCardParamsText {

}

.block_BottomPaymentPageCardParamsWrapper {
    margin-top: 10px;
    text-align: start;
}

.block_PaymentPageCardParamsPriceTextTop {
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 700;
    color: #000000;
    font-family: 'tildaScaansBold', sans-serif;
    margin-bottom: 3px;
}

.block_PaymentPageCardParamsPriceTextBottom {
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    color: #A7A7A7;
    font-family: 'tildaScaansMedium', sans-serif;
}




.popUpOverlay_HenPage {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #FFEBA9; 
}

.popUpOverlay_HenPage.active{
    display: grid;
}

.popUpWrapper_HenPage {
    position: relative;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.textBlock_HenPage {
    margin-bottom: 23px;
}

.modalText_HenPage {
    margin: 0;
    font-size: 15px;
    line-height: 15.75px;
    font-weight: 900;
    color: #A25028;
    font-family: 'Micado', sans-serif;
}

.modalLogo_HenPage {
    margin-bottom: 6px;
}

.modalCoin_HenPage {

}

.modalHen_HenPage {

}




.popUpOverlay_KuzyaError {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #FFEBA9; 
}

.popUpOverlay_KuzyaError.active{
    display: grid;
    place-items: center; 
}


.popUpWrapper_KuzyaError {
    padding: 18px 167px 19px 17px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: left;

    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}


.successBlock_KuzyaError {
    margin-bottom: 41.25px;
}

.textBlock_KuzyaError {
    display: grid;
    gap: 15px;
    margin-bottom: 15px;
}

.modalText_KuzyaError {
    margin: 0;
    padding: 0 0 0 22.25px;
    font-size: 15px;
    line-height: 22px;
    font-weight: 900;
    color: #A25028;
    font-family: 'Micado', sans-serif;
}

.kuzyaImage_KuzyaError {
    position: absolute;
    bottom: 10px;
    right: -60px;
    z-index: 100;
}

.buttonWrapper_KuzyaError {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_KuzyaError {
    width: 174px;
    height: 51px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_KuzyaError {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_KuzyaError {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(143, 4, 20, 1); 
    text-stroke: 1.5px rgba(143, 4, 20, 1); 
    font-family: 'Micado', sans-serif;
}



.popUpOverlay_KuzyaSuccess {
    display: none; 
    position: fixed;
    z-index: 1000; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #FFEBA9; 
}

.popUpOverlay_KuzyaSuccess.active{
    display: grid;
    place-items: center; 
}



.popUpWrapper_KuzyaSuccess {
    font-family: 'Micado', sans-serif; 
    padding: 18px 167px 19px 17px;
    border: 1px solid #E0AF7D;
    background-color: #FFF8DF;
    border-radius: 20px;
    position: relative;
    text-align: left;

    -webkit-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0 -4px 0 2px rgba(224, 175, 125, 1);
    box-shadow: 1px -4px 0 -1px rgba(224, 175, 125, 1);
}


.successBlock_KuzyaSuccess {
    margin-bottom: 41.25px;
}

.textBlock_KuzyaSuccess {
    display: grid;
    gap: 15px;
    margin-bottom: 15px;
}

.modalText_KuzyaSuccess {
    margin: 0;
    padding: 0 0 0 22.25px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 900;
    color: #A25028;

}


.buttonWrapper_KuzyaSuccess {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_KuzyaSuccess {
    width: 174px;
    height: 51px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_KuzyaSuccess {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.greenButtonText_KuzyaSuccess {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 
    font-family: 'Micado', sans-serif;
}


.kuzyaImage_KuzyaSuccess {
    position: absolute;
    bottom: 10px;
    right: -60px;
    z-index: 100;
}








.header {
    width: 100%;
    padding: 19px 0;
}


._container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.header__menuWrapper {
    display: flex;
    justify-content: space-between;
}

.header__menu {
    margin-right: 171px;
}

.header_buttonsWrapper {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
}

.headerButton {
    width: 100%;
    position: relative;
    background-color: inherit;
    padding: 10px 20px;
    border-radius: 90.58px;

    color: #FF9A09;
    font-size: 24px;
    line-height: 25.2px;

}

.headerButton:hover {
    -webkit-box-shadow: 0px 0px 0px 4px rgba(255, 154, 9, 0.8) inset;
    -moz-box-shadow: 0px 0px 0px 4px rgba(255, 154, 9, 0.8) inset;
    box-shadow: 0px 0px 0px 4px rgba(255, 154, 9, 0.8) inset;
}

.headerExit {
    width: 148px;
    height: 51px;
    cursor: pointer;
}

.exitButtonWrapper {
    display: flex;
    align-items: center;
}



.intro {
    width: 100%;
    position: relative;
}

.intro__main {
    display: flex;
}

.intro__main__textWrapper {
    padding: 129.76px 0 120px;
}

.intro__main__textLogo {
    margin-bottom: 15px;
    font-weight: 900;
    font-size: 64px;
    line-height: 67.2px;
    color: #923B09;
}

.intro__main__text {
    font-weight: 900;
    font-size: 20px;
    line-height: 21px;
    color: #A25028;
}

.introImage {
    position: absolute;
    left: 600px;
    bottom: -70px;
}





.main {
    width: 100%;
    position: relative;
}

.topSection {
    padding-bottom: 30px;
    background: -webkit-linear-gradient(180deg, rgb(115, 50, 7), rgb(187, 85, 18));
    background: -moz-linear-gradient(180deg, rgb(115, 50, 7), rgb(187, 85, 18));
    background: linear-gradient(180deg, rgb(115, 50, 7), rgb(187, 85, 18));
}

.line {
    width: 100%;
    height: 7px;
    background-color: #FF9D09;
    position: relative;
    margin-bottom: 45px;
}

.yellowLine {
    width: 100%;
    height: 3px;
    background-color: #FFEF3F;
    position: absolute;
    left: 0;
    top: 0;
}

.sectionTitleWrapper {

}

.topSectionTitle {
    margin: -90px auto 0;
    padding-bottom: 20px;
    width: 395px;
    height: 130px;
    
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 900;
    font-size: 78px;
    line-height: 81.9px;
    color: #FFF2A9;

    -webkit-text-shadow: 2px 3px 1px rgba(146,  59,  9, 1);
    -moz-text-shadow: 2px 3px 1px rgba(146,  59,  9, 1);
    text-shadow: 2px 3px 1px rgba(146,  59,  9, 1);
    -webkit-text-shadow: -2px 3px 1px rgba(146,  59,  9, 1);
    -moz-text-shadow: -2px 3px 1px rgba(146,  59,  9, 1);
    text-shadow: -2px 3px 1px rgba(146,  59,  9, 1);


    -webkit-text-stroke: 1.5px rgba(146, 59, 9, 1); 
    text-stroke: 1.5px rgba(146, 59, 9, 1); 
}

.topSectionLine {
    width: 100%;
    height: 55px;
    
    background-repeat: repeat-x;
}

.sectionWrapper2 {
    display: flex;
    flex-direction: column;
}


.middleSectionTitle {
    margin: 0 auto 50px;
    object-fit: cover;
}


.blueCardsWrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}


.cardsWrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 35px;
}

.mainTitle {
    height: 144px;
    position: relative;
    
    background-repeat: repeat-x;
    background-position: top left;
}

.mainTitleDesc {
    width: 100%;
    max-width: 400px;
    height: 114px;
    
    background-repeat: no-repeat;
    position: absolute;
    top: -30px;
    left: 44%;
    z-index: 100;
}

.mainTitleText {
    width: 100%;
    height: 114px;
    
    background-repeat: no-repeat;
    position: absolute;
    top: 25px;
    left: 90px;
    z-index: 100;
}

.middleSection {
    position: relative;
    padding-bottom: 45px;
    background-color: #BB5512;
}

.bottomSectionTitle {
    margin: 0 auto 50px;
    object-fit: cover;
}

.bottomSection {
    position: relative;
    padding-bottom: 45px;
    background-color: #BB5512;
}

.priceCardsWrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 32.4px;
}





.blueCardWrapper {
    position: relative;
}

.blueCardBox {
    width: 100%;
    max-width: 360px;
    position: absolute;
    left: 0;
    top: 0;

    display: flex;
    justify-content: space-between;
}


.blueCardTitle {
    padding-top: 8px;
    padding-left: 50px;
    color: #FDFAE7;
    font-size: 20px;
    line-height: 21px;


    -webkit-text-stroke: 2px rgba(189, 77, 1, 1); 
    text-stroke: 2px rgba(189, 77, 1, 1); 
}




.blueCardRightSide {
    padding-top: 110px;
}


.blueCardButtonWrapper {
    position: relative;
}

.blueCardGreenButtonText {
    color: #FFF2A9;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;

    -webkit-text-shadow: 0px 2px 1px rgba(70, 99, 7, 1);
    -moz-text-shadow: 0px 4px 1px rgba(70, 99, 7, 1);
    text-shadow: 0px 3px 0px rgba(70, 99, 7, 1);

    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 

    position: absolute;
    left: 50px;
    top: 13px;

}



.kitCardWrapper {
    position: relative;
}

.kitCardBox {
    width: 378px;
    position: absolute;
    top: 0;
}


.kitCardTopSection {
    display: flex;
    padding: 15px 15px 10px 15px;
}

.kitCardLabelWrapper {
    display: flex;
    width: 100%;
}

.kitCardLabel {
    position: absolute;
    left: -2px;
    top: -2px;
    z-index: 100;
}


.kitCardIconsWrapper {
    display: flex;
    justify-content: space-between;
}


.kitCardCoinWrapper {
    font-size: 28px;
    line-height: 29.4px;
    font-weight: 900;
    color: #FFF2A9;
    -webkit-text-stroke: 2px rgba(142, 22, 4, 1); 
    text-stroke: 2px rgba(142, 22, 4, 1); 
    align-self: flex-end;
    margin-right: 13px;
}


.kitCardIconWrapper {
    width: 100%;
    text-align: center;
    position: relative;
}


.kitCardTopLeftBlock {
    border: 2px solid #E0AF7D;
    background-color: #F8D49D;
    border-radius: 10px;
    width: 100%;
    margin-right: 3px;
    padding: 2px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    -webkit-box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
}

.kitCardLevel {
    font-size: 16px;
    line-height: 16.8px;
    font-weight: 900;
    color: #FFF2A9;
    -webkit-text-stroke: 1px rgba(142, 22, 4, 1); 
    text-stroke: 1px rgba(142, 22, 4, 1); 

    position: absolute;
    left: 18px;
    top: 18px;
}

.kitCardTopMiddleBlock {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-right: 3px;
    padding: 2px;

    border: 2px solid #E0AF7D;
    background-color: #F8D49D;
    border-radius: 10px;

    -webkit-box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);

    position: relative;
}

.infinityLevel {
    position: absolute;
    left: 18px;
    top: 18px;
}

.kitCardInfinityBottom {
    position: absolute;
    left: 45px;
    top: 22px;
}

.lineShotWrapper {
    position: absolute;
    top: 27px;
}

.kitCardTimeBlockWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;

}

.kitCardTime {
    font-size: 16px;
    line-height: 16.8px;
    font-weight: 900;
    color: #FFF2A9;
    -webkit-text-stroke: 1px rgba(142, 22, 4, 1); 
    text-stroke: 1px rgba(142, 22, 4, 1); 
}


.kitCardTopRightBlock {
    width: 100%;
    max-width: 63px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 0 2px 0;

    gap: 5px;
    border: 2px solid #E0AF7D;
    background-color: #F8D49D;
    border-radius: 10px;

    -webkit-box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
    -moz-box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
    box-shadow: 0px -2px 0px 0px rgba(224, 175, 125, 1);
}


.kitCardBottomSection {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 20px 5px 20px;
}

.kitCardText {
    color: #FFF2A9;
    font-size: 23px;
    line-height: 24.15px;
    align-self: center;
    margin-right: 5px;

    -webkit-text-stroke: 1.5px rgba(170, 27, 7, 1); 
    text-stroke: 1.5px rgba(170, 27, 7, 1); 
}

.kitCardButtonWrapper {
    position: relative;
}

.kitCardGreenButtonText {
    color: #FFF2A9;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 

    position: absolute;
    left: 40px;
    top: 10px;

}



.priceCardWrapper {
    width: 173px;
    position: relative;
}

.priceCardBox {
    width: 173px;
    height: 222px;
    position: absolute;
    top: 0;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}

.priceCardLabel  {
    margin-bottom: 13px;
    text-align: center;
    font-size: 20px;
    line-height: 21px;
    font-weight: 900;
    color: #A25028;
}

.priceCardImageWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    position: relative;
}

.priceCardCoins {
    font-size: 28px;
    line-height: 29.4px;
    font-weight: 900;
    color: #FFF2A9;
    -webkit-text-stroke: 2px rgba(142, 22, 4, 1);
    text-stroke: 2px rgba(142, 22, 4, 1);

    position: absolute;
    top: 55px;
    left: 25px;
    z-index: 100;
}

.priceCardButtonWrapper {
    position: relative;
}

.priceCardGreenButtonText {
    color: #FFF2A9;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    -webkit-text-stroke: 1.5px rgba(70, 99, 7, 1); 
    text-stroke: 1.5px rgba(70, 99, 7, 1); 

    position: absolute;
    left: 40px;
    top: 10px;

}




.footerWrapper {
    display: flex;
    justify-content: center;
    padding-top: 50px;
}

.footerLogo {
    width: 261px;
    height: 163px;
    
    margin-right: 20px;
}

.footerMiddleBlock {
    margin-right: 20px;
    line-height: 20.4px;
    font-weight: 300;
    color: #640000;

}

.footerMiddleBlock span {
    font-weight: bold;

}

.footerRightBlock {
    color: #790F00;
    line-height: 20.4px;
    font-weight: bold;
}

.footerRightBlock > p {
    margin-bottom: 15px;
}





.gamePage_wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0 5px;
}

.gameContainer {
    width: 100%;
    max-width: 417px;
    height: 100%;
    max-height: 746px;
    background-color: #FFFFFF;
}

.gamePage_burger_btn {
    position: absolute;
    top: 23px;
    right: 23px;

    width: 30px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    background-color: inherit;
}

.gamePage_burger_btnTop{
    width: 100%;
    height: 4px;
    border-radius: 64px;
    background-color: #DD7B00;
}

.gamePage_burger_btnMiddle {
    width: 100%;
    height: 4px;
    border-radius: 64px;
    background-color: #DD7B00;
}

.gamePage_burger_btnBottom {
    width: 100%;
    height: 4px;
    border-radius: 64px;
    background-color: #DD7B00;
}

.gamePage_burger_navBar {
    width: 206px;
    height: 100vh;
    background-color: #FFE0AC;
    transition: 0.5s;

    position: fixed;
    top: 0;
    right: -206px;
    z-index: 100;
}

.gamePage_logo {
    display: none;
    width: 100%;
    max-width: 261px;
    height: 160px;
}


@media(max-width: 386px) {

}

@media(max-width: 386px) {
    .gamePage_logo {
       display: block;
    }
}

.gamePage_burger_navBar.active {
    transform: translateX(-206px);
    transition: 0.5s;
}

@media(max-width: 386px) {
    .gamePage_burger_navBar.active {
        width: 100%;
        transform: translateX(-206px);
        transition: 0.5s;
    }
}

.gamePage_burger_btnTop,
.gamePage_burger_btnMiddle,
.gamePage_burger_btnBottom {
    transform: none;
}
.gamePage_burger_btnTop,
.gamePage_burger_btnMiddle,
.gamePage_burger_btnBottom {
    transition: transform 1s ease, opacity 1s ease;
}


.gamePage_burger_btnTop.active {
    transform: translateY(9px) rotate(45deg); 
}

.gamePage_burger_btnMiddle.active {
    transform: scale(0); 
}

.gamePage_burger_btnBottom.active {
    transform: translateY(-9px) rotate(-45deg); 
}

.gamePage_nawBarWrapperBlock {
    width: 100%;
    height: 100vh;
    padding: 94.69px 0 48px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.gamePage_nawBarWrapperTopSection {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media(max-width: 386px) {
    .gamePage_nawBarWrapperTopSection {
        width: 100%;
        max-width: 270px;

        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        position: relative;
        padding-top: 5px;
    }
}




.gamePage_WrapperBlock {
    display: none;
}

@media(max-width: 386px) {
    .gamePage_WrapperBlock {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
}

.gamePage_levelWrapper {
    width: 40px;
    height: 38px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}

.gamePage_levelBox {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.gamePage_levelText {
    font-size: 13.8px;
    line-height: 14.48px;
    font-weight: 900;
    color: #A5342C;
    position: relative;
    z-index: 2;
    text-align: center;
}

.gamePage_levelText span {
    font-size: 8.26px;
    line-height: 8.68px;
}

.gamePage_login {
    color: #A3512A;
    font-size: 13.4px;
    line-height: 13.7px;
    font-weight: 900;
    margin-bottom: 5px;
    position: relative;
    z-index: 2;
}


.gamePage_Id {
    color: #C07A54;
    font-size: 10.82px;
    line-height: 11.36px;
    font-weight: 900;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
}


.buttonWrapper_gamePage {
    width: 72px;
    height: 34px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.buttonLink_gamePage {
    width: 72px;
    height: 34px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button_gamePage {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.redButtonText_gamePage {
    position: relative;
    z-index: 2;
    color: #FDFAE7;
    font-size: 15.71px;
    line-height: 16.5px;
    font-weight: 900;
    -webkit-text-stroke: 1px rgba(143, 4, 20, 1); 
    text-stroke: 1px rgba(143, 4, 20, 1); 
    font-family: 'Micado', sans-serif;
}



.gamePage_nawBarWrapperMiddleSection {
}




.gamePage_nawBarWrapperBottomSection {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

@media(max-width: 386px) {
    .gamePage_nawBarWrapperBottomSection {
        display: none;
    }
}

.gamePage_nawBarWrapperBottomSectionMobile {
    display: none;
}

@media(max-width: 386px) {
    .gamePage_nawBarWrapperBottomSectionMobile {
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 22.4px;
    }
}

.gamePage_nawBarBottomTextWrapper {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: start;
}

.gamePage__buttonsWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    flex-wrap: wrap;
}

.gamePage_nawBarBottomSectionTextMobile {
    color: #A3512A;
    font-size: 15px;
    line-height: 15.75px;
    font-weight: 900;
    text-align: start;
}

.gamePage_nawBarBottomSectionLinkTextMobile {
    font-family: "Roboto", sans-serif;   
    font-style: italic;
    color: #A3512A;
    font-size: 14px;
    line-height: 16.41px;
    font-weight: 600;
    text-align: start;
}

.gamePage_nawBarBottomSectionLinkTextMobile a {
    text-decoration: underline;
    color: #A3512A;
    display: inline;
}

.gamePage_navBarButton {
    width: 100%;
    position: relative;
    background-color: inherit;
    padding: 9.18px 12px;
    border-radius: 22.43px;

    color: #FF9A09;
    font-size: 14.69px;
    line-height: 15.42px;

}

.gamePage_navBarButton:hover {
    -webkit-box-shadow: 0px 0px 0px 2.45px rgba(255, 154, 9, 0.8) inset;
    -moz-box-shadow: 0px 0px 0px 2.45px rgba(255, 154, 9, 0.8) inset;
    box-shadow: 0px 0px 0px 2.45px rgba(255, 154, 9, 0.8) inset;
}

.gamePage_nawBarBottomSectionText {
    color: #A3512A;
    font-size: 15px;
    line-height: 15.75px;
    font-weight: 900;
    text-align: center;
}

.gamePage_nawBarQrBlock {
    width: 125px;
    height: 125px;
    background-color: #FFFFFF;
    border-radius: 15px;
    border: 1px solid #A3512A;
}


.gamePage_nawBarBottomSectionLinkText {
    font-family: "Roboto", sans-serif;   
    font-style: italic;
    color: #A3512A;
    font-size: 14px;
    line-height: 16.41px;
    font-weight: 600;
    text-align: center;
}

.gamePage_nawBarBottomSectionLinkText a {
  text-decoration: underline;
    color: #A3512A;
    display: inline;
}