Refresh the lock screen PIN keyboard

ui/login/account_picker/md_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 28 matching lines @@
 .account-picker.flying-pods .pod {
   transition: all 180ms;
 }
 
 .pod.pin-enabled {
   height: 417px;
   top: -87px !important;
 }
 
 .pod .pin-container {
-  height: 204px;
+  left: 36px;
   position: absolute;
-  top: 170px;
+  top: 300px;
+  width: 234px;
+  z-index: 3;
 }
 
 .pod.faded {
   opacity: .75;
 }
 
 podrow[ncolumns='6'] .pod {
   transform: scale3d(0.8, 0.8, 0.8);
 }
 
@@ skipping 55 matching lines @@
 }
 
 html:not([screen=login-add-user]) .pod.focused .user-image {
   opacity: 1;
 }
 
 .pod.multiprofiles-policy-applied .user-image {
   -webkit-filter: grayscale(100%);
 }
 
-.signed-in-indicator {
-  display: none;
-}
-
-.pod.signed-in .signed-in-indicator {
-  background-color: rgba(0, 0, 0, 0.5);
-  color: white;
-  display: block;
-  font-size: small;
-  position: absolute;
-  text-align: center;
-  top: 0;
-  width: 100%;
-}
-
 .main-pane {
   position: absolute;
   z-index: 2;
 }
 
 html[dir=rtl] .main-pane {
   left: auto;
   right: 10px;
 }
 
@@ skipping 14 matching lines @@
  is so the submit button on chromeos can extend onto the padding as shown on
  mocks. */
 <if expr="not chromeos">
   width: 160px;
 </if>
 <if expr="chromeos">
   width: 204px;
 </if>
 }
 
-polygon #arrow[active] {
-  fill: #7BAAF7;
-  opacity: 1;
-}
-
 .auth-container .submit-button[disabled] {
-  color: #FFFFFF;
   opacity: 0.34;
 }
 
 .auth-container .submit-button {
-  color: #7BAAF7;
+  color: #FFFFFF;
   height: 40px;
   opacity: 1;
   padding: 12px 0 4px 0;
   width: 24px;
 }
 
-.auth-container .submit-button.error-shown {
-  color: #CD2A00;
-}
-
 .name-container {
   transition: transform 180ms;
 }
 
 .pod.focused .name-container {
   display: flex;
 }
 
 .pod.focused.multiprofiles-policy-applied .name-container {
   display: flex;
@@ skipping 42 matching lines @@
 }
 
 .password-container {
   height: 40px;
   width: 180px;
 }
 
 .pod input[type='password'] {
   background-color: transparent;
   border: none;
-  color: #FFFFFF;
+  color: rgba(255, 255, 255, .67);
   font-family: "Roboto";
   font-size: 13px;
   height: 100%;
+  letter-spacing: 8px;
   padding: 0;
   width: 100%;
 }
 
 .pod input[type='password']::-webkit-input-placeholder {
-  opacity: 0.34;
+  letter-spacing: 0;
 }
 
 .capslock-hint-container {
   display: none;
 }
 
 <if expr="chromeos">
 .capslock-on .capslock-hint-container {
   display: block;
   flex: none;
@@ skipping 757 matching lines @@
   animation: ellipsis-component2 1.5s infinite;
 }
 
 @keyframes ellipsis-component2 {
   0% { opacity: 0; }
   25% { opacity: 0; }
   50% { opacity: 0; }
   75% { opacity: 1; }
   100% { opacity: 0; }
 }