.login-illustration.doorway{transition:transform var(--dur-slow) var(--ease-paper), background-color var(--dur-slow) ease;padding:9px}.login-illustration.doorway.is-night{background:var(--lavender)}.login-illustration.doorway.is-open{transform:rotate(-8deg)scale(1.06)}.doorway-house{width:100%;height:100%;display:block;overflow:visible}.doorway-window{transition:fill var(--dur-slow) ease}.doorway-glow{opacity:0;transition:opacity var(--dur-slow) ease}.doorway.is-night .doorway-window{fill:var(--yellow)}.doorway.is-night .doorway-glow{opacity:1}.doorway-door{transform-box:fill-box;transform-origin:0;transition:transform var(--dur-slow) var(--ease-paper)}.doorway.is-open .doorway-door{transform:skewY(-18deg)scaleX(.12)}.key-under-mat{background:var(--yellow);text-align:center;border-radius:12px;margin:14px 0 4px;padding:14px 16px 10px}.key-under-mat-art{width:min(100%,220px);margin:0 auto;display:block;overflow:visible}.key-under-mat p{color:var(--ink);margin:6px 0 0;font:700 17px/1.2 Baloo,sans-serif}.key-under-mat-key,.key-under-mat-mat{transform-box:fill-box}.key-under-mat-mat{transform-origin:100%}@media (prefers-reduced-motion:no-preference){.key-under-mat-key{animation:key-under-mat-slide calc(var(--dur-slow) * 1.8) var(--ease-paper) both}.key-under-mat-mat{animation:key-under-mat-lift calc(var(--dur-slow) * 1.8) var(--ease-paper) both}@keyframes key-under-mat-slide{0%{transform:translate(-34px)}to{transform:none}}@keyframes key-under-mat-lift{0%,to{transform:none}40%{transform:translateY(-3px)rotate(-5deg)}}}