/* Copyright 2013 The Chromium Authors
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 *
 * This contains common styling for all the OOBE screens. */

:host {
  --oobe-text-button-focused-border-color:
      rgba(66, 133, 244, 0.4); /* #4284f4 */
}

.step {
  box-sizing: border-box;
  height: var(--oobe-adaptive-dialog-height);
  user-select: none;
  width: var(--oobe-adaptive-dialog-width);
}

.step.hidden {
  visibility: hidden;
}

.faded {
  opacity: 0;
}

.step:not(.loading) #user-images-loading {
  visibility: hidden;
}

.step:not(.loading) #eula-busy {
  visibility: hidden;
}

/* Fixes performance problem caused by http://crbug.com/40312140 . */
.step.hidden .throbber,
.step.hidden .spinner,
.step.hidden .inline-spinner {
  display: none;
}

#security-info a,
#eula a {
  color: rgb(49, 106, 197); /* same as 'Learn more' link */
  font-size: 12px;
  text-decoration: none;
}

#security-info a:focus,
#eula a:focus {
  /* Note: May use 1px solid here. */
  outline-color: rgb(77, 144, 254);
  transition: outline-color 200ms;
}

#oobe.connect #continue-button,
#oobe.eula #accept-button,
#oobe.eula #back-button,
#oobe.kiosk-enable #kiosk-cancel-button,
#oobe.kiosk-enable #kiosk-enable-button,
#oobe.user-image #ok-button {
  display: block;
}

#back-button,
#kiosk-enable-button,
#reset-button,
#password-changed-back-button,
#tos-back-button {
  margin-inline-end: 8px;
}

.menu-area {
  margin: 5px;
}

.menu-control {
  color: #444;
  font-family: inherit;
  line-height: 20px;
  position: relative;
  width: 250px;
}

html[highlight=strong] #security-info a:focus,
html[highlight=strong] #eula a:focus,
html[highlight=strong] .menu-control:focus,
html[highlight=strong] input[type='button']:focus,
html[highlight=strong] button:focus {
  box-shadow: 0 0 23px rgb(77, 144, 254) !important;
}