/* Button Component - Custom pseudo-class styles using CSS custom properties */
[data-button]:active {
  border-color: var(--button-border-active, inherit) !important;
}

/* VSTS 1282590: keep the active/success border while a disclosure button's
   dropdown stays open, even after focus moves to inputs inside the panel. */
[data-button][data-open="true"] {
  border-color: var(--button-border-active, inherit) !important;
}

/* `:not(:focus-visible)` scores one class-level higher than the `:active` rule
   above, so while the mouse is held down on a button (which is both :active and
   :focus) this used to win and paint the focus border over the pressed one.
   `:not(:active)` yields the pressed state back to the rule that owns it. */
[data-button]:focus:not(:focus-visible):not(:active) {
  border-color: var(--button-border-focus, inherit) !important;
}

[data-button]:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  --tw-ring-width: 0px !important;
  --tw-ring-offset-width: 0px !important;
}

[data-button]:focus-visible::after {
  display: none !important;
  content: none !important;
}

.link-container a {
  color: var(--text-link-default);
}