/* GAKI MEMBER VIDEO MODAL R1 */

.gaki-member-modal-backdrop{
    position:fixed;
    inset:0;
    background:rgba(5,12,18,.72);
    z-index:2147483600;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
}

.gaki-member-modal{
    width:min(92vw,520px);
    background:#fff;
    color:#17212b;
    border-radius:16px;
    box-shadow:0 24px 70px rgba(0,0,0,.38);
    overflow:hidden;
}

.gaki-member-modal-head{
    padding:24px 26px 10px;
}

.gaki-member-modal-title{
    margin:0 0 12px;
    font-size:22px;
    line-height:1.3;
}

.gaki-member-modal-body{
    padding:0 26px 20px;
    font-size:15px;
    line-height:1.65;
}

.gaki-member-modal-en{
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid rgba(0,0,0,.10);
    opacity:.78;
    font-size:14px;
}

.gaki-member-modal-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    padding:0 26px 26px;
}

.gaki-member-modal-actions a,
.gaki-member-modal-actions button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:9px 16px;
    border-radius:8px;
    font:inherit;
    cursor:pointer;
    text-decoration:none;
}

.gaki-member-register{
    background:#176b43;
    color:#fff !important;
    border:1px solid #176b43;
}

.gaki-member-login{
    background:#fff;
    color:#176b43 !important;
    border:1px solid #176b43;
}

.gaki-member-later{
    background:transparent;
    border:1px solid rgba(0,0,0,.20);
}

body.gaki-modal-open{
    overflow:hidden;
}