Import supervised user dialog

chrome/browser/resources/md_user_manager/import_supervised_user.css

+/* Copyright 2016 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. */
+
+#backdrop {
+  align-items: center;
+  background: rgba(255, 255, 255, 0.6);
+  bottom: 0;
+  display: flex;
+  justify-content: center;
+  left: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+
+#dialog {
+  background: white;
+  border-radius: 2px;
+  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
+              0 6px 30px 5px rgba(0, 0, 0, 0.12),
+              0 8px 10px -5px rgba(0, 0, 0, 0.4);
+  color: var(--paper-grey-800);
+  width: 512px;
+}
+
+#title-bar {
+  align-items: center;
+  border-bottom: 1px solid rgba(0, 0, 0, .12);
+  font-size: 16px;
+  padding: 16px;
+}
+
+#title-bar iron-icon {
+  --iron-icon-height: 12px;
+  --iron-icon-width: 12px;
+}
+
+#message {
+  padding: 20px 16px 16px 16px;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+#user-list .list-item {
+  align-items: center;
+  display: flex;
+  height: 52px;
+  padding: 0 16px;
+}
+
+#user-list .list-item .profile-img {
+  flex-shrink: 0;
+}
+
+#user-list .list-item .profile-name {
+  overflow: hidden;
+  padding-left: 10px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+#user-list .list-item .on-device {
+  flex-shrink: 0;
+  padding-left: 10px;
+}
+
+#user-list .list-item.selectable.iron-selected {
+  background: var(--paper-grey-200);
+}
+
+#actions {
+  margin-top: 20px;
+  padding: 16px;
+}
+
+#actions paper-button {
+  border-radius: 2px;
+  font-weight: 500;
+  line-height: 36px;
+  margin: 0;
+  min-width: 52px;
+  padding: 0 16px;
+}
+
+#actions #cancel {
+  color: var(--paper-grey-600);
+}
+
+#actions #import {
+  -webkit-margin-start: 8px;
+  background: var(--google-blue-500);
+  color: white;
+}
+
+#actions #import[disabled] {
+  background: rgba(66, 133, 244, .5);
+}