* {
    box-sizing: border-box;
}

html {
    min-height: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;

    font-family: 'Poppins', sans-serif;
    font-optical-sizing: auto;

    scrollbar-gutter: stable both-edges;
}

body {
    min-height: 100vh;
    
    margin: 0;
    scrollbar-gutter: stable both-edges;
    background-color: rgba( 245, 245, 245, 1 );

    font-family: 'Poppins', sans-serif;
    font-optical-sizing: auto;
    
    overflow: hidden;

    display: flex;
    flex-direction: column;
}

main {
    flex-grow: 1;

    display: flex;
    flex-direction: column;
}

body #frontend_layout_modal[data-extra_classes="frontend_layout_auth_passwordreset_modal"] #frontend_layout_modal_body form {
    margin-top: 16px;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    row-gap: 16px;
}
body #frontend_layout_modal[data-extra_classes="frontend_layout_auth_passwordreset_modal"] #frontend_layout_modal_body form .frontend_layout_auth_remember_modal_form_item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    row-gap: 4px;
}
body #frontend_layout_modal[data-extra_classes="frontend_layout_auth_passwordreset_modal"] #frontend_layout_modal_body form .frontend_layout_auth_remember_modal_form_item label {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 0.8rem;
    color: rgba(48, 69, 89, 1);
}
body #frontend_layout_modal[data-extra_classes="frontend_layout_auth_passwordreset_modal"] #frontend_layout_modal_body form .frontend_layout_auth_remember_modal_form_item .frontend_layout_auth_remember_modal_form_password_eye_wrapper {
    width: 100%;
    position: relative;
}
body #frontend_layout_modal[data-extra_classes="frontend_layout_auth_passwordreset_modal"] #frontend_layout_modal_body form .frontend_layout_auth_remember_modal_form_item .frontend_layout_auth_remember_modal_form_password_eye_wrapper input {
    padding: 8px 16px;
    background-color: rgba(250, 250, 250, 1);
    border-radius: 0.275rem;
    border: 1px solid rgba(224, 224, 224, 1);
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}
body #frontend_layout_modal[data-extra_classes="frontend_layout_auth_passwordreset_modal"] #frontend_layout_modal_body form .frontend_layout_auth_remember_modal_form_item .frontend_layout_auth_remember_modal_form_password_eye_wrapper i {
    position: absolute;
    top: 50%;
    right: 1.5%;
    transform: translate( -50%, -50% );
    color: rgba( 48, 69, 89, 1 );
    cursor: pointer;
    width: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
}
body #frontend_layout_modal[data-extra_classes="frontend_layout_auth_passwordreset_modal"] #frontend_layout_modal_body form .frontend_layout_auth_remember_modal_form_item .frontend_layout_auth_remember_modal_form_password_eye_wrapper i:hover {
    opacity: 0.75;
}
body #frontend_layout_modal[data-extra_classes="frontend_layout_auth_passwordreset_modal"] #frontend_layout_modal_body form #frontend_layout_auth_remember_modal_form_message {
    min-height: 20px;
    color: red;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
body #frontend_layout_modal[data-extra_classes="frontend_layout_auth_passwordreset_modal"] #frontend_layout_modal_body form #frontend_layout_auth_remember_modal_form_submit_loader {
    width: 200%;
    display: flex;
    align-items: center;
}
body #frontend_layout_modal[data-extra_classes="frontend_layout_auth_passwordreset_modal"] #frontend_layout_modal_body form #frontend_layout_auth_remember_modal_form_submit_loader #frontend_layout_auth_remember_modal_form_submit_loader_submit {
    flex-basis: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
body #frontend_layout_modal[data-extra_classes="frontend_layout_auth_passwordreset_modal"] #frontend_layout_modal_body form #frontend_layout_auth_remember_modal_form_submit_loader #frontend_layout_auth_remember_modal_form_submit_loader_submit input[type="submit"] {
    padding: 8px 16px;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 1rem;
    color: rgba(255, 255, 255, 1);
    background-color: rgba(48, 69, 89, 1);
    border: 1px solid rgba(250, 250, 250, 1);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    cursor: pointer;
    transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}
body #frontend_layout_modal[data-extra_classes="frontend_layout_auth_passwordreset_modal"] #frontend_layout_modal_body form #frontend_layout_auth_remember_modal_form_submit_loader #frontend_layout_auth_remember_modal_form_submit_loader_loader {
    flex-basis: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
body #frontend_layout_modal[data-extra_classes="frontend_layout_auth_passwordreset_modal"] #frontend_layout_modal_body form #frontend_layout_auth_remember_modal_form_submit_loader #frontend_layout_auth_remember_modal_form_submit_loader_loader .loader {
    margin: 0 auto;
    font-size: 6px;
}

@media( max-width: 600px ) {
    body { max-width: 100vw; overflow-x: hidden; }
    main { max-width: 100vw; overflow-x: hidden; }
}