/* The music toggle in the top-right corner, on every page. */
.musica { position: fixed; top: 14px; right: 14px; z-index: 5; }
.musica__button {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  background: url("/assets/charta/scrap-tile-a631e153.png");
  border: 1px solid var(--rule);
  border-radius: 50%;
  box-shadow: 0 1px 4px rgb(13 10 8 / 0.5);
  cursor: pointer;
}
.musica__button:hover, .musica__button:focus-visible { background: var(--highlight); border-color: var(--tip-edge); outline: none; }
.musica__button[aria-pressed="true"] { background: var(--highlight); border-color: var(--tip-edge); }
.musica__icon { width: 28px; height: 28px; fill: none; stroke: var(--ink); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.musica__button[aria-pressed="true"] .musica__icon { stroke: var(--new-word); }
.musica__silentium { stroke: var(--rubric); stroke-width: 2.4; }
.musica__button[aria-pressed="true"] .musica__silentium { display: none; }
