glossary.css

@tailwind base;
@tailwind components;
@tailwind utilities;
@tailwind variants;

@layer components {
  html {
    @apply min-h-full;
  }

  body {
    @apply antialiased bg-gray-100 dark:bg-gray-900 print:bg-white min-h-full;
  }

  div#glossary-page-container {
    @apply flex flex-col min-h-screen text-gray-900 dark:text-gray-100 print:text-black;
  }

  div#glossary-page-container header {
    @apply pt-6 pb-4 px-4 sm:px-6 lg:px-8 print:px-0 print:max-w-full;
  }

  div#glossary-page-container footer {
    @apply px-6 lg:px-8 print:px-0 pt-16 pb-6 mt-auto;
  }

  div#glossary-page-container footer > div {
    @apply border-t border-gray-300 dark:border-gray-700 pt-6 w-full flex justify-center text-sm text-gray-600 dark:text-gray-300 print:text-black;
  }

  div#glossary-page-container footer a {
    @apply hover:underline print:text-black;
  }

  div#glossary-page-about {
    @apply pb-3;
  }

  div#glossary-page-container main {
    @apply px-6 lg:px-8 print:px-0 print:max-w-full;
  }

  div#glossary-page-container:not([data-markdown-rendered="true"]) div#glossary-page-about > p {
    @apply font-mono whitespace-pre-wrap;
  }

  div#glossary-page-about > ul {
    @apply pt-4 ml-1 list-disc list-inside;
  }

  h1#glossary-page-title  {
    @apply text-3xl font-bold leading-tight;
  }

  #glossary-page-tags > dl {
    @apply mt-4;
  }

  #glossary-page-tags > dl > div > dt::before {
    @apply content-["•_"];
  }

  #glossary-page-tags > dl > div > dt {
    @apply font-mono;
  }

  #glossary-page-tags > dl > div > dd {
    @apply font-mono whitespace-pre-wrap mb-5;
  }

  article#glossary-page-items dl {
    @apply grid print:block print:space-y-5 gap-5;
  }

  div#glossary-page-container:not([data-card-width]) article#glossary-page-items dl,
  div#glossary-page-container[data-card-width="compact"] article#glossary-page-items dl {
    @apply grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 3xl:grid-cols-4;
  }

  div#glossary-page-container[data-card-width="intermediate"] article#glossary-page-items dl {
    @apply grid-cols-1 xl:grid-cols-2 3xl:grid-cols-3;
  }

  div#glossary-page-container[data-card-width="wide"] article#glossary-page-items dl {
    @apply grid-cols-1 2xl:grid-cols-2;
  }

  article#glossary-page-items dl > div {
    @apply bg-white dark:bg-gray-800 print:bg-white border dark:border-gray-700 print:border-none rounded-lg print:px-0 px-4 py-4 print:py-0 print:break-inside-avoid-page;
  }

  div#glossary-page-container:not([data-card-width]) article#glossary-page-items dl > div,
  div#glossary-page-container[data-card-width="compact"] article#glossary-page-items dl > div {
    @apply grid-cols-1 sm:grid-cols-2 xl:grid-cols-3 3xl:grid-cols-4 sm:max-h-96 sm:overflow-auto print:max-h-full;
  }

  div#glossary-page-container[data-card-width="intermediate"] article#glossary-page-items dl > div {
    @apply xl:max-h-96 xl:overflow-auto print:max-h-full;
  }

  div#glossary-page-container[data-card-width="wide"] article#glossary-page-items dl > div {
    @apply 2xl:max-h-96 2xl:overflow-auto print:max-h-full;
  }

  article#glossary-page-items dl dt {
    @apply font-semibold print:font-normal text-gray-600 dark:text-gray-200 print:text-black;
  }

  article#glossary-page-items dl dt dfn {
    @apply not-italic print:italic scroll-mt-24;
  }

  article#glossary-page-items dl dd {
    @apply mt-1 print:mt-0 py-2 print:py-0 text-gray-600 dark:text-gray-300 print:text-black;
  }

  article#glossary-page-items dl dd.tags {
    @apply mt-2 flex items-start;
  }

  article#glossary-page-items dl dd.tags > button {
    @apply rounded-full border border-gray-300 dark:border-gray-500 bg-white dark:bg-gray-800 px-2 py-1 text-sm text-gray-700 dark:text-gray-100 shadow-sm cursor-default mr-2 mb-2;
  }

  article#glossary-page-items dl dd.needs-updating {
    @apply mt-1 py-2 print:py-2 text-gray-600 dark:text-gray-300 print:text-black;
  }

  article#glossary-page-items dl dd.needs-updating span {
    @apply inline-flex items-center rounded-md bg-yellow-50 dark:bg-yellow-400/10 px-2 py-1 text-sm font-medium text-yellow-800 dark:text-yellow-500 ring-1 ring-inset ring-yellow-600/20 dark:ring-yellow-400/20;
  }

  div#glossary-page-container:not([data-markdown-rendered="true"]) article#glossary-page-items dl dd:not(.related-terms) {
    @apply font-mono whitespace-pre-wrap;
  }

  article#glossary-page-items dl dd a {
    @apply text-gray-600 dark:text-gray-300 print:text-black;
  }

  @media screen {
    article#glossary-page-items dl dd a[href^="http"]::after {
      @apply content-[""] ml-1 -mb-px w-4 h-4 bg-center bg-no-repeat bg-contain inline-block;

      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%231F2937' %3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25' /%3E%3C/svg%3E");
    }

    .dark article#glossary-page-items dl dd a[href^="http"]::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23E5E7EB' %3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25' /%3E%3C/svg%3E");
    }

    div#glossary-page-about a[href^="http"]::after {
      @apply content-[""] ml-1 -mb-px w-4 h-4 bg-center bg-no-repeat bg-contain inline-block;

      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%231F2937' %3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25' /%3E%3C/svg%3E");
    }

    .dark div#glossary-page-about a[href^="http"]::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23E5E7EB' %3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.5 6H5.25A2.25 2.25 0 003 8.25v10.5A2.25 2.25 0 005.25 21h10.5A2.25 2.25 0 0018 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25' /%3E%3C/svg%3E");
    }
  }

  article#glossary-page-items dl dd.related-terms {
    @apply print:mt-2;
  }

  #glossary-page-tags > p > button {
    @apply rounded-full border border-gray-300 dark:border-gray-500 bg-white dark:bg-gray-900 px-2 py-1 text-gray-700 dark:text-gray-200 shadow-sm cursor-default mr-2 mb-2;
  }

  div#glossary-page-container:not([data-markdown-rendered="true"]) #glossary-page-tags > p > button {
    @apply font-mono whitespace-pre-wrap;
  }

  a {
    @apply hover:underline text-indigo-600 dark:text-amber-300 print:text-black;
  }

  dt span.silcrow {
    @apply ml-1.5 select-none;
  }

  dt span.silcrow a {
    @apply text-inherit no-underline text-gray-500 dark:text-gray-400 font-normal;
  }

  /* Start of trick for autogrowing textareas
     https://css-tricks.com/the-cleanest-trick-for-autogrowing-textareas/ */

  .grow-wrap {
    @apply grid;
  }

  .grow-wrap::after {
    @apply whitespace-pre-wrap invisible;
    content: attr(data-replicated-value) " ";
  }

  .grow-wrap > textarea {
    @apply resize-none overflow-hidden;
  }

  .grow-wrap > textarea,
  .grow-wrap::after {
    @apply shadow-sm w-full rounded-md border;
    grid-area: 1 / 1 / 2 / 2;
  }

  /* End of trick for autogrowing textareas */
}

/* source-sans-3-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 200;
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-200.eot'); /* IE9 Compat Modes */
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-200.woff') format('woff'), /* Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-200.svg#SourceSans3') format('svg'); /* Legacy iOS */
}
/* source-sans-3-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 200;
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-200italic.eot'); /* IE9 Compat Modes */
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-200italic.svg#SourceSans3') format('svg'); /* Legacy iOS */
}
/* source-sans-3-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 300;
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-300.eot'); /* IE9 Compat Modes */
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-300.svg#SourceSans3') format('svg'); /* Legacy iOS */
}
/* source-sans-3-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 300;
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-300italic.svg#SourceSans3') format('svg'); /* Legacy iOS */
}
/* source-sans-3-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 400;
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-regular.svg#SourceSans3') format('svg'); /* Legacy iOS */
}
/* source-sans-3-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 400;
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-italic.svg#SourceSans3') format('svg'); /* Legacy iOS */
}
/* source-sans-3-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 500;
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-500.eot'); /* IE9 Compat Modes */
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-500.woff') format('woff'), /* Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-500.svg#SourceSans3') format('svg'); /* Legacy iOS */
}
/* source-sans-3-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 500;
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-500italic.eot'); /* IE9 Compat Modes */
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-500italic.svg#SourceSans3') format('svg'); /* Legacy iOS */
}
/* source-sans-3-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 600;
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-600.eot'); /* IE9 Compat Modes */
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-600.woff') format('woff'), /* Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-600.svg#SourceSans3') format('svg'); /* Legacy iOS */
}
/* source-sans-3-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 600;
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-600italic.eot'); /* IE9 Compat Modes */
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-600italic.svg#SourceSans3') format('svg'); /* Legacy iOS */
}
/* source-sans-3-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 700;
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-700.eot'); /* IE9 Compat Modes */
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-700.woff') format('woff'), /* Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-700.svg#SourceSans3') format('svg'); /* Legacy iOS */
}
/* source-sans-3-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 700;
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-700italic.svg#SourceSans3') format('svg'); /* Legacy iOS */
}
/* source-sans-3-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 800;
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-800.eot'); /* IE9 Compat Modes */
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-800.woff') format('woff'), /* Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-800.svg#SourceSans3') format('svg'); /* Legacy iOS */
}
/* source-sans-3-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 800;
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-800italic.eot'); /* IE9 Compat Modes */
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-800italic.svg#SourceSans3') format('svg'); /* Legacy iOS */
}
/* source-sans-3-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: normal;
  font-weight: 900;
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-900.eot'); /* IE9 Compat Modes */
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-900.woff') format('woff'), /* Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-900.svg#SourceSans3') format('svg'); /* Legacy iOS */
}
/* source-sans-3-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Source Sans 3';
  font-style: italic;
  font-weight: 900;
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-900italic.eot'); /* IE9 Compat Modes */
  src: url('https://glstatic.net/fonts/source-sans-3-v8-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://glstatic.net/fonts/source-sans-3-v8-latin-900italic.svg#SourceSans3') format('svg'); /* Legacy iOS */
}