html,body{height:100%;width:100%;font-family:sans-serif}.login{display:flex;height:100%}.login__eyecatch-pane{flex-basis:auto;overflow:hidden;text-align:right;width:calc(100% - 600px)}.login__eyecatch{height:100%;width:auto}.login__pane{display:flex;flex-direction:column;align-items:center;width:600px}.login__section{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;width:100%}.login__logo{display:block;width:50%;background-size:contain}.login__form{display:flex;flex-direction:column;width:70%}.login__row{width:100%}.login__row input[type=text],.login__row input[type=password]{display:block;width:100%}.login__row{margin:5px 0}.login__button{-webkit-appearance:none;appearance:none;background-color:#00f;color:#fff;padding:5px 15px;outline:none;border:none}.login__button:hover{background-color:#add8e6}