#popup > .popup_window.popup_login {
    position: absolute;
    display: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border:1px solid #1f1f1f;
    width:372px;
    overflow: visible;
    box-shadow: 
        0px 0px 10px #ffffff44,
        0px 0px 30px #ffb25e44;
    background:#00000088;
    backdrop-filter: blur(10px);
}

#popup > .popup_window.popup_login > .btn_close {
    position: absolute;
    right:15px;
    top:15px;
    width:30px;
    height:30px;
    background: radial-gradient(#111111, #222222);
    border:1px solid #313742;
    color:#a8a8a8;
    text-align: center;
    line-height:32px;
    font-size:16px;
    cursor: pointer;
    z-index:100;
    border-radius:15px;
}

#popup > .popup_window.popup_login > .btn_close:hover {
    color:#fff4cf;
    border:1px solid #29324b;
    box-shadow: 
        0 0 5px #fff4cf,
        0 0 10px #fff4cf;
    transition: all 300ms;
    animation: beat .25s infinite alternate;
}

@keyframes effect_login_logo {
    0%{
        background-position: 0rem;
    }
    100%{
        background-position: 50rem;
    }
}

#popup > .popup_window.popup_login > img.logo {
    display: block;
    width:100%;
    object-fit: none;
    object-position: center;
    height:114px;
    background: 
    linear-gradient(135deg,
       #413a5322 20%,
        transparent 25%,
        transparent 50%,
        #413a5322 55%,
        #413a5322 70%,
        transparent 75%, transparent), #000000;
	border-bottom: 1px solid #400e0e;
    background-size: 50rem 50rem;
    animation: effect_login_logo 2s infinite linear;
}

#popup > .popup_window.popup_login > form {
    display: block;
    margin:0px;
    padding:0px;
    border:0px;
    margin-top:30px;
    margin-bottom:30px;
}

#popup > .popup_window.popup_login > form > .form_grp {
    display: flex;
    height:46px;
    margin-bottom:10px;
    margin-right:20px;
    margin-left:20px;
    justify-content: end;
}

#popup > .popup_window.popup_login > form > .form_grp input{
    display: block;
    width:100%;
    border-radius: 5px;
    background:#000000;
    border:1px solid #4c4524;
    padding-left:15px;
    padding-right:15px;
    color:#fff4cf;
    font-size:13px;
    font-weight:400;
    text-align: center;
    font-family: 'GmarketSans';
    flex-shrink: 1;
}

#popup > .popup_window.popup_login > form > .form_grp input:focus {
    border:1px solid #fff4cf;
}

#popup > .popup_window.popup_login > form > .form_grp button,
#popup > .popup_window.popup_login > form > .form_grp div.btn_signup {
    display: block;
    width:100%;
    border-radius: 5px;
    line-height:44px;
    text-align: center;
    cursor:pointer;
}

#popup > .popup_window.popup_login > form > .form_grp button .fill,
#popup > .popup_window.popup_login > form > .form_grp div.btn_signup .fill {
    background:#0f0f0f;
}


#popup > .popup_window.popup_login > form > .form_grp button:hover .fill,
#popup > .popup_window.popup_login > form > .form_grp div.btn_signup:hover .fill {
    background:#000000;
}