import*as RootModule from'../root/root.js';RootModule.Runtime.cachedResources.set("webauthn/webauthnPane.css","/*\n * Copyright (c) 2020 The Chromium Authors. All rights reserved.\n * Use of this source code is governed by a BSD-style license that can be\n * found in the LICENSE file.\n */\n\n.webauthn-pane {\n  overflow: auto;\n  min-width: 500px;\n}\n\n.webauthn-toolbar-container {\n  display: flex;\n  background-color: var(--toolbar-bg-color);\n  border-bottom: var(--divider-border);\n  flex: 0 0 auto;\n}\n\n.webauthn-toolbar {\n  border-bottom: var(--divider-border);\n  display: inline-block;\n}\n\n.authenticators-view {\n  margin: 0 10px;\n  min-height: auto;\n  display: none;\n}\n\n.webauthn-pane.enabled .authenticators-view {\n  display: block;\n}\n\n/* New Authenticator Section */\n.new-authenticator-title {\n  line-height: 24px;\n  font-weight: bold;\n  display: block;\n}\n\n.new-authenticator-container {\n  display: none;\n  margin: 10px 10px;\n}\n\n.webauthn-pane.enabled .new-authenticator-container {\n  display: block;\n}\n\n.new-authenticator-form {\n  border: none;\n  padding: 10px 0;\n  flex: 0 0 auto;\n  margin: 0;\n}\n\n.webauthn-pane .chrome-select {\n  width: 120px;\n}\n\n/* Active Authenticator Section */\n.authenticator-section {\n  display: block;\n  padding: 16px 0;\n  border-bottom: 1px solid rgb(230 230 230);\n}\n\n.authenticator-fields {\n  border: none;\n  padding: 10px 0;\n  flex: 0 0 auto;\n  margin: 0;\n}\n\n.authenticator-field {\n  display: flex;\n  margin: auto;\n}\n\n.authenticator-section-title {\n  line-height: 24px;\n  width: 260px;\n  display: inline-block;\n}\n\n.authenticator-section-title .authenticator-name-field {\n  width: 220px;\n  display: inline-block;\n  font-weight: bold;\n  border: none;\n  animation: save-flash 0.2s;\n  text-overflow: ellipsis;\n}\n\n.authenticator-section-title.editing-name .authenticator-name-field {\n  border-bottom: 2px solid grey;\n  font-weight: normal;\n  animation: none;\n}\n\n.authenticator-field-value {\n  padding: 5px 0 5px 0;\n  display: inline-block;\n  font-family: monospace;\n}\n\n.authenticator-option-checkbox {\n  position: relative;\n  top: 2px;\n}\n\n.authenticator-option {\n  display: flex;\n  padding-bottom: 10px;\n  margin: auto;\n}\n\n.authenticator-option-label {\n  color: var(--main-fg-color);\n  text-align: right;\n  width: 200px;\n  display: inline-block;\n  padding: 5px 10px 0 0;\n}\n\n.text-button {\n  float: right;\n  white-space: nowrap;\n  overflow: hidden;\n  min-width: 28px;\n  background: transparent;\n  border: none;\n  color: var(--color-link);\n  text-decoration: underline;\n  cursor: pointer;\n}\n\ntd .text-button {\n  min-width: 20px;\n  margin: auto;\n}\n\n.active-button-container {\n  display: inline-block;\n  min-width: 28px;\n}\n\n.edit-name-toolbar {\n  display: inline-block;\n  vertical-align: middle;\n}\n\n@keyframes save-flash {\n  from { opacity: 0%; }\n  to { opacity: 100%; }\n}\n\n/* Credentials Table */\n\n.data-grid-data-grid-node.centered {\n  text-align: center;\n}\n\n.data-grid td {\n  vertical-align: middle;\n}\n\n.credentials-title {\n  display: block;\n  font-weight: bold;\n  margin: 8px 0;\n}\n\n.code {\n  font-family: monospace;\n}\n\n.learn-more {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 100%;\n  text-align: center;\n}\n\n.webauthn-pane.enabled .learn-more {\n  display: none;\n}\n\n/*# sourceURL=webauthn/webauthnPane.css */");