/*==================================================
  QUESTION OVERLAY
==================================================*/

.question-overlay{
    position:fixed;
    inset:0;
    z-index:9999;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:20px;

    background:rgba(7,15,30,.72);
    backdrop-filter:blur(4px);
}

.question-overlay[hidden]{
    display:none;
}

/*==================================================
  PANEL
==================================================*/

.question-panel{

    position:relative;

    width:100%;
    max-width:560px;

    background:#fff;

    border-radius:22px;

    padding:34px 30px;

    box-shadow:
        0 24px 60px rgba(0,0,0,.30);

}

.question-panel h2{

    margin:0 40px 10px 0;

    font-size:28px;

}

.question-text{

    margin:0 0 24px;

    color:#5d6876;

    line-height:1.5;

}

/*==================================================
  CLOSE
==================================================*/

.question-close{

    position:absolute;

    top:14px;
    right:16px;

    width:36px;
    height:36px;

    border:0;
    border-radius:50%;

    background:#eef1f5;

    cursor:pointer;

    font-size:24px;

}

/*==================================================
  FORM
==================================================*/

.question-panel label{

    display:block;

    margin-bottom:6px;
    margin-top:16px;

    font-weight:700;

}

.question-optional{

    font-weight:400;

    color:#777;

}

.question-panel input,
.question-panel textarea{

    width:100%;

    box-sizing:border-box;

    padding:12px 14px;

    border:1px solid #d8dee6;

    border-radius:10px;

    font:inherit;

}

.question-panel textarea{

    resize:vertical;

    min-height:160px;

}

.question-panel input:focus,
.question-panel textarea:focus{

    outline:none;

    border-color:#19c965;

    box-shadow:
        0 0 0 3px rgba(25,201,101,.15);

}

/*==================================================
  STATUS
==================================================*/

.question-status{

    min-height:22px;

    margin-top:12px;

    color:#666;

}

/*==================================================
  BUTTON
==================================================*/

.question-send{

    width:100%;

    margin-top:8px;

    padding:14px;

    border:0;

    border-radius:12px;

    background:#19c965;

    color:#07151f;

    font-weight:700;

    cursor:pointer;

}