/* ==========================================================
   NYMIQ - UX GRAND PUBLIC V1
   ========================================================== */


/* INSCRIPTION */

#registerForm .idfw-name-help{
    display:block;
    margin-top:6px;
    color:#7f95b1;
    font-size:11px;
    line-height:1.45
}


.idfw-password-shell{
    position:relative;
    width:100%;
    margin-top:6px
}


.idfw-password-shell #regPassword{
    width:100%;
    margin:0;
    padding-right:48px
}


.idfw-password-eye{
    position:absolute;
    right:7px;
    top:50%;
    transform:translateY(-50%);

    width:36px;
    height:36px;

    display:grid;
    place-items:center;

    margin:0;
    padding:0;

    border:0;
    border-radius:10px;

    background:transparent;
    color:#9eb1c9;

    font-size:17px;
    cursor:pointer
}


.idfw-password-eye:hover,
.idfw-password-eye.active{
    background:rgba(255,255,255,.06);
    color:#fff
}


/* GUIDE INTRO */

.idfw-beginner-guide{
    margin:16px 0 20px;
    padding:18px;

    border:1px solid rgba(89,173,255,.16);
    border-radius:20px;

    background:
        linear-gradient(
            145deg,
            rgba(10,28,54,.88),
            rgba(4,15,32,.9)
        )
}


.idfw-guide-title{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:16px
}


.idfw-guide-title span{
    display:block;
    margin-bottom:4px;

    color:#6faaf2;
    font-size:10px;
    font-weight:850;
    letter-spacing:.12em
}


.idfw-guide-title strong{
    display:block;
    color:#f5f8ff;
    font-size:19px
}


.idfw-guide-title small{
    color:#8197b4;
    line-height:1.45;
    text-align:right
}


.idfw-guide-path{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px
}


.idfw-guide-path > div{
    position:relative;
    padding:14px;

    border:1px solid rgba(255,255,255,.07);
    border-radius:15px;

    background:rgba(255,255,255,.025)
}


.idfw-guide-path span{
    width:27px;
    height:27px;

    display:grid;
    place-items:center;

    margin-bottom:10px;

    border-radius:9px;

    background:rgba(58,222,151,.11);
    color:#67e7ad;

    font-size:12px;
    font-weight:900
}


.idfw-guide-path b{
    display:block;
    margin-bottom:5px;

    color:#eef5ff;
    font-size:13px
}


.idfw-guide-path small{
    display:block;

    color:#7f93ad;
    font-size:11px;
    line-height:1.45
}


/* ÉTAPES */

#onboarding .setup-panel{
    border-radius:21px
}


#onboarding .setup-panel > h3{
    margin-bottom:8px
}


#onboarding .setup-panel > p{
    max-width:760px;
    color:#a6b5ca;
    line-height:1.65
}


/* FIREFOX */

.idfw-firefox-download{
    border-color:rgba(58,222,151,.22)!important;
    background:rgba(58,222,151,.07)!important
}


.idfw-install-help{
    margin-top:14px;

    border:1px solid rgba(255,255,255,.08);
    border-radius:14px;

    background:rgba(255,255,255,.025)
}


.idfw-install-help summary{
    padding:13px 15px;

    color:#cdd9e9;
    font-weight:700;

    cursor:pointer
}


.idfw-install-help ol{
    margin:0;
    padding:4px 22px 16px 38px
}


.idfw-install-help li{
    margin:9px 0;

    color:#91a5bf;
    line-height:1.55
}


.idfw-install-help code{
    padding:2px 5px;
    border-radius:6px;

    background:rgba(255,255,255,.07);
    color:#dcecff
}


/* MOBILE */

@media(max-width:700px){

    .idfw-guide-title{
        display:block
    }


    .idfw-guide-title small{
        display:block;
        margin-top:7px;
        text-align:left
    }


    .idfw-guide-path{
        grid-template-columns:1fr
    }


    .idfw-guide-path > div{
        display:grid;
        grid-template-columns:35px 1fr;
        column-gap:8px
    }


    .idfw-guide-path span{
        grid-row:1 / 3;
        margin:0
    }


    .idfw-guide-path b{
        margin:0
    }


    .idfw-guide-path small{
        margin-top:3px
    }

}

/* ==========================================================
   NYMIQ PUBLIC SIGNUP 2.7.2
   ========================================================== */

.nymiq-legal-check{
    display:flex !important;
    flex-direction:row !important;
    align-items:flex-start;
    gap:10px;
    margin-top:14px;
    font-size:12px;
    line-height:1.5;
    cursor:pointer;
}

.nymiq-legal-check input[type="checkbox"]{
    width:18px !important;
    min-width:18px !important;
    height:18px !important;
    margin:2px 0 0 !important;
    padding:0 !important;
    flex:0 0 18px;
}

.nymiq-legal-check span{
    display:block;
}

.nymiq-legal-check a{
    text-decoration:underline;
}