Easy Unlock: Add support for hard locking

ui/login/account_picker/user_pod_row.css

 /* Copyright 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  *
  * This is the stylesheet used by user pods row of account picker UI.
  */
 
 podrow {
   /* Temporarily disabled because animation interferes with updating screen's
    size. */
@@ skipping 153 matching lines @@
   white-space: nowrap;
 }
 
 .learn-more-container,
 .auth-container,
 .password-entry-container,
 .signin-button-container {
   display: none;
 }
 
-.pod[auth-type='offlinePassword'].focused .password-entry-container {
+.pod[auth-type='offlinePassword'].focused .password-entry-container,
+.pod[auth-type='forceOfflinePassword'].focused .password-entry-container {
   display: flex;
   flex: auto;
 }
 
 .password-container {
   flex: auto;
 }
 
 .pod input[type='password'] {
   background-color: white;
@@ skipping 34 matching lines @@
 }
 
 .custom-icon {
   -webkit-margin-end: 0;
   -webkit-margin-start: auto;
   background-position: center;
   background-repeat: no-repeat;
   flex: none;
 }
 
+.custom-icon.faded {
+  -webkit-transition: opacity 200ms ease-in-out,
+                      visibility 200ms ease-in-out;
+}
+
 .custom-icon-container {
   display: flex;
   flex: none;
   flex-direction: column;
   height: 40px;
   justify-content: center;
   width: 40px;
 }
 
 .pod[auth-type='onlineSignIn'] .signin-button-container,
@@ skipping 354 matching lines @@
   top: 4px;
 }
 
 .pod.public-account.expanded.advanced .language-and-input-container {
   display: none;
 }
 
 .enter-button {
   font-size: 14px;
 }