.input_err{background:#ffcdd2 !important;transition:background 0.5s ease-in-out;box-shadow:0 0 8px red;}

.notyn{position:fixed;bottom:6em;right:0;max-width:320px;z-index:10000000}
.notyf{margin-bottom:.6em;color:#fff;float:right;min-width:200px;padding:1em 3em 1em 3.4em;box-shadow:-3px 3px 6px rgba(0,0,0,.1);transform:translateX(1.5em);transition:.3s;-webkit-backdrop-filter:saturate(5) blur(20px);backdrop-filter:saturate(5) blur(20px);-webkit-animation:notyf .4s cubic-bezier(.35,.71,.46,1.08);animation:notyf .4s cubic-bezier(.35,.71,.46,1.08)}
.notyn-out .notyf{transform:translateX(110%);opacity:.5;transition:.5s}
@-webkit-keyframes notyf{0%{transform:translateX(110%);opacity:0} 100%{transform:translateX(1.5em);opacity:1}}
@keyframes notyf{0%{transform:translateX(110%);opacity:0} 100%{transform:translateX(1.5em);opacity:1}}
@keyframes huan-rotate{0%{transform:rotate(0);}to{transform:rotate(360deg);}}
.notyf:before{left:.8em;font-size:1.5em;position:absolute;top:0;bottom:0;margin:auto;height:20px;line-height:20px;}
.notyf.success{background:linear-gradient(90deg,rgba(15,147,249,.7),rgba(61,189,249,.8))}
.notyf.success:before{content:'\2714'}
.notyf.info{background:linear-gradient(90deg,rgba(58,162,54,.8),rgba(89,247,131,.8))}
.notyf.info:before{content:'\2605'}
.notyf.load,.notyf.warning{background:linear-gradient(90deg,rgba(253,170,71,.7),rgba(247,154,13,.8))}
.notyf.load:before{content:'\2605';animation:huan-rotate 1s cubic-bezier(.7,.1,.31,.9) infinite;}
.notyf.warning:before{content:'\2716'}
.notyf.danger{background:linear-gradient(90deg,rgba(253,69,28,.7),rgba(251,110,75,.8))}
.notyf.danger:before{content:'\2716'}
.notyf .fa-close{float:right;padding:.6em;margin:-.4em}




.fvm{display:flex;justify-content:center;align-items:center;}
.vpic{display:flex;justify-content:center;align-items:center;}
.vpic img{max-height:100%;max-width:100%;width:100%;height:100%;object-fit:contain;}
.vpic{height:200px;}


#ly-toast{display:none;text-align:center;position:fixed;bottom:55%;left:0;width:100%;min-height:28px;z-index:9999999999}
#ly-toast>span{display:inline-block;padding:6px 30px;position:absolute;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.76);font-size:16px;color:#fff;border-radius:15px;line-height:28px;}
#ly-toast>span.succ{background:rgba(139,195,74,.76);color:#fff;}
#ly-toast>span.err{background:rgba(244,67,54,.76);}