/* ログイン画面の動き（login-motion.js が付ける）。動きを減らす設定の時は付かない */
/* 入場の準備：login-motion.js が動き始めるまでカードを隠す。スクリプトが読み込めない時も 1.5 秒で表示する */
.lm-pre main,.lm-pre footer{opacity:0;animation:lm-reveal .3s 1.5s forwards}
@keyframes lm-reveal{to{opacity:1}}
.lh-tabs.lm-tabs{position:relative}
.lh-tabs.lm-tabs button{position:relative;z-index:1;transition:color .25s}
.lh-tabs.lm-tabs button.on{background:transparent;box-shadow:none}
.lm-pill{position:absolute;z-index:0;opacity:0;border-radius:11px;background:#fffefa;box-shadow:0 2px 8px #1a2f4a22;pointer-events:none}
.login-rest .lm-pill{background:linear-gradient(160deg,#4a5683,#3c4772);box-shadow:0 6px 16px -6px #0008,inset 0 1px 0 #ffffff22}
form>button[type=submit].lm-done,form>button[type=submit].lm-done:disabled{background:linear-gradient(115deg,#5fb08b,#3b8566);border-color:#4f9d7a;color:#fff;transition:background .3s}
form>button[type=submit].lm-done::before{content:'✓';display:inline-block;margin-right:8px;font-weight:800}
.login-rest form>button[type=submit].lm-done,.login-rest form>button[type=submit].lm-done:disabled{background:linear-gradient(135deg,#8fd0a8,#4f9d7a);color:#10301f}
.lm-ch{display:inline-block}
.lm-spark{position:fixed;z-index:50;width:8px;height:8px;border-radius:50%;pointer-events:none;box-shadow:0 0 8px currentColor}
@media(forced-colors:active){.lm-pill,.lm-spark{display:none}.lh-tabs.lm-tabs button.on{border:2px solid ButtonText}}