/**
 * Copyright IBM Corp. 2021, 2025
 * SPDX-License-Identifier: MPL-2.0
 */

//
// VISIBILITY-TOGGLE
//

// notice: by design, for this button we don't apply a custom style for the focused state
// but we rely on the standard outlined styling provided by the browser

$hds-form-visibility-toggle-button-size: 24px;

.hds-form-visibility-toggle {
  width: $hds-form-visibility-toggle-button-size;
  height: $hds-form-visibility-toggle-button-size;
  padding: 2px;
  color: var(--token-color-foreground-primary);
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
}