#bonus-modal.bonus-modal.modal-form{
    position:fixed !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:rgba(0,0,0,.32) !important;
    box-shadow:none !important;
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
    overflow:visible !important;
    z-index:500;
    align-items:center;
    justify-content:center;
}
#bonus-modal.modal-form::before,
#bonus-modal.modal-form::after{
    content:none !important;
    display:none !important;
    box-shadow:none !important;
}
#bonus-modal .bonus-card{
    position:relative;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:32px;
    width:min(420px,calc(100vw - 88px));
    padding:40px;
    background:#ffe6c8;
    border-radius:32px;
    box-shadow:0 0 36px rgba(0,0,0,.04);
}
#bonus-modal .bonus-head{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    width:100%;
}
#bonus-modal .bonus-sum{
    margin:0;
    font-family:Oswald,sans-serif;
    font-weight:500;
    font-size:32px;
    line-height:1.32;
    letter-spacing:-0.64px;
    text-transform:uppercase;
    color:#000;
}
#bonus-modal .bonus-sub{
    margin:0;
    font-family:Inter,sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:1.56;
    color:#434343;
}
#bonus-modal .bonus-fields{
    display:flex;
    flex-direction:column;
    gap:12px;
    width:100%;
}
#bonus-modal .bonus-fields input{
    box-sizing:border-box;
    width:100%;
    height:auto;
    margin:0;
    border:0;
    outline:none;
    border-radius:16px;
    background:#fff;
    padding:12px 16px;
    font-family:Inter,sans-serif;
    font-weight:400;
    font-size:16px;
    line-height:1.56;
    color:#434343;
    text-align:left;
}
#bonus-modal .bonus-fields input::placeholder{
    color:#434343;
    opacity:.64;
}
#bonus-modal .country-coded-field{position:relative}
#bonus-modal .country-coded-field input{padding-left:96px}
#bonus-modal .country-container{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    z-index:2;
}
#bonus-modal .country-selected{
    display:flex;
    align-items:center;
    height:100%;
    width:auto;
    padding:0 0 0 16px;
    box-sizing:border-box;
}
#bonus-modal .country-selected .country-block{
    display:flex;
    align-items:center;
    gap:8px;
    margin:0;
    padding:0;
}
#bonus-modal .country-selected .country-img{
    width:20px;
    height:20px;
    max-width:20px;
    max-height:20px;
    border-radius:50%;
    object-fit:cover;
}
#bonus-modal .country-selected p{
    margin:0;
    padding:0;
    font-family:Inter,sans-serif;
    font-size:16px;
    line-height:1.56;
    color:#6b6b6b;
}
#bonus-modal .country-picker:hover{scale:1}
#bonus-modal .country-picker:hover .country-img{box-shadow:none}
#bonus-modal #bonus-form-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    width:100% !important;
    height:56px;
    margin:0 !important;
    padding:20px 32px !important;
    background:#000 !important;
    color:#fff;
    border:0;
    border-radius:999px !important;
    cursor:pointer;
}
#bonus-modal #bonus-form-btn p{
    margin:0;
    font-family:Oswald,sans-serif;
    font-weight:500;
    font-size:16px;
    line-height:1.32;
    letter-spacing:.64px;
    text-transform:uppercase;
    color:#fff;
}
#bonus-modal .close-ic{
    position:absolute;
    right:-36px;
    top:-24px;
    z-index:2;
    width:24px;
    height:24px;
    padding:0;
    overflow:visible;
    background:url("/images/images/new-landing/bonus-close.svg") center / 24px 24px no-repeat;
    cursor:pointer;
}
#bonus-modal .close-ic::before{content:none;display:none}
@media screen and (max-width:520px){
    #bonus-modal .bonus-card{padding:32px 24px}
    #bonus-modal .close-ic{right:-28px;top:-28px}
}