@font-face {
    font-family: ui-font-input;
    src: url("/css/font/sansation-font/SansationRegular-OgJP.ttf");
}

.eden-card-panel {
    background-color: rgba(220, 249, 233, 0.3);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-radius: 15px;
    min-width: 30%;
    min-height: 50%;
    max-width: 400px;
    border: 2px solid #969696;
}

.eden-card-panel + div {
    border: 10px solid #969696;
    border-radius: 15px;
}

.eden-logo-panel {
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.21612394957983194) 0%, rgba(228, 255, 221, 0.6082808123249299) 51%, rgba(255, 255, 255, 0.12088585434173671) 100%);
    align-content: center;
}

.eden-logo-panel img{
    width: 90%;
    height: 80%;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.eden-input {
    width: 65%;
    height: 37px;
    border-radius: 8px;
    min-height: 20px;
    box-shadow: 2px 2px 2px #ddd091;
    background: linear-gradient(90deg, rgba(255, 243, 93, 0.12) 0%, rgba(221, 208, 145, 0.51) 50%, rgba(255, 243, 93, 0.12) 100%);

}

.eden-font{
    font-family: ui-font-input ;
    color: rgba(6, 55, 113, 0.9);
    font-weight: 600;
    text-align: center;
    text-shadow: 1px 2px #d9fff5;
    font-size: 18px;
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: rgba(233, 250, 255, 0.90);
    opacity: 0.5; /* Firefox */
    text-shadow: 1px 2px #063771;
    text-align: center;
    font-size: 19px;
    font-weight: 400;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(233, 250, 255, 0.90);
    text-shadow: 1px 2px #063771;
    text-align: center;
    font-size: 19px;
    font-weight: 400;
}

:-ms-input-placeholder { /* Microsoft Edge */
    color: rgba(233, 250, 255, 0.90);
    text-shadow: 1px 2px #063771;
    text-align: center;
    font-size: 19px;
    font-weight: 400;
}


#neon-separator .line
{
    position: inherit;
    background: linear-gradient(61deg, rgba(255,255,255,0.21612394957983194) 5%, rgba(138,199,222,1) 51%, rgba(255,255,255,0.12088585434173671) 96%);
    box-shadow: 0px 0px 12px aqua;
    height: 2px;
    width: calc(100% - 2px);
    bottom: 0px;
    left: 0px;
    border-radius: 50%;
    overflow: hidden;
}

#neon-separator .line .scanner
{
    position: relative;
    bottom: 0;
    left: 0;
    background:  linear-gradient(90deg, rgba(255, 255, 255, 0.22) 12%, rgba(102, 187, 255, 0.71) 29%, rgb(138, 255, 0) 50%, rgba(0, 211, 211, 0.75) 73%, rgba(255,255,255,0.12088585434173671) 90%);
    width: 65%;
    height: 20px;
    border-radius: 50%;
    animation: scanner-loop 4.4s ease infinite;
}

#neon-separator .line .scanner1
{
    position: relative;
    bottom: 0;
    left: 0;
    background:  linear-gradient(90deg, rgba(255, 255, 255, 0.22) 12%, rgba(49, 8, 246, 0.51) 29%, rgb(0, 255, 255) 50%, rgba(49, 8, 246, 0.51) 73%, rgba(255,255,255,0.12088585434173671) 90%);
    width: 75%;
    height: 20px;
    border-radius: 50%;
    animation: scanner-loop 4.4s ease infinite;
}

@keyframes scanner-loop
{
    0%
    {
        left: -5%;
    }
    50%
    {
        left: 30%;
    }
    100%
    {
        left: -5%;
    }
}

#neon-separator .inner
{
    padding: 1px;
}