cohost-wc/cohost-wc.css

/* atkinson-hyperlegible-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Atkinson Hyperlegible";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/atkinson-hyperlegible-v11-latin_latin-ext-regular.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* atkinson-hyperlegible-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Atkinson Hyperlegible";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/atkinson-hyperlegible-v11-latin_latin-ext-italic.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* atkinson-hyperlegible-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Atkinson Hyperlegible";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/atkinson-hyperlegible-v11-latin_latin-ext-700.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* atkinson-hyperlegible-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Atkinson Hyperlegible";
  font-style: italic;
  font-weight: 700;
  src: url("./fonts/atkinson-hyperlegible-v11-latin_latin-ext-700italic.woff2")
    format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
@keyframes bounce {
  0%,
  100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
@keyframes slideupright {
  0% {
    transform: scale(0);
    transform-origin: bottom right;
  }
  100% {
    transform: scale(1);
    transform-origin: bottom right;
  }
}
@keyframes slideupleft {
  0% {
    transform: scale(0);
    transform-origin: bottom left;
  }
  100% {
    transform: scale(1);
    transform-origin: bottom left;
  }
}
@media (prefers-reduced-motion: no-preference) {
  @keyframes bounce {
    0%,
    100% {
      transform: translateY(-25%);
      animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }
    50% {
      transform: none;
      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
  }
  .motion-safe\:animate-bounce {
    animation: bounce 1s infinite;
  }
  @keyframes spin {
    to {
      transform: rotate(360deg);
    }
  }
  .motion-safe\:animate-spin {
    animation: spin 1s linear infinite;
  }
  .motion-safe\:transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
}
@media (prefers-reduced-motion: reduce) {
  @keyframes pulse {
    50% {
      opacity: 0.5;
    }
  }
  .motion-reduce\:animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
  }
  .motion-reduce\:transition-none {
    transition-property: none;
  }
}

cohost-wc * {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #ded9d3;
}
cohost-wc a {
  color: inherit;
  text-decoration: inherit;
}

cohost-wc hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
cohost-wc blockquote,
cohost-wc dl,
cohost-wc dd,
cohost-wc h1,
cohost-wc h2,
cohost-wc h3,
cohost-wc h4,
cohost-wc h5,
cohost-wc h6,
cohost-wc hr,
cohost-wc figure,
cohost-wc p,
cohost-wc pre {
  margin: 0;
}
.prose {
  color: light-dark(#191919, #fff9f2);
  --tw-prose-body: light-dark(#374151, #fff9f2);
  --tw-prose-headings: light-dark(#111827, #fff9f2);
  --tw-prose-lead: light-dark(#4b5563, #fff9f2);
  --tw-prose-links: light-dark(#111827, #fff9f2);
  --tw-prose-bold: light-dark(#111827, #fff9f2);
  --tw-prose-counters: light-dark(#6b7280, #fff9f2);
  --tw-prose-bullets: light-dark(#d1d5db, #fff9f2);
  --tw-prose-hr: light-dark(#e5e7eb, #bfbab5);
  --tw-prose-quotes: light-dark(#111827, #fff9f2);
  --tw-prose-quote-borders: light-dark(#e5e7eb, #bfbab5);
  --tw-prose-captions: light-dark(#6b7280, #fff9f2);
  --tw-prose-code: light-dark(#111827, #fff9f2);
  --tw-prose-pre-code: light-dark(#e5e7eb, #fff9f2);
  --tw-prose-pre-bg: light-dark(#1f2937, #191919);
  --tw-prose-th-borders: light-dark(#d1d5db, #bfbab5);
  --tw-prose-td-borders: light-dark(#e5e7eb, #bfbab5);
  font-size: 1em;
  line-height: 1.75;
}
.prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  color: var(--tw-prose-headings);
  font-weight: 600;
  font-size: 1.25em;
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  line-height: 1.6;
}
.prose
  :where(.prose > :last-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 0;
}
.prose
  :where(.prose > :first-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-top: 0;
}