/* .accessibility-control__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: none;
  border: 2px solid black;
  box-shadow: none;
  cursor: pointer;
}

.accessibility-control__button svg {
  width: 12px;
  height: 12px;
} */

/* na górze stara wersja */

/* =========================================================
 * ACCESSIBILITY CONTROLS
 * ========================================================= */

.accessibility-control__button {
  width: 30px;
  height: 30px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 0;
  margin: 0;

  background: transparent;
  border: 0;

  cursor: pointer;
}

.accessibility-control__button img,
.accessibility-control__button svg {
  width: 20px;
  height: 20px;
  display: block;
}

.accessibility-control__button:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

.accessibility-control__button:hover {
  background: transparent;
  border: 0;
}

/* A setting that is on (links outline, letter spacing, contrast) - an
   accent-tinted chip around its icon, so it reads as switched on. */
.accessibility-control__button[aria-pressed="true"] {
  background: color-mix(in srgb, var(--ip-accent) 15%, transparent);
  border: 0;
  border-radius: 6px;
  box-shadow: inset 0 0 0 1px var(--ip-accent);
}

.accessibility-control__button[aria-pressed="true"] img,
.accessibility-control__button[aria-pressed="true"] svg {
  filter: none;
}

.accessibility-control__font-size {
  display: flex;
  align-items: center;
  gap: 0.15rem;
}

@media (prefers-reduced-motion: reduce) {
  .accessibility-control__button {
    transition: none;
  }
}
/* The "reset" button is rendered hidden; with any non-default setting it is
   shown from the first paint (body.a11y-modified is set by the inline script
   in accessibility_page_attachments(), before js/accessibility.js runs).
   !important: Bootstrap's reboot hides [hidden] with !important. */
body.a11y-modified .accessibility-control__button[data-accessibility-action="reset"][hidden] {
  display: inline-flex !important;
}