/* From Uiverse.io by TemRevil; adapted for Son Dong login welcome heading. */
#loginView .sd-loading{display:flex;justify-content:center;align-items:center;height:190px}#loginView .sd-loading-wide{width:150px;height:150px;display:flex;justify-content:center;align-items:center;position:relative}#loginView .sd-color{background-color:#3395ff}#loginView .sd-l1{width:15px;height:65px;position:absolute;animation:sd-move-h 1.2s infinite cubic-bezier(.65,.05,.36,1)}#loginView .sd-l2{width:15px;height:60px;position:absolute;transform:rotate(90deg);animation:sd-move-v 1.2s infinite cubic-bezier(.65,.05,.36,1)}
@keyframes sd-move-h{0%{top:0;opacity:0}25%{opacity:1}50%{top:30%;opacity:1}75%{opacity:1}100%{top:100%;opacity:0}}
@keyframes sd-move-v{0%{left:0;opacity:0}25%{opacity:1}50%{left:45%;opacity:1}75%{opacity:1}100%{left:100%;opacity:0}}
#loginView .sd-effect-light{animation:sd-effect .2s .1s infinite linear}#loginView .sd-effect-light-d{animation:sd-effect .3s .2s infinite linear}#loginView .sd-effect-rot{animation:sd-rot .8s infinite cubic-bezier(.65,.05,.36,1)}#loginView .sd-effect-scale{animation:sd-scale .8s infinite cubic-bezier(.65,.05,.36,1)}
@keyframes sd-effect{0%,100%{opacity:0}50%{opacity:1}}@keyframes sd-rot{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@keyframes sd-scale{0%,100%{scale:1}50%{scale:1.9}}
#loginView .sd-e1{width:1px;height:40px;opacity:.3;position:absolute;top:0;left:8%}#loginView .sd-e2{width:60px;height:1px;opacity:.8;position:absolute;top:8%;left:0}#loginView .sd-e3{position:absolute;top:10%;left:12%;font-family:Segoe UI,sans-serif;font-weight:900;font-size:18px;color:#3395ff}#loginView .sd-e4{width:1px;height:40px;opacity:.3;position:absolute;top:90%;right:10%}#loginView .sd-e5{width:40px;height:1px;opacity:.3;position:absolute;top:100%;right:0}#loginView .sd-e6{position:absolute;top:100%;right:0;font-family:Segoe UI,sans-serif;font-size:32px;color:#3395ff}#loginView .sd-e7{width:1px;height:20px;position:absolute;bottom:0;left:0;transform:rotate(45deg);animation:sd-height 1s infinite cubic-bezier(.65,.05,.36,1)}
@keyframes sd-height{0%,100%{bottom:0;left:0;height:0}25%{height:90px}50%{bottom:100%;left:100%;height:90px}75%{height:0}}
#loginView .sd-e8{width:20px;height:1px;position:absolute;bottom:50%;left:0;animation:sd-width 1.5s infinite cubic-bezier(.65,.05,.36,1)}@keyframes sd-width{0%,100%{left:0;width:0}50%{left:100%;width:90px}}

#loginView .sd-welcome-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 12px}
#loginView .sd-welcome-row h2{margin:0!important;flex:1;min-width:0}
#loginView .sd-login-decoration{position:relative;width:74px;height:78px;flex:0 0 74px;margin:0;padding:0;display:block;pointer-events:none}
#loginView .sd-loading-wide{position:absolute;top:0;left:0;transform:scale(.4);transform-origin:top left}
@media(max-width:400px){#loginView .sd-welcome-row h2{font-size:23px}#loginView .sd-welcome-row{gap:5px}#loginView .sd-login-decoration{width:65px;flex-basis:65px}}
@media(prefers-reduced-motion:reduce){#loginView .sd-loading-wide *{animation:none!important}#loginView .sd-l1{top:30%}#loginView .sd-l2{left:45%}}