@font-face {
  font-family: "OpenDyslexic";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../../../fonts/OpenDyslexic/OpenDyslexic-Regular.otf")
    format("opentype");
}

@font-face {
  font-family: "OpenDyslexic";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../../../fonts/OpenDyslexic/OpenDyslexic-Italic.otf")
    format("opentype");
}

.theme-dyslexia {
  --bardic-font-sans: "OpenDyslexic";

  @media screen and (width >= 900px) {
    .scene-global-controls {
      grid-template-columns: 6rem auto 10rem auto fit-content(7rem);

      .scene-play-button {
        width: 11rem;
      }
    }

    .scene-global-controls.presets-overflow {
      grid-template-columns: 10rem auto fit-content(11rem);
    }
  }

  .soundboard-lane-title-container {
    font-size: 1.3rem;
  }

  .sound-attribution {
    font-size: xx-small;
  }
}