

@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;
}



/* ==================== henPage ======================*/

.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 {

}


/* ==================== KuzyaError ======================*/

.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: 15.75px;
    font-weight: 900;
    color: #A25028;
    font-family: 'Micado', sans-serif;
}



.buttonWrapper_KuzyaError {}

.buttonLink_KuzyaError {
    text-decoration: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.buttonImage_KuzyaError {

}

.buttonText_KuzyaError {
    position: absolute;
    top: -47px;
    left: 45px;
    z-index: 100;
    color: #FDFAE7;
    font-size: 24px;
    line-height: 25.2px;
    font-weight: 900;
    font-family: 'Micado', sans-serif;


    -webkit-text-stroke: 1.5px rgba(143, 4, 20, 1); /* Толщина и цвет обводки */
    text-stroke: 1.5px rgba(143, 4, 20, 1); /* Толщина и цвет обводки (стандартное свойство) */
}


.kuzyaImage_KuzyaError {
    position: absolute;
    bottom: 10px;
    right: -60px;
    z-index: 100;
}



/* ==================== KuzyaSuccess ======================*/

.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: 15.75px;
    font-weight: 900;
    color: #A25028;

}

.buttonWrapper_KuzyaSuccess {}

.buttonLink_KuzyaSuccess {
    text-decoration: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.buttonImage_KuzyaSuccess {

}

.buttonText_KuzyaSuccess {
    position: absolute;
    top: -47px;
    left: 15px;
    z-index: 100;
    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); /* Толщина и цвет обводки (стандартное свойство) */
}


.kuzyaImage_KuzyaSuccess {
    position: absolute;
    bottom: 10px;
    right: -60px;
    z-index: 100;
}




/* ==================== ModalError ======================*/

.popUpOverlay_ModalError {
    display: none; /* Окно скрыто по умолчанию */
    position: fixed;
    z-index: 1000; /* Окно поверх других элементов */
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #FFEBA9; /*  бежевый фон */
}

.popUpOverlay_ModalError.active{
    display: grid;
    place-items: center; /* Центрирует по горизонтали и вертикали */
}



.popUpWrapper_ModalError {
    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_ModalError {
    margin-bottom: 10px;
}

.modalText_ModalError {
    margin: 0;
    font-size: 15px;
    line-height: 15.75px;
    font-weight: 900;
    color: #A25028;
    font-family: 'Micado', sans-serif;
}

.buttonLink_ModalError {
    text-decoration: none;
    padding: 0;
    margin: 0;
    position: relative;
}

.buttonText_ModalError {
    position: absolute;
    top: -47px;
    left: 28px;
    z-index: 100;
    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;
}


.modalLogo_ModalError {
    position: absolute;
    top: -90px;
    z-index: 100;
}
