/* Copyright 2020 The Chromium Authors
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

/* #css_wrapper_metadata_start
 * #type=style
 * #import=../oobe_vars/oobe_custom_vars.css.js
 * #import=../oobe_vars/oobe_shared_vars.css.js
 * #import=./oobe_flex_layout_styles.css.js
 * #include=oobe-flex-layout-styles
 * #css_wrapper_metadata_end */

      :host .oobe-default-font {
        color: var(--oobe-text-color);
        font-family: var(--oobe-default-font-family);
        font-size: var(--oobe-default-font-size);
        font-weight: var(--oobe-default-font-weight);
        line-height: var(--oobe-default-line-height);
      }

      /* Always add a border to avoid loops in ResizeObserver */
      .scrollable {
        border-top: transparent solid 1px;
        border-bottom: transparent solid 1px;
      }
      /* Classes can-scroll is-scrolled scrolled-to-bottom are set by
          OobeScrollableBehavior. */
      .scrollable.can-scroll:not(.is-scrolled):not(.scrolled-to-bottom) {
        border-bottom-color: var(--cros-sys-separator);
      }

      .scrollable.can-scroll.is-scrolled:not(.scrolled-to-bottom) {
        border-top-color: var(--cros-sys-separator);
        border-bottom-color: var(--cros-sys-separator);
      }

      .scrollable.is-scrolled.scrolled-to-bottom {
        border-top-color: var(--cros-sys-separator);
      }

      /* Links styles used within OOBE */
      .oobe-local-link {
        color: var(--cros-sys-primary);
        cursor: pointer;
        text-decoration: underline;
      }

      .oobe-local-link:focus {
        outline-color: var(--cros-sys-focus_ring);
        transition: outline-color 200ms;
      }

      .oobe-optin-row {
        border-top: 1px solid var(--cros-sys-separator);
        font-size: var(--oobe-optin-row-font-size);
        margin-top: 12px;
        padding-top: 12px;
      }

      .oobe-optin-title {
        color: var(--oobe-header-text-color);
        font-family: var(--oobe-optin-title-font-family);
        font-weight: var(--oobe-optin-title-font-weight);
      }

      .oobe-optin-content {
        margin-inline-end: 16px;
      }