/* Copyright 2025 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=./shared_vars.css.js
 * #css_wrapper_metadata_end */

:host {
  display: flex;
  gap: var(--text-styles-selector-gap, 16px);
}

cr-icon-button {
  --cr-icon-button-fill-color: var(--viewer-icon-ink-fill-color);
  --cr-icon-button-focus-outline-color: var(--viewer-icon-focus-outline-color);
  --cr-icon-button-margin-end: 0;
  --cr-icon-button-margin-start: 0;
}

cr-icon-button.active {
  --cr-icon-button-fill-color: var(--viewer-icon-ink-selected-fill-color);
  background-color: var(--viewer-icon-ink-selected-background-color);
  border-radius: 50%;
}