@media screen{
  .gold-logo{position:relative;display:grid;place-items:center;flex-shrink:0;background:none;border:0;box-shadow:none}
  .gold-logo:before,.gold-logo:after{content:none}
  .gold-logo img{position:relative;mix-blend-mode:normal;filter:none}
  .gold-spark{position:absolute;z-index:2;pointer-events:none;line-height:1;letter-spacing:0;font-family:Georgia,serif;color:#f8e8b4;text-shadow:0 0 1px #a57a28;animation:imperio-fine-spark 6s ease-in-out infinite}
  .login .gold-logo{width:120px;height:120px;margin:0 auto 16px}
  .login .gold-logo .login-logo{width:120px;height:120px;margin:0;object-fit:contain}
  .gold-spark.s1{top:18%;left:38%;font-size:7px}
  .gold-spark.s2{top:36%;right:37%;font-size:6px;animation-delay:-2s}
  .gold-spark.s3{top:58%;left:40%;font-size:5px;animation-delay:-4s}
  .gold-spark.s4{display:none}
  .brand .gold-logo{width:55px;height:55px;margin:0}
  .brand .gold-logo .brand-logo{width:55px;height:55px}
  .brand .gold-spark.s1{top:18%;left:38%;font-size:4px}
  .brand .gold-spark.s2{top:36%;right:37%;font-size:3px}
  .brand .gold-spark.s3{display:none}
  @keyframes imperio-fine-spark{0%,100%{opacity:.3}50%{opacity:1}}
}
@media screen and (max-width:700px){.brand .gold-logo,.brand .gold-logo .brand-logo{width:48px;height:48px}.login .gold-logo,.login .gold-logo .login-logo{width:120px;height:120px}}
@media(prefers-reduced-motion:reduce){.gold-spark{animation:none!important;opacity:.8}}
@media print{.gold-spark{display:none!important}}
@media screen{
  #app>.login{max-width:440px;padding:25px 32px 28px;margin:13px auto!important}
  .login .gold-logo,.login .gold-logo .login-logo{width:218px;height:218px}
  .login .gold-logo{margin:0 auto 13px}
  .login h1{font:400 26px/1.25 Georgia,'Times New Roman',serif;text-align:center;letter-spacing:-.3px;margin:0 0 22px;color:#47313e}
  .login form{border-top:1px solid #ead8df;padding-top:3px}
  .login form label{margin-top:14px;margin-bottom:7px}
  .login form input,.login form select{padding:12px 14px;min-height:45px}
  .login form>.primary{margin-top:19px;min-height:45px}
  .login form .error:empty{margin:0}
}
@media screen and (max-width:700px){
  #app>.login{padding:20px 23px 24px;margin:10px auto!important}
  .login .gold-logo,.login .gold-logo .login-logo{width:196px;height:196px}
  .login .gold-logo{margin-bottom:12px}
  .login h1{font-size:23px;line-height:1.3;margin-bottom:18px}
}
@media screen and (max-height:760px) and (min-width:701px){
  #app>.login{padding-top:17px;padding-bottom:22px;margin:8px auto!important}
  .login .gold-logo,.login .gold-logo .login-logo{width:184px;height:184px}
  .login .gold-logo{margin-bottom:10px}
  .login h1{margin-bottom:16px}
}