chromium/chrome/browser/resources/pdf/elements/viewer_zoom_button.css

/* Copyright 2024 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-lit
 * #import=chrome://resources/cr_elements/cr_shared_vars.css.js
 * #css_wrapper_metadata_end */

cr-icon-button {
  --cr-icon-button-fill-color: white;
  --cr-icon-button-icon-size: 20px;
  --cr-icon-button-size: 32px;
  background-color: var(--google-grey-600);
  border-radius: 50%;
  box-shadow: var(--cr-elevation-1);
  overflow: visible;
}

cr-icon-button[disabled] {
  box-shadow: none;
}

@media (prefers-color-scheme: light) {
  cr-icon-button {
    --cr-icon-button-ripple-opacity: .5;
  }
}

@media (prefers-color-scheme: dark) {
  cr-icon-button {
    --cr-icon-button-fill-color: var(--google-grey-200);
    background-color: var(--google-grey-900);
  }
}

:host([keyboard-navigation-active]) cr-icon-button:focus {
  box-shadow: var(--cr-elevation-4),
      inset 0 0 0 2px var(--cr-focus-outline-color);
}

cr-icon-button:active {
  box-shadow: var(--cr-elevation-5);
}