/* Shared image frames for every action in login, registration and recovery.
   The six theme assets were generated for the site's header buttons. */
html body #login-screen .login-card :is(button,.ltab,a[onclick],#ls-back-link),
html body #login-screen #reg-choose .lbtn,
html body #ls-close{
  --auth-frame:var(--header-secondary);
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  position:relative;box-sizing:border-box;min-height:40px;padding:8px 28px!important;
  border:0!important;border-radius:0!important;border-image:var(--auth-frame) 0 60 fill / 0 27px / 0 stretch!important;
  background:transparent!important;box-shadow:none!important;color:var(--header-action-ink)!important;
  font:600 13px/20px 'Segoe UI',Arial,sans-serif!important;letter-spacing:normal!important;text-transform:none!important;
  text-decoration:none!important;text-shadow:0 1px 1px var(--header-action-shadow)!important;
  cursor:pointer;filter:drop-shadow(0 2px 2px #0003)!important;
  transition:transform .18s ease,filter .18s ease!important;
}
html body #login-screen .login-card .lbtn,
html body #login-screen #reg-choose .lbtn{
  --auth-frame:var(--header-primary);width:100%;min-height:46px;padding:11px 30px!important;
  border-image-width:0 30px!important;font-size:14px!important;line-height:22px!important;
}
html body #login-screen .login-card .lbtn>span{font:inherit!important;min-width:0;overflow-wrap:anywhere}
html body #login-screen .login-card :is(button,.ltab) svg{stroke:currentColor!important;flex-shrink:0}
html body #login-screen .ltabs{gap:8px;background:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}
html body #login-screen .login-card .ltab{flex:1 1 0;min-width:0;margin:0;min-height:42px;padding:9px 22px!important;border-image-width:0 23px!important;font-size:13px!important}
html body #login-screen .login-card .ltab.active{--auth-frame:var(--header-primary);font-weight:700!important;filter:drop-shadow(0 0 4px var(--header-action-halo))!important}
html body #login-screen .login-card :is(a[onclick],#ls-back-link){min-height:36px;padding:6px 25px!important;border-image-width:0 24px!important;font-size:12px!important}
html body #login-screen .login-card #ls-back-link{width:100%;margin-top:16px!important}
html body #login-screen .login-card .cred-copy{min-height:34px;flex:0 0 auto;padding:5px 20px!important;border-image-width:0 20px!important;font-size:11px!important;white-space:nowrap}
html body #ls-close{min-height:40px;height:auto!important;padding:8px 26px!important}
@media(hover:hover) and (pointer:fine){
  html body #login-screen .login-card :is(button,.ltab,a[onclick],#ls-back-link):not(:disabled):hover,
  html body #login-screen #reg-choose .lbtn:not(:disabled):hover,
  html body #ls-close:hover{transform:translateY(-1px) scale(1.015)!important;filter:drop-shadow(0 0 5px var(--header-action-halo)) drop-shadow(0 3px 3px #0004)!important}
}
html body #login-screen .login-card :is(button,.ltab,a[onclick],#ls-back-link):not(:disabled):active,
html body #ls-close:active{transform:translateY(1px)!important}
html body #login-screen .login-card :is(button,.ltab,a[onclick],#ls-back-link):focus-visible,
html body #ls-close:focus-visible{outline:2px solid var(--g1)!important;outline-offset:3px}
html body #login-screen .login-card button:disabled{opacity:.5!important;cursor:not-allowed!important;transform:none!important;filter:none!important}
@media(max-width:600px){
  html body #login-screen .login-card :is(button,.ltab,a[onclick],#ls-back-link){min-height:44px}
  html body #login-screen .login-card .ltab{padding:11px 19px!important;border-image-width:0 21px!important;font-size:12px!important}
  html body #login-screen .login-card .cred-copy{padding:10px 20px!important}
}
@media(prefers-reduced-motion:reduce){
  html body #login-screen .login-card :is(button,.ltab,a[onclick],#ls-back-link),html body #ls-close{transition:none!important}
  html body #login-screen .login-card :is(button,.ltab,a[onclick],#ls-back-link):hover,html body #ls-close:hover{transform:none!important}
}