.entrance{position:relative;width:100%;max-width:var(--content-width);min-height:300px;margin:0 auto;display:grid;place-items:start center}.entranceLayer{grid-area:1/1;width:100%;display:flex;justify-content:center;will-change:opacity}.entranceLayerVisible{opacity:1;pointer-events:auto}.entranceLayerHidden{opacity:0;pointer-events:none}.entranceDoorLeaving{pointer-events:none;animation:doorFadeOut 1.5s ease forwards}.entranceLoginEntering{opacity:0;pointer-events:none;animation:loginFadeIn 1.5s ease 1s forwards}@keyframes doorFadeOut{0%{opacity:1}to{opacity:0}}@keyframes loginFadeIn{0%{opacity:0}to{opacity:1}}.doorButton{appearance:none;border:0;padding:0;background:transparent;cursor:pointer;line-height:0}.doorImage{display:block;width:180px;height:auto;border:0}.loginForm{width:100%;max-width:360px;gap:18px}.loginForm,.loginForm label{display:flex;flex-direction:column}.loginForm label{gap:6px;font-family:var(--font-serif)}.loginFakeInput,.loginForm input{box-sizing:border-box;width:100%;height:43px;padding:10px 12px;border:1px solid var(--line);border-radius:2px;background:var(--paper-light);font:inherit;color:var(--text)}button.loginFakeInput{display:block;appearance:none;text-align:left;cursor:text}.loginForm button[type=submit],.loginForm>button[type=button]{align-self:flex-end;border:0;padding:0;background:transparent;font:inherit;color:var(--text);cursor:pointer}.loginForm button:disabled{cursor:default}