.allfix-pwd-reset-notification { align-items:center; -webkit-backdrop-filter:blur(9px); backdrop-filter:blur(9px); background:rgba(255,255,255,.68); display:flex; inset:0; justify-content:center; padding:20px; position:fixed; z-index:9999; }
.allfix-pwd-reset-notification[hidden] { display:none; }
.allfix-pwd-reset-notification__panel { background:#579bc5; box-sizing:border-box; color:#fff; height:auto; max-height:calc(100vh - 32px); max-width:683px; min-height:472px; overflow:hidden; position:relative; width:min(683px, calc(100vw - 32px)); }
.allfix-pwd-reset-notification__diagonal { background:#214f95; height:250px; left:27%; position:absolute; top:-68px; transform:skewX(-40deg); width:61%; }
.allfix-pwd-reset-notification__content { box-sizing:border-box; height:100%; padding:76px 35px 20px; position:relative; text-align:center; z-index:1; }
.allfix-pwd-reset-notification h2 { color:#fff; font-size:64px; font-weight:800; letter-spacing:-1px; line-height:1; margin:0 0 46px; text-transform:uppercase; }
.allfix-pwd-reset-notification p { font-size:24px; font-weight:400; line-height:1.28; margin:0 auto 31px; max-width:600px; }
.allfix-pwd-reset-notification__login { background:#fff; box-shadow:4px 4px 0 rgba(28,72,128,.7); color:#214f95; display:inline-block; font-size:28px; font-weight:800; line-height:1; margin-top:0; padding:14px 40px; text-decoration:none; }
.allfix-pwd-reset-notification__login:hover, .allfix-pwd-reset-notification__login:focus { background:#f3f7fb; color:#163c76; text-decoration:none; }
.allfix-pwd-reset-notification__close { background:transparent; border:3px solid #fff; border-radius:50%; color:#fff; cursor:pointer; font-family:Arial,sans-serif; font-size:47px; font-weight:200; height:51px; line-height:38px; padding:0; position:absolute; right:27px; top:20px; width:51px; z-index:2; }
@media (max-width: 767px) { .allfix-pwd-reset-notification { padding:12px; } .allfix-pwd-reset-notification__panel { height:auto; max-height:calc(100vh - 24px); min-height:0; } .allfix-pwd-reset-notification__diagonal { height:235px; left:20%; top:-65px; width:75%; } .allfix-pwd-reset-notification__content { height:auto; min-height:0; padding:90px 24px 36px; } .allfix-pwd-reset-notification h2 { font-size:42px; letter-spacing:-1px; margin-bottom:58px; } .allfix-pwd-reset-notification p { font-size:21px; margin-bottom:34px; } .allfix-pwd-reset-notification__login { font-size:27px; padding:16px 40px; } .allfix-pwd-reset-notification__close { font-size:37px; height:42px; line-height:31px; right:15px; top:14px; width:42px; } }