@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('./SourceSansPro-Regular-C3cBwhQt.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: "Source Sans Pro Fallback";
  font-style: normal;
  font-weight: 400;
  size-adjust: 93.75%;
  src: local("Arial");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('./SourceSansPro-Light-CneXlZVX.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: "Source Sans Pro Fallback";
  font-style: normal;
  font-weight: 300;
  size-adjust: 93.75%;
  src: local("Arial");
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('./SourceSansPro-SemiBold-DNGdgXtZ.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: "Source Sans Pro Fallback";
  font-style: normal;
  font-weight: 600;
  size-adjust: 93.75%;
  src: local("Arial");
}

@font-face {
  font-family: 'Noto Serif';
  font-style: normal;
  font-weight: 400;
  src: url('./NotoSerif-Regular-Cjudvl8s.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: "Noto Serif Fallback";
  font-style: normal;
  font-weight: 400;
  size-adjust: 119%;
  src: local("Times New Roman");
}/* The code-hide-top-container class should only be used
by the storybook.ts createStory helpers */
.code-hide-top-container {
    display: contents;
}

/* doc pages loading skeleton not theme aware
see: https://github.com/storybookjs/storybook/discussions/26088 */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #363738; /* application bg color dark */
        color: #f1f1f2; /* body font color dark */
    }

    .sb-wrapper,
    .sb-previewBlock_body,
    .sb-previewBlock_header {
        background-color: #363738; /* application bg color dark */
    }

    .sb-argstableBlock-body td {
        background: gray;
    }
}