/*******************************************
* Popup Login
*******************************************/
/* Popup */
.easy-popup-master {background:rgba(8, 25, 72, .8);}
[data-easy-popup-id="twc-login-form"] .easy-popup-container {max-width:485px;}
[data-easy-popup-id="twc-login-form"] .easy-popup-content {border-radius:20px 0 20px 0; padding:35px;}

/* Form login */
.input-field:not(:last-child) {margin-bottom:15px;}
.input-field label {display:none;}
.input-field input {
    background:var(--twc-color-gray); color:var(--twc-color-text);
    font-size:16px; font-family:var(--twc-font-primary);

    font-weight:400; letter-spacing:.03em;
    width:100%; height:57px; padding:5px 30px; display:block;
    -webkit-appearance:none !important; -webkit-border-radius:15px !important; border-radius:15px !important;
    border:1px solid rgba(0, 0, 0, 0);
    transition:var(--twc-transition);
}
.input-field input::placeholder {
    font-size:14px; letter-spacing:.03em; color:rgba(2, 25, 72, .2);
    transition:var(--twc-transition);
}
.input-field input:hover, .input-field input:focus, .input-field input:focus-visible {border-color:var(--twc-color-primary);}
.input-field input:hover::placeholder, .input-field input:focus::placeholder {color:rgba(2, 25, 72, .1);}

/* Button */
.lwa-submit-button .button-primary {position:absolute; opacity:0; pointer-events:none;}
.lwa-submit-button button {width:100%;}

/* Error */
.lwa-status-invalid {
    color:var(--twc-color-error); font-size:14px; text-align:center; font-weight:400;
    margin-bottom:var(--twc-spacing-10); display:block;
}

/* Button forget password */
.lwa-links, .lwa-links-remember-cancel {text-align:center; padding-top:15px; display:block;}
.lwa-links a, .lwa-links-remember-cancel {font-size:var(--twc-size-14); font-weight:500; color:rgba(8, 25, 72, .5); letter-spacing:.03em;}
.lwa-links a:hover, .lwa-links a:focus,
.lwa-links-remember-cancel:hover, .lwa-links-remember-cancel:focus {color:var(--twc-color-primary);}
.lwa-links a:focus-visible,
.lwa-links-remember-cancel:focus-visible {outline:2px solid var(--twc-color-dark-blue); border-radius:2px; transition:none;}
.lwa-title {
    text-align:center; font-weight:500; letter-spacing:.03em;
    --twc-spacing-paragraph:10px;
}

/* Button close */
.easy-popup-close-button {
    width:64px; aspect-ratio:1; background:var(--twc-color-primary); border-radius:0 20px 20px 0;
    right:-64px; padding:0;
}
.easy-popup-close-button span {display:none;}
.easy-popup-close-button:before {
    font-family:var(--twc-font-icomoon); content:"\e93a";
    line-height:1; color:#fff; font-size:16px;
    position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);
}
.easy-popup-close-button:hover, .easy-popup-close-button:focus,
.easy-popup-close-button:focus-visible {background:var(--twc-color-error);}

/* Reset password */
.tml-resetpass {
    /* Layout */
    --rp-spacing-label:10px;
    --rp-gap-v:16px;

    /* Fields */
    --rp-field-height:63px;
    --rp-field-padding-h:30px;
    --rp-font-size:14px;

    /* Field colors */
    --rp-bg:var(--twc-color-gray);
    --rp-bg-hover:var(--twc-color-gray);
    --rp-color:var(--twc-color-dark-blue);
    --rp-color-hover:var(--twc-color-text);
    --rp-border-color:rgba(0, 0, 0, 0);
    --rp-border-color-hover:var(--twc-color-permalink);
}
.tml-resetpass br {display:none;}
.tml-resetpass .tml-field-wrap {margin-bottom:var(--rp-gap-v);}
.tml-resetpass label, .tml-resetpass .tml-indicator_hint-wrap {
    display:block; margin-bottom:var(--rp-spacing-label);
    font-size:var(--twc-size-14); color:var(--twc-color-dark-blue); letter-spacing:.03em; font-weight:400;
}
.tml-resetpass .tml-indicator_hint-wrap {--rp-spacing-label:20px;}
.tml-resetpass input {
    background:var(--rp-bg); color:var(--rp-color);
    font-size:var(--rp-font-size);

    font-weight:400; letter-spacing:.03em;
    width:100%; height:var(--rp-field-height); padding:5px var(--rp-field-padding-h); display:block;
    -webkit-appearance:none !important; -webkit-border-radius:15px !important; border-radius:15px !important;
    transition:var(--twc-transition);
    border:1px solid var(--rp-border-color);
    backdrop-filter:blur(16px);
}
.tml-resetpass input:hover, .tml-resetpass input:focus {
    background:var(--rp-bg-hover); border-color:var(--rp-border-color-hover);
    color:var(--rp-color-hover); box-shadow:0 0 0 1px var(--rp-border-color-hover);
}
.tml-resetpass .tml-indicator-wrap {display:none;}


/*******************************************
* Popup Login - Responsive
*******************************************/
@media only screen and (max-width:1024px) {
    /* Popup */
    [data-easy-popup-id="twc-login-form"] .easy-popup-content {padding:35px var(--twc-gap-container);}

    /* Button close */
    .easy-popup-close-button {width:50px; right:-50px;}

    /* Reset password */
    .tml-resetpass {--rp-field-height:60px; --rp-field-padding-h:20px;}
}
@media only screen and (max-width:767px) {
    /* Popup */
    [data-easy-popup-id="twc-login-form"] .easy-popup-container {padding:50px 20px;}

    /* Button close */
    .easy-popup-close-button {right:0; top:-50px; border-radius:20px 20px 0 0;}

    /* Reset password */
    .tml-resetpass {--rp-field-height:55px;}
}