#popup > .popup_window.popup_signup {
    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;

    backdrop-filter: blur(10px);
}

#popup > .popup_window.popup_signup_after {
    position: absolute;
    display: none;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width:510px;
    /*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_signup > .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_signup > .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_signup > 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_signup > form {
    display: block;
    margin:0px;
    padding:0px;
    border:0px;
    padding-top:20px;
    padding-bottom:30px;
    max-height:80vh;
    overflow-y:scroll;
    overflow-x: hidden;
}

#popup > .popup_window.popup_signup > form::-webkit-scrollbar {
    width: 7px;
}

#popup > .popup_window.popup_signup > form::-webkit-scrollbar-track {
    background: #111216;
}

#popup > .popup_window.popup_signup > form::-webkit-scrollbar-thumb {
    background: #400e0e;
}

#popup > .popup_window.popup_signup > form > .label {
    display: block;
    height:40px;
    line-height:48px;
    padding-left:20px;
    color:#efefef;
    font-family: 'GmarketSans';
    font-size:15px;
    font-weight:600;
}

#popup > .popup_window.popup_signup > form > .message {
    display: block;
    height:26px;
    line-height:30px;
    padding-left:20px;
    color:#bc1d37;
    font-family: 'GmarketSans';
    font-size:13px;
    font-weight:400;
}

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

#popup > .popup_window.popup_signup > form > .form_grp input{
    display: block;
    width:100%;
    border-radius: 0px;
    background:#000000;
    border:1px solid #4c4524;
    padding-left:15px;
    padding-right:15px;
    color:#fff4cf;
    font-size:13px;
    font-weight:400;
    text-align: left;
    font-family: 'GmarketSans';
    z-index:10;
    position: relative;
}

#popup > .popup_window.popup_signup > form > .form_grp select{
    display: block;
    width:40%;
    border-radius: 0px;
    background:#000000;
    border:1px solid #4c4524;
    padding-left:15px;
    padding-right:15px;
    color:#fff4cf;
    font-size:13px;
    font-weight:400;
    text-align: left;
    font-family: 'GmarketSans';
    z-index:10;
    position: relative;
}


#popup > .popup_window.popup_signup > form > .form_grp > .hyphen {
    display: block;
    width:30px;
    line-height:46px;
    color:#fff4cf;
    text-align: center;
    flex-shrink: 0;
}

#popup > .popup_window.popup_signup > form > .form_grp .btn_right {
    display: block;
    width:60px;
    text-align: center;
    line-height:46px;
    height:46px;
    margin-left:-1px;
    flex-shrink: 0;
    z-index:10;
}

#popup > .popup_window.popup_signup > form > .form_grp .btn_wide {
    display: block;
    width:100%;
    text-align: center;
    line-height:46px;
    height:46px;
    margin-left:-1px;
    z-index:10;
    flex-shrink: 1;
}

#popup > .popup_window.popup_signup > form > .form_grp .btn_right:not(:hover):not(.active) > .border,
#popup > .popup_window.popup_signup > form > .form_grp .btn_wide:not(:hover):not(.active) > .border {
    background: #4c4524;
}

#popup > .popup_window.popup_signup > form > .form_grp .btn_right:not(:hover) > .fill,
#popup > .popup_window.popup_signup > form > .form_grp .btn_wide:not(:hover) > .fill {
    background: #000000;
}

#popup > .popup_window.popup_signup > form > .form_grp input:focus {
    border:1px solid #fff4cf;
    z-index:20;
}

#popup > .popup_window.popup_signup > form > .form_grp button,
#popup > .popup_window.popup_signup > 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_signup > form > .form_grp button .fill,
#popup > .popup_window.popup_signup > form > .form_grp div.btn_signup .fill {
    background:#0f0f0f;
}


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