@charset "UTF-8";

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em;
}

code.hljs {
  padding: 3px 5px;
}

/*!
  Theme: Replicate
  Description: Derived from highlight.js's light GitHub theme
*/

.hljs {
  color: #24292e;
  /* background: #fff; */
  background-color: rgba(0, 0, 0, 0.05);
}

.hljs-doctag,
.hljs-keyword,
.hljs-meta .hljs-keyword,
.hljs-template-tag,
.hljs-template-variable,
.hljs-type,
.hljs-variable.language_ {
  color: #d73a49;
}

.hljs-title,
.hljs-title.class_,
.hljs-title.class_.inherited__,
.hljs-title.function_ {
  color: #6f42c1;
}

.hljs-attr,
.hljs-attribute,
.hljs-literal,
.hljs-meta,
.hljs-number,
.hljs-operator,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-id,
.hljs-variable {
  color: #005cc5;
}

.hljs-meta .hljs-string,
.hljs-regexp,
.hljs-string {
  color: #032f62;
}

.hljs-built_in,
.hljs-symbol {
  color: #e36209;
}

.hljs-code,
.hljs-comment,
.hljs-formula {
  color: #6a737d;
}

.hljs-name,
.hljs-quote,
.hljs-selector-pseudo,
.hljs-selector-tag {
  color: #22863a;
}

.hljs-subst {
  color: #24292e;
}

.hljs-section {
  color: #005cc5;
  font-weight: 700;
}

.hljs-bullet {
  color: #735c0f;
}

.hljs-emphasis {
  color: #24292e;
  font-style: italic;
}

.hljs-strong {
  color: #24292e;
  font-weight: 700;
}

.hljs-addition {
  color: #22863a;
  background-color: #f0fff4;
}

.hljs-deletion {
  color: #b31d28;
  background-color: #ffeef0;
}

/*! tailwindcss v2.1.1 | MIT License | https://tailwindcss.com
*/

/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
*::before,
*::after {
  box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/

:root {
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/*
Sections
========
*/

/**
Remove the margin in all browsers.
*/

body {
  margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
  font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
  text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

/**
Restore the focus styles unset by the previous rule.
*/

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
  padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: basier_square, Helvetica, sans-serif; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

body {
  font-family: inherit;
  line-height: inherit;
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e4e4e7; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  color: #a1a1aa;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  opacity: 1;
  color: #a1a1aa;
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #a1a1aa;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: basier_square_mono, monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

h1 {
  font-family: Space Grotesk, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 40px;
}

@media (min-width: 768px){
  h1{
    font-size: 40px;
    line-height: 44px;
  }
}

h2 {
  font-family: Space Grotesk, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 40px;
}

@media (min-width: 768px){
  h2{
    font-size: 40px;
    line-height: 44px;
  }
}

h3 {
  font-family: Space Grotesk, Helvetica, sans-serif;
  font-size: 32px;
  line-height: 40px;
}

h4 {
  font-family: Space Grotesk, Helvetica, sans-serif;
  font-size: 24px;
  line-height: 35px;
}

h5 {
  font-size: 16px;
  line-height: 24px;
}

h6 {
  font-size: 16px;
  line-height: 24px;
}

h6 a,
ah6 {
  -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
          text-decoration-color: rgba(0, 0, 0, 0.1);
}

.text-shade a,
a.text-shade {
  -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
          text-decoration-color: rgba(0, 0, 0, 0.1);
}

h6{
  color: rgba(0, 0, 0, 0.45);
}

a {
  text-decoration: underline;
  -webkit-text-decoration-color: rgba(0, 0, 0, 0.45);
          text-decoration-color: rgba(0, 0, 0, 0.45);
  text-decoration-thickness: 0.6px;
  text-underline-offset: 0.15em;
}

a:hover {
  -webkit-text-decoration-color: black;
          text-decoration-color: black;
  text-decoration-thickness: 2px;
}

a:focus:not(.no-focus, .no-focus *) {
  background: black;
  outline: 0.333em solid black;
  color: white;
}

.text-shade a,
a.text-shade {
  -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
          text-decoration-color: rgba(0, 0, 0, 0.1);
}

.with-anchor-hash:before {
  content: "#";
  margin-right: 0.25rem;
  opacity: 0.25;
}

.no-outline:focus {
  outline: none;
}

.no-default {
  text-decoration: none;
}

.no-default:focus {
  outline: none;
}

.faint-underline {
  text-decoration: underline;
  text-decoration-thickness: 0.4px;
  text-underline-offset: 0.15em;
}

.fal {
  width: 1.2em;
  display: inline-block;
}

/* apply this class to make stuff fade in on load */

.fade-in {
  -webkit-animation: fadein 0.2s;
          animation: fadein 0.2s;
}

@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

blockquote {
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  border-left-width: 2px;
  padding-left: 24px;
  font-style: italic;
}

dialog {
  max-width: 100vw;
  max-height: 100vh;
}

/* Proprietary fonts are in https://github.com/replicate/replicate-webfonts (private) */

/* https://www.atipofoundry.com/fonts/basier */

@font-face {
  font-family: "basier_square";

  src: url("https://fonts.replicate.ai/Basier-Square-regular-webfont/basiersquare-regular-webfont.eot");

  src: url("https://fonts.replicate.ai/Basier-Square-regular-webfont/basiersquare-regular-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("https://fonts.replicate.ai/Basier-Square-regular-webfont/basiersquare-regular-webfont.woff2")
      format("woff2"),
    url("https://fonts.replicate.ai/Basier-Square-regular-webfont/basiersquare-regular-webfont.woff")
      format("woff"),
    url("https://fonts.replicate.ai/Basier-Square-regular-webfont/basiersquare-regular-webfont.ttf")
      format("truetype");

  font-weight: 400;

  font-style: normal;
}

@font-face {
  font-family: "basier_square";

  src: url("https://fonts.replicate.ai/Basier-Square-bold-webfont/basiersquare-bold-webfont.eot");

  src: url("https://fonts.replicate.ai/Basier-Square-bold-webfont/basiersquare-bold-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("https://fonts.replicate.ai/Basier-Square-bold-webfont/basiersquare-bold-webfont.woff2")
      format("woff2"),
    url("https://fonts.replicate.ai/Basier-Square-bold-webfont/basiersquare-bold-webfont.woff")
      format("woff"),
    url("https://fonts.replicate.ai/Basier-Square-bold-webfont/basiersquare-bold-webfont.ttf")
      format("truetype");

  font-weight: 800;

  font-style: normal;
}

@font-face {
  font-family: "basier_square";

  src: url("https://fonts.replicate.ai/Basier-Square-regularitalic-webfont/basiersquare-regularitalic-webfont.eot");

  src: url("https://fonts.replicate.ai/Basier-Square-regularitalic-webfont/basiersquare-regularitalic-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("https://fonts.replicate.ai/Basier-Square-regularitalic-webfont/basiersquare-regularitalic-webfont.woff2")
      format("woff2"),
    url("https://fonts.replicate.ai/Basier-Square-regularitalic-webfont/basiersquare-regularitalic-webfont.woff")
      format("woff"),
    url("https://fonts.replicate.ai/Basier-Square-regularitalic-webfont/basiersquare-regularitalic-webfont.ttf")
      format("truetype");

  font-weight: 400;

  font-style: italic;
}

@font-face {
  font-family: "basier_square";

  src: url("https://fonts.replicate.ai/Basier-Square-bolditalic-webfont/basiersquare-bolditalic-webfont.eot");

  src: url("https://fonts.replicate.ai/Basier-Square-bolditalic-webfont/basiersquare-bolditalic-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("https://fonts.replicate.ai/Basier-Square-bolditalic-webfont/basiersquare-bolditalic-webfont.woff2")
      format("woff2"),
    url("https://fonts.replicate.ai/Basier-Square-bolditalic-webfont/basiersquare-bolditalic-webfont.woff")
      format("woff"),
    url("https://fonts.replicate.ai/Basier-Square-bolditalic-webfont/basiersquare-bolditalic-webfont.ttf")
      format("truetype");

  font-weight: 800;

  font-style: italic;
}

/* https://www.atipofoundry.com/fonts/basier-mono */

@font-face {
  font-family: "basier_square_mono";

  src: url("https://fonts.replicate.ai/Basier-Mono-Square-Webfont/basiersquaremono-regular-webfont.eot");

  src: url("https://fonts.replicate.ai/Basier-Mono-Square-Webfont/basiersquaremono-regular-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("https://fonts.replicate.ai/Basier-Mono-Square-Webfont/basiersquaremono-regular-webfont.woff2")
      format("woff2"),
    url("https://fonts.replicate.ai/Basier-Mono-Square-Webfont/basiersquaremono-regular-webfont.woff")
      format("woff"),
    url("https://fonts.replicate.ai/Basier-Mono-Square-Webfont/basiersquaremono-regular-webfont.ttf")
      format("truetype");

  font-weight: 400;

  font-style: normal;
}

@font-face {
  font-family: "basier_square_mono";

  src: url("https://fonts.replicate.ai/Basier-Mono-Square-Webfont/basiersquaremono-bold-webfont.eot");

  src: url("https://fonts.replicate.ai/Basier-Mono-Square-Webfont/basiersquaremono-bold-webfont.eot?#iefix")
      format("embedded-opentype"),
    url("https://fonts.replicate.ai/Basier-Mono-Square-Webfont/basiersquaremono-bold-webfont.woff2")
      format("woff2"),
    url("https://fonts.replicate.ai/Basier-Mono-Square-Webfont/basiersquaremono-bold-webfont.woff")
      format("woff"),
    url("https://fonts.replicate.ai/Basier-Mono-Square-Webfont/basiersquaremono-bold-webfont.ttf")
      format("truetype");

  font-weight: 800;

  font-style: normal;
}

.bg-transparent{
  background-color: transparent;
}

.bg-brand{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 247, 145, var(--tw-bg-opacity));
}

.bg-black{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.bg-shade{
  background-color: rgba(0, 0, 0, 0.45);
}

.bg-bgshade{
  background-color: rgba(0, 0, 0, 0.05);
}

.hover\:bg-black:hover{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.hover\:bg-shade:hover{
  background-color: rgba(0, 0, 0, 0.45);
}

.hover\:bg-bgshade:hover{
  background-color: rgba(0, 0, 0, 0.05);
}

.bg-opacity-5{
  --tw-bg-opacity: 0.05;
}

.bg-opacity-10{
  --tw-bg-opacity: 0.1;
}

.border-black{
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}

.border-shade{
  border-color: rgba(0, 0, 0, 0.45);
}

.border-bgshade{
  border-color: rgba(0, 0, 0, 0.05);
}

.border-gray-300{
  --tw-border-opacity: 1;
  border-color: rgba(212, 212, 216, var(--tw-border-opacity));
}

.border-opacity-10{
  --tw-border-opacity: 0.1;
}

.border-opacity-40{
  --tw-border-opacity: 0.4;
}

.rounded-sm{
  border-radius: 0.125rem;
}

.rounded{
  border-radius: 0.25rem;
}

.rounded-lg{
  border-radius: 0.5rem;
}

.rounded-full{
  border-radius: 9999px;
}

.border-dashed{
  border-style: dashed;
}

.border-2{
  border-width: 2px;
}

.border{
  border-width: 1px;
}

.border-t{
  border-top-width: 1px;
}

.border-b{
  border-bottom-width: 1px;
}

.border-l{
  border-left-width: 1px;
}

.cursor-pointer{
  cursor: pointer;
}

.cursor-help{
  cursor: help;
}

.block{
  display: block;
}

.inline-block{
  display: inline-block;
}

.inline{
  display: inline;
}

.flex{
  display: flex;
}

.table{
  display: table;
}

.grid{
  display: grid;
}

.inline-grid{
  display: inline-grid;
}

.hidden{
  display: none;
}

.flex-row{
  flex-direction: row;
}

.flex-col{
  flex-direction: column;
}

.flex-wrap{
  flex-wrap: wrap;
}

.flex-nowrap{
  flex-wrap: nowrap;
}

.items-start{
  align-items: flex-start;
}

.items-end{
  align-items: flex-end;
}

.items-center{
  align-items: center;
}

.items-baseline{
  align-items: baseline;
}

.content-center{
  align-content: center;
}

.justify-end{
  justify-content: flex-end;
}

.justify-center{
  justify-content: center;
}

.justify-between{
  justify-content: space-between;
}

.flex-1{
  flex: 1 1 0%;
}

.flex-auto{
  flex: 1 1 auto;
}

.flex-initial{
  flex: 0 1 auto;
}

.flex-none{
  flex: none;
}

.flex-grow{
  flex-grow: 1;
}

.flex-shrink-0{
  flex-shrink: 0;
}

.flex-shrink{
  flex-shrink: 1;
}

.float-right{
  float: right;
}

.font-sans{
  font-family: basier_square, Helvetica, sans-serif;
}

.font-mono{
  font-family: basier_square_mono, monospace;
}

.font-normal{
  font-weight: 400;
}

.font-bold{
  font-weight: 700;
}

.h-2{
  height: 0.5rem;
}

.h-3{
  height: 0.75rem;
}

.h-4{
  height: 1rem;
}

.h-5{
  height: 1.25rem;
}

.h-8{
  height: 2rem;
}

.h-10{
  height: 2.5rem;
}

.h-12{
  height: 3rem;
}

.h-24{
  height: 6rem;
}

.h-32{
  height: 8rem;
}

.h-40{
  height: 10rem;
}

.h-60{
  height: 15rem;
}

.h-80{
  height: 20rem;
}

.h-2lh{
  height: 48px;
}

.h-full{
  height: 100%;
}

.h-screen{
  height: 100vh;
}

.text-xs{
  font-size: 12px;
  line-height: 18px;
}

.text-sm{
  font-size: 14px;
  line-height: 20px;
}

.text-base{
  font-size: 16px;
  line-height: 24px;
}

.text-md{
  font-size: 24px;
  line-height: 35px;
}

.text-lg{
  font-size: 32px;
  line-height: 40px;
}

.list-inside{
  list-style-position: inside;
}

.list-none{
  list-style-type: none;
}

.list-disc{
  list-style-type: disc;
}

.m-lh{
  margin: 24px;
}

.my-0{
  margin-top: 0px;
  margin-bottom: 0px;
}

.my-1{
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.my-2{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.mx-3{
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.my-7{
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
}

.my-20{
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.my-lh{
  margin-top: 24px;
  margin-bottom: 24px;
}

.my-2lh{
  margin-top: 48px;
  margin-bottom: 48px;
}

.-mx-6{
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}

.-mx-lh{
  margin-left: -24px;
  margin-right: -24px;
}

.mt-1{
  margin-top: 0.25rem;
}

.mr-1{
  margin-right: 0.25rem;
}

.mb-1{
  margin-bottom: 0.25rem;
}

.ml-1{
  margin-left: 0.25rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mr-2{
  margin-right: 0.5rem;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.ml-2{
  margin-left: 0.5rem;
}

.mt-3{
  margin-top: 0.75rem;
}

.mr-3{
  margin-right: 0.75rem;
}

.mb-3{
  margin-bottom: 0.75rem;
}

.ml-3{
  margin-left: 0.75rem;
}

.mt-4{
  margin-top: 1rem;
}

.mr-4{
  margin-right: 1rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.mt-5{
  margin-top: 1.25rem;
}

.ml-5{
  margin-left: 1.25rem;
}

.mt-6{
  margin-top: 1.5rem;
}

.mt-10{
  margin-top: 2.5rem;
}

.mt-16{
  margin-top: 4rem;
}

.mt-20{
  margin-top: 5rem;
}

.mt-28{
  margin-top: 7rem;
}

.mt-05lh{
  margin-top: 12px;
}

.mr-05lh{
  margin-right: 12px;
}

.mb-05lh{
  margin-bottom: 12px;
}

.mt-lh{
  margin-top: 24px;
}

.mr-lh{
  margin-right: 24px;
}

.mb-lh{
  margin-bottom: 24px;
}

.ml-lh{
  margin-left: 24px;
}

.mt-2lh{
  margin-top: 48px;
}

.mr-2lh{
  margin-right: 48px;
}

.mb-2lh{
  margin-bottom: 48px;
}

.mb-3lh{
  margin-bottom: 72px;
}

.mt-4lh{
  margin-top: 96px;
}

.-mt-2{
  margin-top: -0.5rem;
}

.max-h-96{
  max-height: 24rem;
}

.max-h-screen{
  max-height: 100vh;
}

.max-w-0{
  max-width: 0rem;
}

.max-w-md{
  max-width: 28rem;
}

.max-w-6xl{
  max-width: 72rem;
}

.min-h-screen{
  min-height: 100vh;
}

.min-w-0{
  min-width: 0px;
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.object-center{
  -o-object-position: center;
     object-position: center;
}

.opacity-25{
  opacity: 0.25;
}

.opacity-50{
  opacity: 0.5;
}

.opacity-75{
  opacity: 0.75;
}

.outline-none{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.overflow-auto{
  overflow: auto;
}

.overflow-hidden{
  overflow: hidden;
}

.overflow-scroll{
  overflow: scroll;
}

.overflow-x-auto{
  overflow-x: auto;
}

.overflow-y-auto{
  overflow-y: auto;
}

.overflow-y-scroll{
  overflow-y: scroll;
}

.p-1{
  padding: 0.25rem;
}

.p-2{
  padding: 0.5rem;
}

.p-3{
  padding: 0.75rem;
}

.p-4{
  padding: 1rem;
}

.p-5{
  padding: 1.25rem;
}

.p-05lh{
  padding: 12px;
}

.p-lh{
  padding: 24px;
}

.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.px-1{
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.px-6{
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.py-05lh{
  padding-top: 12px;
  padding-bottom: 12px;
}

.py-lh{
  padding-top: 24px;
  padding-bottom: 24px;
}

.px-lh{
  padding-left: 24px;
  padding-right: 24px;
}

.px-2lh{
  padding-left: 48px;
  padding-right: 48px;
}

.pb-0{
  padding-bottom: 0px;
}

.pt-1{
  padding-top: 0.25rem;
}

.pb-1{
  padding-bottom: 0.25rem;
}

.pt-2{
  padding-top: 0.5rem;
}

.pb-2{
  padding-bottom: 0.5rem;
}

.pl-2{
  padding-left: 0.5rem;
}

.pb-3{
  padding-bottom: 0.75rem;
}

.pr-4{
  padding-right: 1rem;
}

.pl-4{
  padding-left: 1rem;
}

.pt-6{
  padding-top: 1.5rem;
}

.pl-6{
  padding-left: 1.5rem;
}

.pb-40{
  padding-bottom: 10rem;
}

.pb-05lh{
  padding-bottom: 12px;
}

.pt-lh{
  padding-top: 24px;
}

.pr-lh{
  padding-right: 24px;
}

.pb-lh{
  padding-bottom: 24px;
}

.pt-2lh{
  padding-top: 48px;
}

.pb-2lh{
  padding-bottom: 48px;
}

.pointer-events-auto{
  pointer-events: auto;
}

.static{
  position: static;
}

.fixed{
  position: fixed;
}

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.sticky{
  position: -webkit-sticky;
  position: sticky;
}

.inset-0{
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.top-0{
  top: 0px;
}

.bottom-0{
  bottom: 0px;
}

.left-0{
  left: 0px;
}

.top-1{
  top: 0.25rem;
}

.right-1{
  right: 0.25rem;
}

.bottom-1{
  bottom: 0.25rem;
}

.right-2{
  right: 0.5rem;
}

.top-3lh{
  top: 72px;
}

.-top-0{
  top: 0px;
}

.-right-1{
  right: -0.25rem;
}

.-bottom-1{
  bottom: -0.25rem;
}

.-left-1{
  left: -0.25rem;
}

.-top-0\.5{
  top: -0.125rem;
}

.left-1\/2{
  left: 50%;
}

.left-2\/4{
  left: 50%;
}

.bottom-full{
  bottom: 100%;
}

.resize-none{
  resize: none;
}

*{
  --tw-shadow: 0 0 #0000;
}

.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

*{
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
}

.ring{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.fill-current{
  fill: currentColor;
}

.table-auto{
  table-layout: auto;
}

.text-left{
  text-align: left;
}

.text-center{
  text-align: center;
}

.text-right{
  text-align: right;
}

.text-transparent{
  color: transparent;
}

.text-black{
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.text-white{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.text-red{
  --tw-text-opacity: 1;
  color: rgba(246, 78, 52, var(--tw-text-opacity));
}

.text-shade{
  color: rgba(0, 0, 0, 0.45);
}

.text-gray-800{
  --tw-text-opacity: 1;
  color: rgba(39, 39, 42, var(--tw-text-opacity));
}

.hover\:text-black:hover{
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.hover\:text-gray-500:hover{
  --tw-text-opacity: 1;
  color: rgba(113, 113, 122, var(--tw-text-opacity));
}

.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.overflow-ellipsis{
  text-overflow: ellipsis;
}

.italic{
  font-style: italic;
}

.not-italic{
  font-style: normal;
}

.underline{
  text-decoration: underline;
}

.no-underline{
  text-decoration: none;
}

.hover\:underline:hover{
  text-decoration: underline;
}

.antialiased{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

 .lining-nums, .tabular-nums{
  --tw-ordinal: var(--tw-empty,/*!*/ /*!*/);
  --tw-slashed-zero: var(--tw-empty,/*!*/ /*!*/);
  --tw-numeric-figure: var(--tw-empty,/*!*/ /*!*/);
  --tw-numeric-spacing: var(--tw-empty,/*!*/ /*!*/);
  --tw-numeric-fraction: var(--tw-empty,/*!*/ /*!*/);
  font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);
}

.lining-nums{
  --tw-numeric-figure: lining-nums;
}

.tabular-nums{
  --tw-numeric-spacing: tabular-nums;
}

.align-top{
  vertical-align: top;
}

.visible{
  visibility: visible;
}

.invisible{
  visibility: hidden;
}

.group:hover .group-hover\:visible{
  visibility: visible;
}

.whitespace-nowrap{
  white-space: nowrap;
}

.whitespace-pre-wrap{
  white-space: pre-wrap;
}

.break-normal{
  overflow-wrap: normal;
  word-break: normal;
}

.break-all{
  word-break: break-all;
}

.w-2{
  width: 0.5rem;
}

.w-3{
  width: 0.75rem;
}

.w-4{
  width: 1rem;
}

.w-5{
  width: 1.25rem;
}

.w-8{
  width: 2rem;
}

.w-10{
  width: 2.5rem;
}

.w-12{
  width: 3rem;
}

.w-20{
  width: 5rem;
}

.w-32{
  width: 8rem;
}

.w-36{
  width: 9rem;
}

.w-40{
  width: 10rem;
}

.w-48{
  width: 12rem;
}

.w-72{
  width: 18rem;
}

.w-80{
  width: 20rem;
}

.w-2\/3{
  width: 66.666667%;
}

.w-8\/12{
  width: 66.666667%;
}

.w-full{
  width: 100%;
}

.w-screen{
  width: 100vw;
}

.z-10{
  z-index: 10;
}

.z-50{
  z-index: 50;
}

.isolate{
  isolation: isolate;
}

.gap-2{
  gap: 0.5rem;
}

.gap-4{
  gap: 1rem;
}

.gap-6{
  gap: 1.5rem;
}

.gap-05lh{
  gap: 12px;
}

.gap-1lh{
  gap: 24px;
}

.gap-lh{
  gap: 24px;
}

.gap-2lh{
  gap: 48px;
}

.gap-3lh{
  gap: 72px;
}

.gap-x-2{
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}

.gap-x-lh{
  -moz-column-gap: 24px;
       column-gap: 24px;
}

.gap-y-2{
  row-gap: 0.5rem;
}

.grid-flow-row{
  grid-auto-flow: row;
}

.grid-cols-1{
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.col-span-2{
  grid-column: span 2 / span 2;
}

.auto-rows-max{
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
}

.transform{
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-45{
  --tw-rotate: -45deg;
}

.-translate-x-20{
  --tw-translate-x: -5rem;
}

.-translate-x-1\/2{
  --tw-translate-x: -50%;
}

.-translate-x-2\/4{
  --tw-translate-x: -50%;
}

.-translate-y-1{
  --tw-translate-y: -0.25rem;
}

.-translate-y-4{
  --tw-translate-y: -1rem;
}

@-webkit-keyframes spin{
  to{
    transform: rotate(360deg);
  }
}

@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}

@-webkit-keyframes ping{
  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes ping{
  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}

@-webkit-keyframes pulse{
  50%{
    opacity: .5;
  }
}

@keyframes pulse{
  50%{
    opacity: .5;
  }
}

@-webkit-keyframes bounce{
  0%, 100%{
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
            animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50%{
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
            animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

@keyframes bounce{
  0%, 100%{
    transform: translateY(-25%);
    -webkit-animation-timing-function: cubic-bezier(0.8,0,1,1);
            animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50%{
    transform: none;
    -webkit-animation-timing-function: cubic-bezier(0,0,0.2,1);
            animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.animate-spin{
  -webkit-animation: spin 1s linear infinite;
          animation: spin 1s linear infinite;
}

.filter{
  --tw-blur: var(--tw-empty,/*!*/ /*!*/);
  --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
  --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
  --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
  --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
  --tw-invert: var(--tw-empty,/*!*/ /*!*/);
  --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
  --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
  --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.border-hairline {
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  --tw-border-opacity: 0.1;
}

.small-caps {
  font-variant: small-caps;
  text-transform: lowercase;
  font-size: 1.1em;
}

.full-container {
  padding-left: 24px;
  padding-right: 24px;
}

@media (min-width: 768px){
  .full-container{
    padding-left: 48px;
    padding-right: 48px;
  }
}

.content-container {
  max-width: 48rem;
}

/*
Style the <summary> label for and open and closed <details> elements

<details>
  <summary data-label-open="I am open" data-label-closed="I am closed">...</summary>
  
  collapsible content here...
</details>
*/

details summary[data-label-closed]:before {
  content: attr(data-label-closed);
}

details[open] summary[data-label-open]:before {
  content: attr(data-label-open);
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-button>.vjs-icon-placeholder:before,.vjs-modal-dialog .vjs-modal-dialog-content{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before{
  text-align:center
}

@font-face{
  font-family:VideoJS;

  src:url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAABDkAAsAAAAAG6gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZRiV3hY21hcAAAAYQAAADaAAADPv749/pnbHlmAAACYAAAC3AAABHQZg6OcWhlYWQAAA3QAAAAKwAAADYZw251aGhlYQAADfwAAAAdAAAAJA+RCLFobXR4AAAOHAAAABMAAACM744AAGxvY2EAAA4wAAAASAAAAEhF6kqubWF4cAAADngAAAAfAAAAIAE0AIFuYW1lAAAOmAAAASUAAAIK1cf1oHBvc3QAAA/AAAABJAAAAdPExYuNeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGS7wTiBgZWBgaWQ5RkDA8MvCM0cwxDOeI6BgYmBlZkBKwhIc01hcPjI+FGJHcRdyA4RZgQRADK3CxEAAHic7dFZbsMgAEXRS0ycyZnnOeG7y+qC8pU1dHusIOXxuoxaOlwZYWQB0Aea4quIEN4E9LzKbKjzDeM6H/mua6Lmc/p8yhg0lvdYx15ZG8uOLQOGjMp3EzqmzJizYMmKNRu27Nhz4MiJMxeu3Ljz4Ekqm7T8P52G8PP3lnTOVk++Z6iN6QZzNN1F7ptuN7eGOjDUoaGODHVsuvU8MdTO9Hd5aqgzQ50b6sJQl4a6MtS1oW4MdWuoO0PdG+rBUI+GejLUs6FeDPVqqDdDvRvqw1CfhpqM9At0iFLaAAB4nJ1YDXBTVRZ+5/22TUlJ8we0pHlJm7RJf5O8F2j6EymlSPkpxaL8U2xpa3DKj0CBhc2IW4eWKSokIoLsuMqssM64f+jA4HSdWXXXscBq67IOs3FXZ1ZYWVyRFdo899yXtIBQZ90k7717zz3v3HPPOfd854YCCj9cL9dL0RQFOqCbGJnrHb5EayiKIWN8iA/hWBblo6hUWm8TtCDwE80WMJus/irwyxOdxeB0MDb14VNJHnXYoLLSl6FfCUYO9nYPTA8Epg9090LprfbBbZ2hY0UlJUXHQp3/vtWkS6EBv8+rPMq5u9692f/dNxJNiqwC1xPE9TCUgCsSdQWgE3XQD25lkG4CN2xmTcOXWBOyser6RN6KnGbKSbmQ3+d0OI1m2W8QzLLkI2sykrWAgJJEtA8vGGW/2Q+CmT3n8zS9wZwu2DCvtuZKZN3xkrLh36yCZuUomQSqGpY8t/25VfHVhw8z4ebGBtfLb0ya9PCaDc+8dGTvk2dsh6z7WzvowlXKUSWo9MJ15a3KrEP2loOr2Ojhw6iW6hf2BDdEccQvZGpaAy7YovSwq8kr7HGllxpd71rkS6G0Sf11sl9OvMK1+jwPPODxjUwkOim9CU3ix1wNjXDfmJSEn618Bs6lpWwUpU+8PCqLMY650zjq8VhCIP17NEKTx3eaLL+s5Pi6yJWaWjTHLR1jYzPSV9VF/6Ojdb/1kO3Mk3uhHC0x6gc1BjlKQ+nQFxTYdaJkZ7ySVxLBbhR1dsboNXp1tCYKW2LRaEzpYcIx2BKNxaL0ZaUnSqfFoiNhHKR/GkX6PWUSAaJelQaqZL1EpoHNsajSEyPSoJ9IjhIxTdjHLmwZvhRDOiFTY/YeQnvrVZmiTQtGncECXtFTBZLOVwwMRgoXHAkXzMzPn1nAJJ8jYSbMDaqN2waGLzNhih/bZynUBMpIWSg7VYi7DRx2m8ALkIdRCJwI6ArJx2EI8kaDWeTQKeAFk9fjl/1AvwktjQ1P7NjyMGQyfd4vjipX6M/i52D7Cq80kqlcxEcGXRr/FEcgs0u5uGgB4VWuMFfpdn2Re6Hi3PqzmxWKsz6+ae2Pn9hXXw/fqM859UiGC0oKYYILJBqJrsn1Z1E5qOs9rQCiUQRREjm8yJcbHF5cUJufX1vAHlefw0XgUoboS3ETfQlTxBC4SOtuE8VPRJTBSCQSjZCpk7Gqzu+masaZ2y7Zjehho4F3g82BNDkAHpORG4+OCS+f6JTPmtRn/PH1kch6d04sp7AQb25aQ/pqUyXeQ8vrebG8OYQdXOQ+585u0sdW9rqalzRURiJ+9F4MweRFrKUjl1GUYhH1A27WOHw5cTFSFPMo9EeUIGnQTZHIaJ7AHLaOKsOODaNF9jkBjYG2QEsQ2xjMUAx2bBEbeTBWMHwskBjngq56S/yfgkBnWBa4K9sqKtq2t1UI8S9He5XuBRbawAdatrQEAi30Aks2+LM8WeCbalVZkWNylvJ+dqJnzVb+OHlSoKW8nPCP7Rd+CcZ2DdWAGqJ2CBFOphgywFFCFBNtfAbGtNPBCwxvygHeYMZMY9ZboBqwq/pVrsbgN5tkv152ODlbMfiqwGMBgxa4Exz3QhovRIUp6acqZmQzRq0ypDXS2TPLT02YIkQETnOE445oOGxOmXAqUJNNG7XgupMjPq2ua9asrj5yY/yuKteO1Kx0YNJTufrirLe1mZnat7OL6rnUdCWenpW6I8mAnbsY8KWs1PuSovCW9A/Z25PQ24a7cNOqgmTkLmBMgh4THgc4b9k2IVv1/g/F5nGljwPLfOgHAzJzh45V/4+WenTzmMtR5Z7us2Tys909UHqrPY7KbckoxRvRHhmVc3cJGE97uml0R1S0jdULVl7EvZtDFVBF35N9cEdjpgmAiOlFZ+Dtoh93+D3zzHr8RRNZQhnCNMNbcegOvpEwZoL+06cJQ07h+th3fZ/7PVbVC6ngTAV/KoLFuO6+2KFcU651gEb5ugPSIb1D+Xp8V4+k3sEIGnw5mYe4If4k1lFYr6SCzmM2EQ8iWtmwjnBI9kTwe1TlfAmXh7H02by9fW2gsjKwtv0aaURKil4OdV7rDL1MXIFNrhdxohcZXYTnq47WisrKitaObbf5+yvkLi5J6lCNZZ+B6GC38VNBZBDidSS/+mSvh6s+srgC8pyKMvDtt+de3c9fU76ZPfuM8ud4Kv0fyP/LqfepMT/3oZxSqpZaTa1DaQYLY8TFsHYbWYsPoRhRWfL5eSSQbhUGgGC3YLbVMk6PitTFNGpAsNrC6D1VNBKgBHMejaiuRWEWGgsSDBTJjqWIl8kJLlsaLJ2tXDr6xGfT85bM2Q06a46x2HTgvdnV8z5YDy/27J4zt6x2VtkzjoYpkq36kaBr4eQSg7tyiVweWubXZugtadl58ydapfbORfKsDTuZ0OBgx4cfdjCf5tbWNITnL120fdOi1RV1C3uKGzNdwYLcMvZ3BxoPyTOCD1XvXTp7U10gWCVmTV9b3r2z0SkGWovb2hp9I89O8a2smlyaO8muMU+dRmtzp60IzAoFpjLr1n388boLyf0dRvxhsHZ0qbWqDkwqvvpkj4l0fY6EIXRi5sQSrAvsVYwXRy4qJ2EVtD1AN7a0HWth9ymvL1xc3WTUKK/TAHA/bXDVtVWfOMfuGxGZv4Ln/jVr9jc3j1yMv0tndmyt9Vq88Y9gH1wtLX3KWjot5++jWHgAoZZkQ14wGQ20Fli71UmKJAy4xKMSTGbVdybW7FDDAut9XpD5AzWrYO7zQ8qffqF8+Ynd/clrHcdyxGy3a/3+mfNnzC/cBsveTjnTvXf1o6vzOlZw7WtqtdmPK/Errz/6NNtD72zmNOZfbmYdTGHfoofqI79Oc+R2n1lrnL6pOm0Up7kwxhTW12Amm7WYkXR2qYrF2AmgmbAsxZjwy1xpg/m1Je2vrp8v/nz2xpmlBg4E9hrMU341wVpTOh/OfmGvAnra8q6uctr60ZQHV3Q+WMQJykMj8ZsWn2QBOmmHMB+m5pDIpTFonYigiaKAhGEiAHF7EliVnQkjoLVIMPtJpBKHYd3A8GYH9jJzrWwmHx5Qjp7vDAX0suGRym1vtm/9W1/HyR8vczfMs6Sk8DSv855/5dlX9oQq52hT8syyp2rx5Id17IAyAM3wIjQPMOHzytEB64q6D5zT91yNbnx3V/nqnd017S9Y0605k3izoXLpsxde2n38yoOV9s1LcjwzNjbdX6asnBVaBj/6/DwKwPkpcqbDG7BnsXoSqWnUAmottYF6jMSdVyYZh3zVXCjwTiwwHH6sGuRiEHQGzuRX6whZkp123oy1BWE2mEfJ/tvIRtM4ZM5bDXiMsPMaAKOTyc5uL57rqyyc5y5JE5pm1i2S2iUX0CcaQ6lC6Zog7JqSqZmYlosl2K6pwNA84zRnQW6SaALYZQGW5lhCtU/W34N6o+bKfZ8cf3/Cl/+iTX3wBzpOY4mRkeNf3rptycGSshQWgGbYt5jFc2e0+DglIrwl6DVWQ7BuwaJ3Xk1J4VL5urnLl/Wf+gHU/hZoZdKNym6lG+I34FaNeZKcSpJIo2IeCVvpdsDGfKvzJnAwmeD37Ow65ZWwSowpgwX5T69s/rB55dP5BcpgDKFV8p7q2sn/1uc93bVzT/w6UrCqDTWvfCq/oCD/qZXNoUj8BL5Kp6GU017frfNXkAtiiyf/SOCEeLqnd8R/Ql9GlCRfctS6k5chvIBuQ1zCCjoCHL2DHNHIXxMJ3kQeO8lbsUXONeSfA5EjcG6/E+KdhN4bP04vBhdi883+BFBzQbxFbvZzQeY9LNBZc0FNfn5NwfDn6rCTnTw6R8o+gfpf5hCom33cRuiTlss3KHmZjD+BPN+5gXuA2ziS/Q73mLxUkpbKN/eqwz5uK0X9F3h2d1V4nGNgZGBgAOJd776+iue3+crAzc4AAje5Bfcg0xz9YHEOBiYQBQA8FQlFAHicY2BkYGBnAAGOPgaG//85+hkYGVCBMgBGGwNYAAAAeJxjYGBgYB8EmKOPgQEAQ04BfgAAAAAAAA4AaAB+AMwA4AECAUIBbAGYAcICGAJYArQC4AMwA7AD3gQwBJYE3AUkBWYFigYgBmYGtAbqB1gIEghYCG4IhAi2COh4nGNgZGBgUGYoZWBnAAEmIOYCQgaG/2A+AwAYCQG2AHicXZBNaoNAGIZfE5PQCKFQ2lUps2oXBfOzzAESyDKBQJdGR2NQR3QSSE/QE/QEPUUPUHqsvsrXjTMw83zPvPMNCuAWP3DQDAejdm1GjzwS7pMmwi75XngAD4/CQ/oX4TFe4Qt7uMMbOzjuDc0EmXCP/C7cJ38Iu+RP4QEe8CU8pP8WHmOPX2EPz87TPo202ey2OjlnQSXV/6arOjWFmvszMWtd6CqwOlKHq6ovycLaWMWVydXKFFZnmVFlZU46tP7R2nI5ncbi/dDkfDtFBA2DDXbYkhKc+V0Bqs5Zt9JM1HQGBRTm/EezTmZNKtpcAMs9Yu6AK9caF76zoLWIWcfMGOSkVduvSWechqZsz040Ib2PY3urxBJTzriT95lipz+TN1fmAAAAeJxtkMl2wjAMRfOAhABlKm2h80C3+ajgCKKDY6cegP59TYBzukAL+z1Zsq8ctaJTTKPrsUQLbXQQI0EXKXroY4AbDDHCGBNMcYsZ7nCPB8yxwCOe8IwXvOIN7/jAJ76wxHfUqWX+OzgumWAjJMV17i0Ndlr6irLKO+qftdT7i6y4uFSUvCknay+lFYZIZaQcmfH/xIFdYn98bqhra1aKTM/6lWMnyaYirx1rFUQZFBkb2zJUtoXeJCeg0WnLtHeSFc3OtrnozNwqi0TkSpBMDB1nSde5oJXW23hTS2/T0LilglXX7dmFVxLnq5U0vYATHFk3zX3BOisoQHNDFDeZnqKDy9hRNawN7Vh727hFzcJ5c8TILrKZfH7tIPxAFP0BpLeJPA==) format("woff");

  font-weight:400;

  font-style:normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder,.vjs-icon-play{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before,.vjs-icon-play:before{
  content:"\f101"
}

.vjs-icon-play-circle{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.vjs-icon-play-circle:before{
  content:"\f102"
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder,.vjs-icon-pause{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before,.vjs-icon-pause:before{
  content:"\f103"
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder,.vjs-icon-volume-mute{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before,.vjs-icon-volume-mute:before{
  content:"\f104"
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder,.vjs-icon-volume-low{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before,.vjs-icon-volume-low:before{
  content:"\f105"
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder,.vjs-icon-volume-mid{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before,.vjs-icon-volume-mid:before{
  content:"\f106"
}

.video-js .vjs-mute-control .vjs-icon-placeholder,.vjs-icon-volume-high{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.video-js .vjs-mute-control .vjs-icon-placeholder:before,.vjs-icon-volume-high:before{
  content:"\f107"
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-enter{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-enter:before{
  content:"\f108"
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder,.vjs-icon-fullscreen-exit{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before,.vjs-icon-fullscreen-exit:before{
  content:"\f109"
}

.vjs-icon-square{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.vjs-icon-square:before{
  content:"\f10a"
}

.vjs-icon-spinner{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.vjs-icon-spinner:before{
  content:"\f10b"
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-subtitles{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-subtitles:before{
  content:"\f10c"
}

.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder,.vjs-icon-captions{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before,.vjs-icon-captions:before{
  content:"\f10d"
}

.video-js .vjs-chapters-button .vjs-icon-placeholder,.vjs-icon-chapters{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.video-js .vjs-chapters-button .vjs-icon-placeholder:before,.vjs-icon-chapters:before{
  content:"\f10e"
}

.vjs-icon-share{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.vjs-icon-share:before{
  content:"\f10f"
}

.vjs-icon-cog{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.vjs-icon-cog:before{
  content:"\f110"
}

.video-js .vjs-play-progress,.video-js .vjs-volume-level,.vjs-icon-circle,.vjs-seek-to-live-control .vjs-icon-placeholder{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before,.vjs-icon-circle:before,.vjs-seek-to-live-control .vjs-icon-placeholder:before{
  content:"\f111"
}

.vjs-icon-circle-outline{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.vjs-icon-circle-outline:before{
  content:"\f112"
}

.vjs-icon-circle-inner-circle{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.vjs-icon-circle-inner-circle:before{
  content:"\f113"
}

.vjs-icon-hd{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.vjs-icon-hd:before{
  content:"\f114"
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder,.vjs-icon-cancel{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before,.vjs-icon-cancel:before{
  content:"\f115"
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder,.vjs-icon-replay{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before,.vjs-icon-replay:before{
  content:"\f116"
}

.vjs-icon-facebook{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.vjs-icon-facebook:before{
  content:"\f117"
}

.vjs-icon-gplus{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.vjs-icon-gplus:before{
  content:"\f118"
}

.vjs-icon-linkedin{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.vjs-icon-linkedin:before{
  content:"\f119"
}

.vjs-icon-twitter{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.vjs-icon-twitter:before{
  content:"\f11a"
}

.vjs-icon-tumblr{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.vjs-icon-tumblr:before{
  content:"\f11b"
}

.vjs-icon-pinterest{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.vjs-icon-pinterest:before{
  content:"\f11c"
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder,.vjs-icon-audio-description{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.video-js .vjs-descriptions-button .vjs-icon-placeholder:before,.vjs-icon-audio-description:before{
  content:"\f11d"
}

.video-js .vjs-audio-button .vjs-icon-placeholder,.vjs-icon-audio{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.video-js .vjs-audio-button .vjs-icon-placeholder:before,.vjs-icon-audio:before{
  content:"\f11e"
}

.vjs-icon-next-item{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.vjs-icon-next-item:before{
  content:"\f11f"
}

.vjs-icon-previous-item{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.vjs-icon-previous-item:before{
  content:"\f120"
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-enter{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-enter:before{
  content:"\f121"
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder,.vjs-icon-picture-in-picture-exit{
  font-family:VideoJS;
  font-weight:400;
  font-style:normal
}

.video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before,.vjs-icon-picture-in-picture-exit:before{
  content:"\f122"
}

.video-js{
  display:block;
  vertical-align:top;
  box-sizing:border-box;
  color:#fff;
  background-color:#000;
  position:relative;
  padding:0;
  font-size:10px;
  line-height:1;
  font-weight:400;
  font-style:normal;
  font-family:Arial,Helvetica,sans-serif;
  word-break:initial
}

.video-js:-moz-full-screen{
  position:absolute
}

.video-js:-webkit-full-screen{
  width:100%!important;
  height:100%!important
}

.video-js[tabindex="-1"]{
  outline:0
}

.video-js *,.video-js :after,.video-js :before{
  box-sizing:inherit
}

.video-js ul{
  font-family:inherit;
  font-size:inherit;
  line-height:inherit;
  list-style-position:outside;
  margin-left:0;
  margin-right:0;
  margin-top:0;
  margin-bottom:0
}

.video-js.vjs-1-1,.video-js.vjs-16-9,.video-js.vjs-4-3,.video-js.vjs-9-16,.video-js.vjs-fluid{
  width:100%;
  max-width:100%;
  height:0
}

.video-js.vjs-16-9{
  padding-top:56.25%
}

.video-js.vjs-4-3{
  padding-top:75%
}

.video-js.vjs-9-16{
  padding-top:177.7777777778%
}

.video-js.vjs-1-1{
  padding-top:100%
}

.video-js.vjs-fill{
  width:100%;
  height:100%
}

.video-js .vjs-tech{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}

body.vjs-full-window{
  padding:0;
  margin:0;
  height:100%
}

.vjs-full-window .video-js.vjs-fullscreen{
  position:fixed;
  overflow:hidden;
  z-index:1000;
  left:0;
  top:0;
  bottom:0;
  right:0
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs){
  width:100%!important;
  height:100%!important;
  padding-top:0!important
}

.video-js.vjs-fullscreen.vjs-user-inactive{
  cursor:none
}

.vjs-hidden{
  display:none!important
}

.vjs-disabled{
  opacity:.5;
  cursor:default
}

.video-js .vjs-offscreen{
  height:1px;
  left:-9999px;
  position:absolute;
  top:0;
  width:1px
}

.vjs-lock-showing{
  display:block!important;
  opacity:1!important;
  visibility:visible!important
}

.vjs-no-js{
  padding:20px;
  color:#fff;
  background-color:#000;
  font-size:18px;
  font-family:Arial,Helvetica,sans-serif;
  text-align:center;
  width:300px;
  height:150px;
  margin:0 auto
}

.vjs-no-js a,.vjs-no-js a:visited{
  color:#66a8cc
}

.video-js .vjs-big-play-button{
  font-size:3em;
  line-height:1.5em;
  height:1.63332em;
  width:3em;
  display:block;
  position:absolute;
  top:10px;
  left:10px;
  padding:0;
  cursor:pointer;
  opacity:1;
  border:.06666em solid #fff;
  background-color:#2b333f;
  background-color:rgba(43,51,63,.7);
  border-radius:.3em;
  transition:all .4s
}

.vjs-big-play-centered .vjs-big-play-button{
  top:50%;
  left:50%;
  margin-top:-.81666em;
  margin-left:-1.5em
}

.video-js .vjs-big-play-button:focus,.video-js:hover .vjs-big-play-button{
  border-color:#fff;
  background-color:#73859f;
  background-color:rgba(115,133,159,.5);
  transition:all 0s
}

.vjs-controls-disabled .vjs-big-play-button,.vjs-error .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button{
  display:none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button{
  display:block
}

.video-js button{
  background:0 0;
  border:none;
  color:inherit;
  display:inline-block;
  font-size:inherit;
  line-height:inherit;
  text-transform:none;
  text-decoration:none;
  transition:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}

.vjs-control .vjs-button{
  width:100%;
  height:100%
}

.video-js .vjs-control.vjs-close-button{
  cursor:pointer;
  height:3em;
  position:absolute;
  right:0;
  top:.5em;
  z-index:2
}

.video-js .vjs-modal-dialog{
  background:rgba(0,0,0,.8);
  background:linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));
  overflow:auto
}

.video-js .vjs-modal-dialog>*{
  box-sizing:border-box
}

.vjs-modal-dialog .vjs-modal-dialog-content{
  font-size:1.2em;
  line-height:1.5;
  padding:20px 24px;
  z-index:1
}

.vjs-menu-button{
  cursor:pointer
}

.vjs-menu-button.vjs-disabled{
  cursor:default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu{
  display:none
}

.vjs-menu .vjs-menu-content{
  display:block;
  padding:0;
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  overflow:auto
}

.vjs-menu .vjs-menu-content>*{
  box-sizing:border-box
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu{
  display:none
}

.vjs-menu li{
  list-style:none;
  margin:0;
  padding:.2em 0;
  line-height:1.4em;
  font-size:1.2em;
  text-align:center;
  text-transform:lowercase
}

.js-focus-visible .vjs-menu li.vjs-menu-item:hover,.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover{
  background-color:#73859f;
  background-color:rgba(115,133,159,.5)
}

.js-focus-visible .vjs-menu li.vjs-selected:hover,.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover{
  background-color:#fff;
  color:#2b333f
}

.js-focus-visible .vjs-menu :not(.vjs-selected):focus:not(.focus-visible),.video-js .vjs-menu :not(.vjs-selected):focus:not(:focus-visible){
  background:0 0
}

.vjs-menu li.vjs-menu-title{
  text-align:center;
  text-transform:uppercase;
  font-size:1em;
  line-height:2em;
  padding:0;
  margin:0 0 .3em 0;
  font-weight:700;
  cursor:default
}

.vjs-menu-button-popup .vjs-menu{
  display:none;
  position:absolute;
  bottom:0;
  width:10em;
  left:-3em;
  height:0;
  margin-bottom:1.5em;
  border-top-color:rgba(43,51,63,.7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content{
  background-color:#2b333f;
  background-color:rgba(43,51,63,.7);
  position:absolute;
  width:100%;
  bottom:1.5em;
  max-height:15em
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{
  max-height:5em
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content{
  max-height:10em
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content{
  max-height:14em
}

.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content{
  max-height:25em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing,.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu{
  display:block
}

.video-js .vjs-menu-button-inline{
  transition:all .4s;
  overflow:hidden
}

.video-js .vjs-menu-button-inline:before{
  width:2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline:hover,.video-js.vjs-no-flex .vjs-menu-button-inline{
  width:12em
}

.vjs-menu-button-inline .vjs-menu{
  opacity:0;
  height:100%;
  width:auto;
  position:absolute;
  left:4em;
  top:0;
  padding:0;
  margin:0;
  transition:all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline:hover .vjs-menu{
  display:block;
  opacity:1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu{
  display:block;
  opacity:1;
  position:relative;
  width:auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu{
  width:auto
}

.vjs-menu-button-inline .vjs-menu-content{
  width:auto;
  height:100%;
  margin:0;
  overflow:hidden
}

.video-js .vjs-control-bar{
  display:none;
  width:100%;
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:3em;
  background-color:#2b333f;
  background-color:rgba(43,51,63,.7)
}

.vjs-has-started .vjs-control-bar{
  display:flex;
  visibility:visible;
  opacity:1;
  transition:visibility .1s,opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{
  visibility:visible;
  opacity:0;
  pointer-events:none;
  transition:visibility 1s,opacity 1s
}

.vjs-controls-disabled .vjs-control-bar,.vjs-error .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar{
  display:none!important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar{
  opacity:1;
  visibility:visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar{
  display:table
}

.video-js .vjs-control{
  position:relative;
  text-align:center;
  margin:0;
  padding:0;
  height:100%;
  width:4em;
  flex:none
}

.vjs-button>.vjs-icon-placeholder:before{
  font-size:1.8em;
  line-height:1.67
}

.vjs-button>.vjs-icon-placeholder{
  display:block
}

.video-js .vjs-control:focus,.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before{
  text-shadow:0 0 1em #fff
}

.video-js .vjs-control-text{
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px
}

.vjs-no-flex .vjs-control{
  display:table-cell;
  vertical-align:middle
}

.video-js .vjs-custom-control-spacer{
  display:none
}

.video-js .vjs-progress-control{
  cursor:pointer;
  flex:auto;
  display:flex;
  align-items:center;
  min-width:4em;
  touch-action:none
}

.video-js .vjs-progress-control.disabled{
  cursor:default
}

.vjs-live .vjs-progress-control{
  display:none
}

.vjs-liveui .vjs-progress-control{
  display:flex;
  align-items:center
}

.vjs-no-flex .vjs-progress-control{
  width:auto
}

.video-js .vjs-progress-holder{
  flex:auto;
  transition:all .2s;
  height:.3em
}

.video-js .vjs-progress-control .vjs-progress-holder{
  margin:0 10px
}

.video-js .vjs-progress-control:hover .vjs-progress-holder{
  font-size:1.6666666667em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled{
  font-size:1em
}

.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div,.video-js .vjs-progress-holder .vjs-play-progress{
  position:absolute;
  display:block;
  height:100%;
  margin:0;
  padding:0;
  width:0
}

.video-js .vjs-play-progress{
  background-color:#fff
}

.video-js .vjs-play-progress:before{
  font-size:.9em;
  position:absolute;
  right:-.5em;
  top:-.3333333333em;
  z-index:1
}

.video-js .vjs-load-progress{
  background:rgba(115,133,159,.5)
}

.video-js .vjs-load-progress div{
  background:rgba(115,133,159,.75)
}

.video-js .vjs-time-tooltip{
  background-color:#fff;
  background-color:rgba(255,255,255,.8);
  border-radius:.3em;
  color:#000;
  float:right;
  font-family:Arial,Helvetica,sans-serif;
  font-size:1em;
  padding:6px 8px 8px 8px;
  pointer-events:none;
  position:absolute;
  top:-3.4em;
  visibility:hidden;
  z-index:1
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip{
  display:none
}

.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-time-tooltip{
  display:block;
  font-size:.6em;
  visibility:visible
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip{
  font-size:1em
}

.video-js .vjs-progress-control .vjs-mouse-display{
  display:none;
  position:absolute;
  width:1px;
  height:100%;
  background-color:#000;
  z-index:1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display{
  z-index:0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display{
  display:block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display{
  visibility:hidden;
  opacity:0;
  transition:visibility 1s,opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display{
  display:none
}

.vjs-mouse-display .vjs-time-tooltip{
  color:#fff;
  background-color:#000;
  background-color:rgba(0,0,0,.8)
}

.video-js .vjs-slider{
  position:relative;
  cursor:pointer;
  padding:0;
  margin:0 .45em 0 .45em;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  background-color:#73859f;
  background-color:rgba(115,133,159,.5)
}

.video-js .vjs-slider.disabled{
  cursor:default
}

.video-js .vjs-slider:focus{
  text-shadow:0 0 1em #fff;
  box-shadow:0 0 1em #fff
}

.video-js .vjs-mute-control{
  cursor:pointer;
  flex:none
}

.video-js .vjs-volume-control{
  cursor:pointer;
  margin-right:1em;
  display:flex
}

.video-js .vjs-volume-control.vjs-volume-horizontal{
  width:5em
}

.video-js .vjs-volume-panel .vjs-volume-control{
  visibility:visible;
  opacity:0;
  width:1px;
  height:1px;
  margin-left:-1px
}

.video-js .vjs-volume-panel{
  transition:width 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control{
  visibility:visible;
  opacity:1;
  position:relative;
  transition:visibility .1s,opacity .1s,height .1s,width .1s,left 0s,top 0s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal{
  width:5em;
  height:3em;
  margin-right:0
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-mute-control~.vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical{
  left:-3.5em;
  transition:left 0s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active{
  width:10em;
  transition:width .1s
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only{
  width:4em
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{
  height:8em;
  width:3em;
  left:-3000em;
  transition:visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{
  transition:visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s
}

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal{
  width:5em;
  height:3em;
  visibility:visible;
  opacity:1;
  position:relative;
  transition:none
}

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical{
  position:absolute;
  bottom:3em;
  left:.5em
}

.video-js .vjs-volume-panel{
  display:flex
}

.video-js .vjs-volume-bar{
  margin:1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal{
  width:5em;
  height:.3em
}

.vjs-volume-bar.vjs-slider-vertical{
  width:.3em;
  height:5em;
  margin:1.35em auto
}

.video-js .vjs-volume-level{
  position:absolute;
  bottom:0;
  left:0;
  background-color:#fff
}

.video-js .vjs-volume-level:before{
  position:absolute;
  font-size:.9em;
  z-index:1
}

.vjs-slider-vertical .vjs-volume-level{
  width:.3em
}

.vjs-slider-vertical .vjs-volume-level:before{
  top:-.5em;
  left:-.3em;
  z-index:1
}

.vjs-slider-horizontal .vjs-volume-level{
  height:.3em
}

.vjs-slider-horizontal .vjs-volume-level:before{
  top:-.3em;
  right:-.5em
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical{
  width:4em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level{
  height:100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level{
  width:100%
}

.video-js .vjs-volume-vertical{
  width:3em;
  height:8em;
  bottom:8em;
  background-color:#2b333f;
  background-color:rgba(43,51,63,.7)
}

.video-js .vjs-volume-horizontal .vjs-menu{
  left:-2em
}

.video-js .vjs-volume-tooltip{
  background-color:#fff;
  background-color:rgba(255,255,255,.8);
  border-radius:.3em;
  color:#000;
  float:right;
  font-family:Arial,Helvetica,sans-serif;
  font-size:1em;
  padding:6px 8px 8px 8px;
  pointer-events:none;
  position:absolute;
  top:-3.4em;
  visibility:hidden;
  z-index:1
}

.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-control:hover .vjs-volume-tooltip{
  display:block;
  font-size:1em;
  visibility:visible
}

.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip,.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip{
  left:1em;
  top:-12px
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip{
  font-size:1em
}

.video-js .vjs-volume-control .vjs-mouse-display{
  display:none;
  position:absolute;
  width:100%;
  height:1px;
  background-color:#000;
  z-index:1
}

.video-js .vjs-volume-horizontal .vjs-mouse-display{
  width:1px;
  height:100%
}

.vjs-no-flex .vjs-volume-control .vjs-mouse-display{
  z-index:0
}

.video-js .vjs-volume-control:hover .vjs-mouse-display{
  display:block
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display{
  visibility:hidden;
  opacity:0;
  transition:visibility 1s,opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-volume-control .vjs-mouse-display{
  display:none
}

.vjs-mouse-display .vjs-volume-tooltip{
  color:#fff;
  background-color:#000;
  background-color:rgba(0,0,0,.8)
}

.vjs-poster{
  display:inline-block;
  vertical-align:middle;
  background-repeat:no-repeat;
  background-position:50% 50%;
  background-size:contain;
  background-color:#000;
  cursor:pointer;
  margin:0;
  padding:0;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  height:100%
}

.vjs-has-started .vjs-poster{
  display:none
}

.vjs-audio.vjs-has-started .vjs-poster{
  display:block
}

.vjs-using-native-controls .vjs-poster{
  display:none
}

.video-js .vjs-live-control{
  display:flex;
  align-items:flex-start;
  flex:auto;
  font-size:1em;
  line-height:3em
}

.vjs-no-flex .vjs-live-control{
  display:table-cell;
  width:auto;
  text-align:left
}

.video-js.vjs-liveui .vjs-live-control,.video-js:not(.vjs-live) .vjs-live-control{
  display:none
}

.video-js .vjs-seek-to-live-control{
  align-items:center;
  cursor:pointer;
  flex:none;
  display:inline-flex;
  height:100%;
  padding-left:.5em;
  padding-right:.5em;
  font-size:1em;
  line-height:3em;
  width:auto;
  min-width:4em
}

.vjs-no-flex .vjs-seek-to-live-control{
  display:table-cell;
  width:auto;
  text-align:left
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,.video-js:not(.vjs-live) .vjs-seek-to-live-control{
  display:none
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{
  cursor:auto
}

.vjs-seek-to-live-control .vjs-icon-placeholder{
  margin-right:.5em;
  color:#888
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder{
  color:red
}

.video-js .vjs-time-control{
  flex:none;
  font-size:1em;
  line-height:3em;
  min-width:2em;
  width:auto;
  padding-left:1em;
  padding-right:1em
}

.vjs-live .vjs-time-control{
  display:none
}

.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time{
  display:none
}

.video-js .vjs-duration,.vjs-no-flex .vjs-duration{
  display:none
}

.vjs-time-divider{
  display:none;
  line-height:3em
}

.vjs-live .vjs-time-divider{
  display:none
}

.video-js .vjs-play-control{
  cursor:pointer
}

.video-js .vjs-play-control .vjs-icon-placeholder{
  flex:none
}

.vjs-text-track-display{
  position:absolute;
  bottom:3em;
  left:0;
  right:0;
  top:0;
  pointer-events:none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display{
  bottom:1em
}

.video-js .vjs-text-track{
  font-size:1.4em;
  text-align:center;
  margin-bottom:.1em
}

.vjs-subtitles{
  color:#fff
}

.vjs-captions{
  color:#fc6
}

.vjs-tt-cue{
  display:block
}

video::-webkit-media-text-track-display{
  transform:translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display{
  transform:translateY(-1.5em)
}

.video-js .vjs-picture-in-picture-control{
  cursor:pointer;
  flex:none
}

.video-js .vjs-fullscreen-control{
  cursor:pointer;
  flex:none
}

.vjs-playback-rate .vjs-playback-rate-value,.vjs-playback-rate>.vjs-menu-button{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}

.vjs-playback-rate .vjs-playback-rate-value{
  pointer-events:none;
  font-size:1.5em;
  line-height:2;
  text-align:center
}

.vjs-playback-rate .vjs-menu{
  width:4em;
  left:0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content{
  font-size:1.4em;
  text-align:center
}

.vjs-error .vjs-error-display:before{
  color:#fff;
  content:"X";
  font-family:Arial,Helvetica,sans-serif;
  font-size:4em;
  left:0;
  line-height:1;
  margin-top:-.5em;
  position:absolute;
  text-shadow:.05em .05em .1em #000;
  text-align:center;
  top:50%;
  vertical-align:middle;
  width:100%
}

.vjs-loading-spinner{
  display:none;
  position:absolute;
  top:50%;
  left:50%;
  margin:-25px 0 0 -25px;
  opacity:.85;
  text-align:left;
  border:6px solid rgba(43,51,63,.7);
  box-sizing:border-box;
  background-clip:padding-box;
  width:50px;
  height:50px;
  border-radius:25px;
  visibility:hidden
}

.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner{
  display:block;
  -webkit-animation:vjs-spinner-show 0s linear .3s forwards;
  animation:vjs-spinner-show 0s linear .3s forwards
}

.vjs-loading-spinner:after,.vjs-loading-spinner:before{
  content:"";
  position:absolute;
  margin:-6px;
  box-sizing:inherit;
  width:inherit;
  height:inherit;
  border-radius:inherit;
  opacity:1;
  border:inherit;
  border-color:transparent;
  border-top-color:#fff
}

.vjs-seeking .vjs-loading-spinner:after,.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before{
  -webkit-animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;
  animation:vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before{
  border-top-color:#fff
}

.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after{
  border-top-color:#fff;
  -webkit-animation-delay:.44s;
  animation-delay:.44s
}

@keyframes vjs-spinner-show{
  to{
    visibility:visible
  }
}

@-webkit-keyframes vjs-spinner-show{
  to{
    visibility:visible
  }
}

@keyframes vjs-spinner-spin{
  100%{
    transform:rotate(360deg)
  }
}

@-webkit-keyframes vjs-spinner-spin{
  100%{
    -webkit-transform:rotate(360deg)
  }
}

@keyframes vjs-spinner-fade{
  0%{
    border-top-color:#73859f
  }

  20%{
    border-top-color:#73859f
  }

  35%{
    border-top-color:#fff
  }

  60%{
    border-top-color:#73859f
  }

  100%{
    border-top-color:#73859f
  }
}

@-webkit-keyframes vjs-spinner-fade{
  0%{
    border-top-color:#73859f
  }

  20%{
    border-top-color:#73859f
  }

  35%{
    border-top-color:#fff
  }

  60%{
    border-top-color:#73859f
  }

  100%{
    border-top-color:#73859f
  }
}

.vjs-chapters-button .vjs-menu ul{
  width:24em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder{
  vertical-align:middle;
  display:inline-block;
  margin-bottom:-.1em
}

.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{
  font-family:VideoJS;
  content:"";
  font-size:1.5em;
  line-height:inherit
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder{
  vertical-align:middle;
  display:inline-block;
  margin-bottom:-.1em
}

.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before{
  font-family:VideoJS;
  content:" ";
  font-size:1.5em;
  line-height:inherit
}

.video-js.vjs-layout-small .vjs-audio-button,.video-js.vjs-layout-small .vjs-captions-button,.video-js.vjs-layout-small .vjs-chapters-button,.video-js.vjs-layout-small .vjs-current-time,.video-js.vjs-layout-small .vjs-descriptions-button,.video-js.vjs-layout-small .vjs-duration,.video-js.vjs-layout-small .vjs-playback-rate,.video-js.vjs-layout-small .vjs-remaining-time,.video-js.vjs-layout-small .vjs-subtitles-button,.video-js.vjs-layout-small .vjs-time-divider,.video-js.vjs-layout-small .vjs-volume-control,.video-js.vjs-layout-tiny .vjs-audio-button,.video-js.vjs-layout-tiny .vjs-captions-button,.video-js.vjs-layout-tiny .vjs-chapters-button,.video-js.vjs-layout-tiny .vjs-current-time,.video-js.vjs-layout-tiny .vjs-descriptions-button,.video-js.vjs-layout-tiny .vjs-duration,.video-js.vjs-layout-tiny .vjs-playback-rate,.video-js.vjs-layout-tiny .vjs-remaining-time,.video-js.vjs-layout-tiny .vjs-subtitles-button,.video-js.vjs-layout-tiny .vjs-time-divider,.video-js.vjs-layout-tiny .vjs-volume-control,.video-js.vjs-layout-x-small .vjs-audio-button,.video-js.vjs-layout-x-small .vjs-captions-button,.video-js.vjs-layout-x-small .vjs-chapters-button,.video-js.vjs-layout-x-small .vjs-current-time,.video-js.vjs-layout-x-small .vjs-descriptions-button,.video-js.vjs-layout-x-small .vjs-duration,.video-js.vjs-layout-x-small .vjs-playback-rate,.video-js.vjs-layout-x-small .vjs-remaining-time,.video-js.vjs-layout-x-small .vjs-subtitles-button,.video-js.vjs-layout-x-small .vjs-time-divider,.video-js.vjs-layout-x-small .vjs-volume-control{
  display:none
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover{
  width:auto;
  width:initial
}

.video-js.vjs-layout-tiny .vjs-subs-caps-button,.video-js.vjs-layout-x-small:not(.vjs-live) .vjs-subs-caps-button,.video-js.vjs-layout-x-small:not(.vjs-liveui) .vjs-subs-caps-button{
  display:none
}

.video-js.vjs-layout-tiny .vjs-custom-control-spacer,.video-js.vjs-layout-x-small.vjs-liveui .vjs-custom-control-spacer{
  flex:auto;
  display:block
}

.video-js.vjs-layout-tiny.vjs-no-flex .vjs-custom-control-spacer,.video-js.vjs-layout-x-small.vjs-liveui.vjs-no-flex .vjs-custom-control-spacer{
  width:auto
}

.video-js.vjs-layout-tiny .vjs-progress-control,.video-js.vjs-layout-x-small.vjs-liveui .vjs-progress-control{
  display:none
}

.vjs-modal-dialog.vjs-text-track-settings{
  background-color:#2b333f;
  background-color:rgba(43,51,63,.75);
  color:#fff;
  height:70%
}

.vjs-text-track-settings .vjs-modal-dialog-content{
  display:table
}

.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-controls,.vjs-text-track-settings .vjs-track-settings-font{
  display:table-cell
}

.vjs-text-track-settings .vjs-track-settings-controls{
  text-align:right;
  vertical-align:bottom
}

@supports (display:grid){
  .vjs-text-track-settings .vjs-modal-dialog-content{
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr;
    padding:20px 24px 0 24px
  }

  .vjs-track-settings-controls .vjs-default-button{
    margin-bottom:20px
  }

  .vjs-text-track-settings .vjs-track-settings-controls{
    grid-column:1/-1
  }

  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content,.vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content{
    grid-template-columns:1fr
  }
}

.vjs-track-setting>select{
  margin-right:1em;
  margin-bottom:.5em
}

.vjs-text-track-settings fieldset{
  margin:5px;
  padding:3px;
  border:none
}

.vjs-text-track-settings fieldset span{
  display:inline-block
}

.vjs-text-track-settings fieldset span>select{
  max-width:7.3em
}

.vjs-text-track-settings legend{
  color:#fff;
  margin:0 0 5px 0
}

.vjs-text-track-settings .vjs-label{
  position:absolute;
  clip:rect(1px 1px 1px 1px);
  clip:rect(1px,1px,1px,1px);
  display:block;
  margin:0 0 5px 0;
  padding:0;
  border:0;
  height:1px;
  width:1px;
  overflow:hidden
}

.vjs-track-settings-controls button:active,.vjs-track-settings-controls button:focus{
  outline-style:solid;
  outline-width:medium;
  background-image:linear-gradient(0deg,#fff 88%,#73859f 100%)
}

.vjs-track-settings-controls button:hover{
  color:rgba(43,51,63,.75)
}

.vjs-track-settings-controls button{
  background-color:#fff;
  background-image:linear-gradient(-180deg,#fff 88%,#73859f 100%);
  color:#2b333f;
  cursor:pointer;
  border-radius:2px
}

.vjs-track-settings-controls .vjs-default-button{
  margin-right:1em
}

@media print{
  .video-js>:not(.vjs-tech):not(.vjs-poster){
    visibility:hidden
  }
}

.vjs-resize-manager{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border:none;
  z-index:-1000
}

.js-focus-visible .video-js :focus:not(.focus-visible){
  outline:0
}

.video-js :focus:not(:focus-visible){
  outline:0
}

/*!
Default styles for videojs-wavesurfer 3.8.0
*/

/* Ensure custom controls are always visible because
   the plugin hides and replace the video.js native mobile
   controls.
--------------------------------------------------------------------------------
*/

.vjs-wavesurfer .vjs-using-native-controls .vjs-control-bar {
  display: flex !important;
}

/* Ensure that vjs menus and interfaces can be interacted with (such as the
   progress control).
--------------------------------------------------------------------------------
*/

.vjs-wavesurfer .vjs-menu-content, .vjs-progress-control {
  z-index: 4;
}

.vjs-wavesurfer .vjs-modal-dialog, .vjs-text-track-display {
  z-index: 4;
}

/* Handle responsive / fluid view.
--------------------------------------------------------------------------------
*/

.vjs-wavesurfer.vjs-fluid wave.vjs-wavedisplay {
  top: 0;
  position: absolute !important;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
}

.container{
  width: 100%;
}

@media (min-width: 640px){
  .container{
    max-width: 640px;
  }
}

@media (min-width: 768px){
  .container{
    max-width: 768px;
  }
}

@media (min-width: 1024px){
  .container{
    max-width: 1024px;
  }
}

@media (min-width: 1280px){
  .container{
    max-width: 1280px;
  }
}

@media (min-width: 1536px){
  .container{
    max-width: 1536px;
  }
}

.video-js {
  font-size: 12px;
  font-family: "basier_square";
}

.bubble {
  --tw-border-opacity: 1;
  border-radius: 9999px;
  border-width: 1px;
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration: none;
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  --tw-border-opacity: 0.1;
}

.bubble-white-border {
  --tw-border-opacity: 1;
  border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  border-radius: 9999px;
  border-width: 1px;
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration: none;
}

a.bubble:hover, button.bubble:hover{
  background-color: rgba(0, 0, 0, 0.45);
}

a.bubble:focus, button.bubble:focus{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

a.bubble, button.bubble{
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}

a.bubble:hover, button.bubble:hover{
  --tw-border-opacity: 0;
}

a.bubble:focus, button.bubble:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

a.bubble:hover, button.bubble:hover{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

/* TODO:zeke stop styling `code`, but instead use a classname and apply it to all code tags  */

code, .highlight span{
  background-color: rgba(0, 0, 0, 0.05);
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.code {
  background-color: rgba(0, 0, 0, 0.05);
  margin-bottom: 24px;
  overflow-x: auto;
  padding: 0.5rem;
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

@media (min-width: 768px){
  .code{
    padding: 1rem;
  }
}

.highlight {
  background-color: rgba(0, 0, 0, 0.05) !important;
}

.code code {
  /* regular CSS because tailwind bg-none doesn't do the right thing */
  background: none !important;
}

/* https://stackoverflow.com/questions/7110353/html5-dragleave-fired-when-hovering-a-child-element */

.dropzone * {
  pointer-events: none;
}

.dropzone .pointer-events-auto {
  pointer-events: auto;
}

.form label,
.form-label {
  display: block;
}

.form label.flex,
.form-label.flex {
  display: flex;
}

.form input[type="text"], .form input[type="number"], .form input[type="url"], .form input[type="email"], .form input[type="password"], .form textarea, .form-input, .form-textarea{
  border-color: rgba(0, 0, 0, 0.45);
}

.form input[type="text"]:focus, .form input[type="number"]:focus, .form input[type="url"]:focus, .form input[type="email"]:focus, .form input[type="password"]:focus, .form textarea:focus, .form-input:focus, .form-textarea:focus{
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}

.form input[type="text"], .form input[type="number"], .form input[type="url"], .form input[type="email"], .form input[type="password"], .form textarea, .form-input, .form-textarea{
  border-width: 1px;
  display: block;
  margin-right: 12px;
}

.form input[type="text"]:focus, .form input[type="number"]:focus, .form input[type="url"]:focus, .form input[type="email"]:focus, .form input[type="password"]:focus, .form textarea:focus, .form-input:focus, .form-textarea:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.form input[type="text"], .form input[type="number"], .form input[type="url"], .form input[type="email"], .form input[type="password"], .form textarea, .form-input, .form-textarea{
  padding: 12px;
  width: 100%;
}

.errorlist {
  margin-bottom: 12px;
  --tw-text-opacity: 1;
  color: rgba(246, 78, 52, var(--tw-text-opacity));
}

.form-help a,
a.form-help {
  -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
          text-decoration-color: rgba(0, 0, 0, 0.1);
}

.text-shade a,
a.text-shade {
  -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
          text-decoration-color: rgba(0, 0, 0, 0.1);
}

.form-help{
  font-size: 14px;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.45);
}

.form select, .form-select{
  border-color: rgba(0, 0, 0, 0.45);
}

.form select:focus, .form-select:focus{
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
}

.form select, .form-select{
  border-width: 1px;
  margin-right: 12px;
}

.form select:focus, .form-select:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.form select, .form-select{
  padding: 12px;
}

.form input:disabled, .form-input:disabled, .form select:disabled, .form-select:disabled, .form textarea:disabled, .form-textarea:disabled{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.form input:disabled, .form-input:disabled, .form select:disabled, .form-select:disabled, .form textarea:disabled, .form-textarea:disabled{
  --tw-bg-opacity: 0.05;
}

.form button, .form-button{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  border-width: 1px;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
}

.form button:focus, .form-button:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.form button, .form-button{
  padding: 12px;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  text-decoration: none;
}

.form button:active, .form-button:active{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.form button:disabled, .form-button:disabled{
  background-color: rgba(0, 0, 0, 0.45);
  border-color: rgba(0, 0, 0, 0.45);
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.form button.secondary, .form-button-secondary{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  border-width: 1px;
  display: inline-block;
}

.form button.secondary:focus, .form-button-secondary:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.form button.secondary, .form-button-secondary{
  padding: 12px;
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
  text-decoration: none;
}

.form button.secondary:active, .form-button-secondary:active{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.form button.destructive, .form-button-destructive{
  --tw-bg-opacity: 1;
  background-color: rgba(246, 78, 52, var(--tw-bg-opacity));
  display: inline-block;
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.form button.destructive:focus, .form-button-destructive:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.form button.destructive, .form-button-destructive{
  padding: 12px;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  text-decoration: none;
}

.form button.destructive:hover, .form-button-destructive:hover{
  background-color: rgba(0, 0, 0, 0.45);
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.form button.destructive:active, .form-button-destructive:active{
  --tw-bg-opacity: 1;
  background-color: rgba(246, 78, 52, var(--tw-bg-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.form-inline-text-button {
  display: flex;
  padding-top: 24px;
  padding-bottom: 24px;
}

.form label.form-inline-text-button,
.form-label.form-inline-text-button {
  display: flex;
}

.form label.flex,
.form-label.flex {
  display: flex;
}

.form-inline-text-button input {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  border-color: rgba(0, 0, 0, 0.45);
  border-width: 1px;
  border-right-width: 0px;
  padding: 12px;
  width: 100%;
}

.form-inline-text-button input:focus {
  outline: none;
}

.form-inline-text-button input:focus::-moz-placeholder {
  opacity: 0.5;
}

.form-inline-text-button input:focus:-ms-input-placeholder {
  opacity: 0.5;
}

.form-inline-text-button input:focus::placeholder {
  opacity: 0.5;
}

.form-inline-text-button button {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  border-color: rgba(0, 0, 0, 0.45);
  border-width: 1px;
  border-left-width: 0px;
  flex: none;
  padding: 12px;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.form-inline-text-button button:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.radioselect li {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.form textarea {
  height: 10rem;
  width: 100%;
}

/* bodge: it's hard to apply this class directly with markdownx */

.form textarea[name="readme"] {
  height: 24rem;
}

.form span[data-form-field="monthly_spend_limit"] {
  position: relative;
}

.form span[data-form-field="monthly_spend_limit"]::before {
  position: absolute;
  left: 12px;
  z-index: 10;
  top: 13px;
  content: "$";
}

.form span[data-form-field="monthly_spend_limit"] input {
  padding-left: 24px;
}

.icon {
  display: inline;
  position: relative;
  top: -0.1em;
  width: 1.1em;
  height: 1.1em;
}

.markdown-base h1 {
    margin-bottom: 24px;
  }

.markdown-base h2 {
    margin-bottom: 24px;
    margin-top: 48px;
  }

.markdown-base h3 {
    margin-bottom: 12px;
    margin-top: 48px;
  }

.markdown-base h4 {
    margin-bottom: 12px;
    margin-top: 48px;
  }

.markdown-base h5 {
    margin-bottom: 12px;
    margin-top: 48px;
  }

.markdown-base h6 {
    margin-bottom: 12px;
    margin-top: 48px;
  }

.markdown-base table {
    font-size: 14px;
    line-height: 20px;
    margin-top: 24px;
    margin-bottom: 24px;
    table-layout: auto;
    width: 100%;
  }

.markdown-base table thead tr a,
.markdown-base atable thead tr {
    -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
            text-decoration-color: rgba(0, 0, 0, 0.1);
  }

.markdown-base .text-shade a,
.markdown-base a.text-shade {
    -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
            text-decoration-color: rgba(0, 0, 0, 0.1);
  }

.markdown-base table thead tr{
    border-bottom-width: 1px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: rgba(0, 0, 0, 0.45);
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    --tw-border-opacity: 0.1;
  }

.markdown-base table tbody tr:hover{
    background-color: rgba(0, 0, 0, 0.05);
  }

.markdown-base table tbody tr{
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    --tw-border-opacity: 0.1;
  }

.markdown-base table td, .markdown-base table th{
    font-weight: 400;
    padding: 0.5rem;
  }

.markdown-base p {
    margin-bottom: 24px;
  }

.markdown-base pre {
    /* see `.code` defined in code.css */
  }

.markdown-base pre:hover .group-hover\:bg-transparent{
    background-color: transparent;
  }

.markdown-base pre:hover .group-hover\:bg-current{
    background-color: currentColor;
  }

.markdown-base pre:hover .group-hover\:bg-brand{
    --tw-bg-opacity: 1;
    background-color: rgba(255, 247, 145, var(--tw-bg-opacity));
  }

.markdown-base pre:hover .group-hover\:bg-black{
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

.markdown-base pre:hover .group-hover\:bg-white{
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

.markdown-base pre:hover .group-hover\:bg-red{
    --tw-bg-opacity: 1;
    background-color: rgba(246, 78, 52, var(--tw-bg-opacity));
  }

.markdown-base pre:hover .group-hover\:bg-green{
    --tw-bg-opacity: 1;
    background-color: rgba(187, 236, 208, var(--tw-bg-opacity));
  }

.markdown-base pre:hover .group-hover\:bg-shade{
    background-color: rgba(0, 0, 0, 0.45);
  }

.markdown-base pre:hover .group-hover\:bg-bgshade{
    background-color: rgba(0, 0, 0, 0.05);
  }

.markdown-base pre:hover .group-hover\:bg-gray-50{
    --tw-bg-opacity: 1;
    background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
  }

.markdown-base pre:hover .group-hover\:bg-gray-100{
    --tw-bg-opacity: 1;
    background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
  }

.markdown-base pre:hover .group-hover\:bg-gray-200{
    --tw-bg-opacity: 1;
    background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
  }

.markdown-base pre:hover .group-hover\:bg-gray-300{
    --tw-bg-opacity: 1;
    background-color: rgba(212, 212, 216, var(--tw-bg-opacity));
  }

.markdown-base pre:hover .group-hover\:bg-gray-400{
    --tw-bg-opacity: 1;
    background-color: rgba(161, 161, 170, var(--tw-bg-opacity));
  }

.markdown-base pre:hover .group-hover\:bg-gray-500{
    --tw-bg-opacity: 1;
    background-color: rgba(113, 113, 122, var(--tw-bg-opacity));
  }

.markdown-base pre:hover .group-hover\:bg-gray-600{
    --tw-bg-opacity: 1;
    background-color: rgba(82, 82, 91, var(--tw-bg-opacity));
  }

.markdown-base pre:hover .group-hover\:bg-gray-700{
    --tw-bg-opacity: 1;
    background-color: rgba(63, 63, 70, var(--tw-bg-opacity));
  }

.markdown-base pre:hover .group-hover\:bg-gray-800{
    --tw-bg-opacity: 1;
    background-color: rgba(39, 39, 42, var(--tw-bg-opacity));
  }

.markdown-base pre:hover .group-hover\:bg-gray-900{
    --tw-bg-opacity: 1;
    background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
  }

.markdown-base pre:hover .group-hover\:bg-opacity-0{
    --tw-bg-opacity: 0;
  }

.markdown-base pre:hover .group-hover\:bg-opacity-5{
    --tw-bg-opacity: 0.05;
  }

.markdown-base pre:hover .group-hover\:bg-opacity-10{
    --tw-bg-opacity: 0.1;
  }

.markdown-base pre:hover .group-hover\:bg-opacity-20{
    --tw-bg-opacity: 0.2;
  }

.markdown-base pre:hover .group-hover\:bg-opacity-25{
    --tw-bg-opacity: 0.25;
  }

.markdown-base pre:hover .group-hover\:bg-opacity-30{
    --tw-bg-opacity: 0.3;
  }

.markdown-base pre:hover .group-hover\:bg-opacity-40{
    --tw-bg-opacity: 0.4;
  }

.markdown-base pre:hover .group-hover\:bg-opacity-50{
    --tw-bg-opacity: 0.5;
  }

.markdown-base pre:hover .group-hover\:bg-opacity-60{
    --tw-bg-opacity: 0.6;
  }

.markdown-base pre:hover .group-hover\:bg-opacity-70{
    --tw-bg-opacity: 0.7;
  }

.markdown-base pre:hover .group-hover\:bg-opacity-75{
    --tw-bg-opacity: 0.75;
  }

.markdown-base pre:hover .group-hover\:bg-opacity-80{
    --tw-bg-opacity: 0.8;
  }

.markdown-base pre:hover .group-hover\:bg-opacity-90{
    --tw-bg-opacity: 0.9;
  }

.markdown-base pre:hover .group-hover\:bg-opacity-95{
    --tw-bg-opacity: 0.95;
  }

.markdown-base pre:hover .group-hover\:bg-opacity-100{
    --tw-bg-opacity: 1;
  }

.markdown-base pre:hover .group-hover\:border-transparent{
    border-color: transparent;
  }

.markdown-base pre:hover .group-hover\:border-current{
    border-color: currentColor;
  }

.markdown-base pre:hover .group-hover\:border-brand{
    --tw-border-opacity: 1;
    border-color: rgba(255, 247, 145, var(--tw-border-opacity));
  }

.markdown-base pre:hover .group-hover\:border-black{
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

.markdown-base pre:hover .group-hover\:border-white{
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

.markdown-base pre:hover .group-hover\:border-red{
    --tw-border-opacity: 1;
    border-color: rgba(246, 78, 52, var(--tw-border-opacity));
  }

.markdown-base pre:hover .group-hover\:border-green{
    --tw-border-opacity: 1;
    border-color: rgba(187, 236, 208, var(--tw-border-opacity));
  }

.markdown-base pre:hover .group-hover\:border-shade{
    border-color: rgba(0, 0, 0, 0.45);
  }

.markdown-base pre:hover .group-hover\:border-bgshade{
    border-color: rgba(0, 0, 0, 0.05);
  }

.markdown-base pre:hover .group-hover\:border-gray-50{
    --tw-border-opacity: 1;
    border-color: rgba(250, 250, 250, var(--tw-border-opacity));
  }

.markdown-base pre:hover .group-hover\:border-gray-100{
    --tw-border-opacity: 1;
    border-color: rgba(244, 244, 245, var(--tw-border-opacity));
  }

.markdown-base pre:hover .group-hover\:border-gray-200{
    --tw-border-opacity: 1;
    border-color: rgba(228, 228, 231, var(--tw-border-opacity));
  }

.markdown-base pre:hover .group-hover\:border-gray-300{
    --tw-border-opacity: 1;
    border-color: rgba(212, 212, 216, var(--tw-border-opacity));
  }

.markdown-base pre:hover .group-hover\:border-gray-400{
    --tw-border-opacity: 1;
    border-color: rgba(161, 161, 170, var(--tw-border-opacity));
  }

.markdown-base pre:hover .group-hover\:border-gray-500{
    --tw-border-opacity: 1;
    border-color: rgba(113, 113, 122, var(--tw-border-opacity));
  }

.markdown-base pre:hover .group-hover\:border-gray-600{
    --tw-border-opacity: 1;
    border-color: rgba(82, 82, 91, var(--tw-border-opacity));
  }

.markdown-base pre:hover .group-hover\:border-gray-700{
    --tw-border-opacity: 1;
    border-color: rgba(63, 63, 70, var(--tw-border-opacity));
  }

.markdown-base pre:hover .group-hover\:border-gray-800{
    --tw-border-opacity: 1;
    border-color: rgba(39, 39, 42, var(--tw-border-opacity));
  }

.markdown-base pre:hover .group-hover\:border-gray-900{
    --tw-border-opacity: 1;
    border-color: rgba(24, 24, 27, var(--tw-border-opacity));
  }

.markdown-base pre:hover .group-hover\:border-opacity-0{
    --tw-border-opacity: 0;
  }

.markdown-base pre:hover .group-hover\:border-opacity-5{
    --tw-border-opacity: 0.05;
  }

.markdown-base pre:hover .group-hover\:border-opacity-10{
    --tw-border-opacity: 0.1;
  }

.markdown-base pre:hover .group-hover\:border-opacity-20{
    --tw-border-opacity: 0.2;
  }

.markdown-base pre:hover .group-hover\:border-opacity-25{
    --tw-border-opacity: 0.25;
  }

.markdown-base pre:hover .group-hover\:border-opacity-30{
    --tw-border-opacity: 0.3;
  }

.markdown-base pre:hover .group-hover\:border-opacity-40{
    --tw-border-opacity: 0.4;
  }

.markdown-base pre:hover .group-hover\:border-opacity-50{
    --tw-border-opacity: 0.5;
  }

.markdown-base pre:hover .group-hover\:border-opacity-60{
    --tw-border-opacity: 0.6;
  }

.markdown-base pre:hover .group-hover\:border-opacity-70{
    --tw-border-opacity: 0.7;
  }

.markdown-base pre:hover .group-hover\:border-opacity-75{
    --tw-border-opacity: 0.75;
  }

.markdown-base pre:hover .group-hover\:border-opacity-80{
    --tw-border-opacity: 0.8;
  }

.markdown-base pre:hover .group-hover\:border-opacity-90{
    --tw-border-opacity: 0.9;
  }

.markdown-base pre:hover .group-hover\:border-opacity-95{
    --tw-border-opacity: 0.95;
  }

.markdown-base pre:hover .group-hover\:border-opacity-100{
    --tw-border-opacity: 1;
  }

.markdown-base pre:hover .group-hover\:opacity-0{
    opacity: 0;
  }

.markdown-base pre:hover .group-hover\:opacity-5{
    opacity: 0.05;
  }

.markdown-base pre:hover .group-hover\:opacity-10{
    opacity: 0.1;
  }

.markdown-base pre:hover .group-hover\:opacity-20{
    opacity: 0.2;
  }

.markdown-base pre:hover .group-hover\:opacity-25{
    opacity: 0.25;
  }

.markdown-base pre:hover .group-hover\:opacity-30{
    opacity: 0.3;
  }

.markdown-base pre:hover .group-hover\:opacity-40{
    opacity: 0.4;
  }

.markdown-base pre:hover .group-hover\:opacity-50{
    opacity: 0.5;
  }

.markdown-base pre:hover .group-hover\:opacity-60{
    opacity: 0.6;
  }

.markdown-base pre:hover .group-hover\:opacity-70{
    opacity: 0.7;
  }

.markdown-base pre:hover .group-hover\:opacity-75{
    opacity: 0.75;
  }

.markdown-base pre:hover .group-hover\:opacity-80{
    opacity: 0.8;
  }

.markdown-base pre:hover .group-hover\:opacity-90{
    opacity: 0.9;
  }

.markdown-base pre:hover .group-hover\:opacity-95{
    opacity: 0.95;
  }

.markdown-base pre:hover .group-hover\:opacity-100{
    opacity: 1;
  }

.markdown-base pre{
    position: relative;
  }

.markdown-base pre:hover .group-hover\:shadow-sm{
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown-base pre:hover .group-hover\:shadow{
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown-base pre:hover .group-hover\:shadow-md{
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown-base pre:hover .group-hover\:shadow-lg{
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown-base pre:hover .group-hover\:shadow-xl{
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown-base pre:hover .group-hover\:shadow-2xl{
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown-base pre:hover .group-hover\:shadow-inner{
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown-base pre:hover .group-hover\:shadow-none{
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown-base pre:hover .group-hover\:text-transparent{
    color: transparent;
  }

.markdown-base pre:hover .group-hover\:text-current{
    color: currentColor;
  }

.markdown-base pre:hover .group-hover\:text-brand{
    --tw-text-opacity: 1;
    color: rgba(255, 247, 145, var(--tw-text-opacity));
  }

.markdown-base pre:hover .group-hover\:text-black{
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

.markdown-base pre:hover .group-hover\:text-white{
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

.markdown-base pre:hover .group-hover\:text-red{
    --tw-text-opacity: 1;
    color: rgba(246, 78, 52, var(--tw-text-opacity));
  }

.markdown-base pre:hover .group-hover\:text-green{
    --tw-text-opacity: 1;
    color: rgba(187, 236, 208, var(--tw-text-opacity));
  }

.markdown-base pre:hover .group-hover\:text-shade{
    color: rgba(0, 0, 0, 0.45);
  }

.markdown-base pre:hover .group-hover\:text-bgshade{
    color: rgba(0, 0, 0, 0.05);
  }

.markdown-base pre:hover .group-hover\:text-gray-50{
    --tw-text-opacity: 1;
    color: rgba(250, 250, 250, var(--tw-text-opacity));
  }

.markdown-base pre:hover .group-hover\:text-gray-100{
    --tw-text-opacity: 1;
    color: rgba(244, 244, 245, var(--tw-text-opacity));
  }

.markdown-base pre:hover .group-hover\:text-gray-200{
    --tw-text-opacity: 1;
    color: rgba(228, 228, 231, var(--tw-text-opacity));
  }

.markdown-base pre:hover .group-hover\:text-gray-300{
    --tw-text-opacity: 1;
    color: rgba(212, 212, 216, var(--tw-text-opacity));
  }

.markdown-base pre:hover .group-hover\:text-gray-400{
    --tw-text-opacity: 1;
    color: rgba(161, 161, 170, var(--tw-text-opacity));
  }

.markdown-base pre:hover .group-hover\:text-gray-500{
    --tw-text-opacity: 1;
    color: rgba(113, 113, 122, var(--tw-text-opacity));
  }

.markdown-base pre:hover .group-hover\:text-gray-600{
    --tw-text-opacity: 1;
    color: rgba(82, 82, 91, var(--tw-text-opacity));
  }

.markdown-base pre:hover .group-hover\:text-gray-700{
    --tw-text-opacity: 1;
    color: rgba(63, 63, 70, var(--tw-text-opacity));
  }

.markdown-base pre:hover .group-hover\:text-gray-800{
    --tw-text-opacity: 1;
    color: rgba(39, 39, 42, var(--tw-text-opacity));
  }

.markdown-base pre:hover .group-hover\:text-gray-900{
    --tw-text-opacity: 1;
    color: rgba(24, 24, 27, var(--tw-text-opacity));
  }

.markdown-base pre:hover .group-hover\:text-opacity-0{
    --tw-text-opacity: 0;
  }

.markdown-base pre:hover .group-hover\:text-opacity-5{
    --tw-text-opacity: 0.05;
  }

.markdown-base pre:hover .group-hover\:text-opacity-10{
    --tw-text-opacity: 0.1;
  }

.markdown-base pre:hover .group-hover\:text-opacity-20{
    --tw-text-opacity: 0.2;
  }

.markdown-base pre:hover .group-hover\:text-opacity-25{
    --tw-text-opacity: 0.25;
  }

.markdown-base pre:hover .group-hover\:text-opacity-30{
    --tw-text-opacity: 0.3;
  }

.markdown-base pre:hover .group-hover\:text-opacity-40{
    --tw-text-opacity: 0.4;
  }

.markdown-base pre:hover .group-hover\:text-opacity-50{
    --tw-text-opacity: 0.5;
  }

.markdown-base pre:hover .group-hover\:text-opacity-60{
    --tw-text-opacity: 0.6;
  }

.markdown-base pre:hover .group-hover\:text-opacity-70{
    --tw-text-opacity: 0.7;
  }

.markdown-base pre:hover .group-hover\:text-opacity-75{
    --tw-text-opacity: 0.75;
  }

.markdown-base pre:hover .group-hover\:text-opacity-80{
    --tw-text-opacity: 0.8;
  }

.markdown-base pre:hover .group-hover\:text-opacity-90{
    --tw-text-opacity: 0.9;
  }

.markdown-base pre:hover .group-hover\:text-opacity-95{
    --tw-text-opacity: 0.95;
  }

.markdown-base pre:hover .group-hover\:text-opacity-100{
    --tw-text-opacity: 1;
  }

.markdown-base pre:hover .group-hover\:underline{
    text-decoration: underline;
  }

.markdown-base pre:hover .group-hover\:line-through{
    text-decoration: line-through;
  }

.markdown-base pre:hover .group-hover\:no-underline{
    text-decoration: none;
  }

.markdown-base pre:hover .group-hover\:visible{
    visibility: visible;
  }

.markdown-base pre:hover .group-hover\:invisible{
    visibility: hidden;
  }

.markdown-base pre {
    background-color: rgba(0, 0, 0, 0.05);
    margin-bottom: 24px;
    overflow-x: auto;
    padding: 0.5rem;
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

@media (min-width: 768px){
    .markdown-base pre{
      padding: 1rem;
    }
  }

.markdown-base pre code {
    /* regular CSS because tailwind bg-none doesn't do the right thing */
    background: none;
  }

@media (min-width: 640px){
    .markdown-base pre:hover .sm\:group-hover\:bg-transparent{
      background-color: transparent;
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-current{
      background-color: currentColor;
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-brand{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 247, 145, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-black{
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-white{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-red{
      --tw-bg-opacity: 1;
      background-color: rgba(246, 78, 52, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-green{
      --tw-bg-opacity: 1;
      background-color: rgba(187, 236, 208, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-shade{
      background-color: rgba(0, 0, 0, 0.45);
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-bgshade{
      background-color: rgba(0, 0, 0, 0.05);
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-gray-50{
      --tw-bg-opacity: 1;
      background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-gray-100{
      --tw-bg-opacity: 1;
      background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-gray-200{
      --tw-bg-opacity: 1;
      background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-gray-300{
      --tw-bg-opacity: 1;
      background-color: rgba(212, 212, 216, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-gray-400{
      --tw-bg-opacity: 1;
      background-color: rgba(161, 161, 170, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-gray-500{
      --tw-bg-opacity: 1;
      background-color: rgba(113, 113, 122, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-gray-600{
      --tw-bg-opacity: 1;
      background-color: rgba(82, 82, 91, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-gray-700{
      --tw-bg-opacity: 1;
      background-color: rgba(63, 63, 70, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-gray-800{
      --tw-bg-opacity: 1;
      background-color: rgba(39, 39, 42, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-gray-900{
      --tw-bg-opacity: 1;
      background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-opacity-0{
      --tw-bg-opacity: 0;
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-opacity-5{
      --tw-bg-opacity: 0.05;
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-opacity-10{
      --tw-bg-opacity: 0.1;
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-opacity-20{
      --tw-bg-opacity: 0.2;
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-opacity-25{
      --tw-bg-opacity: 0.25;
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-opacity-30{
      --tw-bg-opacity: 0.3;
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-opacity-40{
      --tw-bg-opacity: 0.4;
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-opacity-50{
      --tw-bg-opacity: 0.5;
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-opacity-60{
      --tw-bg-opacity: 0.6;
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-opacity-70{
      --tw-bg-opacity: 0.7;
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-opacity-75{
      --tw-bg-opacity: 0.75;
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-opacity-80{
      --tw-bg-opacity: 0.8;
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-opacity-90{
      --tw-bg-opacity: 0.9;
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-opacity-95{
      --tw-bg-opacity: 0.95;
    }

    .markdown-base pre:hover .sm\:group-hover\:bg-opacity-100{
      --tw-bg-opacity: 1;
    }

    .markdown-base pre:hover .sm\:group-hover\:border-transparent{
      border-color: transparent;
    }

    .markdown-base pre:hover .sm\:group-hover\:border-current{
      border-color: currentColor;
    }

    .markdown-base pre:hover .sm\:group-hover\:border-brand{
      --tw-border-opacity: 1;
      border-color: rgba(255, 247, 145, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:border-black{
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:border-white{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:border-red{
      --tw-border-opacity: 1;
      border-color: rgba(246, 78, 52, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:border-green{
      --tw-border-opacity: 1;
      border-color: rgba(187, 236, 208, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:border-shade{
      border-color: rgba(0, 0, 0, 0.45);
    }

    .markdown-base pre:hover .sm\:group-hover\:border-bgshade{
      border-color: rgba(0, 0, 0, 0.05);
    }

    .markdown-base pre:hover .sm\:group-hover\:border-gray-50{
      --tw-border-opacity: 1;
      border-color: rgba(250, 250, 250, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:border-gray-100{
      --tw-border-opacity: 1;
      border-color: rgba(244, 244, 245, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:border-gray-200{
      --tw-border-opacity: 1;
      border-color: rgba(228, 228, 231, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:border-gray-300{
      --tw-border-opacity: 1;
      border-color: rgba(212, 212, 216, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:border-gray-400{
      --tw-border-opacity: 1;
      border-color: rgba(161, 161, 170, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:border-gray-500{
      --tw-border-opacity: 1;
      border-color: rgba(113, 113, 122, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:border-gray-600{
      --tw-border-opacity: 1;
      border-color: rgba(82, 82, 91, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:border-gray-700{
      --tw-border-opacity: 1;
      border-color: rgba(63, 63, 70, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:border-gray-800{
      --tw-border-opacity: 1;
      border-color: rgba(39, 39, 42, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:border-gray-900{
      --tw-border-opacity: 1;
      border-color: rgba(24, 24, 27, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:border-opacity-0{
      --tw-border-opacity: 0;
    }

    .markdown-base pre:hover .sm\:group-hover\:border-opacity-5{
      --tw-border-opacity: 0.05;
    }

    .markdown-base pre:hover .sm\:group-hover\:border-opacity-10{
      --tw-border-opacity: 0.1;
    }

    .markdown-base pre:hover .sm\:group-hover\:border-opacity-20{
      --tw-border-opacity: 0.2;
    }

    .markdown-base pre:hover .sm\:group-hover\:border-opacity-25{
      --tw-border-opacity: 0.25;
    }

    .markdown-base pre:hover .sm\:group-hover\:border-opacity-30{
      --tw-border-opacity: 0.3;
    }

    .markdown-base pre:hover .sm\:group-hover\:border-opacity-40{
      --tw-border-opacity: 0.4;
    }

    .markdown-base pre:hover .sm\:group-hover\:border-opacity-50{
      --tw-border-opacity: 0.5;
    }

    .markdown-base pre:hover .sm\:group-hover\:border-opacity-60{
      --tw-border-opacity: 0.6;
    }

    .markdown-base pre:hover .sm\:group-hover\:border-opacity-70{
      --tw-border-opacity: 0.7;
    }

    .markdown-base pre:hover .sm\:group-hover\:border-opacity-75{
      --tw-border-opacity: 0.75;
    }

    .markdown-base pre:hover .sm\:group-hover\:border-opacity-80{
      --tw-border-opacity: 0.8;
    }

    .markdown-base pre:hover .sm\:group-hover\:border-opacity-90{
      --tw-border-opacity: 0.9;
    }

    .markdown-base pre:hover .sm\:group-hover\:border-opacity-95{
      --tw-border-opacity: 0.95;
    }

    .markdown-base pre:hover .sm\:group-hover\:border-opacity-100{
      --tw-border-opacity: 1;
    }

    .markdown-base pre:hover .sm\:group-hover\:opacity-0{
      opacity: 0;
    }

    .markdown-base pre:hover .sm\:group-hover\:opacity-5{
      opacity: 0.05;
    }

    .markdown-base pre:hover .sm\:group-hover\:opacity-10{
      opacity: 0.1;
    }

    .markdown-base pre:hover .sm\:group-hover\:opacity-20{
      opacity: 0.2;
    }

    .markdown-base pre:hover .sm\:group-hover\:opacity-25{
      opacity: 0.25;
    }

    .markdown-base pre:hover .sm\:group-hover\:opacity-30{
      opacity: 0.3;
    }

    .markdown-base pre:hover .sm\:group-hover\:opacity-40{
      opacity: 0.4;
    }

    .markdown-base pre:hover .sm\:group-hover\:opacity-50{
      opacity: 0.5;
    }

    .markdown-base pre:hover .sm\:group-hover\:opacity-60{
      opacity: 0.6;
    }

    .markdown-base pre:hover .sm\:group-hover\:opacity-70{
      opacity: 0.7;
    }

    .markdown-base pre:hover .sm\:group-hover\:opacity-75{
      opacity: 0.75;
    }

    .markdown-base pre:hover .sm\:group-hover\:opacity-80{
      opacity: 0.8;
    }

    .markdown-base pre:hover .sm\:group-hover\:opacity-90{
      opacity: 0.9;
    }

    .markdown-base pre:hover .sm\:group-hover\:opacity-95{
      opacity: 0.95;
    }

    .markdown-base pre:hover .sm\:group-hover\:opacity-100{
      opacity: 1;
    }

    .markdown-base pre:hover .sm\:group-hover\:shadow-sm{
      --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .sm\:group-hover\:shadow{
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .sm\:group-hover\:shadow-md{
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .sm\:group-hover\:shadow-lg{
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .sm\:group-hover\:shadow-xl{
      --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .sm\:group-hover\:shadow-2xl{
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .sm\:group-hover\:shadow-inner{
      --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .sm\:group-hover\:shadow-none{
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .sm\:group-hover\:text-transparent{
      color: transparent;
    }

    .markdown-base pre:hover .sm\:group-hover\:text-current{
      color: currentColor;
    }

    .markdown-base pre:hover .sm\:group-hover\:text-brand{
      --tw-text-opacity: 1;
      color: rgba(255, 247, 145, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:text-black{
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:text-white{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:text-red{
      --tw-text-opacity: 1;
      color: rgba(246, 78, 52, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:text-green{
      --tw-text-opacity: 1;
      color: rgba(187, 236, 208, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:text-shade{
      color: rgba(0, 0, 0, 0.45);
    }

    .markdown-base pre:hover .sm\:group-hover\:text-bgshade{
      color: rgba(0, 0, 0, 0.05);
    }

    .markdown-base pre:hover .sm\:group-hover\:text-gray-50{
      --tw-text-opacity: 1;
      color: rgba(250, 250, 250, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:text-gray-100{
      --tw-text-opacity: 1;
      color: rgba(244, 244, 245, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:text-gray-200{
      --tw-text-opacity: 1;
      color: rgba(228, 228, 231, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:text-gray-300{
      --tw-text-opacity: 1;
      color: rgba(212, 212, 216, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:text-gray-400{
      --tw-text-opacity: 1;
      color: rgba(161, 161, 170, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:text-gray-500{
      --tw-text-opacity: 1;
      color: rgba(113, 113, 122, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:text-gray-600{
      --tw-text-opacity: 1;
      color: rgba(82, 82, 91, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:text-gray-700{
      --tw-text-opacity: 1;
      color: rgba(63, 63, 70, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:text-gray-800{
      --tw-text-opacity: 1;
      color: rgba(39, 39, 42, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:text-gray-900{
      --tw-text-opacity: 1;
      color: rgba(24, 24, 27, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .sm\:group-hover\:text-opacity-0{
      --tw-text-opacity: 0;
    }

    .markdown-base pre:hover .sm\:group-hover\:text-opacity-5{
      --tw-text-opacity: 0.05;
    }

    .markdown-base pre:hover .sm\:group-hover\:text-opacity-10{
      --tw-text-opacity: 0.1;
    }

    .markdown-base pre:hover .sm\:group-hover\:text-opacity-20{
      --tw-text-opacity: 0.2;
    }

    .markdown-base pre:hover .sm\:group-hover\:text-opacity-25{
      --tw-text-opacity: 0.25;
    }

    .markdown-base pre:hover .sm\:group-hover\:text-opacity-30{
      --tw-text-opacity: 0.3;
    }

    .markdown-base pre:hover .sm\:group-hover\:text-opacity-40{
      --tw-text-opacity: 0.4;
    }

    .markdown-base pre:hover .sm\:group-hover\:text-opacity-50{
      --tw-text-opacity: 0.5;
    }

    .markdown-base pre:hover .sm\:group-hover\:text-opacity-60{
      --tw-text-opacity: 0.6;
    }

    .markdown-base pre:hover .sm\:group-hover\:text-opacity-70{
      --tw-text-opacity: 0.7;
    }

    .markdown-base pre:hover .sm\:group-hover\:text-opacity-75{
      --tw-text-opacity: 0.75;
    }

    .markdown-base pre:hover .sm\:group-hover\:text-opacity-80{
      --tw-text-opacity: 0.8;
    }

    .markdown-base pre:hover .sm\:group-hover\:text-opacity-90{
      --tw-text-opacity: 0.9;
    }

    .markdown-base pre:hover .sm\:group-hover\:text-opacity-95{
      --tw-text-opacity: 0.95;
    }

    .markdown-base pre:hover .sm\:group-hover\:text-opacity-100{
      --tw-text-opacity: 1;
    }

    .markdown-base pre:hover .sm\:group-hover\:underline{
      text-decoration: underline;
    }

    .markdown-base pre:hover .sm\:group-hover\:line-through{
      text-decoration: line-through;
    }

    .markdown-base pre:hover .sm\:group-hover\:no-underline{
      text-decoration: none;
    }

    .markdown-base pre:hover .sm\:group-hover\:visible{
      visibility: visible;
    }

    .markdown-base pre:hover .sm\:group-hover\:invisible{
      visibility: hidden;
    }
  }

@media (min-width: 768px){
    .markdown-base pre:hover .md\:group-hover\:bg-transparent{
      background-color: transparent;
    }

    .markdown-base pre:hover .md\:group-hover\:bg-current{
      background-color: currentColor;
    }

    .markdown-base pre:hover .md\:group-hover\:bg-brand{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 247, 145, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:bg-black{
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:bg-white{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:bg-red{
      --tw-bg-opacity: 1;
      background-color: rgba(246, 78, 52, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:bg-green{
      --tw-bg-opacity: 1;
      background-color: rgba(187, 236, 208, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:bg-shade{
      background-color: rgba(0, 0, 0, 0.45);
    }

    .markdown-base pre:hover .md\:group-hover\:bg-bgshade{
      background-color: rgba(0, 0, 0, 0.05);
    }

    .markdown-base pre:hover .md\:group-hover\:bg-gray-50{
      --tw-bg-opacity: 1;
      background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:bg-gray-100{
      --tw-bg-opacity: 1;
      background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:bg-gray-200{
      --tw-bg-opacity: 1;
      background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:bg-gray-300{
      --tw-bg-opacity: 1;
      background-color: rgba(212, 212, 216, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:bg-gray-400{
      --tw-bg-opacity: 1;
      background-color: rgba(161, 161, 170, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:bg-gray-500{
      --tw-bg-opacity: 1;
      background-color: rgba(113, 113, 122, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:bg-gray-600{
      --tw-bg-opacity: 1;
      background-color: rgba(82, 82, 91, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:bg-gray-700{
      --tw-bg-opacity: 1;
      background-color: rgba(63, 63, 70, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:bg-gray-800{
      --tw-bg-opacity: 1;
      background-color: rgba(39, 39, 42, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:bg-gray-900{
      --tw-bg-opacity: 1;
      background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:bg-opacity-0{
      --tw-bg-opacity: 0;
    }

    .markdown-base pre:hover .md\:group-hover\:bg-opacity-5{
      --tw-bg-opacity: 0.05;
    }

    .markdown-base pre:hover .md\:group-hover\:bg-opacity-10{
      --tw-bg-opacity: 0.1;
    }

    .markdown-base pre:hover .md\:group-hover\:bg-opacity-20{
      --tw-bg-opacity: 0.2;
    }

    .markdown-base pre:hover .md\:group-hover\:bg-opacity-25{
      --tw-bg-opacity: 0.25;
    }

    .markdown-base pre:hover .md\:group-hover\:bg-opacity-30{
      --tw-bg-opacity: 0.3;
    }

    .markdown-base pre:hover .md\:group-hover\:bg-opacity-40{
      --tw-bg-opacity: 0.4;
    }

    .markdown-base pre:hover .md\:group-hover\:bg-opacity-50{
      --tw-bg-opacity: 0.5;
    }

    .markdown-base pre:hover .md\:group-hover\:bg-opacity-60{
      --tw-bg-opacity: 0.6;
    }

    .markdown-base pre:hover .md\:group-hover\:bg-opacity-70{
      --tw-bg-opacity: 0.7;
    }

    .markdown-base pre:hover .md\:group-hover\:bg-opacity-75{
      --tw-bg-opacity: 0.75;
    }

    .markdown-base pre:hover .md\:group-hover\:bg-opacity-80{
      --tw-bg-opacity: 0.8;
    }

    .markdown-base pre:hover .md\:group-hover\:bg-opacity-90{
      --tw-bg-opacity: 0.9;
    }

    .markdown-base pre:hover .md\:group-hover\:bg-opacity-95{
      --tw-bg-opacity: 0.95;
    }

    .markdown-base pre:hover .md\:group-hover\:bg-opacity-100{
      --tw-bg-opacity: 1;
    }

    .markdown-base pre:hover .md\:group-hover\:border-transparent{
      border-color: transparent;
    }

    .markdown-base pre:hover .md\:group-hover\:border-current{
      border-color: currentColor;
    }

    .markdown-base pre:hover .md\:group-hover\:border-brand{
      --tw-border-opacity: 1;
      border-color: rgba(255, 247, 145, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:border-black{
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:border-white{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:border-red{
      --tw-border-opacity: 1;
      border-color: rgba(246, 78, 52, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:border-green{
      --tw-border-opacity: 1;
      border-color: rgba(187, 236, 208, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:border-shade{
      border-color: rgba(0, 0, 0, 0.45);
    }

    .markdown-base pre:hover .md\:group-hover\:border-bgshade{
      border-color: rgba(0, 0, 0, 0.05);
    }

    .markdown-base pre:hover .md\:group-hover\:border-gray-50{
      --tw-border-opacity: 1;
      border-color: rgba(250, 250, 250, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:border-gray-100{
      --tw-border-opacity: 1;
      border-color: rgba(244, 244, 245, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:border-gray-200{
      --tw-border-opacity: 1;
      border-color: rgba(228, 228, 231, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:border-gray-300{
      --tw-border-opacity: 1;
      border-color: rgba(212, 212, 216, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:border-gray-400{
      --tw-border-opacity: 1;
      border-color: rgba(161, 161, 170, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:border-gray-500{
      --tw-border-opacity: 1;
      border-color: rgba(113, 113, 122, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:border-gray-600{
      --tw-border-opacity: 1;
      border-color: rgba(82, 82, 91, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:border-gray-700{
      --tw-border-opacity: 1;
      border-color: rgba(63, 63, 70, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:border-gray-800{
      --tw-border-opacity: 1;
      border-color: rgba(39, 39, 42, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:border-gray-900{
      --tw-border-opacity: 1;
      border-color: rgba(24, 24, 27, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:border-opacity-0{
      --tw-border-opacity: 0;
    }

    .markdown-base pre:hover .md\:group-hover\:border-opacity-5{
      --tw-border-opacity: 0.05;
    }

    .markdown-base pre:hover .md\:group-hover\:border-opacity-10{
      --tw-border-opacity: 0.1;
    }

    .markdown-base pre:hover .md\:group-hover\:border-opacity-20{
      --tw-border-opacity: 0.2;
    }

    .markdown-base pre:hover .md\:group-hover\:border-opacity-25{
      --tw-border-opacity: 0.25;
    }

    .markdown-base pre:hover .md\:group-hover\:border-opacity-30{
      --tw-border-opacity: 0.3;
    }

    .markdown-base pre:hover .md\:group-hover\:border-opacity-40{
      --tw-border-opacity: 0.4;
    }

    .markdown-base pre:hover .md\:group-hover\:border-opacity-50{
      --tw-border-opacity: 0.5;
    }

    .markdown-base pre:hover .md\:group-hover\:border-opacity-60{
      --tw-border-opacity: 0.6;
    }

    .markdown-base pre:hover .md\:group-hover\:border-opacity-70{
      --tw-border-opacity: 0.7;
    }

    .markdown-base pre:hover .md\:group-hover\:border-opacity-75{
      --tw-border-opacity: 0.75;
    }

    .markdown-base pre:hover .md\:group-hover\:border-opacity-80{
      --tw-border-opacity: 0.8;
    }

    .markdown-base pre:hover .md\:group-hover\:border-opacity-90{
      --tw-border-opacity: 0.9;
    }

    .markdown-base pre:hover .md\:group-hover\:border-opacity-95{
      --tw-border-opacity: 0.95;
    }

    .markdown-base pre:hover .md\:group-hover\:border-opacity-100{
      --tw-border-opacity: 1;
    }

    .markdown-base pre:hover .md\:group-hover\:opacity-0{
      opacity: 0;
    }

    .markdown-base pre:hover .md\:group-hover\:opacity-5{
      opacity: 0.05;
    }

    .markdown-base pre:hover .md\:group-hover\:opacity-10{
      opacity: 0.1;
    }

    .markdown-base pre:hover .md\:group-hover\:opacity-20{
      opacity: 0.2;
    }

    .markdown-base pre:hover .md\:group-hover\:opacity-25{
      opacity: 0.25;
    }

    .markdown-base pre:hover .md\:group-hover\:opacity-30{
      opacity: 0.3;
    }

    .markdown-base pre:hover .md\:group-hover\:opacity-40{
      opacity: 0.4;
    }

    .markdown-base pre:hover .md\:group-hover\:opacity-50{
      opacity: 0.5;
    }

    .markdown-base pre:hover .md\:group-hover\:opacity-60{
      opacity: 0.6;
    }

    .markdown-base pre:hover .md\:group-hover\:opacity-70{
      opacity: 0.7;
    }

    .markdown-base pre:hover .md\:group-hover\:opacity-75{
      opacity: 0.75;
    }

    .markdown-base pre:hover .md\:group-hover\:opacity-80{
      opacity: 0.8;
    }

    .markdown-base pre:hover .md\:group-hover\:opacity-90{
      opacity: 0.9;
    }

    .markdown-base pre:hover .md\:group-hover\:opacity-95{
      opacity: 0.95;
    }

    .markdown-base pre:hover .md\:group-hover\:opacity-100{
      opacity: 1;
    }

    .markdown-base pre:hover .md\:group-hover\:shadow-sm{
      --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .md\:group-hover\:shadow{
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .md\:group-hover\:shadow-md{
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .md\:group-hover\:shadow-lg{
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .md\:group-hover\:shadow-xl{
      --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .md\:group-hover\:shadow-2xl{
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .md\:group-hover\:shadow-inner{
      --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .md\:group-hover\:shadow-none{
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .md\:group-hover\:text-transparent{
      color: transparent;
    }

    .markdown-base pre:hover .md\:group-hover\:text-current{
      color: currentColor;
    }

    .markdown-base pre:hover .md\:group-hover\:text-brand{
      --tw-text-opacity: 1;
      color: rgba(255, 247, 145, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:text-black{
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:text-white{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:text-red{
      --tw-text-opacity: 1;
      color: rgba(246, 78, 52, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:text-green{
      --tw-text-opacity: 1;
      color: rgba(187, 236, 208, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:text-shade{
      color: rgba(0, 0, 0, 0.45);
    }

    .markdown-base pre:hover .md\:group-hover\:text-bgshade{
      color: rgba(0, 0, 0, 0.05);
    }

    .markdown-base pre:hover .md\:group-hover\:text-gray-50{
      --tw-text-opacity: 1;
      color: rgba(250, 250, 250, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:text-gray-100{
      --tw-text-opacity: 1;
      color: rgba(244, 244, 245, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:text-gray-200{
      --tw-text-opacity: 1;
      color: rgba(228, 228, 231, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:text-gray-300{
      --tw-text-opacity: 1;
      color: rgba(212, 212, 216, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:text-gray-400{
      --tw-text-opacity: 1;
      color: rgba(161, 161, 170, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:text-gray-500{
      --tw-text-opacity: 1;
      color: rgba(113, 113, 122, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:text-gray-600{
      --tw-text-opacity: 1;
      color: rgba(82, 82, 91, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:text-gray-700{
      --tw-text-opacity: 1;
      color: rgba(63, 63, 70, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:text-gray-800{
      --tw-text-opacity: 1;
      color: rgba(39, 39, 42, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:text-gray-900{
      --tw-text-opacity: 1;
      color: rgba(24, 24, 27, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .md\:group-hover\:text-opacity-0{
      --tw-text-opacity: 0;
    }

    .markdown-base pre:hover .md\:group-hover\:text-opacity-5{
      --tw-text-opacity: 0.05;
    }

    .markdown-base pre:hover .md\:group-hover\:text-opacity-10{
      --tw-text-opacity: 0.1;
    }

    .markdown-base pre:hover .md\:group-hover\:text-opacity-20{
      --tw-text-opacity: 0.2;
    }

    .markdown-base pre:hover .md\:group-hover\:text-opacity-25{
      --tw-text-opacity: 0.25;
    }

    .markdown-base pre:hover .md\:group-hover\:text-opacity-30{
      --tw-text-opacity: 0.3;
    }

    .markdown-base pre:hover .md\:group-hover\:text-opacity-40{
      --tw-text-opacity: 0.4;
    }

    .markdown-base pre:hover .md\:group-hover\:text-opacity-50{
      --tw-text-opacity: 0.5;
    }

    .markdown-base pre:hover .md\:group-hover\:text-opacity-60{
      --tw-text-opacity: 0.6;
    }

    .markdown-base pre:hover .md\:group-hover\:text-opacity-70{
      --tw-text-opacity: 0.7;
    }

    .markdown-base pre:hover .md\:group-hover\:text-opacity-75{
      --tw-text-opacity: 0.75;
    }

    .markdown-base pre:hover .md\:group-hover\:text-opacity-80{
      --tw-text-opacity: 0.8;
    }

    .markdown-base pre:hover .md\:group-hover\:text-opacity-90{
      --tw-text-opacity: 0.9;
    }

    .markdown-base pre:hover .md\:group-hover\:text-opacity-95{
      --tw-text-opacity: 0.95;
    }

    .markdown-base pre:hover .md\:group-hover\:text-opacity-100{
      --tw-text-opacity: 1;
    }

    .markdown-base pre:hover .md\:group-hover\:underline{
      text-decoration: underline;
    }

    .markdown-base pre:hover .md\:group-hover\:line-through{
      text-decoration: line-through;
    }

    .markdown-base pre:hover .md\:group-hover\:no-underline{
      text-decoration: none;
    }

    .markdown-base pre:hover .md\:group-hover\:visible{
      visibility: visible;
    }

    .markdown-base pre:hover .md\:group-hover\:invisible{
      visibility: hidden;
    }
  }

@media (min-width: 1024px){
    .markdown-base pre:hover .lg\:group-hover\:bg-transparent{
      background-color: transparent;
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-current{
      background-color: currentColor;
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-brand{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 247, 145, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-black{
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-white{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-red{
      --tw-bg-opacity: 1;
      background-color: rgba(246, 78, 52, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-green{
      --tw-bg-opacity: 1;
      background-color: rgba(187, 236, 208, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-shade{
      background-color: rgba(0, 0, 0, 0.45);
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-bgshade{
      background-color: rgba(0, 0, 0, 0.05);
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-gray-50{
      --tw-bg-opacity: 1;
      background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-gray-100{
      --tw-bg-opacity: 1;
      background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-gray-200{
      --tw-bg-opacity: 1;
      background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-gray-300{
      --tw-bg-opacity: 1;
      background-color: rgba(212, 212, 216, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-gray-400{
      --tw-bg-opacity: 1;
      background-color: rgba(161, 161, 170, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-gray-500{
      --tw-bg-opacity: 1;
      background-color: rgba(113, 113, 122, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-gray-600{
      --tw-bg-opacity: 1;
      background-color: rgba(82, 82, 91, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-gray-700{
      --tw-bg-opacity: 1;
      background-color: rgba(63, 63, 70, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-gray-800{
      --tw-bg-opacity: 1;
      background-color: rgba(39, 39, 42, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-gray-900{
      --tw-bg-opacity: 1;
      background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-opacity-0{
      --tw-bg-opacity: 0;
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-opacity-5{
      --tw-bg-opacity: 0.05;
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-opacity-10{
      --tw-bg-opacity: 0.1;
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-opacity-20{
      --tw-bg-opacity: 0.2;
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-opacity-25{
      --tw-bg-opacity: 0.25;
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-opacity-30{
      --tw-bg-opacity: 0.3;
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-opacity-40{
      --tw-bg-opacity: 0.4;
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-opacity-50{
      --tw-bg-opacity: 0.5;
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-opacity-60{
      --tw-bg-opacity: 0.6;
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-opacity-70{
      --tw-bg-opacity: 0.7;
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-opacity-75{
      --tw-bg-opacity: 0.75;
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-opacity-80{
      --tw-bg-opacity: 0.8;
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-opacity-90{
      --tw-bg-opacity: 0.9;
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-opacity-95{
      --tw-bg-opacity: 0.95;
    }

    .markdown-base pre:hover .lg\:group-hover\:bg-opacity-100{
      --tw-bg-opacity: 1;
    }

    .markdown-base pre:hover .lg\:group-hover\:border-transparent{
      border-color: transparent;
    }

    .markdown-base pre:hover .lg\:group-hover\:border-current{
      border-color: currentColor;
    }

    .markdown-base pre:hover .lg\:group-hover\:border-brand{
      --tw-border-opacity: 1;
      border-color: rgba(255, 247, 145, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:border-black{
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:border-white{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:border-red{
      --tw-border-opacity: 1;
      border-color: rgba(246, 78, 52, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:border-green{
      --tw-border-opacity: 1;
      border-color: rgba(187, 236, 208, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:border-shade{
      border-color: rgba(0, 0, 0, 0.45);
    }

    .markdown-base pre:hover .lg\:group-hover\:border-bgshade{
      border-color: rgba(0, 0, 0, 0.05);
    }

    .markdown-base pre:hover .lg\:group-hover\:border-gray-50{
      --tw-border-opacity: 1;
      border-color: rgba(250, 250, 250, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:border-gray-100{
      --tw-border-opacity: 1;
      border-color: rgba(244, 244, 245, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:border-gray-200{
      --tw-border-opacity: 1;
      border-color: rgba(228, 228, 231, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:border-gray-300{
      --tw-border-opacity: 1;
      border-color: rgba(212, 212, 216, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:border-gray-400{
      --tw-border-opacity: 1;
      border-color: rgba(161, 161, 170, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:border-gray-500{
      --tw-border-opacity: 1;
      border-color: rgba(113, 113, 122, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:border-gray-600{
      --tw-border-opacity: 1;
      border-color: rgba(82, 82, 91, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:border-gray-700{
      --tw-border-opacity: 1;
      border-color: rgba(63, 63, 70, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:border-gray-800{
      --tw-border-opacity: 1;
      border-color: rgba(39, 39, 42, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:border-gray-900{
      --tw-border-opacity: 1;
      border-color: rgba(24, 24, 27, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:border-opacity-0{
      --tw-border-opacity: 0;
    }

    .markdown-base pre:hover .lg\:group-hover\:border-opacity-5{
      --tw-border-opacity: 0.05;
    }

    .markdown-base pre:hover .lg\:group-hover\:border-opacity-10{
      --tw-border-opacity: 0.1;
    }

    .markdown-base pre:hover .lg\:group-hover\:border-opacity-20{
      --tw-border-opacity: 0.2;
    }

    .markdown-base pre:hover .lg\:group-hover\:border-opacity-25{
      --tw-border-opacity: 0.25;
    }

    .markdown-base pre:hover .lg\:group-hover\:border-opacity-30{
      --tw-border-opacity: 0.3;
    }

    .markdown-base pre:hover .lg\:group-hover\:border-opacity-40{
      --tw-border-opacity: 0.4;
    }

    .markdown-base pre:hover .lg\:group-hover\:border-opacity-50{
      --tw-border-opacity: 0.5;
    }

    .markdown-base pre:hover .lg\:group-hover\:border-opacity-60{
      --tw-border-opacity: 0.6;
    }

    .markdown-base pre:hover .lg\:group-hover\:border-opacity-70{
      --tw-border-opacity: 0.7;
    }

    .markdown-base pre:hover .lg\:group-hover\:border-opacity-75{
      --tw-border-opacity: 0.75;
    }

    .markdown-base pre:hover .lg\:group-hover\:border-opacity-80{
      --tw-border-opacity: 0.8;
    }

    .markdown-base pre:hover .lg\:group-hover\:border-opacity-90{
      --tw-border-opacity: 0.9;
    }

    .markdown-base pre:hover .lg\:group-hover\:border-opacity-95{
      --tw-border-opacity: 0.95;
    }

    .markdown-base pre:hover .lg\:group-hover\:border-opacity-100{
      --tw-border-opacity: 1;
    }

    .markdown-base pre:hover .lg\:group-hover\:opacity-0{
      opacity: 0;
    }

    .markdown-base pre:hover .lg\:group-hover\:opacity-5{
      opacity: 0.05;
    }

    .markdown-base pre:hover .lg\:group-hover\:opacity-10{
      opacity: 0.1;
    }

    .markdown-base pre:hover .lg\:group-hover\:opacity-20{
      opacity: 0.2;
    }

    .markdown-base pre:hover .lg\:group-hover\:opacity-25{
      opacity: 0.25;
    }

    .markdown-base pre:hover .lg\:group-hover\:opacity-30{
      opacity: 0.3;
    }

    .markdown-base pre:hover .lg\:group-hover\:opacity-40{
      opacity: 0.4;
    }

    .markdown-base pre:hover .lg\:group-hover\:opacity-50{
      opacity: 0.5;
    }

    .markdown-base pre:hover .lg\:group-hover\:opacity-60{
      opacity: 0.6;
    }

    .markdown-base pre:hover .lg\:group-hover\:opacity-70{
      opacity: 0.7;
    }

    .markdown-base pre:hover .lg\:group-hover\:opacity-75{
      opacity: 0.75;
    }

    .markdown-base pre:hover .lg\:group-hover\:opacity-80{
      opacity: 0.8;
    }

    .markdown-base pre:hover .lg\:group-hover\:opacity-90{
      opacity: 0.9;
    }

    .markdown-base pre:hover .lg\:group-hover\:opacity-95{
      opacity: 0.95;
    }

    .markdown-base pre:hover .lg\:group-hover\:opacity-100{
      opacity: 1;
    }

    .markdown-base pre:hover .lg\:group-hover\:shadow-sm{
      --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .lg\:group-hover\:shadow{
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .lg\:group-hover\:shadow-md{
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .lg\:group-hover\:shadow-lg{
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .lg\:group-hover\:shadow-xl{
      --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .lg\:group-hover\:shadow-2xl{
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .lg\:group-hover\:shadow-inner{
      --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .lg\:group-hover\:shadow-none{
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .lg\:group-hover\:text-transparent{
      color: transparent;
    }

    .markdown-base pre:hover .lg\:group-hover\:text-current{
      color: currentColor;
    }

    .markdown-base pre:hover .lg\:group-hover\:text-brand{
      --tw-text-opacity: 1;
      color: rgba(255, 247, 145, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:text-black{
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:text-white{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:text-red{
      --tw-text-opacity: 1;
      color: rgba(246, 78, 52, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:text-green{
      --tw-text-opacity: 1;
      color: rgba(187, 236, 208, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:text-shade{
      color: rgba(0, 0, 0, 0.45);
    }

    .markdown-base pre:hover .lg\:group-hover\:text-bgshade{
      color: rgba(0, 0, 0, 0.05);
    }

    .markdown-base pre:hover .lg\:group-hover\:text-gray-50{
      --tw-text-opacity: 1;
      color: rgba(250, 250, 250, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:text-gray-100{
      --tw-text-opacity: 1;
      color: rgba(244, 244, 245, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:text-gray-200{
      --tw-text-opacity: 1;
      color: rgba(228, 228, 231, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:text-gray-300{
      --tw-text-opacity: 1;
      color: rgba(212, 212, 216, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:text-gray-400{
      --tw-text-opacity: 1;
      color: rgba(161, 161, 170, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:text-gray-500{
      --tw-text-opacity: 1;
      color: rgba(113, 113, 122, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:text-gray-600{
      --tw-text-opacity: 1;
      color: rgba(82, 82, 91, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:text-gray-700{
      --tw-text-opacity: 1;
      color: rgba(63, 63, 70, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:text-gray-800{
      --tw-text-opacity: 1;
      color: rgba(39, 39, 42, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:text-gray-900{
      --tw-text-opacity: 1;
      color: rgba(24, 24, 27, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .lg\:group-hover\:text-opacity-0{
      --tw-text-opacity: 0;
    }

    .markdown-base pre:hover .lg\:group-hover\:text-opacity-5{
      --tw-text-opacity: 0.05;
    }

    .markdown-base pre:hover .lg\:group-hover\:text-opacity-10{
      --tw-text-opacity: 0.1;
    }

    .markdown-base pre:hover .lg\:group-hover\:text-opacity-20{
      --tw-text-opacity: 0.2;
    }

    .markdown-base pre:hover .lg\:group-hover\:text-opacity-25{
      --tw-text-opacity: 0.25;
    }

    .markdown-base pre:hover .lg\:group-hover\:text-opacity-30{
      --tw-text-opacity: 0.3;
    }

    .markdown-base pre:hover .lg\:group-hover\:text-opacity-40{
      --tw-text-opacity: 0.4;
    }

    .markdown-base pre:hover .lg\:group-hover\:text-opacity-50{
      --tw-text-opacity: 0.5;
    }

    .markdown-base pre:hover .lg\:group-hover\:text-opacity-60{
      --tw-text-opacity: 0.6;
    }

    .markdown-base pre:hover .lg\:group-hover\:text-opacity-70{
      --tw-text-opacity: 0.7;
    }

    .markdown-base pre:hover .lg\:group-hover\:text-opacity-75{
      --tw-text-opacity: 0.75;
    }

    .markdown-base pre:hover .lg\:group-hover\:text-opacity-80{
      --tw-text-opacity: 0.8;
    }

    .markdown-base pre:hover .lg\:group-hover\:text-opacity-90{
      --tw-text-opacity: 0.9;
    }

    .markdown-base pre:hover .lg\:group-hover\:text-opacity-95{
      --tw-text-opacity: 0.95;
    }

    .markdown-base pre:hover .lg\:group-hover\:text-opacity-100{
      --tw-text-opacity: 1;
    }

    .markdown-base pre:hover .lg\:group-hover\:underline{
      text-decoration: underline;
    }

    .markdown-base pre:hover .lg\:group-hover\:line-through{
      text-decoration: line-through;
    }

    .markdown-base pre:hover .lg\:group-hover\:no-underline{
      text-decoration: none;
    }

    .markdown-base pre:hover .lg\:group-hover\:visible{
      visibility: visible;
    }

    .markdown-base pre:hover .lg\:group-hover\:invisible{
      visibility: hidden;
    }
  }

@media (min-width: 1280px){
    .markdown-base pre:hover .xl\:group-hover\:bg-transparent{
      background-color: transparent;
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-current{
      background-color: currentColor;
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-brand{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 247, 145, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-black{
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-white{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-red{
      --tw-bg-opacity: 1;
      background-color: rgba(246, 78, 52, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-green{
      --tw-bg-opacity: 1;
      background-color: rgba(187, 236, 208, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-shade{
      background-color: rgba(0, 0, 0, 0.45);
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-bgshade{
      background-color: rgba(0, 0, 0, 0.05);
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-gray-50{
      --tw-bg-opacity: 1;
      background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-gray-100{
      --tw-bg-opacity: 1;
      background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-gray-200{
      --tw-bg-opacity: 1;
      background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-gray-300{
      --tw-bg-opacity: 1;
      background-color: rgba(212, 212, 216, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-gray-400{
      --tw-bg-opacity: 1;
      background-color: rgba(161, 161, 170, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-gray-500{
      --tw-bg-opacity: 1;
      background-color: rgba(113, 113, 122, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-gray-600{
      --tw-bg-opacity: 1;
      background-color: rgba(82, 82, 91, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-gray-700{
      --tw-bg-opacity: 1;
      background-color: rgba(63, 63, 70, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-gray-800{
      --tw-bg-opacity: 1;
      background-color: rgba(39, 39, 42, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-gray-900{
      --tw-bg-opacity: 1;
      background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-opacity-0{
      --tw-bg-opacity: 0;
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-opacity-5{
      --tw-bg-opacity: 0.05;
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-opacity-10{
      --tw-bg-opacity: 0.1;
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-opacity-20{
      --tw-bg-opacity: 0.2;
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-opacity-25{
      --tw-bg-opacity: 0.25;
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-opacity-30{
      --tw-bg-opacity: 0.3;
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-opacity-40{
      --tw-bg-opacity: 0.4;
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-opacity-50{
      --tw-bg-opacity: 0.5;
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-opacity-60{
      --tw-bg-opacity: 0.6;
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-opacity-70{
      --tw-bg-opacity: 0.7;
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-opacity-75{
      --tw-bg-opacity: 0.75;
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-opacity-80{
      --tw-bg-opacity: 0.8;
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-opacity-90{
      --tw-bg-opacity: 0.9;
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-opacity-95{
      --tw-bg-opacity: 0.95;
    }

    .markdown-base pre:hover .xl\:group-hover\:bg-opacity-100{
      --tw-bg-opacity: 1;
    }

    .markdown-base pre:hover .xl\:group-hover\:border-transparent{
      border-color: transparent;
    }

    .markdown-base pre:hover .xl\:group-hover\:border-current{
      border-color: currentColor;
    }

    .markdown-base pre:hover .xl\:group-hover\:border-brand{
      --tw-border-opacity: 1;
      border-color: rgba(255, 247, 145, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:border-black{
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:border-white{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:border-red{
      --tw-border-opacity: 1;
      border-color: rgba(246, 78, 52, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:border-green{
      --tw-border-opacity: 1;
      border-color: rgba(187, 236, 208, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:border-shade{
      border-color: rgba(0, 0, 0, 0.45);
    }

    .markdown-base pre:hover .xl\:group-hover\:border-bgshade{
      border-color: rgba(0, 0, 0, 0.05);
    }

    .markdown-base pre:hover .xl\:group-hover\:border-gray-50{
      --tw-border-opacity: 1;
      border-color: rgba(250, 250, 250, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:border-gray-100{
      --tw-border-opacity: 1;
      border-color: rgba(244, 244, 245, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:border-gray-200{
      --tw-border-opacity: 1;
      border-color: rgba(228, 228, 231, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:border-gray-300{
      --tw-border-opacity: 1;
      border-color: rgba(212, 212, 216, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:border-gray-400{
      --tw-border-opacity: 1;
      border-color: rgba(161, 161, 170, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:border-gray-500{
      --tw-border-opacity: 1;
      border-color: rgba(113, 113, 122, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:border-gray-600{
      --tw-border-opacity: 1;
      border-color: rgba(82, 82, 91, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:border-gray-700{
      --tw-border-opacity: 1;
      border-color: rgba(63, 63, 70, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:border-gray-800{
      --tw-border-opacity: 1;
      border-color: rgba(39, 39, 42, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:border-gray-900{
      --tw-border-opacity: 1;
      border-color: rgba(24, 24, 27, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:border-opacity-0{
      --tw-border-opacity: 0;
    }

    .markdown-base pre:hover .xl\:group-hover\:border-opacity-5{
      --tw-border-opacity: 0.05;
    }

    .markdown-base pre:hover .xl\:group-hover\:border-opacity-10{
      --tw-border-opacity: 0.1;
    }

    .markdown-base pre:hover .xl\:group-hover\:border-opacity-20{
      --tw-border-opacity: 0.2;
    }

    .markdown-base pre:hover .xl\:group-hover\:border-opacity-25{
      --tw-border-opacity: 0.25;
    }

    .markdown-base pre:hover .xl\:group-hover\:border-opacity-30{
      --tw-border-opacity: 0.3;
    }

    .markdown-base pre:hover .xl\:group-hover\:border-opacity-40{
      --tw-border-opacity: 0.4;
    }

    .markdown-base pre:hover .xl\:group-hover\:border-opacity-50{
      --tw-border-opacity: 0.5;
    }

    .markdown-base pre:hover .xl\:group-hover\:border-opacity-60{
      --tw-border-opacity: 0.6;
    }

    .markdown-base pre:hover .xl\:group-hover\:border-opacity-70{
      --tw-border-opacity: 0.7;
    }

    .markdown-base pre:hover .xl\:group-hover\:border-opacity-75{
      --tw-border-opacity: 0.75;
    }

    .markdown-base pre:hover .xl\:group-hover\:border-opacity-80{
      --tw-border-opacity: 0.8;
    }

    .markdown-base pre:hover .xl\:group-hover\:border-opacity-90{
      --tw-border-opacity: 0.9;
    }

    .markdown-base pre:hover .xl\:group-hover\:border-opacity-95{
      --tw-border-opacity: 0.95;
    }

    .markdown-base pre:hover .xl\:group-hover\:border-opacity-100{
      --tw-border-opacity: 1;
    }

    .markdown-base pre:hover .xl\:group-hover\:opacity-0{
      opacity: 0;
    }

    .markdown-base pre:hover .xl\:group-hover\:opacity-5{
      opacity: 0.05;
    }

    .markdown-base pre:hover .xl\:group-hover\:opacity-10{
      opacity: 0.1;
    }

    .markdown-base pre:hover .xl\:group-hover\:opacity-20{
      opacity: 0.2;
    }

    .markdown-base pre:hover .xl\:group-hover\:opacity-25{
      opacity: 0.25;
    }

    .markdown-base pre:hover .xl\:group-hover\:opacity-30{
      opacity: 0.3;
    }

    .markdown-base pre:hover .xl\:group-hover\:opacity-40{
      opacity: 0.4;
    }

    .markdown-base pre:hover .xl\:group-hover\:opacity-50{
      opacity: 0.5;
    }

    .markdown-base pre:hover .xl\:group-hover\:opacity-60{
      opacity: 0.6;
    }

    .markdown-base pre:hover .xl\:group-hover\:opacity-70{
      opacity: 0.7;
    }

    .markdown-base pre:hover .xl\:group-hover\:opacity-75{
      opacity: 0.75;
    }

    .markdown-base pre:hover .xl\:group-hover\:opacity-80{
      opacity: 0.8;
    }

    .markdown-base pre:hover .xl\:group-hover\:opacity-90{
      opacity: 0.9;
    }

    .markdown-base pre:hover .xl\:group-hover\:opacity-95{
      opacity: 0.95;
    }

    .markdown-base pre:hover .xl\:group-hover\:opacity-100{
      opacity: 1;
    }

    .markdown-base pre:hover .xl\:group-hover\:shadow-sm{
      --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .xl\:group-hover\:shadow{
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .xl\:group-hover\:shadow-md{
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .xl\:group-hover\:shadow-lg{
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .xl\:group-hover\:shadow-xl{
      --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .xl\:group-hover\:shadow-2xl{
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .xl\:group-hover\:shadow-inner{
      --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .xl\:group-hover\:shadow-none{
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .xl\:group-hover\:text-transparent{
      color: transparent;
    }

    .markdown-base pre:hover .xl\:group-hover\:text-current{
      color: currentColor;
    }

    .markdown-base pre:hover .xl\:group-hover\:text-brand{
      --tw-text-opacity: 1;
      color: rgba(255, 247, 145, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:text-black{
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:text-white{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:text-red{
      --tw-text-opacity: 1;
      color: rgba(246, 78, 52, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:text-green{
      --tw-text-opacity: 1;
      color: rgba(187, 236, 208, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:text-shade{
      color: rgba(0, 0, 0, 0.45);
    }

    .markdown-base pre:hover .xl\:group-hover\:text-bgshade{
      color: rgba(0, 0, 0, 0.05);
    }

    .markdown-base pre:hover .xl\:group-hover\:text-gray-50{
      --tw-text-opacity: 1;
      color: rgba(250, 250, 250, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:text-gray-100{
      --tw-text-opacity: 1;
      color: rgba(244, 244, 245, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:text-gray-200{
      --tw-text-opacity: 1;
      color: rgba(228, 228, 231, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:text-gray-300{
      --tw-text-opacity: 1;
      color: rgba(212, 212, 216, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:text-gray-400{
      --tw-text-opacity: 1;
      color: rgba(161, 161, 170, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:text-gray-500{
      --tw-text-opacity: 1;
      color: rgba(113, 113, 122, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:text-gray-600{
      --tw-text-opacity: 1;
      color: rgba(82, 82, 91, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:text-gray-700{
      --tw-text-opacity: 1;
      color: rgba(63, 63, 70, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:text-gray-800{
      --tw-text-opacity: 1;
      color: rgba(39, 39, 42, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:text-gray-900{
      --tw-text-opacity: 1;
      color: rgba(24, 24, 27, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .xl\:group-hover\:text-opacity-0{
      --tw-text-opacity: 0;
    }

    .markdown-base pre:hover .xl\:group-hover\:text-opacity-5{
      --tw-text-opacity: 0.05;
    }

    .markdown-base pre:hover .xl\:group-hover\:text-opacity-10{
      --tw-text-opacity: 0.1;
    }

    .markdown-base pre:hover .xl\:group-hover\:text-opacity-20{
      --tw-text-opacity: 0.2;
    }

    .markdown-base pre:hover .xl\:group-hover\:text-opacity-25{
      --tw-text-opacity: 0.25;
    }

    .markdown-base pre:hover .xl\:group-hover\:text-opacity-30{
      --tw-text-opacity: 0.3;
    }

    .markdown-base pre:hover .xl\:group-hover\:text-opacity-40{
      --tw-text-opacity: 0.4;
    }

    .markdown-base pre:hover .xl\:group-hover\:text-opacity-50{
      --tw-text-opacity: 0.5;
    }

    .markdown-base pre:hover .xl\:group-hover\:text-opacity-60{
      --tw-text-opacity: 0.6;
    }

    .markdown-base pre:hover .xl\:group-hover\:text-opacity-70{
      --tw-text-opacity: 0.7;
    }

    .markdown-base pre:hover .xl\:group-hover\:text-opacity-75{
      --tw-text-opacity: 0.75;
    }

    .markdown-base pre:hover .xl\:group-hover\:text-opacity-80{
      --tw-text-opacity: 0.8;
    }

    .markdown-base pre:hover .xl\:group-hover\:text-opacity-90{
      --tw-text-opacity: 0.9;
    }

    .markdown-base pre:hover .xl\:group-hover\:text-opacity-95{
      --tw-text-opacity: 0.95;
    }

    .markdown-base pre:hover .xl\:group-hover\:text-opacity-100{
      --tw-text-opacity: 1;
    }

    .markdown-base pre:hover .xl\:group-hover\:underline{
      text-decoration: underline;
    }

    .markdown-base pre:hover .xl\:group-hover\:line-through{
      text-decoration: line-through;
    }

    .markdown-base pre:hover .xl\:group-hover\:no-underline{
      text-decoration: none;
    }

    .markdown-base pre:hover .xl\:group-hover\:visible{
      visibility: visible;
    }

    .markdown-base pre:hover .xl\:group-hover\:invisible{
      visibility: hidden;
    }
  }

@media (min-width: 1536px){
    .markdown-base pre:hover .\32xl\:group-hover\:bg-transparent{
      background-color: transparent;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-current{
      background-color: currentColor;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-brand{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 247, 145, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-black{
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-white{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-red{
      --tw-bg-opacity: 1;
      background-color: rgba(246, 78, 52, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-green{
      --tw-bg-opacity: 1;
      background-color: rgba(187, 236, 208, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-shade{
      background-color: rgba(0, 0, 0, 0.45);
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-bgshade{
      background-color: rgba(0, 0, 0, 0.05);
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-gray-50{
      --tw-bg-opacity: 1;
      background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-gray-100{
      --tw-bg-opacity: 1;
      background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-gray-200{
      --tw-bg-opacity: 1;
      background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-gray-300{
      --tw-bg-opacity: 1;
      background-color: rgba(212, 212, 216, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-gray-400{
      --tw-bg-opacity: 1;
      background-color: rgba(161, 161, 170, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-gray-500{
      --tw-bg-opacity: 1;
      background-color: rgba(113, 113, 122, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-gray-600{
      --tw-bg-opacity: 1;
      background-color: rgba(82, 82, 91, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-gray-700{
      --tw-bg-opacity: 1;
      background-color: rgba(63, 63, 70, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-gray-800{
      --tw-bg-opacity: 1;
      background-color: rgba(39, 39, 42, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-gray-900{
      --tw-bg-opacity: 1;
      background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-opacity-0{
      --tw-bg-opacity: 0;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-opacity-5{
      --tw-bg-opacity: 0.05;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-opacity-10{
      --tw-bg-opacity: 0.1;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-opacity-20{
      --tw-bg-opacity: 0.2;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-opacity-25{
      --tw-bg-opacity: 0.25;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-opacity-30{
      --tw-bg-opacity: 0.3;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-opacity-40{
      --tw-bg-opacity: 0.4;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-opacity-50{
      --tw-bg-opacity: 0.5;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-opacity-60{
      --tw-bg-opacity: 0.6;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-opacity-70{
      --tw-bg-opacity: 0.7;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-opacity-75{
      --tw-bg-opacity: 0.75;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-opacity-80{
      --tw-bg-opacity: 0.8;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-opacity-90{
      --tw-bg-opacity: 0.9;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-opacity-95{
      --tw-bg-opacity: 0.95;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:bg-opacity-100{
      --tw-bg-opacity: 1;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-transparent{
      border-color: transparent;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-current{
      border-color: currentColor;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-brand{
      --tw-border-opacity: 1;
      border-color: rgba(255, 247, 145, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-black{
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-white{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-red{
      --tw-border-opacity: 1;
      border-color: rgba(246, 78, 52, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-green{
      --tw-border-opacity: 1;
      border-color: rgba(187, 236, 208, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-shade{
      border-color: rgba(0, 0, 0, 0.45);
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-bgshade{
      border-color: rgba(0, 0, 0, 0.05);
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-gray-50{
      --tw-border-opacity: 1;
      border-color: rgba(250, 250, 250, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-gray-100{
      --tw-border-opacity: 1;
      border-color: rgba(244, 244, 245, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-gray-200{
      --tw-border-opacity: 1;
      border-color: rgba(228, 228, 231, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-gray-300{
      --tw-border-opacity: 1;
      border-color: rgba(212, 212, 216, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-gray-400{
      --tw-border-opacity: 1;
      border-color: rgba(161, 161, 170, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-gray-500{
      --tw-border-opacity: 1;
      border-color: rgba(113, 113, 122, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-gray-600{
      --tw-border-opacity: 1;
      border-color: rgba(82, 82, 91, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-gray-700{
      --tw-border-opacity: 1;
      border-color: rgba(63, 63, 70, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-gray-800{
      --tw-border-opacity: 1;
      border-color: rgba(39, 39, 42, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-gray-900{
      --tw-border-opacity: 1;
      border-color: rgba(24, 24, 27, var(--tw-border-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-opacity-0{
      --tw-border-opacity: 0;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-opacity-5{
      --tw-border-opacity: 0.05;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-opacity-10{
      --tw-border-opacity: 0.1;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-opacity-20{
      --tw-border-opacity: 0.2;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-opacity-25{
      --tw-border-opacity: 0.25;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-opacity-30{
      --tw-border-opacity: 0.3;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-opacity-40{
      --tw-border-opacity: 0.4;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-opacity-50{
      --tw-border-opacity: 0.5;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-opacity-60{
      --tw-border-opacity: 0.6;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-opacity-70{
      --tw-border-opacity: 0.7;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-opacity-75{
      --tw-border-opacity: 0.75;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-opacity-80{
      --tw-border-opacity: 0.8;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-opacity-90{
      --tw-border-opacity: 0.9;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-opacity-95{
      --tw-border-opacity: 0.95;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:border-opacity-100{
      --tw-border-opacity: 1;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:opacity-0{
      opacity: 0;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:opacity-5{
      opacity: 0.05;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:opacity-10{
      opacity: 0.1;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:opacity-20{
      opacity: 0.2;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:opacity-25{
      opacity: 0.25;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:opacity-30{
      opacity: 0.3;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:opacity-40{
      opacity: 0.4;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:opacity-50{
      opacity: 0.5;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:opacity-60{
      opacity: 0.6;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:opacity-70{
      opacity: 0.7;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:opacity-75{
      opacity: 0.75;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:opacity-80{
      opacity: 0.8;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:opacity-90{
      opacity: 0.9;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:opacity-95{
      opacity: 0.95;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:opacity-100{
      opacity: 1;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:shadow-sm{
      --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .\32xl\:group-hover\:shadow{
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .\32xl\:group-hover\:shadow-md{
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .\32xl\:group-hover\:shadow-lg{
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .\32xl\:group-hover\:shadow-xl{
      --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .\32xl\:group-hover\:shadow-2xl{
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .\32xl\:group-hover\:shadow-inner{
      --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .\32xl\:group-hover\:shadow-none{
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-transparent{
      color: transparent;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-current{
      color: currentColor;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-brand{
      --tw-text-opacity: 1;
      color: rgba(255, 247, 145, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-black{
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-white{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-red{
      --tw-text-opacity: 1;
      color: rgba(246, 78, 52, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-green{
      --tw-text-opacity: 1;
      color: rgba(187, 236, 208, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-shade{
      color: rgba(0, 0, 0, 0.45);
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-bgshade{
      color: rgba(0, 0, 0, 0.05);
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-gray-50{
      --tw-text-opacity: 1;
      color: rgba(250, 250, 250, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-gray-100{
      --tw-text-opacity: 1;
      color: rgba(244, 244, 245, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-gray-200{
      --tw-text-opacity: 1;
      color: rgba(228, 228, 231, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-gray-300{
      --tw-text-opacity: 1;
      color: rgba(212, 212, 216, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-gray-400{
      --tw-text-opacity: 1;
      color: rgba(161, 161, 170, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-gray-500{
      --tw-text-opacity: 1;
      color: rgba(113, 113, 122, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-gray-600{
      --tw-text-opacity: 1;
      color: rgba(82, 82, 91, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-gray-700{
      --tw-text-opacity: 1;
      color: rgba(63, 63, 70, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-gray-800{
      --tw-text-opacity: 1;
      color: rgba(39, 39, 42, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-gray-900{
      --tw-text-opacity: 1;
      color: rgba(24, 24, 27, var(--tw-text-opacity));
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-opacity-0{
      --tw-text-opacity: 0;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-opacity-5{
      --tw-text-opacity: 0.05;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-opacity-10{
      --tw-text-opacity: 0.1;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-opacity-20{
      --tw-text-opacity: 0.2;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-opacity-25{
      --tw-text-opacity: 0.25;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-opacity-30{
      --tw-text-opacity: 0.3;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-opacity-40{
      --tw-text-opacity: 0.4;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-opacity-50{
      --tw-text-opacity: 0.5;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-opacity-60{
      --tw-text-opacity: 0.6;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-opacity-70{
      --tw-text-opacity: 0.7;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-opacity-75{
      --tw-text-opacity: 0.75;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-opacity-80{
      --tw-text-opacity: 0.8;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-opacity-90{
      --tw-text-opacity: 0.9;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-opacity-95{
      --tw-text-opacity: 0.95;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:text-opacity-100{
      --tw-text-opacity: 1;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:underline{
      text-decoration: underline;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:line-through{
      text-decoration: line-through;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:no-underline{
      text-decoration: none;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:visible{
      visibility: visible;
    }

    .markdown-base pre:hover .\32xl\:group-hover\:invisible{
      visibility: hidden;
    }
  }

.markdown-base ul {
    list-style-position: outside;
    list-style-type: disc;
    margin-top: 24px;
    margin-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

.markdown-base ol {
    list-style-type: decimal;
    margin-top: 24px;
    margin-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

.markdown-base li {
    padding-left: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

.markdown-base iframe {
    margin-bottom: 24px;
  }

.markdown-base img {
    margin-bottom: 24px;
  }

.markdown-base .toctitle {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

.markdown-base .toc ul ul {
    margin-top: 0px;
    margin-bottom: 0px;
  }

.markdown h1 {
    margin-bottom: 24px;
  }

.markdown h2 {
    margin-bottom: 24px;
    margin-top: 48px;
  }

.markdown h3 {
    margin-bottom: 12px;
    margin-top: 48px;
  }

.markdown h4 {
    margin-bottom: 12px;
    margin-top: 48px;
  }

.markdown h5 {
    margin-bottom: 12px;
    margin-top: 48px;
  }

.markdown h6 {
    margin-bottom: 12px;
    margin-top: 48px;
  }

.markdown table {
    font-size: 14px;
    line-height: 20px;
    margin-top: 24px;
    margin-bottom: 24px;
    table-layout: auto;
    width: 100%;
  }

.markdown table thead tr a,
.markdown atable thead tr {
    -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
            text-decoration-color: rgba(0, 0, 0, 0.1);
  }

.markdown .text-shade a,
.markdown a.text-shade {
    -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
            text-decoration-color: rgba(0, 0, 0, 0.1);
  }

.markdown table thead tr{
    border-bottom-width: 1px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: rgba(0, 0, 0, 0.45);
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    --tw-border-opacity: 0.1;
  }

.markdown table tbody tr:hover{
    background-color: rgba(0, 0, 0, 0.05);
  }

.markdown table tbody tr{
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    --tw-border-opacity: 0.1;
  }

.markdown table td, .markdown table th{
    font-weight: 400;
    padding: 0.5rem;
  }

.markdown p {
    margin-bottom: 24px;
  }

.markdown pre {
    /* see `.code` defined in code.css */
  }

.markdown pre:hover .group-hover\:bg-transparent{
    background-color: transparent;
  }

.markdown pre:hover .group-hover\:bg-current{
    background-color: currentColor;
  }

.markdown pre:hover .group-hover\:bg-brand{
    --tw-bg-opacity: 1;
    background-color: rgba(255, 247, 145, var(--tw-bg-opacity));
  }

.markdown pre:hover .group-hover\:bg-black{
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

.markdown pre:hover .group-hover\:bg-white{
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

.markdown pre:hover .group-hover\:bg-red{
    --tw-bg-opacity: 1;
    background-color: rgba(246, 78, 52, var(--tw-bg-opacity));
  }

.markdown pre:hover .group-hover\:bg-green{
    --tw-bg-opacity: 1;
    background-color: rgba(187, 236, 208, var(--tw-bg-opacity));
  }

.markdown pre:hover .group-hover\:bg-shade{
    background-color: rgba(0, 0, 0, 0.45);
  }

.markdown pre:hover .group-hover\:bg-bgshade{
    background-color: rgba(0, 0, 0, 0.05);
  }

.markdown pre:hover .group-hover\:bg-gray-50{
    --tw-bg-opacity: 1;
    background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
  }

.markdown pre:hover .group-hover\:bg-gray-100{
    --tw-bg-opacity: 1;
    background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
  }

.markdown pre:hover .group-hover\:bg-gray-200{
    --tw-bg-opacity: 1;
    background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
  }

.markdown pre:hover .group-hover\:bg-gray-300{
    --tw-bg-opacity: 1;
    background-color: rgba(212, 212, 216, var(--tw-bg-opacity));
  }

.markdown pre:hover .group-hover\:bg-gray-400{
    --tw-bg-opacity: 1;
    background-color: rgba(161, 161, 170, var(--tw-bg-opacity));
  }

.markdown pre:hover .group-hover\:bg-gray-500{
    --tw-bg-opacity: 1;
    background-color: rgba(113, 113, 122, var(--tw-bg-opacity));
  }

.markdown pre:hover .group-hover\:bg-gray-600{
    --tw-bg-opacity: 1;
    background-color: rgba(82, 82, 91, var(--tw-bg-opacity));
  }

.markdown pre:hover .group-hover\:bg-gray-700{
    --tw-bg-opacity: 1;
    background-color: rgba(63, 63, 70, var(--tw-bg-opacity));
  }

.markdown pre:hover .group-hover\:bg-gray-800{
    --tw-bg-opacity: 1;
    background-color: rgba(39, 39, 42, var(--tw-bg-opacity));
  }

.markdown pre:hover .group-hover\:bg-gray-900{
    --tw-bg-opacity: 1;
    background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
  }

.markdown pre:hover .group-hover\:bg-opacity-0{
    --tw-bg-opacity: 0;
  }

.markdown pre:hover .group-hover\:bg-opacity-5{
    --tw-bg-opacity: 0.05;
  }

.markdown pre:hover .group-hover\:bg-opacity-10{
    --tw-bg-opacity: 0.1;
  }

.markdown pre:hover .group-hover\:bg-opacity-20{
    --tw-bg-opacity: 0.2;
  }

.markdown pre:hover .group-hover\:bg-opacity-25{
    --tw-bg-opacity: 0.25;
  }

.markdown pre:hover .group-hover\:bg-opacity-30{
    --tw-bg-opacity: 0.3;
  }

.markdown pre:hover .group-hover\:bg-opacity-40{
    --tw-bg-opacity: 0.4;
  }

.markdown pre:hover .group-hover\:bg-opacity-50{
    --tw-bg-opacity: 0.5;
  }

.markdown pre:hover .group-hover\:bg-opacity-60{
    --tw-bg-opacity: 0.6;
  }

.markdown pre:hover .group-hover\:bg-opacity-70{
    --tw-bg-opacity: 0.7;
  }

.markdown pre:hover .group-hover\:bg-opacity-75{
    --tw-bg-opacity: 0.75;
  }

.markdown pre:hover .group-hover\:bg-opacity-80{
    --tw-bg-opacity: 0.8;
  }

.markdown pre:hover .group-hover\:bg-opacity-90{
    --tw-bg-opacity: 0.9;
  }

.markdown pre:hover .group-hover\:bg-opacity-95{
    --tw-bg-opacity: 0.95;
  }

.markdown pre:hover .group-hover\:bg-opacity-100{
    --tw-bg-opacity: 1;
  }

.markdown pre:hover .group-hover\:border-transparent{
    border-color: transparent;
  }

.markdown pre:hover .group-hover\:border-current{
    border-color: currentColor;
  }

.markdown pre:hover .group-hover\:border-brand{
    --tw-border-opacity: 1;
    border-color: rgba(255, 247, 145, var(--tw-border-opacity));
  }

.markdown pre:hover .group-hover\:border-black{
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

.markdown pre:hover .group-hover\:border-white{
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

.markdown pre:hover .group-hover\:border-red{
    --tw-border-opacity: 1;
    border-color: rgba(246, 78, 52, var(--tw-border-opacity));
  }

.markdown pre:hover .group-hover\:border-green{
    --tw-border-opacity: 1;
    border-color: rgba(187, 236, 208, var(--tw-border-opacity));
  }

.markdown pre:hover .group-hover\:border-shade{
    border-color: rgba(0, 0, 0, 0.45);
  }

.markdown pre:hover .group-hover\:border-bgshade{
    border-color: rgba(0, 0, 0, 0.05);
  }

.markdown pre:hover .group-hover\:border-gray-50{
    --tw-border-opacity: 1;
    border-color: rgba(250, 250, 250, var(--tw-border-opacity));
  }

.markdown pre:hover .group-hover\:border-gray-100{
    --tw-border-opacity: 1;
    border-color: rgba(244, 244, 245, var(--tw-border-opacity));
  }

.markdown pre:hover .group-hover\:border-gray-200{
    --tw-border-opacity: 1;
    border-color: rgba(228, 228, 231, var(--tw-border-opacity));
  }

.markdown pre:hover .group-hover\:border-gray-300{
    --tw-border-opacity: 1;
    border-color: rgba(212, 212, 216, var(--tw-border-opacity));
  }

.markdown pre:hover .group-hover\:border-gray-400{
    --tw-border-opacity: 1;
    border-color: rgba(161, 161, 170, var(--tw-border-opacity));
  }

.markdown pre:hover .group-hover\:border-gray-500{
    --tw-border-opacity: 1;
    border-color: rgba(113, 113, 122, var(--tw-border-opacity));
  }

.markdown pre:hover .group-hover\:border-gray-600{
    --tw-border-opacity: 1;
    border-color: rgba(82, 82, 91, var(--tw-border-opacity));
  }

.markdown pre:hover .group-hover\:border-gray-700{
    --tw-border-opacity: 1;
    border-color: rgba(63, 63, 70, var(--tw-border-opacity));
  }

.markdown pre:hover .group-hover\:border-gray-800{
    --tw-border-opacity: 1;
    border-color: rgba(39, 39, 42, var(--tw-border-opacity));
  }

.markdown pre:hover .group-hover\:border-gray-900{
    --tw-border-opacity: 1;
    border-color: rgba(24, 24, 27, var(--tw-border-opacity));
  }

.markdown pre:hover .group-hover\:border-opacity-0{
    --tw-border-opacity: 0;
  }

.markdown pre:hover .group-hover\:border-opacity-5{
    --tw-border-opacity: 0.05;
  }

.markdown pre:hover .group-hover\:border-opacity-10{
    --tw-border-opacity: 0.1;
  }

.markdown pre:hover .group-hover\:border-opacity-20{
    --tw-border-opacity: 0.2;
  }

.markdown pre:hover .group-hover\:border-opacity-25{
    --tw-border-opacity: 0.25;
  }

.markdown pre:hover .group-hover\:border-opacity-30{
    --tw-border-opacity: 0.3;
  }

.markdown pre:hover .group-hover\:border-opacity-40{
    --tw-border-opacity: 0.4;
  }

.markdown pre:hover .group-hover\:border-opacity-50{
    --tw-border-opacity: 0.5;
  }

.markdown pre:hover .group-hover\:border-opacity-60{
    --tw-border-opacity: 0.6;
  }

.markdown pre:hover .group-hover\:border-opacity-70{
    --tw-border-opacity: 0.7;
  }

.markdown pre:hover .group-hover\:border-opacity-75{
    --tw-border-opacity: 0.75;
  }

.markdown pre:hover .group-hover\:border-opacity-80{
    --tw-border-opacity: 0.8;
  }

.markdown pre:hover .group-hover\:border-opacity-90{
    --tw-border-opacity: 0.9;
  }

.markdown pre:hover .group-hover\:border-opacity-95{
    --tw-border-opacity: 0.95;
  }

.markdown pre:hover .group-hover\:border-opacity-100{
    --tw-border-opacity: 1;
  }

.markdown pre:hover .group-hover\:opacity-0{
    opacity: 0;
  }

.markdown pre:hover .group-hover\:opacity-5{
    opacity: 0.05;
  }

.markdown pre:hover .group-hover\:opacity-10{
    opacity: 0.1;
  }

.markdown pre:hover .group-hover\:opacity-20{
    opacity: 0.2;
  }

.markdown pre:hover .group-hover\:opacity-25{
    opacity: 0.25;
  }

.markdown pre:hover .group-hover\:opacity-30{
    opacity: 0.3;
  }

.markdown pre:hover .group-hover\:opacity-40{
    opacity: 0.4;
  }

.markdown pre:hover .group-hover\:opacity-50{
    opacity: 0.5;
  }

.markdown pre:hover .group-hover\:opacity-60{
    opacity: 0.6;
  }

.markdown pre:hover .group-hover\:opacity-70{
    opacity: 0.7;
  }

.markdown pre:hover .group-hover\:opacity-75{
    opacity: 0.75;
  }

.markdown pre:hover .group-hover\:opacity-80{
    opacity: 0.8;
  }

.markdown pre:hover .group-hover\:opacity-90{
    opacity: 0.9;
  }

.markdown pre:hover .group-hover\:opacity-95{
    opacity: 0.95;
  }

.markdown pre:hover .group-hover\:opacity-100{
    opacity: 1;
  }

.markdown pre{
    position: relative;
  }

.markdown pre:hover .group-hover\:shadow-sm{
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown pre:hover .group-hover\:shadow{
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown pre:hover .group-hover\:shadow-md{
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown pre:hover .group-hover\:shadow-lg{
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown pre:hover .group-hover\:shadow-xl{
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown pre:hover .group-hover\:shadow-2xl{
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown pre:hover .group-hover\:shadow-inner{
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown pre:hover .group-hover\:shadow-none{
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown pre:hover .group-hover\:text-transparent{
    color: transparent;
  }

.markdown pre:hover .group-hover\:text-current{
    color: currentColor;
  }

.markdown pre:hover .group-hover\:text-brand{
    --tw-text-opacity: 1;
    color: rgba(255, 247, 145, var(--tw-text-opacity));
  }

.markdown pre:hover .group-hover\:text-black{
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

.markdown pre:hover .group-hover\:text-white{
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

.markdown pre:hover .group-hover\:text-red{
    --tw-text-opacity: 1;
    color: rgba(246, 78, 52, var(--tw-text-opacity));
  }

.markdown pre:hover .group-hover\:text-green{
    --tw-text-opacity: 1;
    color: rgba(187, 236, 208, var(--tw-text-opacity));
  }

.markdown pre:hover .group-hover\:text-shade{
    color: rgba(0, 0, 0, 0.45);
  }

.markdown pre:hover .group-hover\:text-bgshade{
    color: rgba(0, 0, 0, 0.05);
  }

.markdown pre:hover .group-hover\:text-gray-50{
    --tw-text-opacity: 1;
    color: rgba(250, 250, 250, var(--tw-text-opacity));
  }

.markdown pre:hover .group-hover\:text-gray-100{
    --tw-text-opacity: 1;
    color: rgba(244, 244, 245, var(--tw-text-opacity));
  }

.markdown pre:hover .group-hover\:text-gray-200{
    --tw-text-opacity: 1;
    color: rgba(228, 228, 231, var(--tw-text-opacity));
  }

.markdown pre:hover .group-hover\:text-gray-300{
    --tw-text-opacity: 1;
    color: rgba(212, 212, 216, var(--tw-text-opacity));
  }

.markdown pre:hover .group-hover\:text-gray-400{
    --tw-text-opacity: 1;
    color: rgba(161, 161, 170, var(--tw-text-opacity));
  }

.markdown pre:hover .group-hover\:text-gray-500{
    --tw-text-opacity: 1;
    color: rgba(113, 113, 122, var(--tw-text-opacity));
  }

.markdown pre:hover .group-hover\:text-gray-600{
    --tw-text-opacity: 1;
    color: rgba(82, 82, 91, var(--tw-text-opacity));
  }

.markdown pre:hover .group-hover\:text-gray-700{
    --tw-text-opacity: 1;
    color: rgba(63, 63, 70, var(--tw-text-opacity));
  }

.markdown pre:hover .group-hover\:text-gray-800{
    --tw-text-opacity: 1;
    color: rgba(39, 39, 42, var(--tw-text-opacity));
  }

.markdown pre:hover .group-hover\:text-gray-900{
    --tw-text-opacity: 1;
    color: rgba(24, 24, 27, var(--tw-text-opacity));
  }

.markdown pre:hover .group-hover\:text-opacity-0{
    --tw-text-opacity: 0;
  }

.markdown pre:hover .group-hover\:text-opacity-5{
    --tw-text-opacity: 0.05;
  }

.markdown pre:hover .group-hover\:text-opacity-10{
    --tw-text-opacity: 0.1;
  }

.markdown pre:hover .group-hover\:text-opacity-20{
    --tw-text-opacity: 0.2;
  }

.markdown pre:hover .group-hover\:text-opacity-25{
    --tw-text-opacity: 0.25;
  }

.markdown pre:hover .group-hover\:text-opacity-30{
    --tw-text-opacity: 0.3;
  }

.markdown pre:hover .group-hover\:text-opacity-40{
    --tw-text-opacity: 0.4;
  }

.markdown pre:hover .group-hover\:text-opacity-50{
    --tw-text-opacity: 0.5;
  }

.markdown pre:hover .group-hover\:text-opacity-60{
    --tw-text-opacity: 0.6;
  }

.markdown pre:hover .group-hover\:text-opacity-70{
    --tw-text-opacity: 0.7;
  }

.markdown pre:hover .group-hover\:text-opacity-75{
    --tw-text-opacity: 0.75;
  }

.markdown pre:hover .group-hover\:text-opacity-80{
    --tw-text-opacity: 0.8;
  }

.markdown pre:hover .group-hover\:text-opacity-90{
    --tw-text-opacity: 0.9;
  }

.markdown pre:hover .group-hover\:text-opacity-95{
    --tw-text-opacity: 0.95;
  }

.markdown pre:hover .group-hover\:text-opacity-100{
    --tw-text-opacity: 1;
  }

.markdown pre:hover .group-hover\:underline{
    text-decoration: underline;
  }

.markdown pre:hover .group-hover\:line-through{
    text-decoration: line-through;
  }

.markdown pre:hover .group-hover\:no-underline{
    text-decoration: none;
  }

.markdown pre:hover .group-hover\:visible{
    visibility: visible;
  }

.markdown pre:hover .group-hover\:invisible{
    visibility: hidden;
  }

.markdown pre {
    background-color: rgba(0, 0, 0, 0.05);
    margin-bottom: 24px;
    overflow-x: auto;
    padding: 0.5rem;
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

@media (min-width: 768px){
    .markdown pre{
      padding: 1rem;
    }
  }

.markdown pre code {
    /* regular CSS because tailwind bg-none doesn't do the right thing */
    background: none;
  }

@media (min-width: 640px){
    .markdown pre:hover .sm\:group-hover\:bg-transparent{
      background-color: transparent;
    }

    .markdown pre:hover .sm\:group-hover\:bg-current{
      background-color: currentColor;
    }

    .markdown pre:hover .sm\:group-hover\:bg-brand{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 247, 145, var(--tw-bg-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:bg-black{
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:bg-white{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:bg-red{
      --tw-bg-opacity: 1;
      background-color: rgba(246, 78, 52, var(--tw-bg-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:bg-green{
      --tw-bg-opacity: 1;
      background-color: rgba(187, 236, 208, var(--tw-bg-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:bg-shade{
      background-color: rgba(0, 0, 0, 0.45);
    }

    .markdown pre:hover .sm\:group-hover\:bg-bgshade{
      background-color: rgba(0, 0, 0, 0.05);
    }

    .markdown pre:hover .sm\:group-hover\:bg-gray-50{
      --tw-bg-opacity: 1;
      background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:bg-gray-100{
      --tw-bg-opacity: 1;
      background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:bg-gray-200{
      --tw-bg-opacity: 1;
      background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:bg-gray-300{
      --tw-bg-opacity: 1;
      background-color: rgba(212, 212, 216, var(--tw-bg-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:bg-gray-400{
      --tw-bg-opacity: 1;
      background-color: rgba(161, 161, 170, var(--tw-bg-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:bg-gray-500{
      --tw-bg-opacity: 1;
      background-color: rgba(113, 113, 122, var(--tw-bg-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:bg-gray-600{
      --tw-bg-opacity: 1;
      background-color: rgba(82, 82, 91, var(--tw-bg-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:bg-gray-700{
      --tw-bg-opacity: 1;
      background-color: rgba(63, 63, 70, var(--tw-bg-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:bg-gray-800{
      --tw-bg-opacity: 1;
      background-color: rgba(39, 39, 42, var(--tw-bg-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:bg-gray-900{
      --tw-bg-opacity: 1;
      background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:bg-opacity-0{
      --tw-bg-opacity: 0;
    }

    .markdown pre:hover .sm\:group-hover\:bg-opacity-5{
      --tw-bg-opacity: 0.05;
    }

    .markdown pre:hover .sm\:group-hover\:bg-opacity-10{
      --tw-bg-opacity: 0.1;
    }

    .markdown pre:hover .sm\:group-hover\:bg-opacity-20{
      --tw-bg-opacity: 0.2;
    }

    .markdown pre:hover .sm\:group-hover\:bg-opacity-25{
      --tw-bg-opacity: 0.25;
    }

    .markdown pre:hover .sm\:group-hover\:bg-opacity-30{
      --tw-bg-opacity: 0.3;
    }

    .markdown pre:hover .sm\:group-hover\:bg-opacity-40{
      --tw-bg-opacity: 0.4;
    }

    .markdown pre:hover .sm\:group-hover\:bg-opacity-50{
      --tw-bg-opacity: 0.5;
    }

    .markdown pre:hover .sm\:group-hover\:bg-opacity-60{
      --tw-bg-opacity: 0.6;
    }

    .markdown pre:hover .sm\:group-hover\:bg-opacity-70{
      --tw-bg-opacity: 0.7;
    }

    .markdown pre:hover .sm\:group-hover\:bg-opacity-75{
      --tw-bg-opacity: 0.75;
    }

    .markdown pre:hover .sm\:group-hover\:bg-opacity-80{
      --tw-bg-opacity: 0.8;
    }

    .markdown pre:hover .sm\:group-hover\:bg-opacity-90{
      --tw-bg-opacity: 0.9;
    }

    .markdown pre:hover .sm\:group-hover\:bg-opacity-95{
      --tw-bg-opacity: 0.95;
    }

    .markdown pre:hover .sm\:group-hover\:bg-opacity-100{
      --tw-bg-opacity: 1;
    }

    .markdown pre:hover .sm\:group-hover\:border-transparent{
      border-color: transparent;
    }

    .markdown pre:hover .sm\:group-hover\:border-current{
      border-color: currentColor;
    }

    .markdown pre:hover .sm\:group-hover\:border-brand{
      --tw-border-opacity: 1;
      border-color: rgba(255, 247, 145, var(--tw-border-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:border-black{
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:border-white{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:border-red{
      --tw-border-opacity: 1;
      border-color: rgba(246, 78, 52, var(--tw-border-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:border-green{
      --tw-border-opacity: 1;
      border-color: rgba(187, 236, 208, var(--tw-border-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:border-shade{
      border-color: rgba(0, 0, 0, 0.45);
    }

    .markdown pre:hover .sm\:group-hover\:border-bgshade{
      border-color: rgba(0, 0, 0, 0.05);
    }

    .markdown pre:hover .sm\:group-hover\:border-gray-50{
      --tw-border-opacity: 1;
      border-color: rgba(250, 250, 250, var(--tw-border-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:border-gray-100{
      --tw-border-opacity: 1;
      border-color: rgba(244, 244, 245, var(--tw-border-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:border-gray-200{
      --tw-border-opacity: 1;
      border-color: rgba(228, 228, 231, var(--tw-border-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:border-gray-300{
      --tw-border-opacity: 1;
      border-color: rgba(212, 212, 216, var(--tw-border-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:border-gray-400{
      --tw-border-opacity: 1;
      border-color: rgba(161, 161, 170, var(--tw-border-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:border-gray-500{
      --tw-border-opacity: 1;
      border-color: rgba(113, 113, 122, var(--tw-border-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:border-gray-600{
      --tw-border-opacity: 1;
      border-color: rgba(82, 82, 91, var(--tw-border-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:border-gray-700{
      --tw-border-opacity: 1;
      border-color: rgba(63, 63, 70, var(--tw-border-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:border-gray-800{
      --tw-border-opacity: 1;
      border-color: rgba(39, 39, 42, var(--tw-border-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:border-gray-900{
      --tw-border-opacity: 1;
      border-color: rgba(24, 24, 27, var(--tw-border-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:border-opacity-0{
      --tw-border-opacity: 0;
    }

    .markdown pre:hover .sm\:group-hover\:border-opacity-5{
      --tw-border-opacity: 0.05;
    }

    .markdown pre:hover .sm\:group-hover\:border-opacity-10{
      --tw-border-opacity: 0.1;
    }

    .markdown pre:hover .sm\:group-hover\:border-opacity-20{
      --tw-border-opacity: 0.2;
    }

    .markdown pre:hover .sm\:group-hover\:border-opacity-25{
      --tw-border-opacity: 0.25;
    }

    .markdown pre:hover .sm\:group-hover\:border-opacity-30{
      --tw-border-opacity: 0.3;
    }

    .markdown pre:hover .sm\:group-hover\:border-opacity-40{
      --tw-border-opacity: 0.4;
    }

    .markdown pre:hover .sm\:group-hover\:border-opacity-50{
      --tw-border-opacity: 0.5;
    }

    .markdown pre:hover .sm\:group-hover\:border-opacity-60{
      --tw-border-opacity: 0.6;
    }

    .markdown pre:hover .sm\:group-hover\:border-opacity-70{
      --tw-border-opacity: 0.7;
    }

    .markdown pre:hover .sm\:group-hover\:border-opacity-75{
      --tw-border-opacity: 0.75;
    }

    .markdown pre:hover .sm\:group-hover\:border-opacity-80{
      --tw-border-opacity: 0.8;
    }

    .markdown pre:hover .sm\:group-hover\:border-opacity-90{
      --tw-border-opacity: 0.9;
    }

    .markdown pre:hover .sm\:group-hover\:border-opacity-95{
      --tw-border-opacity: 0.95;
    }

    .markdown pre:hover .sm\:group-hover\:border-opacity-100{
      --tw-border-opacity: 1;
    }

    .markdown pre:hover .sm\:group-hover\:opacity-0{
      opacity: 0;
    }

    .markdown pre:hover .sm\:group-hover\:opacity-5{
      opacity: 0.05;
    }

    .markdown pre:hover .sm\:group-hover\:opacity-10{
      opacity: 0.1;
    }

    .markdown pre:hover .sm\:group-hover\:opacity-20{
      opacity: 0.2;
    }

    .markdown pre:hover .sm\:group-hover\:opacity-25{
      opacity: 0.25;
    }

    .markdown pre:hover .sm\:group-hover\:opacity-30{
      opacity: 0.3;
    }

    .markdown pre:hover .sm\:group-hover\:opacity-40{
      opacity: 0.4;
    }

    .markdown pre:hover .sm\:group-hover\:opacity-50{
      opacity: 0.5;
    }

    .markdown pre:hover .sm\:group-hover\:opacity-60{
      opacity: 0.6;
    }

    .markdown pre:hover .sm\:group-hover\:opacity-70{
      opacity: 0.7;
    }

    .markdown pre:hover .sm\:group-hover\:opacity-75{
      opacity: 0.75;
    }

    .markdown pre:hover .sm\:group-hover\:opacity-80{
      opacity: 0.8;
    }

    .markdown pre:hover .sm\:group-hover\:opacity-90{
      opacity: 0.9;
    }

    .markdown pre:hover .sm\:group-hover\:opacity-95{
      opacity: 0.95;
    }

    .markdown pre:hover .sm\:group-hover\:opacity-100{
      opacity: 1;
    }

    .markdown pre:hover .sm\:group-hover\:shadow-sm{
      --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .sm\:group-hover\:shadow{
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .sm\:group-hover\:shadow-md{
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .sm\:group-hover\:shadow-lg{
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .sm\:group-hover\:shadow-xl{
      --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .sm\:group-hover\:shadow-2xl{
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .sm\:group-hover\:shadow-inner{
      --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .sm\:group-hover\:shadow-none{
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .sm\:group-hover\:text-transparent{
      color: transparent;
    }

    .markdown pre:hover .sm\:group-hover\:text-current{
      color: currentColor;
    }

    .markdown pre:hover .sm\:group-hover\:text-brand{
      --tw-text-opacity: 1;
      color: rgba(255, 247, 145, var(--tw-text-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:text-black{
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:text-white{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:text-red{
      --tw-text-opacity: 1;
      color: rgba(246, 78, 52, var(--tw-text-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:text-green{
      --tw-text-opacity: 1;
      color: rgba(187, 236, 208, var(--tw-text-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:text-shade{
      color: rgba(0, 0, 0, 0.45);
    }

    .markdown pre:hover .sm\:group-hover\:text-bgshade{
      color: rgba(0, 0, 0, 0.05);
    }

    .markdown pre:hover .sm\:group-hover\:text-gray-50{
      --tw-text-opacity: 1;
      color: rgba(250, 250, 250, var(--tw-text-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:text-gray-100{
      --tw-text-opacity: 1;
      color: rgba(244, 244, 245, var(--tw-text-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:text-gray-200{
      --tw-text-opacity: 1;
      color: rgba(228, 228, 231, var(--tw-text-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:text-gray-300{
      --tw-text-opacity: 1;
      color: rgba(212, 212, 216, var(--tw-text-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:text-gray-400{
      --tw-text-opacity: 1;
      color: rgba(161, 161, 170, var(--tw-text-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:text-gray-500{
      --tw-text-opacity: 1;
      color: rgba(113, 113, 122, var(--tw-text-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:text-gray-600{
      --tw-text-opacity: 1;
      color: rgba(82, 82, 91, var(--tw-text-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:text-gray-700{
      --tw-text-opacity: 1;
      color: rgba(63, 63, 70, var(--tw-text-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:text-gray-800{
      --tw-text-opacity: 1;
      color: rgba(39, 39, 42, var(--tw-text-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:text-gray-900{
      --tw-text-opacity: 1;
      color: rgba(24, 24, 27, var(--tw-text-opacity));
    }

    .markdown pre:hover .sm\:group-hover\:text-opacity-0{
      --tw-text-opacity: 0;
    }

    .markdown pre:hover .sm\:group-hover\:text-opacity-5{
      --tw-text-opacity: 0.05;
    }

    .markdown pre:hover .sm\:group-hover\:text-opacity-10{
      --tw-text-opacity: 0.1;
    }

    .markdown pre:hover .sm\:group-hover\:text-opacity-20{
      --tw-text-opacity: 0.2;
    }

    .markdown pre:hover .sm\:group-hover\:text-opacity-25{
      --tw-text-opacity: 0.25;
    }

    .markdown pre:hover .sm\:group-hover\:text-opacity-30{
      --tw-text-opacity: 0.3;
    }

    .markdown pre:hover .sm\:group-hover\:text-opacity-40{
      --tw-text-opacity: 0.4;
    }

    .markdown pre:hover .sm\:group-hover\:text-opacity-50{
      --tw-text-opacity: 0.5;
    }

    .markdown pre:hover .sm\:group-hover\:text-opacity-60{
      --tw-text-opacity: 0.6;
    }

    .markdown pre:hover .sm\:group-hover\:text-opacity-70{
      --tw-text-opacity: 0.7;
    }

    .markdown pre:hover .sm\:group-hover\:text-opacity-75{
      --tw-text-opacity: 0.75;
    }

    .markdown pre:hover .sm\:group-hover\:text-opacity-80{
      --tw-text-opacity: 0.8;
    }

    .markdown pre:hover .sm\:group-hover\:text-opacity-90{
      --tw-text-opacity: 0.9;
    }

    .markdown pre:hover .sm\:group-hover\:text-opacity-95{
      --tw-text-opacity: 0.95;
    }

    .markdown pre:hover .sm\:group-hover\:text-opacity-100{
      --tw-text-opacity: 1;
    }

    .markdown pre:hover .sm\:group-hover\:underline{
      text-decoration: underline;
    }

    .markdown pre:hover .sm\:group-hover\:line-through{
      text-decoration: line-through;
    }

    .markdown pre:hover .sm\:group-hover\:no-underline{
      text-decoration: none;
    }

    .markdown pre:hover .sm\:group-hover\:visible{
      visibility: visible;
    }

    .markdown pre:hover .sm\:group-hover\:invisible{
      visibility: hidden;
    }
  }

@media (min-width: 768px){
    .markdown pre:hover .md\:group-hover\:bg-transparent{
      background-color: transparent;
    }

    .markdown pre:hover .md\:group-hover\:bg-current{
      background-color: currentColor;
    }

    .markdown pre:hover .md\:group-hover\:bg-brand{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 247, 145, var(--tw-bg-opacity));
    }

    .markdown pre:hover .md\:group-hover\:bg-black{
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }

    .markdown pre:hover .md\:group-hover\:bg-white{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .markdown pre:hover .md\:group-hover\:bg-red{
      --tw-bg-opacity: 1;
      background-color: rgba(246, 78, 52, var(--tw-bg-opacity));
    }

    .markdown pre:hover .md\:group-hover\:bg-green{
      --tw-bg-opacity: 1;
      background-color: rgba(187, 236, 208, var(--tw-bg-opacity));
    }

    .markdown pre:hover .md\:group-hover\:bg-shade{
      background-color: rgba(0, 0, 0, 0.45);
    }

    .markdown pre:hover .md\:group-hover\:bg-bgshade{
      background-color: rgba(0, 0, 0, 0.05);
    }

    .markdown pre:hover .md\:group-hover\:bg-gray-50{
      --tw-bg-opacity: 1;
      background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
    }

    .markdown pre:hover .md\:group-hover\:bg-gray-100{
      --tw-bg-opacity: 1;
      background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
    }

    .markdown pre:hover .md\:group-hover\:bg-gray-200{
      --tw-bg-opacity: 1;
      background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
    }

    .markdown pre:hover .md\:group-hover\:bg-gray-300{
      --tw-bg-opacity: 1;
      background-color: rgba(212, 212, 216, var(--tw-bg-opacity));
    }

    .markdown pre:hover .md\:group-hover\:bg-gray-400{
      --tw-bg-opacity: 1;
      background-color: rgba(161, 161, 170, var(--tw-bg-opacity));
    }

    .markdown pre:hover .md\:group-hover\:bg-gray-500{
      --tw-bg-opacity: 1;
      background-color: rgba(113, 113, 122, var(--tw-bg-opacity));
    }

    .markdown pre:hover .md\:group-hover\:bg-gray-600{
      --tw-bg-opacity: 1;
      background-color: rgba(82, 82, 91, var(--tw-bg-opacity));
    }

    .markdown pre:hover .md\:group-hover\:bg-gray-700{
      --tw-bg-opacity: 1;
      background-color: rgba(63, 63, 70, var(--tw-bg-opacity));
    }

    .markdown pre:hover .md\:group-hover\:bg-gray-800{
      --tw-bg-opacity: 1;
      background-color: rgba(39, 39, 42, var(--tw-bg-opacity));
    }

    .markdown pre:hover .md\:group-hover\:bg-gray-900{
      --tw-bg-opacity: 1;
      background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
    }

    .markdown pre:hover .md\:group-hover\:bg-opacity-0{
      --tw-bg-opacity: 0;
    }

    .markdown pre:hover .md\:group-hover\:bg-opacity-5{
      --tw-bg-opacity: 0.05;
    }

    .markdown pre:hover .md\:group-hover\:bg-opacity-10{
      --tw-bg-opacity: 0.1;
    }

    .markdown pre:hover .md\:group-hover\:bg-opacity-20{
      --tw-bg-opacity: 0.2;
    }

    .markdown pre:hover .md\:group-hover\:bg-opacity-25{
      --tw-bg-opacity: 0.25;
    }

    .markdown pre:hover .md\:group-hover\:bg-opacity-30{
      --tw-bg-opacity: 0.3;
    }

    .markdown pre:hover .md\:group-hover\:bg-opacity-40{
      --tw-bg-opacity: 0.4;
    }

    .markdown pre:hover .md\:group-hover\:bg-opacity-50{
      --tw-bg-opacity: 0.5;
    }

    .markdown pre:hover .md\:group-hover\:bg-opacity-60{
      --tw-bg-opacity: 0.6;
    }

    .markdown pre:hover .md\:group-hover\:bg-opacity-70{
      --tw-bg-opacity: 0.7;
    }

    .markdown pre:hover .md\:group-hover\:bg-opacity-75{
      --tw-bg-opacity: 0.75;
    }

    .markdown pre:hover .md\:group-hover\:bg-opacity-80{
      --tw-bg-opacity: 0.8;
    }

    .markdown pre:hover .md\:group-hover\:bg-opacity-90{
      --tw-bg-opacity: 0.9;
    }

    .markdown pre:hover .md\:group-hover\:bg-opacity-95{
      --tw-bg-opacity: 0.95;
    }

    .markdown pre:hover .md\:group-hover\:bg-opacity-100{
      --tw-bg-opacity: 1;
    }

    .markdown pre:hover .md\:group-hover\:border-transparent{
      border-color: transparent;
    }

    .markdown pre:hover .md\:group-hover\:border-current{
      border-color: currentColor;
    }

    .markdown pre:hover .md\:group-hover\:border-brand{
      --tw-border-opacity: 1;
      border-color: rgba(255, 247, 145, var(--tw-border-opacity));
    }

    .markdown pre:hover .md\:group-hover\:border-black{
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }

    .markdown pre:hover .md\:group-hover\:border-white{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

    .markdown pre:hover .md\:group-hover\:border-red{
      --tw-border-opacity: 1;
      border-color: rgba(246, 78, 52, var(--tw-border-opacity));
    }

    .markdown pre:hover .md\:group-hover\:border-green{
      --tw-border-opacity: 1;
      border-color: rgba(187, 236, 208, var(--tw-border-opacity));
    }

    .markdown pre:hover .md\:group-hover\:border-shade{
      border-color: rgba(0, 0, 0, 0.45);
    }

    .markdown pre:hover .md\:group-hover\:border-bgshade{
      border-color: rgba(0, 0, 0, 0.05);
    }

    .markdown pre:hover .md\:group-hover\:border-gray-50{
      --tw-border-opacity: 1;
      border-color: rgba(250, 250, 250, var(--tw-border-opacity));
    }

    .markdown pre:hover .md\:group-hover\:border-gray-100{
      --tw-border-opacity: 1;
      border-color: rgba(244, 244, 245, var(--tw-border-opacity));
    }

    .markdown pre:hover .md\:group-hover\:border-gray-200{
      --tw-border-opacity: 1;
      border-color: rgba(228, 228, 231, var(--tw-border-opacity));
    }

    .markdown pre:hover .md\:group-hover\:border-gray-300{
      --tw-border-opacity: 1;
      border-color: rgba(212, 212, 216, var(--tw-border-opacity));
    }

    .markdown pre:hover .md\:group-hover\:border-gray-400{
      --tw-border-opacity: 1;
      border-color: rgba(161, 161, 170, var(--tw-border-opacity));
    }

    .markdown pre:hover .md\:group-hover\:border-gray-500{
      --tw-border-opacity: 1;
      border-color: rgba(113, 113, 122, var(--tw-border-opacity));
    }

    .markdown pre:hover .md\:group-hover\:border-gray-600{
      --tw-border-opacity: 1;
      border-color: rgba(82, 82, 91, var(--tw-border-opacity));
    }

    .markdown pre:hover .md\:group-hover\:border-gray-700{
      --tw-border-opacity: 1;
      border-color: rgba(63, 63, 70, var(--tw-border-opacity));
    }

    .markdown pre:hover .md\:group-hover\:border-gray-800{
      --tw-border-opacity: 1;
      border-color: rgba(39, 39, 42, var(--tw-border-opacity));
    }

    .markdown pre:hover .md\:group-hover\:border-gray-900{
      --tw-border-opacity: 1;
      border-color: rgba(24, 24, 27, var(--tw-border-opacity));
    }

    .markdown pre:hover .md\:group-hover\:border-opacity-0{
      --tw-border-opacity: 0;
    }

    .markdown pre:hover .md\:group-hover\:border-opacity-5{
      --tw-border-opacity: 0.05;
    }

    .markdown pre:hover .md\:group-hover\:border-opacity-10{
      --tw-border-opacity: 0.1;
    }

    .markdown pre:hover .md\:group-hover\:border-opacity-20{
      --tw-border-opacity: 0.2;
    }

    .markdown pre:hover .md\:group-hover\:border-opacity-25{
      --tw-border-opacity: 0.25;
    }

    .markdown pre:hover .md\:group-hover\:border-opacity-30{
      --tw-border-opacity: 0.3;
    }

    .markdown pre:hover .md\:group-hover\:border-opacity-40{
      --tw-border-opacity: 0.4;
    }

    .markdown pre:hover .md\:group-hover\:border-opacity-50{
      --tw-border-opacity: 0.5;
    }

    .markdown pre:hover .md\:group-hover\:border-opacity-60{
      --tw-border-opacity: 0.6;
    }

    .markdown pre:hover .md\:group-hover\:border-opacity-70{
      --tw-border-opacity: 0.7;
    }

    .markdown pre:hover .md\:group-hover\:border-opacity-75{
      --tw-border-opacity: 0.75;
    }

    .markdown pre:hover .md\:group-hover\:border-opacity-80{
      --tw-border-opacity: 0.8;
    }

    .markdown pre:hover .md\:group-hover\:border-opacity-90{
      --tw-border-opacity: 0.9;
    }

    .markdown pre:hover .md\:group-hover\:border-opacity-95{
      --tw-border-opacity: 0.95;
    }

    .markdown pre:hover .md\:group-hover\:border-opacity-100{
      --tw-border-opacity: 1;
    }

    .markdown pre:hover .md\:group-hover\:opacity-0{
      opacity: 0;
    }

    .markdown pre:hover .md\:group-hover\:opacity-5{
      opacity: 0.05;
    }

    .markdown pre:hover .md\:group-hover\:opacity-10{
      opacity: 0.1;
    }

    .markdown pre:hover .md\:group-hover\:opacity-20{
      opacity: 0.2;
    }

    .markdown pre:hover .md\:group-hover\:opacity-25{
      opacity: 0.25;
    }

    .markdown pre:hover .md\:group-hover\:opacity-30{
      opacity: 0.3;
    }

    .markdown pre:hover .md\:group-hover\:opacity-40{
      opacity: 0.4;
    }

    .markdown pre:hover .md\:group-hover\:opacity-50{
      opacity: 0.5;
    }

    .markdown pre:hover .md\:group-hover\:opacity-60{
      opacity: 0.6;
    }

    .markdown pre:hover .md\:group-hover\:opacity-70{
      opacity: 0.7;
    }

    .markdown pre:hover .md\:group-hover\:opacity-75{
      opacity: 0.75;
    }

    .markdown pre:hover .md\:group-hover\:opacity-80{
      opacity: 0.8;
    }

    .markdown pre:hover .md\:group-hover\:opacity-90{
      opacity: 0.9;
    }

    .markdown pre:hover .md\:group-hover\:opacity-95{
      opacity: 0.95;
    }

    .markdown pre:hover .md\:group-hover\:opacity-100{
      opacity: 1;
    }

    .markdown pre:hover .md\:group-hover\:shadow-sm{
      --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .md\:group-hover\:shadow{
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .md\:group-hover\:shadow-md{
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .md\:group-hover\:shadow-lg{
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .md\:group-hover\:shadow-xl{
      --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .md\:group-hover\:shadow-2xl{
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .md\:group-hover\:shadow-inner{
      --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .md\:group-hover\:shadow-none{
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .md\:group-hover\:text-transparent{
      color: transparent;
    }

    .markdown pre:hover .md\:group-hover\:text-current{
      color: currentColor;
    }

    .markdown pre:hover .md\:group-hover\:text-brand{
      --tw-text-opacity: 1;
      color: rgba(255, 247, 145, var(--tw-text-opacity));
    }

    .markdown pre:hover .md\:group-hover\:text-black{
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

    .markdown pre:hover .md\:group-hover\:text-white{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

    .markdown pre:hover .md\:group-hover\:text-red{
      --tw-text-opacity: 1;
      color: rgba(246, 78, 52, var(--tw-text-opacity));
    }

    .markdown pre:hover .md\:group-hover\:text-green{
      --tw-text-opacity: 1;
      color: rgba(187, 236, 208, var(--tw-text-opacity));
    }

    .markdown pre:hover .md\:group-hover\:text-shade{
      color: rgba(0, 0, 0, 0.45);
    }

    .markdown pre:hover .md\:group-hover\:text-bgshade{
      color: rgba(0, 0, 0, 0.05);
    }

    .markdown pre:hover .md\:group-hover\:text-gray-50{
      --tw-text-opacity: 1;
      color: rgba(250, 250, 250, var(--tw-text-opacity));
    }

    .markdown pre:hover .md\:group-hover\:text-gray-100{
      --tw-text-opacity: 1;
      color: rgba(244, 244, 245, var(--tw-text-opacity));
    }

    .markdown pre:hover .md\:group-hover\:text-gray-200{
      --tw-text-opacity: 1;
      color: rgba(228, 228, 231, var(--tw-text-opacity));
    }

    .markdown pre:hover .md\:group-hover\:text-gray-300{
      --tw-text-opacity: 1;
      color: rgba(212, 212, 216, var(--tw-text-opacity));
    }

    .markdown pre:hover .md\:group-hover\:text-gray-400{
      --tw-text-opacity: 1;
      color: rgba(161, 161, 170, var(--tw-text-opacity));
    }

    .markdown pre:hover .md\:group-hover\:text-gray-500{
      --tw-text-opacity: 1;
      color: rgba(113, 113, 122, var(--tw-text-opacity));
    }

    .markdown pre:hover .md\:group-hover\:text-gray-600{
      --tw-text-opacity: 1;
      color: rgba(82, 82, 91, var(--tw-text-opacity));
    }

    .markdown pre:hover .md\:group-hover\:text-gray-700{
      --tw-text-opacity: 1;
      color: rgba(63, 63, 70, var(--tw-text-opacity));
    }

    .markdown pre:hover .md\:group-hover\:text-gray-800{
      --tw-text-opacity: 1;
      color: rgba(39, 39, 42, var(--tw-text-opacity));
    }

    .markdown pre:hover .md\:group-hover\:text-gray-900{
      --tw-text-opacity: 1;
      color: rgba(24, 24, 27, var(--tw-text-opacity));
    }

    .markdown pre:hover .md\:group-hover\:text-opacity-0{
      --tw-text-opacity: 0;
    }

    .markdown pre:hover .md\:group-hover\:text-opacity-5{
      --tw-text-opacity: 0.05;
    }

    .markdown pre:hover .md\:group-hover\:text-opacity-10{
      --tw-text-opacity: 0.1;
    }

    .markdown pre:hover .md\:group-hover\:text-opacity-20{
      --tw-text-opacity: 0.2;
    }

    .markdown pre:hover .md\:group-hover\:text-opacity-25{
      --tw-text-opacity: 0.25;
    }

    .markdown pre:hover .md\:group-hover\:text-opacity-30{
      --tw-text-opacity: 0.3;
    }

    .markdown pre:hover .md\:group-hover\:text-opacity-40{
      --tw-text-opacity: 0.4;
    }

    .markdown pre:hover .md\:group-hover\:text-opacity-50{
      --tw-text-opacity: 0.5;
    }

    .markdown pre:hover .md\:group-hover\:text-opacity-60{
      --tw-text-opacity: 0.6;
    }

    .markdown pre:hover .md\:group-hover\:text-opacity-70{
      --tw-text-opacity: 0.7;
    }

    .markdown pre:hover .md\:group-hover\:text-opacity-75{
      --tw-text-opacity: 0.75;
    }

    .markdown pre:hover .md\:group-hover\:text-opacity-80{
      --tw-text-opacity: 0.8;
    }

    .markdown pre:hover .md\:group-hover\:text-opacity-90{
      --tw-text-opacity: 0.9;
    }

    .markdown pre:hover .md\:group-hover\:text-opacity-95{
      --tw-text-opacity: 0.95;
    }

    .markdown pre:hover .md\:group-hover\:text-opacity-100{
      --tw-text-opacity: 1;
    }

    .markdown pre:hover .md\:group-hover\:underline{
      text-decoration: underline;
    }

    .markdown pre:hover .md\:group-hover\:line-through{
      text-decoration: line-through;
    }

    .markdown pre:hover .md\:group-hover\:no-underline{
      text-decoration: none;
    }

    .markdown pre:hover .md\:group-hover\:visible{
      visibility: visible;
    }

    .markdown pre:hover .md\:group-hover\:invisible{
      visibility: hidden;
    }
  }

@media (min-width: 1024px){
    .markdown pre:hover .lg\:group-hover\:bg-transparent{
      background-color: transparent;
    }

    .markdown pre:hover .lg\:group-hover\:bg-current{
      background-color: currentColor;
    }

    .markdown pre:hover .lg\:group-hover\:bg-brand{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 247, 145, var(--tw-bg-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:bg-black{
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:bg-white{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:bg-red{
      --tw-bg-opacity: 1;
      background-color: rgba(246, 78, 52, var(--tw-bg-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:bg-green{
      --tw-bg-opacity: 1;
      background-color: rgba(187, 236, 208, var(--tw-bg-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:bg-shade{
      background-color: rgba(0, 0, 0, 0.45);
    }

    .markdown pre:hover .lg\:group-hover\:bg-bgshade{
      background-color: rgba(0, 0, 0, 0.05);
    }

    .markdown pre:hover .lg\:group-hover\:bg-gray-50{
      --tw-bg-opacity: 1;
      background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:bg-gray-100{
      --tw-bg-opacity: 1;
      background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:bg-gray-200{
      --tw-bg-opacity: 1;
      background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:bg-gray-300{
      --tw-bg-opacity: 1;
      background-color: rgba(212, 212, 216, var(--tw-bg-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:bg-gray-400{
      --tw-bg-opacity: 1;
      background-color: rgba(161, 161, 170, var(--tw-bg-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:bg-gray-500{
      --tw-bg-opacity: 1;
      background-color: rgba(113, 113, 122, var(--tw-bg-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:bg-gray-600{
      --tw-bg-opacity: 1;
      background-color: rgba(82, 82, 91, var(--tw-bg-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:bg-gray-700{
      --tw-bg-opacity: 1;
      background-color: rgba(63, 63, 70, var(--tw-bg-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:bg-gray-800{
      --tw-bg-opacity: 1;
      background-color: rgba(39, 39, 42, var(--tw-bg-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:bg-gray-900{
      --tw-bg-opacity: 1;
      background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:bg-opacity-0{
      --tw-bg-opacity: 0;
    }

    .markdown pre:hover .lg\:group-hover\:bg-opacity-5{
      --tw-bg-opacity: 0.05;
    }

    .markdown pre:hover .lg\:group-hover\:bg-opacity-10{
      --tw-bg-opacity: 0.1;
    }

    .markdown pre:hover .lg\:group-hover\:bg-opacity-20{
      --tw-bg-opacity: 0.2;
    }

    .markdown pre:hover .lg\:group-hover\:bg-opacity-25{
      --tw-bg-opacity: 0.25;
    }

    .markdown pre:hover .lg\:group-hover\:bg-opacity-30{
      --tw-bg-opacity: 0.3;
    }

    .markdown pre:hover .lg\:group-hover\:bg-opacity-40{
      --tw-bg-opacity: 0.4;
    }

    .markdown pre:hover .lg\:group-hover\:bg-opacity-50{
      --tw-bg-opacity: 0.5;
    }

    .markdown pre:hover .lg\:group-hover\:bg-opacity-60{
      --tw-bg-opacity: 0.6;
    }

    .markdown pre:hover .lg\:group-hover\:bg-opacity-70{
      --tw-bg-opacity: 0.7;
    }

    .markdown pre:hover .lg\:group-hover\:bg-opacity-75{
      --tw-bg-opacity: 0.75;
    }

    .markdown pre:hover .lg\:group-hover\:bg-opacity-80{
      --tw-bg-opacity: 0.8;
    }

    .markdown pre:hover .lg\:group-hover\:bg-opacity-90{
      --tw-bg-opacity: 0.9;
    }

    .markdown pre:hover .lg\:group-hover\:bg-opacity-95{
      --tw-bg-opacity: 0.95;
    }

    .markdown pre:hover .lg\:group-hover\:bg-opacity-100{
      --tw-bg-opacity: 1;
    }

    .markdown pre:hover .lg\:group-hover\:border-transparent{
      border-color: transparent;
    }

    .markdown pre:hover .lg\:group-hover\:border-current{
      border-color: currentColor;
    }

    .markdown pre:hover .lg\:group-hover\:border-brand{
      --tw-border-opacity: 1;
      border-color: rgba(255, 247, 145, var(--tw-border-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:border-black{
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:border-white{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:border-red{
      --tw-border-opacity: 1;
      border-color: rgba(246, 78, 52, var(--tw-border-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:border-green{
      --tw-border-opacity: 1;
      border-color: rgba(187, 236, 208, var(--tw-border-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:border-shade{
      border-color: rgba(0, 0, 0, 0.45);
    }

    .markdown pre:hover .lg\:group-hover\:border-bgshade{
      border-color: rgba(0, 0, 0, 0.05);
    }

    .markdown pre:hover .lg\:group-hover\:border-gray-50{
      --tw-border-opacity: 1;
      border-color: rgba(250, 250, 250, var(--tw-border-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:border-gray-100{
      --tw-border-opacity: 1;
      border-color: rgba(244, 244, 245, var(--tw-border-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:border-gray-200{
      --tw-border-opacity: 1;
      border-color: rgba(228, 228, 231, var(--tw-border-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:border-gray-300{
      --tw-border-opacity: 1;
      border-color: rgba(212, 212, 216, var(--tw-border-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:border-gray-400{
      --tw-border-opacity: 1;
      border-color: rgba(161, 161, 170, var(--tw-border-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:border-gray-500{
      --tw-border-opacity: 1;
      border-color: rgba(113, 113, 122, var(--tw-border-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:border-gray-600{
      --tw-border-opacity: 1;
      border-color: rgba(82, 82, 91, var(--tw-border-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:border-gray-700{
      --tw-border-opacity: 1;
      border-color: rgba(63, 63, 70, var(--tw-border-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:border-gray-800{
      --tw-border-opacity: 1;
      border-color: rgba(39, 39, 42, var(--tw-border-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:border-gray-900{
      --tw-border-opacity: 1;
      border-color: rgba(24, 24, 27, var(--tw-border-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:border-opacity-0{
      --tw-border-opacity: 0;
    }

    .markdown pre:hover .lg\:group-hover\:border-opacity-5{
      --tw-border-opacity: 0.05;
    }

    .markdown pre:hover .lg\:group-hover\:border-opacity-10{
      --tw-border-opacity: 0.1;
    }

    .markdown pre:hover .lg\:group-hover\:border-opacity-20{
      --tw-border-opacity: 0.2;
    }

    .markdown pre:hover .lg\:group-hover\:border-opacity-25{
      --tw-border-opacity: 0.25;
    }

    .markdown pre:hover .lg\:group-hover\:border-opacity-30{
      --tw-border-opacity: 0.3;
    }

    .markdown pre:hover .lg\:group-hover\:border-opacity-40{
      --tw-border-opacity: 0.4;
    }

    .markdown pre:hover .lg\:group-hover\:border-opacity-50{
      --tw-border-opacity: 0.5;
    }

    .markdown pre:hover .lg\:group-hover\:border-opacity-60{
      --tw-border-opacity: 0.6;
    }

    .markdown pre:hover .lg\:group-hover\:border-opacity-70{
      --tw-border-opacity: 0.7;
    }

    .markdown pre:hover .lg\:group-hover\:border-opacity-75{
      --tw-border-opacity: 0.75;
    }

    .markdown pre:hover .lg\:group-hover\:border-opacity-80{
      --tw-border-opacity: 0.8;
    }

    .markdown pre:hover .lg\:group-hover\:border-opacity-90{
      --tw-border-opacity: 0.9;
    }

    .markdown pre:hover .lg\:group-hover\:border-opacity-95{
      --tw-border-opacity: 0.95;
    }

    .markdown pre:hover .lg\:group-hover\:border-opacity-100{
      --tw-border-opacity: 1;
    }

    .markdown pre:hover .lg\:group-hover\:opacity-0{
      opacity: 0;
    }

    .markdown pre:hover .lg\:group-hover\:opacity-5{
      opacity: 0.05;
    }

    .markdown pre:hover .lg\:group-hover\:opacity-10{
      opacity: 0.1;
    }

    .markdown pre:hover .lg\:group-hover\:opacity-20{
      opacity: 0.2;
    }

    .markdown pre:hover .lg\:group-hover\:opacity-25{
      opacity: 0.25;
    }

    .markdown pre:hover .lg\:group-hover\:opacity-30{
      opacity: 0.3;
    }

    .markdown pre:hover .lg\:group-hover\:opacity-40{
      opacity: 0.4;
    }

    .markdown pre:hover .lg\:group-hover\:opacity-50{
      opacity: 0.5;
    }

    .markdown pre:hover .lg\:group-hover\:opacity-60{
      opacity: 0.6;
    }

    .markdown pre:hover .lg\:group-hover\:opacity-70{
      opacity: 0.7;
    }

    .markdown pre:hover .lg\:group-hover\:opacity-75{
      opacity: 0.75;
    }

    .markdown pre:hover .lg\:group-hover\:opacity-80{
      opacity: 0.8;
    }

    .markdown pre:hover .lg\:group-hover\:opacity-90{
      opacity: 0.9;
    }

    .markdown pre:hover .lg\:group-hover\:opacity-95{
      opacity: 0.95;
    }

    .markdown pre:hover .lg\:group-hover\:opacity-100{
      opacity: 1;
    }

    .markdown pre:hover .lg\:group-hover\:shadow-sm{
      --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .lg\:group-hover\:shadow{
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .lg\:group-hover\:shadow-md{
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .lg\:group-hover\:shadow-lg{
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .lg\:group-hover\:shadow-xl{
      --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .lg\:group-hover\:shadow-2xl{
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .lg\:group-hover\:shadow-inner{
      --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .lg\:group-hover\:shadow-none{
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .lg\:group-hover\:text-transparent{
      color: transparent;
    }

    .markdown pre:hover .lg\:group-hover\:text-current{
      color: currentColor;
    }

    .markdown pre:hover .lg\:group-hover\:text-brand{
      --tw-text-opacity: 1;
      color: rgba(255, 247, 145, var(--tw-text-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:text-black{
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:text-white{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:text-red{
      --tw-text-opacity: 1;
      color: rgba(246, 78, 52, var(--tw-text-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:text-green{
      --tw-text-opacity: 1;
      color: rgba(187, 236, 208, var(--tw-text-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:text-shade{
      color: rgba(0, 0, 0, 0.45);
    }

    .markdown pre:hover .lg\:group-hover\:text-bgshade{
      color: rgba(0, 0, 0, 0.05);
    }

    .markdown pre:hover .lg\:group-hover\:text-gray-50{
      --tw-text-opacity: 1;
      color: rgba(250, 250, 250, var(--tw-text-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:text-gray-100{
      --tw-text-opacity: 1;
      color: rgba(244, 244, 245, var(--tw-text-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:text-gray-200{
      --tw-text-opacity: 1;
      color: rgba(228, 228, 231, var(--tw-text-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:text-gray-300{
      --tw-text-opacity: 1;
      color: rgba(212, 212, 216, var(--tw-text-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:text-gray-400{
      --tw-text-opacity: 1;
      color: rgba(161, 161, 170, var(--tw-text-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:text-gray-500{
      --tw-text-opacity: 1;
      color: rgba(113, 113, 122, var(--tw-text-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:text-gray-600{
      --tw-text-opacity: 1;
      color: rgba(82, 82, 91, var(--tw-text-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:text-gray-700{
      --tw-text-opacity: 1;
      color: rgba(63, 63, 70, var(--tw-text-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:text-gray-800{
      --tw-text-opacity: 1;
      color: rgba(39, 39, 42, var(--tw-text-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:text-gray-900{
      --tw-text-opacity: 1;
      color: rgba(24, 24, 27, var(--tw-text-opacity));
    }

    .markdown pre:hover .lg\:group-hover\:text-opacity-0{
      --tw-text-opacity: 0;
    }

    .markdown pre:hover .lg\:group-hover\:text-opacity-5{
      --tw-text-opacity: 0.05;
    }

    .markdown pre:hover .lg\:group-hover\:text-opacity-10{
      --tw-text-opacity: 0.1;
    }

    .markdown pre:hover .lg\:group-hover\:text-opacity-20{
      --tw-text-opacity: 0.2;
    }

    .markdown pre:hover .lg\:group-hover\:text-opacity-25{
      --tw-text-opacity: 0.25;
    }

    .markdown pre:hover .lg\:group-hover\:text-opacity-30{
      --tw-text-opacity: 0.3;
    }

    .markdown pre:hover .lg\:group-hover\:text-opacity-40{
      --tw-text-opacity: 0.4;
    }

    .markdown pre:hover .lg\:group-hover\:text-opacity-50{
      --tw-text-opacity: 0.5;
    }

    .markdown pre:hover .lg\:group-hover\:text-opacity-60{
      --tw-text-opacity: 0.6;
    }

    .markdown pre:hover .lg\:group-hover\:text-opacity-70{
      --tw-text-opacity: 0.7;
    }

    .markdown pre:hover .lg\:group-hover\:text-opacity-75{
      --tw-text-opacity: 0.75;
    }

    .markdown pre:hover .lg\:group-hover\:text-opacity-80{
      --tw-text-opacity: 0.8;
    }

    .markdown pre:hover .lg\:group-hover\:text-opacity-90{
      --tw-text-opacity: 0.9;
    }

    .markdown pre:hover .lg\:group-hover\:text-opacity-95{
      --tw-text-opacity: 0.95;
    }

    .markdown pre:hover .lg\:group-hover\:text-opacity-100{
      --tw-text-opacity: 1;
    }

    .markdown pre:hover .lg\:group-hover\:underline{
      text-decoration: underline;
    }

    .markdown pre:hover .lg\:group-hover\:line-through{
      text-decoration: line-through;
    }

    .markdown pre:hover .lg\:group-hover\:no-underline{
      text-decoration: none;
    }

    .markdown pre:hover .lg\:group-hover\:visible{
      visibility: visible;
    }

    .markdown pre:hover .lg\:group-hover\:invisible{
      visibility: hidden;
    }
  }

@media (min-width: 1280px){
    .markdown pre:hover .xl\:group-hover\:bg-transparent{
      background-color: transparent;
    }

    .markdown pre:hover .xl\:group-hover\:bg-current{
      background-color: currentColor;
    }

    .markdown pre:hover .xl\:group-hover\:bg-brand{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 247, 145, var(--tw-bg-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:bg-black{
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:bg-white{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:bg-red{
      --tw-bg-opacity: 1;
      background-color: rgba(246, 78, 52, var(--tw-bg-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:bg-green{
      --tw-bg-opacity: 1;
      background-color: rgba(187, 236, 208, var(--tw-bg-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:bg-shade{
      background-color: rgba(0, 0, 0, 0.45);
    }

    .markdown pre:hover .xl\:group-hover\:bg-bgshade{
      background-color: rgba(0, 0, 0, 0.05);
    }

    .markdown pre:hover .xl\:group-hover\:bg-gray-50{
      --tw-bg-opacity: 1;
      background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:bg-gray-100{
      --tw-bg-opacity: 1;
      background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:bg-gray-200{
      --tw-bg-opacity: 1;
      background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:bg-gray-300{
      --tw-bg-opacity: 1;
      background-color: rgba(212, 212, 216, var(--tw-bg-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:bg-gray-400{
      --tw-bg-opacity: 1;
      background-color: rgba(161, 161, 170, var(--tw-bg-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:bg-gray-500{
      --tw-bg-opacity: 1;
      background-color: rgba(113, 113, 122, var(--tw-bg-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:bg-gray-600{
      --tw-bg-opacity: 1;
      background-color: rgba(82, 82, 91, var(--tw-bg-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:bg-gray-700{
      --tw-bg-opacity: 1;
      background-color: rgba(63, 63, 70, var(--tw-bg-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:bg-gray-800{
      --tw-bg-opacity: 1;
      background-color: rgba(39, 39, 42, var(--tw-bg-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:bg-gray-900{
      --tw-bg-opacity: 1;
      background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:bg-opacity-0{
      --tw-bg-opacity: 0;
    }

    .markdown pre:hover .xl\:group-hover\:bg-opacity-5{
      --tw-bg-opacity: 0.05;
    }

    .markdown pre:hover .xl\:group-hover\:bg-opacity-10{
      --tw-bg-opacity: 0.1;
    }

    .markdown pre:hover .xl\:group-hover\:bg-opacity-20{
      --tw-bg-opacity: 0.2;
    }

    .markdown pre:hover .xl\:group-hover\:bg-opacity-25{
      --tw-bg-opacity: 0.25;
    }

    .markdown pre:hover .xl\:group-hover\:bg-opacity-30{
      --tw-bg-opacity: 0.3;
    }

    .markdown pre:hover .xl\:group-hover\:bg-opacity-40{
      --tw-bg-opacity: 0.4;
    }

    .markdown pre:hover .xl\:group-hover\:bg-opacity-50{
      --tw-bg-opacity: 0.5;
    }

    .markdown pre:hover .xl\:group-hover\:bg-opacity-60{
      --tw-bg-opacity: 0.6;
    }

    .markdown pre:hover .xl\:group-hover\:bg-opacity-70{
      --tw-bg-opacity: 0.7;
    }

    .markdown pre:hover .xl\:group-hover\:bg-opacity-75{
      --tw-bg-opacity: 0.75;
    }

    .markdown pre:hover .xl\:group-hover\:bg-opacity-80{
      --tw-bg-opacity: 0.8;
    }

    .markdown pre:hover .xl\:group-hover\:bg-opacity-90{
      --tw-bg-opacity: 0.9;
    }

    .markdown pre:hover .xl\:group-hover\:bg-opacity-95{
      --tw-bg-opacity: 0.95;
    }

    .markdown pre:hover .xl\:group-hover\:bg-opacity-100{
      --tw-bg-opacity: 1;
    }

    .markdown pre:hover .xl\:group-hover\:border-transparent{
      border-color: transparent;
    }

    .markdown pre:hover .xl\:group-hover\:border-current{
      border-color: currentColor;
    }

    .markdown pre:hover .xl\:group-hover\:border-brand{
      --tw-border-opacity: 1;
      border-color: rgba(255, 247, 145, var(--tw-border-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:border-black{
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:border-white{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:border-red{
      --tw-border-opacity: 1;
      border-color: rgba(246, 78, 52, var(--tw-border-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:border-green{
      --tw-border-opacity: 1;
      border-color: rgba(187, 236, 208, var(--tw-border-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:border-shade{
      border-color: rgba(0, 0, 0, 0.45);
    }

    .markdown pre:hover .xl\:group-hover\:border-bgshade{
      border-color: rgba(0, 0, 0, 0.05);
    }

    .markdown pre:hover .xl\:group-hover\:border-gray-50{
      --tw-border-opacity: 1;
      border-color: rgba(250, 250, 250, var(--tw-border-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:border-gray-100{
      --tw-border-opacity: 1;
      border-color: rgba(244, 244, 245, var(--tw-border-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:border-gray-200{
      --tw-border-opacity: 1;
      border-color: rgba(228, 228, 231, var(--tw-border-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:border-gray-300{
      --tw-border-opacity: 1;
      border-color: rgba(212, 212, 216, var(--tw-border-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:border-gray-400{
      --tw-border-opacity: 1;
      border-color: rgba(161, 161, 170, var(--tw-border-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:border-gray-500{
      --tw-border-opacity: 1;
      border-color: rgba(113, 113, 122, var(--tw-border-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:border-gray-600{
      --tw-border-opacity: 1;
      border-color: rgba(82, 82, 91, var(--tw-border-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:border-gray-700{
      --tw-border-opacity: 1;
      border-color: rgba(63, 63, 70, var(--tw-border-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:border-gray-800{
      --tw-border-opacity: 1;
      border-color: rgba(39, 39, 42, var(--tw-border-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:border-gray-900{
      --tw-border-opacity: 1;
      border-color: rgba(24, 24, 27, var(--tw-border-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:border-opacity-0{
      --tw-border-opacity: 0;
    }

    .markdown pre:hover .xl\:group-hover\:border-opacity-5{
      --tw-border-opacity: 0.05;
    }

    .markdown pre:hover .xl\:group-hover\:border-opacity-10{
      --tw-border-opacity: 0.1;
    }

    .markdown pre:hover .xl\:group-hover\:border-opacity-20{
      --tw-border-opacity: 0.2;
    }

    .markdown pre:hover .xl\:group-hover\:border-opacity-25{
      --tw-border-opacity: 0.25;
    }

    .markdown pre:hover .xl\:group-hover\:border-opacity-30{
      --tw-border-opacity: 0.3;
    }

    .markdown pre:hover .xl\:group-hover\:border-opacity-40{
      --tw-border-opacity: 0.4;
    }

    .markdown pre:hover .xl\:group-hover\:border-opacity-50{
      --tw-border-opacity: 0.5;
    }

    .markdown pre:hover .xl\:group-hover\:border-opacity-60{
      --tw-border-opacity: 0.6;
    }

    .markdown pre:hover .xl\:group-hover\:border-opacity-70{
      --tw-border-opacity: 0.7;
    }

    .markdown pre:hover .xl\:group-hover\:border-opacity-75{
      --tw-border-opacity: 0.75;
    }

    .markdown pre:hover .xl\:group-hover\:border-opacity-80{
      --tw-border-opacity: 0.8;
    }

    .markdown pre:hover .xl\:group-hover\:border-opacity-90{
      --tw-border-opacity: 0.9;
    }

    .markdown pre:hover .xl\:group-hover\:border-opacity-95{
      --tw-border-opacity: 0.95;
    }

    .markdown pre:hover .xl\:group-hover\:border-opacity-100{
      --tw-border-opacity: 1;
    }

    .markdown pre:hover .xl\:group-hover\:opacity-0{
      opacity: 0;
    }

    .markdown pre:hover .xl\:group-hover\:opacity-5{
      opacity: 0.05;
    }

    .markdown pre:hover .xl\:group-hover\:opacity-10{
      opacity: 0.1;
    }

    .markdown pre:hover .xl\:group-hover\:opacity-20{
      opacity: 0.2;
    }

    .markdown pre:hover .xl\:group-hover\:opacity-25{
      opacity: 0.25;
    }

    .markdown pre:hover .xl\:group-hover\:opacity-30{
      opacity: 0.3;
    }

    .markdown pre:hover .xl\:group-hover\:opacity-40{
      opacity: 0.4;
    }

    .markdown pre:hover .xl\:group-hover\:opacity-50{
      opacity: 0.5;
    }

    .markdown pre:hover .xl\:group-hover\:opacity-60{
      opacity: 0.6;
    }

    .markdown pre:hover .xl\:group-hover\:opacity-70{
      opacity: 0.7;
    }

    .markdown pre:hover .xl\:group-hover\:opacity-75{
      opacity: 0.75;
    }

    .markdown pre:hover .xl\:group-hover\:opacity-80{
      opacity: 0.8;
    }

    .markdown pre:hover .xl\:group-hover\:opacity-90{
      opacity: 0.9;
    }

    .markdown pre:hover .xl\:group-hover\:opacity-95{
      opacity: 0.95;
    }

    .markdown pre:hover .xl\:group-hover\:opacity-100{
      opacity: 1;
    }

    .markdown pre:hover .xl\:group-hover\:shadow-sm{
      --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .xl\:group-hover\:shadow{
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .xl\:group-hover\:shadow-md{
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .xl\:group-hover\:shadow-lg{
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .xl\:group-hover\:shadow-xl{
      --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .xl\:group-hover\:shadow-2xl{
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .xl\:group-hover\:shadow-inner{
      --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .xl\:group-hover\:shadow-none{
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .xl\:group-hover\:text-transparent{
      color: transparent;
    }

    .markdown pre:hover .xl\:group-hover\:text-current{
      color: currentColor;
    }

    .markdown pre:hover .xl\:group-hover\:text-brand{
      --tw-text-opacity: 1;
      color: rgba(255, 247, 145, var(--tw-text-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:text-black{
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:text-white{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:text-red{
      --tw-text-opacity: 1;
      color: rgba(246, 78, 52, var(--tw-text-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:text-green{
      --tw-text-opacity: 1;
      color: rgba(187, 236, 208, var(--tw-text-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:text-shade{
      color: rgba(0, 0, 0, 0.45);
    }

    .markdown pre:hover .xl\:group-hover\:text-bgshade{
      color: rgba(0, 0, 0, 0.05);
    }

    .markdown pre:hover .xl\:group-hover\:text-gray-50{
      --tw-text-opacity: 1;
      color: rgba(250, 250, 250, var(--tw-text-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:text-gray-100{
      --tw-text-opacity: 1;
      color: rgba(244, 244, 245, var(--tw-text-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:text-gray-200{
      --tw-text-opacity: 1;
      color: rgba(228, 228, 231, var(--tw-text-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:text-gray-300{
      --tw-text-opacity: 1;
      color: rgba(212, 212, 216, var(--tw-text-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:text-gray-400{
      --tw-text-opacity: 1;
      color: rgba(161, 161, 170, var(--tw-text-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:text-gray-500{
      --tw-text-opacity: 1;
      color: rgba(113, 113, 122, var(--tw-text-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:text-gray-600{
      --tw-text-opacity: 1;
      color: rgba(82, 82, 91, var(--tw-text-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:text-gray-700{
      --tw-text-opacity: 1;
      color: rgba(63, 63, 70, var(--tw-text-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:text-gray-800{
      --tw-text-opacity: 1;
      color: rgba(39, 39, 42, var(--tw-text-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:text-gray-900{
      --tw-text-opacity: 1;
      color: rgba(24, 24, 27, var(--tw-text-opacity));
    }

    .markdown pre:hover .xl\:group-hover\:text-opacity-0{
      --tw-text-opacity: 0;
    }

    .markdown pre:hover .xl\:group-hover\:text-opacity-5{
      --tw-text-opacity: 0.05;
    }

    .markdown pre:hover .xl\:group-hover\:text-opacity-10{
      --tw-text-opacity: 0.1;
    }

    .markdown pre:hover .xl\:group-hover\:text-opacity-20{
      --tw-text-opacity: 0.2;
    }

    .markdown pre:hover .xl\:group-hover\:text-opacity-25{
      --tw-text-opacity: 0.25;
    }

    .markdown pre:hover .xl\:group-hover\:text-opacity-30{
      --tw-text-opacity: 0.3;
    }

    .markdown pre:hover .xl\:group-hover\:text-opacity-40{
      --tw-text-opacity: 0.4;
    }

    .markdown pre:hover .xl\:group-hover\:text-opacity-50{
      --tw-text-opacity: 0.5;
    }

    .markdown pre:hover .xl\:group-hover\:text-opacity-60{
      --tw-text-opacity: 0.6;
    }

    .markdown pre:hover .xl\:group-hover\:text-opacity-70{
      --tw-text-opacity: 0.7;
    }

    .markdown pre:hover .xl\:group-hover\:text-opacity-75{
      --tw-text-opacity: 0.75;
    }

    .markdown pre:hover .xl\:group-hover\:text-opacity-80{
      --tw-text-opacity: 0.8;
    }

    .markdown pre:hover .xl\:group-hover\:text-opacity-90{
      --tw-text-opacity: 0.9;
    }

    .markdown pre:hover .xl\:group-hover\:text-opacity-95{
      --tw-text-opacity: 0.95;
    }

    .markdown pre:hover .xl\:group-hover\:text-opacity-100{
      --tw-text-opacity: 1;
    }

    .markdown pre:hover .xl\:group-hover\:underline{
      text-decoration: underline;
    }

    .markdown pre:hover .xl\:group-hover\:line-through{
      text-decoration: line-through;
    }

    .markdown pre:hover .xl\:group-hover\:no-underline{
      text-decoration: none;
    }

    .markdown pre:hover .xl\:group-hover\:visible{
      visibility: visible;
    }

    .markdown pre:hover .xl\:group-hover\:invisible{
      visibility: hidden;
    }
  }

@media (min-width: 1536px){
    .markdown pre:hover .\32xl\:group-hover\:bg-transparent{
      background-color: transparent;
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-current{
      background-color: currentColor;
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-brand{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 247, 145, var(--tw-bg-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-black{
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-white{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-red{
      --tw-bg-opacity: 1;
      background-color: rgba(246, 78, 52, var(--tw-bg-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-green{
      --tw-bg-opacity: 1;
      background-color: rgba(187, 236, 208, var(--tw-bg-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-shade{
      background-color: rgba(0, 0, 0, 0.45);
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-bgshade{
      background-color: rgba(0, 0, 0, 0.05);
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-gray-50{
      --tw-bg-opacity: 1;
      background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-gray-100{
      --tw-bg-opacity: 1;
      background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-gray-200{
      --tw-bg-opacity: 1;
      background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-gray-300{
      --tw-bg-opacity: 1;
      background-color: rgba(212, 212, 216, var(--tw-bg-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-gray-400{
      --tw-bg-opacity: 1;
      background-color: rgba(161, 161, 170, var(--tw-bg-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-gray-500{
      --tw-bg-opacity: 1;
      background-color: rgba(113, 113, 122, var(--tw-bg-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-gray-600{
      --tw-bg-opacity: 1;
      background-color: rgba(82, 82, 91, var(--tw-bg-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-gray-700{
      --tw-bg-opacity: 1;
      background-color: rgba(63, 63, 70, var(--tw-bg-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-gray-800{
      --tw-bg-opacity: 1;
      background-color: rgba(39, 39, 42, var(--tw-bg-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-gray-900{
      --tw-bg-opacity: 1;
      background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-opacity-0{
      --tw-bg-opacity: 0;
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-opacity-5{
      --tw-bg-opacity: 0.05;
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-opacity-10{
      --tw-bg-opacity: 0.1;
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-opacity-20{
      --tw-bg-opacity: 0.2;
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-opacity-25{
      --tw-bg-opacity: 0.25;
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-opacity-30{
      --tw-bg-opacity: 0.3;
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-opacity-40{
      --tw-bg-opacity: 0.4;
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-opacity-50{
      --tw-bg-opacity: 0.5;
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-opacity-60{
      --tw-bg-opacity: 0.6;
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-opacity-70{
      --tw-bg-opacity: 0.7;
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-opacity-75{
      --tw-bg-opacity: 0.75;
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-opacity-80{
      --tw-bg-opacity: 0.8;
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-opacity-90{
      --tw-bg-opacity: 0.9;
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-opacity-95{
      --tw-bg-opacity: 0.95;
    }

    .markdown pre:hover .\32xl\:group-hover\:bg-opacity-100{
      --tw-bg-opacity: 1;
    }

    .markdown pre:hover .\32xl\:group-hover\:border-transparent{
      border-color: transparent;
    }

    .markdown pre:hover .\32xl\:group-hover\:border-current{
      border-color: currentColor;
    }

    .markdown pre:hover .\32xl\:group-hover\:border-brand{
      --tw-border-opacity: 1;
      border-color: rgba(255, 247, 145, var(--tw-border-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:border-black{
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:border-white{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:border-red{
      --tw-border-opacity: 1;
      border-color: rgba(246, 78, 52, var(--tw-border-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:border-green{
      --tw-border-opacity: 1;
      border-color: rgba(187, 236, 208, var(--tw-border-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:border-shade{
      border-color: rgba(0, 0, 0, 0.45);
    }

    .markdown pre:hover .\32xl\:group-hover\:border-bgshade{
      border-color: rgba(0, 0, 0, 0.05);
    }

    .markdown pre:hover .\32xl\:group-hover\:border-gray-50{
      --tw-border-opacity: 1;
      border-color: rgba(250, 250, 250, var(--tw-border-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:border-gray-100{
      --tw-border-opacity: 1;
      border-color: rgba(244, 244, 245, var(--tw-border-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:border-gray-200{
      --tw-border-opacity: 1;
      border-color: rgba(228, 228, 231, var(--tw-border-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:border-gray-300{
      --tw-border-opacity: 1;
      border-color: rgba(212, 212, 216, var(--tw-border-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:border-gray-400{
      --tw-border-opacity: 1;
      border-color: rgba(161, 161, 170, var(--tw-border-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:border-gray-500{
      --tw-border-opacity: 1;
      border-color: rgba(113, 113, 122, var(--tw-border-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:border-gray-600{
      --tw-border-opacity: 1;
      border-color: rgba(82, 82, 91, var(--tw-border-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:border-gray-700{
      --tw-border-opacity: 1;
      border-color: rgba(63, 63, 70, var(--tw-border-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:border-gray-800{
      --tw-border-opacity: 1;
      border-color: rgba(39, 39, 42, var(--tw-border-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:border-gray-900{
      --tw-border-opacity: 1;
      border-color: rgba(24, 24, 27, var(--tw-border-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:border-opacity-0{
      --tw-border-opacity: 0;
    }

    .markdown pre:hover .\32xl\:group-hover\:border-opacity-5{
      --tw-border-opacity: 0.05;
    }

    .markdown pre:hover .\32xl\:group-hover\:border-opacity-10{
      --tw-border-opacity: 0.1;
    }

    .markdown pre:hover .\32xl\:group-hover\:border-opacity-20{
      --tw-border-opacity: 0.2;
    }

    .markdown pre:hover .\32xl\:group-hover\:border-opacity-25{
      --tw-border-opacity: 0.25;
    }

    .markdown pre:hover .\32xl\:group-hover\:border-opacity-30{
      --tw-border-opacity: 0.3;
    }

    .markdown pre:hover .\32xl\:group-hover\:border-opacity-40{
      --tw-border-opacity: 0.4;
    }

    .markdown pre:hover .\32xl\:group-hover\:border-opacity-50{
      --tw-border-opacity: 0.5;
    }

    .markdown pre:hover .\32xl\:group-hover\:border-opacity-60{
      --tw-border-opacity: 0.6;
    }

    .markdown pre:hover .\32xl\:group-hover\:border-opacity-70{
      --tw-border-opacity: 0.7;
    }

    .markdown pre:hover .\32xl\:group-hover\:border-opacity-75{
      --tw-border-opacity: 0.75;
    }

    .markdown pre:hover .\32xl\:group-hover\:border-opacity-80{
      --tw-border-opacity: 0.8;
    }

    .markdown pre:hover .\32xl\:group-hover\:border-opacity-90{
      --tw-border-opacity: 0.9;
    }

    .markdown pre:hover .\32xl\:group-hover\:border-opacity-95{
      --tw-border-opacity: 0.95;
    }

    .markdown pre:hover .\32xl\:group-hover\:border-opacity-100{
      --tw-border-opacity: 1;
    }

    .markdown pre:hover .\32xl\:group-hover\:opacity-0{
      opacity: 0;
    }

    .markdown pre:hover .\32xl\:group-hover\:opacity-5{
      opacity: 0.05;
    }

    .markdown pre:hover .\32xl\:group-hover\:opacity-10{
      opacity: 0.1;
    }

    .markdown pre:hover .\32xl\:group-hover\:opacity-20{
      opacity: 0.2;
    }

    .markdown pre:hover .\32xl\:group-hover\:opacity-25{
      opacity: 0.25;
    }

    .markdown pre:hover .\32xl\:group-hover\:opacity-30{
      opacity: 0.3;
    }

    .markdown pre:hover .\32xl\:group-hover\:opacity-40{
      opacity: 0.4;
    }

    .markdown pre:hover .\32xl\:group-hover\:opacity-50{
      opacity: 0.5;
    }

    .markdown pre:hover .\32xl\:group-hover\:opacity-60{
      opacity: 0.6;
    }

    .markdown pre:hover .\32xl\:group-hover\:opacity-70{
      opacity: 0.7;
    }

    .markdown pre:hover .\32xl\:group-hover\:opacity-75{
      opacity: 0.75;
    }

    .markdown pre:hover .\32xl\:group-hover\:opacity-80{
      opacity: 0.8;
    }

    .markdown pre:hover .\32xl\:group-hover\:opacity-90{
      opacity: 0.9;
    }

    .markdown pre:hover .\32xl\:group-hover\:opacity-95{
      opacity: 0.95;
    }

    .markdown pre:hover .\32xl\:group-hover\:opacity-100{
      opacity: 1;
    }

    .markdown pre:hover .\32xl\:group-hover\:shadow-sm{
      --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .\32xl\:group-hover\:shadow{
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .\32xl\:group-hover\:shadow-md{
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .\32xl\:group-hover\:shadow-lg{
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .\32xl\:group-hover\:shadow-xl{
      --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .\32xl\:group-hover\:shadow-2xl{
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .\32xl\:group-hover\:shadow-inner{
      --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .\32xl\:group-hover\:shadow-none{
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown pre:hover .\32xl\:group-hover\:text-transparent{
      color: transparent;
    }

    .markdown pre:hover .\32xl\:group-hover\:text-current{
      color: currentColor;
    }

    .markdown pre:hover .\32xl\:group-hover\:text-brand{
      --tw-text-opacity: 1;
      color: rgba(255, 247, 145, var(--tw-text-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:text-black{
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:text-white{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:text-red{
      --tw-text-opacity: 1;
      color: rgba(246, 78, 52, var(--tw-text-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:text-green{
      --tw-text-opacity: 1;
      color: rgba(187, 236, 208, var(--tw-text-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:text-shade{
      color: rgba(0, 0, 0, 0.45);
    }

    .markdown pre:hover .\32xl\:group-hover\:text-bgshade{
      color: rgba(0, 0, 0, 0.05);
    }

    .markdown pre:hover .\32xl\:group-hover\:text-gray-50{
      --tw-text-opacity: 1;
      color: rgba(250, 250, 250, var(--tw-text-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:text-gray-100{
      --tw-text-opacity: 1;
      color: rgba(244, 244, 245, var(--tw-text-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:text-gray-200{
      --tw-text-opacity: 1;
      color: rgba(228, 228, 231, var(--tw-text-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:text-gray-300{
      --tw-text-opacity: 1;
      color: rgba(212, 212, 216, var(--tw-text-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:text-gray-400{
      --tw-text-opacity: 1;
      color: rgba(161, 161, 170, var(--tw-text-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:text-gray-500{
      --tw-text-opacity: 1;
      color: rgba(113, 113, 122, var(--tw-text-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:text-gray-600{
      --tw-text-opacity: 1;
      color: rgba(82, 82, 91, var(--tw-text-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:text-gray-700{
      --tw-text-opacity: 1;
      color: rgba(63, 63, 70, var(--tw-text-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:text-gray-800{
      --tw-text-opacity: 1;
      color: rgba(39, 39, 42, var(--tw-text-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:text-gray-900{
      --tw-text-opacity: 1;
      color: rgba(24, 24, 27, var(--tw-text-opacity));
    }

    .markdown pre:hover .\32xl\:group-hover\:text-opacity-0{
      --tw-text-opacity: 0;
    }

    .markdown pre:hover .\32xl\:group-hover\:text-opacity-5{
      --tw-text-opacity: 0.05;
    }

    .markdown pre:hover .\32xl\:group-hover\:text-opacity-10{
      --tw-text-opacity: 0.1;
    }

    .markdown pre:hover .\32xl\:group-hover\:text-opacity-20{
      --tw-text-opacity: 0.2;
    }

    .markdown pre:hover .\32xl\:group-hover\:text-opacity-25{
      --tw-text-opacity: 0.25;
    }

    .markdown pre:hover .\32xl\:group-hover\:text-opacity-30{
      --tw-text-opacity: 0.3;
    }

    .markdown pre:hover .\32xl\:group-hover\:text-opacity-40{
      --tw-text-opacity: 0.4;
    }

    .markdown pre:hover .\32xl\:group-hover\:text-opacity-50{
      --tw-text-opacity: 0.5;
    }

    .markdown pre:hover .\32xl\:group-hover\:text-opacity-60{
      --tw-text-opacity: 0.6;
    }

    .markdown pre:hover .\32xl\:group-hover\:text-opacity-70{
      --tw-text-opacity: 0.7;
    }

    .markdown pre:hover .\32xl\:group-hover\:text-opacity-75{
      --tw-text-opacity: 0.75;
    }

    .markdown pre:hover .\32xl\:group-hover\:text-opacity-80{
      --tw-text-opacity: 0.8;
    }

    .markdown pre:hover .\32xl\:group-hover\:text-opacity-90{
      --tw-text-opacity: 0.9;
    }

    .markdown pre:hover .\32xl\:group-hover\:text-opacity-95{
      --tw-text-opacity: 0.95;
    }

    .markdown pre:hover .\32xl\:group-hover\:text-opacity-100{
      --tw-text-opacity: 1;
    }

    .markdown pre:hover .\32xl\:group-hover\:underline{
      text-decoration: underline;
    }

    .markdown pre:hover .\32xl\:group-hover\:line-through{
      text-decoration: line-through;
    }

    .markdown pre:hover .\32xl\:group-hover\:no-underline{
      text-decoration: none;
    }

    .markdown pre:hover .\32xl\:group-hover\:visible{
      visibility: visible;
    }

    .markdown pre:hover .\32xl\:group-hover\:invisible{
      visibility: hidden;
    }
  }

.markdown ul {
    list-style-position: outside;
    list-style-type: disc;
    margin-top: 24px;
    margin-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

.markdown ol {
    list-style-type: decimal;
    margin-top: 24px;
    margin-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

.markdown li {
    padding-left: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

.markdown iframe {
    margin-bottom: 24px;
  }

.markdown img {
    margin-bottom: 24px;
  }

.markdown .toctitle {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

.markdown .toc ul ul {
    margin-top: 0px;
    margin-bottom: 0px;
  }

.markdown h1 {
    font-size: 24px;
    line-height: 35px;
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

.markdown h2 {
    font-weight: 400;
    font-size: 24px;
    line-height: 35px;
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

.markdown h3 a,
.markdown ah3 {
    -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
            text-decoration-color: rgba(0, 0, 0, 0.1);
  }

.markdown .text-shade a,
.markdown a.text-shade {
    -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
            text-decoration-color: rgba(0, 0, 0, 0.1);
  }

.markdown h3{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.45);
  }

.markdown h4 a,
.markdown ah4 {
    -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
            text-decoration-color: rgba(0, 0, 0, 0.1);
  }

.markdown .text-shade a,
.markdown a.text-shade {
    -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
            text-decoration-color: rgba(0, 0, 0, 0.1);
  }

.markdown h4{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.45);
  }

.markdown h5 a,
.markdown ah5 {
    -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
            text-decoration-color: rgba(0, 0, 0, 0.1);
  }

.markdown .text-shade a,
.markdown a.text-shade {
    -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
            text-decoration-color: rgba(0, 0, 0, 0.1);
  }

.markdown h5{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.45);
  }

.markdown h6 a,
.markdown ah6 {
    -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
            text-decoration-color: rgba(0, 0, 0, 0.1);
  }

.markdown .text-shade a,
.markdown a.text-shade {
    -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
            text-decoration-color: rgba(0, 0, 0, 0.1);
  }

.markdown h6{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.45);
  }

/* Markdown styles, but without the tiny headings. These are from base.css. Should be a neater way to do this. */

.markdown-normal-headings h1 {
    margin-bottom: 24px;
  }

.markdown-normal-headings h2 {
    margin-bottom: 24px;
    margin-top: 48px;
  }

.markdown-normal-headings h3 {
    margin-bottom: 12px;
    margin-top: 48px;
  }

.markdown-normal-headings h4 {
    margin-bottom: 12px;
    margin-top: 48px;
  }

.markdown-normal-headings h5 {
    margin-bottom: 12px;
    margin-top: 48px;
  }

.markdown-normal-headings h6 {
    margin-bottom: 12px;
    margin-top: 48px;
  }

.markdown-normal-headings table {
    font-size: 14px;
    line-height: 20px;
    margin-top: 24px;
    margin-bottom: 24px;
    table-layout: auto;
    width: 100%;
  }

.markdown-normal-headings table thead tr a,
.markdown-normal-headings atable thead tr {
    -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
            text-decoration-color: rgba(0, 0, 0, 0.1);
  }

.markdown-normal-headings .text-shade a,
.markdown-normal-headings a.text-shade {
    -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
            text-decoration-color: rgba(0, 0, 0, 0.1);
  }

.markdown-normal-headings table thead tr{
    border-bottom-width: 1px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: rgba(0, 0, 0, 0.45);
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    --tw-border-opacity: 0.1;
  }

.markdown-normal-headings table tbody tr:hover{
    background-color: rgba(0, 0, 0, 0.05);
  }

.markdown-normal-headings table tbody tr{
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    --tw-border-opacity: 0.1;
  }

.markdown-normal-headings table td, .markdown-normal-headings table th{
    font-weight: 400;
    padding: 0.5rem;
  }

.markdown-normal-headings p {
    margin-bottom: 24px;
  }

.markdown-normal-headings pre {
    /* see `.code` defined in code.css */
  }

.markdown-normal-headings pre:hover .group-hover\:bg-transparent{
    background-color: transparent;
  }

.markdown-normal-headings pre:hover .group-hover\:bg-current{
    background-color: currentColor;
  }

.markdown-normal-headings pre:hover .group-hover\:bg-brand{
    --tw-bg-opacity: 1;
    background-color: rgba(255, 247, 145, var(--tw-bg-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:bg-black{
    --tw-bg-opacity: 1;
    background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:bg-white{
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:bg-red{
    --tw-bg-opacity: 1;
    background-color: rgba(246, 78, 52, var(--tw-bg-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:bg-green{
    --tw-bg-opacity: 1;
    background-color: rgba(187, 236, 208, var(--tw-bg-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:bg-shade{
    background-color: rgba(0, 0, 0, 0.45);
  }

.markdown-normal-headings pre:hover .group-hover\:bg-bgshade{
    background-color: rgba(0, 0, 0, 0.05);
  }

.markdown-normal-headings pre:hover .group-hover\:bg-gray-50{
    --tw-bg-opacity: 1;
    background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:bg-gray-100{
    --tw-bg-opacity: 1;
    background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:bg-gray-200{
    --tw-bg-opacity: 1;
    background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:bg-gray-300{
    --tw-bg-opacity: 1;
    background-color: rgba(212, 212, 216, var(--tw-bg-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:bg-gray-400{
    --tw-bg-opacity: 1;
    background-color: rgba(161, 161, 170, var(--tw-bg-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:bg-gray-500{
    --tw-bg-opacity: 1;
    background-color: rgba(113, 113, 122, var(--tw-bg-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:bg-gray-600{
    --tw-bg-opacity: 1;
    background-color: rgba(82, 82, 91, var(--tw-bg-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:bg-gray-700{
    --tw-bg-opacity: 1;
    background-color: rgba(63, 63, 70, var(--tw-bg-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:bg-gray-800{
    --tw-bg-opacity: 1;
    background-color: rgba(39, 39, 42, var(--tw-bg-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:bg-gray-900{
    --tw-bg-opacity: 1;
    background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:bg-opacity-0{
    --tw-bg-opacity: 0;
  }

.markdown-normal-headings pre:hover .group-hover\:bg-opacity-5{
    --tw-bg-opacity: 0.05;
  }

.markdown-normal-headings pre:hover .group-hover\:bg-opacity-10{
    --tw-bg-opacity: 0.1;
  }

.markdown-normal-headings pre:hover .group-hover\:bg-opacity-20{
    --tw-bg-opacity: 0.2;
  }

.markdown-normal-headings pre:hover .group-hover\:bg-opacity-25{
    --tw-bg-opacity: 0.25;
  }

.markdown-normal-headings pre:hover .group-hover\:bg-opacity-30{
    --tw-bg-opacity: 0.3;
  }

.markdown-normal-headings pre:hover .group-hover\:bg-opacity-40{
    --tw-bg-opacity: 0.4;
  }

.markdown-normal-headings pre:hover .group-hover\:bg-opacity-50{
    --tw-bg-opacity: 0.5;
  }

.markdown-normal-headings pre:hover .group-hover\:bg-opacity-60{
    --tw-bg-opacity: 0.6;
  }

.markdown-normal-headings pre:hover .group-hover\:bg-opacity-70{
    --tw-bg-opacity: 0.7;
  }

.markdown-normal-headings pre:hover .group-hover\:bg-opacity-75{
    --tw-bg-opacity: 0.75;
  }

.markdown-normal-headings pre:hover .group-hover\:bg-opacity-80{
    --tw-bg-opacity: 0.8;
  }

.markdown-normal-headings pre:hover .group-hover\:bg-opacity-90{
    --tw-bg-opacity: 0.9;
  }

.markdown-normal-headings pre:hover .group-hover\:bg-opacity-95{
    --tw-bg-opacity: 0.95;
  }

.markdown-normal-headings pre:hover .group-hover\:bg-opacity-100{
    --tw-bg-opacity: 1;
  }

.markdown-normal-headings pre:hover .group-hover\:border-transparent{
    border-color: transparent;
  }

.markdown-normal-headings pre:hover .group-hover\:border-current{
    border-color: currentColor;
  }

.markdown-normal-headings pre:hover .group-hover\:border-brand{
    --tw-border-opacity: 1;
    border-color: rgba(255, 247, 145, var(--tw-border-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:border-black{
    --tw-border-opacity: 1;
    border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:border-white{
    --tw-border-opacity: 1;
    border-color: rgba(255, 255, 255, var(--tw-border-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:border-red{
    --tw-border-opacity: 1;
    border-color: rgba(246, 78, 52, var(--tw-border-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:border-green{
    --tw-border-opacity: 1;
    border-color: rgba(187, 236, 208, var(--tw-border-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:border-shade{
    border-color: rgba(0, 0, 0, 0.45);
  }

.markdown-normal-headings pre:hover .group-hover\:border-bgshade{
    border-color: rgba(0, 0, 0, 0.05);
  }

.markdown-normal-headings pre:hover .group-hover\:border-gray-50{
    --tw-border-opacity: 1;
    border-color: rgba(250, 250, 250, var(--tw-border-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:border-gray-100{
    --tw-border-opacity: 1;
    border-color: rgba(244, 244, 245, var(--tw-border-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:border-gray-200{
    --tw-border-opacity: 1;
    border-color: rgba(228, 228, 231, var(--tw-border-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:border-gray-300{
    --tw-border-opacity: 1;
    border-color: rgba(212, 212, 216, var(--tw-border-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:border-gray-400{
    --tw-border-opacity: 1;
    border-color: rgba(161, 161, 170, var(--tw-border-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:border-gray-500{
    --tw-border-opacity: 1;
    border-color: rgba(113, 113, 122, var(--tw-border-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:border-gray-600{
    --tw-border-opacity: 1;
    border-color: rgba(82, 82, 91, var(--tw-border-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:border-gray-700{
    --tw-border-opacity: 1;
    border-color: rgba(63, 63, 70, var(--tw-border-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:border-gray-800{
    --tw-border-opacity: 1;
    border-color: rgba(39, 39, 42, var(--tw-border-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:border-gray-900{
    --tw-border-opacity: 1;
    border-color: rgba(24, 24, 27, var(--tw-border-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:border-opacity-0{
    --tw-border-opacity: 0;
  }

.markdown-normal-headings pre:hover .group-hover\:border-opacity-5{
    --tw-border-opacity: 0.05;
  }

.markdown-normal-headings pre:hover .group-hover\:border-opacity-10{
    --tw-border-opacity: 0.1;
  }

.markdown-normal-headings pre:hover .group-hover\:border-opacity-20{
    --tw-border-opacity: 0.2;
  }

.markdown-normal-headings pre:hover .group-hover\:border-opacity-25{
    --tw-border-opacity: 0.25;
  }

.markdown-normal-headings pre:hover .group-hover\:border-opacity-30{
    --tw-border-opacity: 0.3;
  }

.markdown-normal-headings pre:hover .group-hover\:border-opacity-40{
    --tw-border-opacity: 0.4;
  }

.markdown-normal-headings pre:hover .group-hover\:border-opacity-50{
    --tw-border-opacity: 0.5;
  }

.markdown-normal-headings pre:hover .group-hover\:border-opacity-60{
    --tw-border-opacity: 0.6;
  }

.markdown-normal-headings pre:hover .group-hover\:border-opacity-70{
    --tw-border-opacity: 0.7;
  }

.markdown-normal-headings pre:hover .group-hover\:border-opacity-75{
    --tw-border-opacity: 0.75;
  }

.markdown-normal-headings pre:hover .group-hover\:border-opacity-80{
    --tw-border-opacity: 0.8;
  }

.markdown-normal-headings pre:hover .group-hover\:border-opacity-90{
    --tw-border-opacity: 0.9;
  }

.markdown-normal-headings pre:hover .group-hover\:border-opacity-95{
    --tw-border-opacity: 0.95;
  }

.markdown-normal-headings pre:hover .group-hover\:border-opacity-100{
    --tw-border-opacity: 1;
  }

.markdown-normal-headings pre:hover .group-hover\:opacity-0{
    opacity: 0;
  }

.markdown-normal-headings pre:hover .group-hover\:opacity-5{
    opacity: 0.05;
  }

.markdown-normal-headings pre:hover .group-hover\:opacity-10{
    opacity: 0.1;
  }

.markdown-normal-headings pre:hover .group-hover\:opacity-20{
    opacity: 0.2;
  }

.markdown-normal-headings pre:hover .group-hover\:opacity-25{
    opacity: 0.25;
  }

.markdown-normal-headings pre:hover .group-hover\:opacity-30{
    opacity: 0.3;
  }

.markdown-normal-headings pre:hover .group-hover\:opacity-40{
    opacity: 0.4;
  }

.markdown-normal-headings pre:hover .group-hover\:opacity-50{
    opacity: 0.5;
  }

.markdown-normal-headings pre:hover .group-hover\:opacity-60{
    opacity: 0.6;
  }

.markdown-normal-headings pre:hover .group-hover\:opacity-70{
    opacity: 0.7;
  }

.markdown-normal-headings pre:hover .group-hover\:opacity-75{
    opacity: 0.75;
  }

.markdown-normal-headings pre:hover .group-hover\:opacity-80{
    opacity: 0.8;
  }

.markdown-normal-headings pre:hover .group-hover\:opacity-90{
    opacity: 0.9;
  }

.markdown-normal-headings pre:hover .group-hover\:opacity-95{
    opacity: 0.95;
  }

.markdown-normal-headings pre:hover .group-hover\:opacity-100{
    opacity: 1;
  }

.markdown-normal-headings pre{
    position: relative;
  }

.markdown-normal-headings pre:hover .group-hover\:shadow-sm{
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown-normal-headings pre:hover .group-hover\:shadow{
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown-normal-headings pre:hover .group-hover\:shadow-md{
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown-normal-headings pre:hover .group-hover\:shadow-lg{
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown-normal-headings pre:hover .group-hover\:shadow-xl{
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown-normal-headings pre:hover .group-hover\:shadow-2xl{
    --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown-normal-headings pre:hover .group-hover\:shadow-inner{
    --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown-normal-headings pre:hover .group-hover\:shadow-none{
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }

.markdown-normal-headings pre:hover .group-hover\:text-transparent{
    color: transparent;
  }

.markdown-normal-headings pre:hover .group-hover\:text-current{
    color: currentColor;
  }

.markdown-normal-headings pre:hover .group-hover\:text-brand{
    --tw-text-opacity: 1;
    color: rgba(255, 247, 145, var(--tw-text-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:text-black{
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:text-white{
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:text-red{
    --tw-text-opacity: 1;
    color: rgba(246, 78, 52, var(--tw-text-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:text-green{
    --tw-text-opacity: 1;
    color: rgba(187, 236, 208, var(--tw-text-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:text-shade{
    color: rgba(0, 0, 0, 0.45);
  }

.markdown-normal-headings pre:hover .group-hover\:text-bgshade{
    color: rgba(0, 0, 0, 0.05);
  }

.markdown-normal-headings pre:hover .group-hover\:text-gray-50{
    --tw-text-opacity: 1;
    color: rgba(250, 250, 250, var(--tw-text-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:text-gray-100{
    --tw-text-opacity: 1;
    color: rgba(244, 244, 245, var(--tw-text-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:text-gray-200{
    --tw-text-opacity: 1;
    color: rgba(228, 228, 231, var(--tw-text-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:text-gray-300{
    --tw-text-opacity: 1;
    color: rgba(212, 212, 216, var(--tw-text-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:text-gray-400{
    --tw-text-opacity: 1;
    color: rgba(161, 161, 170, var(--tw-text-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:text-gray-500{
    --tw-text-opacity: 1;
    color: rgba(113, 113, 122, var(--tw-text-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:text-gray-600{
    --tw-text-opacity: 1;
    color: rgba(82, 82, 91, var(--tw-text-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:text-gray-700{
    --tw-text-opacity: 1;
    color: rgba(63, 63, 70, var(--tw-text-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:text-gray-800{
    --tw-text-opacity: 1;
    color: rgba(39, 39, 42, var(--tw-text-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:text-gray-900{
    --tw-text-opacity: 1;
    color: rgba(24, 24, 27, var(--tw-text-opacity));
  }

.markdown-normal-headings pre:hover .group-hover\:text-opacity-0{
    --tw-text-opacity: 0;
  }

.markdown-normal-headings pre:hover .group-hover\:text-opacity-5{
    --tw-text-opacity: 0.05;
  }

.markdown-normal-headings pre:hover .group-hover\:text-opacity-10{
    --tw-text-opacity: 0.1;
  }

.markdown-normal-headings pre:hover .group-hover\:text-opacity-20{
    --tw-text-opacity: 0.2;
  }

.markdown-normal-headings pre:hover .group-hover\:text-opacity-25{
    --tw-text-opacity: 0.25;
  }

.markdown-normal-headings pre:hover .group-hover\:text-opacity-30{
    --tw-text-opacity: 0.3;
  }

.markdown-normal-headings pre:hover .group-hover\:text-opacity-40{
    --tw-text-opacity: 0.4;
  }

.markdown-normal-headings pre:hover .group-hover\:text-opacity-50{
    --tw-text-opacity: 0.5;
  }

.markdown-normal-headings pre:hover .group-hover\:text-opacity-60{
    --tw-text-opacity: 0.6;
  }

.markdown-normal-headings pre:hover .group-hover\:text-opacity-70{
    --tw-text-opacity: 0.7;
  }

.markdown-normal-headings pre:hover .group-hover\:text-opacity-75{
    --tw-text-opacity: 0.75;
  }

.markdown-normal-headings pre:hover .group-hover\:text-opacity-80{
    --tw-text-opacity: 0.8;
  }

.markdown-normal-headings pre:hover .group-hover\:text-opacity-90{
    --tw-text-opacity: 0.9;
  }

.markdown-normal-headings pre:hover .group-hover\:text-opacity-95{
    --tw-text-opacity: 0.95;
  }

.markdown-normal-headings pre:hover .group-hover\:text-opacity-100{
    --tw-text-opacity: 1;
  }

.markdown-normal-headings pre:hover .group-hover\:underline{
    text-decoration: underline;
  }

.markdown-normal-headings pre:hover .group-hover\:line-through{
    text-decoration: line-through;
  }

.markdown-normal-headings pre:hover .group-hover\:no-underline{
    text-decoration: none;
  }

.markdown-normal-headings pre:hover .group-hover\:visible{
    visibility: visible;
  }

.markdown-normal-headings pre:hover .group-hover\:invisible{
    visibility: hidden;
  }

.markdown-normal-headings pre {
    background-color: rgba(0, 0, 0, 0.05);
    margin-bottom: 24px;
    overflow-x: auto;
    padding: 0.5rem;
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

@media (min-width: 768px){
    .markdown-normal-headings pre{
      padding: 1rem;
    }
  }

.markdown-normal-headings pre code {
    /* regular CSS because tailwind bg-none doesn't do the right thing */
    background: none;
  }

@media (min-width: 640px){
    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-transparent{
      background-color: transparent;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-current{
      background-color: currentColor;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-brand{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 247, 145, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-black{
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-white{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-red{
      --tw-bg-opacity: 1;
      background-color: rgba(246, 78, 52, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-green{
      --tw-bg-opacity: 1;
      background-color: rgba(187, 236, 208, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-shade{
      background-color: rgba(0, 0, 0, 0.45);
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-bgshade{
      background-color: rgba(0, 0, 0, 0.05);
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-gray-50{
      --tw-bg-opacity: 1;
      background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-gray-100{
      --tw-bg-opacity: 1;
      background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-gray-200{
      --tw-bg-opacity: 1;
      background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-gray-300{
      --tw-bg-opacity: 1;
      background-color: rgba(212, 212, 216, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-gray-400{
      --tw-bg-opacity: 1;
      background-color: rgba(161, 161, 170, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-gray-500{
      --tw-bg-opacity: 1;
      background-color: rgba(113, 113, 122, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-gray-600{
      --tw-bg-opacity: 1;
      background-color: rgba(82, 82, 91, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-gray-700{
      --tw-bg-opacity: 1;
      background-color: rgba(63, 63, 70, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-gray-800{
      --tw-bg-opacity: 1;
      background-color: rgba(39, 39, 42, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-gray-900{
      --tw-bg-opacity: 1;
      background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-opacity-0{
      --tw-bg-opacity: 0;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-opacity-5{
      --tw-bg-opacity: 0.05;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-opacity-10{
      --tw-bg-opacity: 0.1;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-opacity-20{
      --tw-bg-opacity: 0.2;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-opacity-25{
      --tw-bg-opacity: 0.25;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-opacity-30{
      --tw-bg-opacity: 0.3;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-opacity-40{
      --tw-bg-opacity: 0.4;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-opacity-50{
      --tw-bg-opacity: 0.5;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-opacity-60{
      --tw-bg-opacity: 0.6;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-opacity-70{
      --tw-bg-opacity: 0.7;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-opacity-75{
      --tw-bg-opacity: 0.75;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-opacity-80{
      --tw-bg-opacity: 0.8;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-opacity-90{
      --tw-bg-opacity: 0.9;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-opacity-95{
      --tw-bg-opacity: 0.95;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:bg-opacity-100{
      --tw-bg-opacity: 1;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-transparent{
      border-color: transparent;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-current{
      border-color: currentColor;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-brand{
      --tw-border-opacity: 1;
      border-color: rgba(255, 247, 145, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-black{
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-white{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-red{
      --tw-border-opacity: 1;
      border-color: rgba(246, 78, 52, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-green{
      --tw-border-opacity: 1;
      border-color: rgba(187, 236, 208, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-shade{
      border-color: rgba(0, 0, 0, 0.45);
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-bgshade{
      border-color: rgba(0, 0, 0, 0.05);
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-gray-50{
      --tw-border-opacity: 1;
      border-color: rgba(250, 250, 250, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-gray-100{
      --tw-border-opacity: 1;
      border-color: rgba(244, 244, 245, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-gray-200{
      --tw-border-opacity: 1;
      border-color: rgba(228, 228, 231, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-gray-300{
      --tw-border-opacity: 1;
      border-color: rgba(212, 212, 216, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-gray-400{
      --tw-border-opacity: 1;
      border-color: rgba(161, 161, 170, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-gray-500{
      --tw-border-opacity: 1;
      border-color: rgba(113, 113, 122, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-gray-600{
      --tw-border-opacity: 1;
      border-color: rgba(82, 82, 91, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-gray-700{
      --tw-border-opacity: 1;
      border-color: rgba(63, 63, 70, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-gray-800{
      --tw-border-opacity: 1;
      border-color: rgba(39, 39, 42, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-gray-900{
      --tw-border-opacity: 1;
      border-color: rgba(24, 24, 27, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-opacity-0{
      --tw-border-opacity: 0;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-opacity-5{
      --tw-border-opacity: 0.05;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-opacity-10{
      --tw-border-opacity: 0.1;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-opacity-20{
      --tw-border-opacity: 0.2;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-opacity-25{
      --tw-border-opacity: 0.25;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-opacity-30{
      --tw-border-opacity: 0.3;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-opacity-40{
      --tw-border-opacity: 0.4;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-opacity-50{
      --tw-border-opacity: 0.5;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-opacity-60{
      --tw-border-opacity: 0.6;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-opacity-70{
      --tw-border-opacity: 0.7;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-opacity-75{
      --tw-border-opacity: 0.75;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-opacity-80{
      --tw-border-opacity: 0.8;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-opacity-90{
      --tw-border-opacity: 0.9;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-opacity-95{
      --tw-border-opacity: 0.95;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:border-opacity-100{
      --tw-border-opacity: 1;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:opacity-0{
      opacity: 0;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:opacity-5{
      opacity: 0.05;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:opacity-10{
      opacity: 0.1;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:opacity-20{
      opacity: 0.2;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:opacity-25{
      opacity: 0.25;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:opacity-30{
      opacity: 0.3;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:opacity-40{
      opacity: 0.4;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:opacity-50{
      opacity: 0.5;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:opacity-60{
      opacity: 0.6;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:opacity-70{
      opacity: 0.7;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:opacity-75{
      opacity: 0.75;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:opacity-80{
      opacity: 0.8;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:opacity-90{
      opacity: 0.9;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:opacity-95{
      opacity: 0.95;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:opacity-100{
      opacity: 1;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:shadow-sm{
      --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:shadow{
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:shadow-md{
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:shadow-lg{
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:shadow-xl{
      --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:shadow-2xl{
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:shadow-inner{
      --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:shadow-none{
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-transparent{
      color: transparent;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-current{
      color: currentColor;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-brand{
      --tw-text-opacity: 1;
      color: rgba(255, 247, 145, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-black{
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-white{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-red{
      --tw-text-opacity: 1;
      color: rgba(246, 78, 52, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-green{
      --tw-text-opacity: 1;
      color: rgba(187, 236, 208, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-shade{
      color: rgba(0, 0, 0, 0.45);
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-bgshade{
      color: rgba(0, 0, 0, 0.05);
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-gray-50{
      --tw-text-opacity: 1;
      color: rgba(250, 250, 250, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-gray-100{
      --tw-text-opacity: 1;
      color: rgba(244, 244, 245, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-gray-200{
      --tw-text-opacity: 1;
      color: rgba(228, 228, 231, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-gray-300{
      --tw-text-opacity: 1;
      color: rgba(212, 212, 216, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-gray-400{
      --tw-text-opacity: 1;
      color: rgba(161, 161, 170, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-gray-500{
      --tw-text-opacity: 1;
      color: rgba(113, 113, 122, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-gray-600{
      --tw-text-opacity: 1;
      color: rgba(82, 82, 91, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-gray-700{
      --tw-text-opacity: 1;
      color: rgba(63, 63, 70, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-gray-800{
      --tw-text-opacity: 1;
      color: rgba(39, 39, 42, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-gray-900{
      --tw-text-opacity: 1;
      color: rgba(24, 24, 27, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-opacity-0{
      --tw-text-opacity: 0;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-opacity-5{
      --tw-text-opacity: 0.05;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-opacity-10{
      --tw-text-opacity: 0.1;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-opacity-20{
      --tw-text-opacity: 0.2;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-opacity-25{
      --tw-text-opacity: 0.25;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-opacity-30{
      --tw-text-opacity: 0.3;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-opacity-40{
      --tw-text-opacity: 0.4;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-opacity-50{
      --tw-text-opacity: 0.5;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-opacity-60{
      --tw-text-opacity: 0.6;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-opacity-70{
      --tw-text-opacity: 0.7;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-opacity-75{
      --tw-text-opacity: 0.75;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-opacity-80{
      --tw-text-opacity: 0.8;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-opacity-90{
      --tw-text-opacity: 0.9;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-opacity-95{
      --tw-text-opacity: 0.95;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:text-opacity-100{
      --tw-text-opacity: 1;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:underline{
      text-decoration: underline;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:line-through{
      text-decoration: line-through;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:no-underline{
      text-decoration: none;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:visible{
      visibility: visible;
    }

    .markdown-normal-headings pre:hover .sm\:group-hover\:invisible{
      visibility: hidden;
    }
  }

@media (min-width: 768px){
    .markdown-normal-headings pre:hover .md\:group-hover\:bg-transparent{
      background-color: transparent;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-current{
      background-color: currentColor;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-brand{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 247, 145, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-black{
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-white{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-red{
      --tw-bg-opacity: 1;
      background-color: rgba(246, 78, 52, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-green{
      --tw-bg-opacity: 1;
      background-color: rgba(187, 236, 208, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-shade{
      background-color: rgba(0, 0, 0, 0.45);
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-bgshade{
      background-color: rgba(0, 0, 0, 0.05);
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-gray-50{
      --tw-bg-opacity: 1;
      background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-gray-100{
      --tw-bg-opacity: 1;
      background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-gray-200{
      --tw-bg-opacity: 1;
      background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-gray-300{
      --tw-bg-opacity: 1;
      background-color: rgba(212, 212, 216, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-gray-400{
      --tw-bg-opacity: 1;
      background-color: rgba(161, 161, 170, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-gray-500{
      --tw-bg-opacity: 1;
      background-color: rgba(113, 113, 122, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-gray-600{
      --tw-bg-opacity: 1;
      background-color: rgba(82, 82, 91, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-gray-700{
      --tw-bg-opacity: 1;
      background-color: rgba(63, 63, 70, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-gray-800{
      --tw-bg-opacity: 1;
      background-color: rgba(39, 39, 42, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-gray-900{
      --tw-bg-opacity: 1;
      background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-opacity-0{
      --tw-bg-opacity: 0;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-opacity-5{
      --tw-bg-opacity: 0.05;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-opacity-10{
      --tw-bg-opacity: 0.1;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-opacity-20{
      --tw-bg-opacity: 0.2;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-opacity-25{
      --tw-bg-opacity: 0.25;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-opacity-30{
      --tw-bg-opacity: 0.3;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-opacity-40{
      --tw-bg-opacity: 0.4;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-opacity-50{
      --tw-bg-opacity: 0.5;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-opacity-60{
      --tw-bg-opacity: 0.6;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-opacity-70{
      --tw-bg-opacity: 0.7;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-opacity-75{
      --tw-bg-opacity: 0.75;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-opacity-80{
      --tw-bg-opacity: 0.8;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-opacity-90{
      --tw-bg-opacity: 0.9;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-opacity-95{
      --tw-bg-opacity: 0.95;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:bg-opacity-100{
      --tw-bg-opacity: 1;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-transparent{
      border-color: transparent;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-current{
      border-color: currentColor;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-brand{
      --tw-border-opacity: 1;
      border-color: rgba(255, 247, 145, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-black{
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-white{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-red{
      --tw-border-opacity: 1;
      border-color: rgba(246, 78, 52, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-green{
      --tw-border-opacity: 1;
      border-color: rgba(187, 236, 208, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-shade{
      border-color: rgba(0, 0, 0, 0.45);
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-bgshade{
      border-color: rgba(0, 0, 0, 0.05);
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-gray-50{
      --tw-border-opacity: 1;
      border-color: rgba(250, 250, 250, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-gray-100{
      --tw-border-opacity: 1;
      border-color: rgba(244, 244, 245, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-gray-200{
      --tw-border-opacity: 1;
      border-color: rgba(228, 228, 231, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-gray-300{
      --tw-border-opacity: 1;
      border-color: rgba(212, 212, 216, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-gray-400{
      --tw-border-opacity: 1;
      border-color: rgba(161, 161, 170, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-gray-500{
      --tw-border-opacity: 1;
      border-color: rgba(113, 113, 122, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-gray-600{
      --tw-border-opacity: 1;
      border-color: rgba(82, 82, 91, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-gray-700{
      --tw-border-opacity: 1;
      border-color: rgba(63, 63, 70, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-gray-800{
      --tw-border-opacity: 1;
      border-color: rgba(39, 39, 42, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-gray-900{
      --tw-border-opacity: 1;
      border-color: rgba(24, 24, 27, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-opacity-0{
      --tw-border-opacity: 0;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-opacity-5{
      --tw-border-opacity: 0.05;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-opacity-10{
      --tw-border-opacity: 0.1;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-opacity-20{
      --tw-border-opacity: 0.2;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-opacity-25{
      --tw-border-opacity: 0.25;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-opacity-30{
      --tw-border-opacity: 0.3;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-opacity-40{
      --tw-border-opacity: 0.4;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-opacity-50{
      --tw-border-opacity: 0.5;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-opacity-60{
      --tw-border-opacity: 0.6;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-opacity-70{
      --tw-border-opacity: 0.7;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-opacity-75{
      --tw-border-opacity: 0.75;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-opacity-80{
      --tw-border-opacity: 0.8;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-opacity-90{
      --tw-border-opacity: 0.9;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-opacity-95{
      --tw-border-opacity: 0.95;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:border-opacity-100{
      --tw-border-opacity: 1;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:opacity-0{
      opacity: 0;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:opacity-5{
      opacity: 0.05;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:opacity-10{
      opacity: 0.1;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:opacity-20{
      opacity: 0.2;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:opacity-25{
      opacity: 0.25;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:opacity-30{
      opacity: 0.3;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:opacity-40{
      opacity: 0.4;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:opacity-50{
      opacity: 0.5;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:opacity-60{
      opacity: 0.6;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:opacity-70{
      opacity: 0.7;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:opacity-75{
      opacity: 0.75;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:opacity-80{
      opacity: 0.8;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:opacity-90{
      opacity: 0.9;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:opacity-95{
      opacity: 0.95;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:opacity-100{
      opacity: 1;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:shadow-sm{
      --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:shadow{
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:shadow-md{
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:shadow-lg{
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:shadow-xl{
      --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:shadow-2xl{
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:shadow-inner{
      --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:shadow-none{
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-transparent{
      color: transparent;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-current{
      color: currentColor;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-brand{
      --tw-text-opacity: 1;
      color: rgba(255, 247, 145, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-black{
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-white{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-red{
      --tw-text-opacity: 1;
      color: rgba(246, 78, 52, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-green{
      --tw-text-opacity: 1;
      color: rgba(187, 236, 208, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-shade{
      color: rgba(0, 0, 0, 0.45);
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-bgshade{
      color: rgba(0, 0, 0, 0.05);
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-gray-50{
      --tw-text-opacity: 1;
      color: rgba(250, 250, 250, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-gray-100{
      --tw-text-opacity: 1;
      color: rgba(244, 244, 245, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-gray-200{
      --tw-text-opacity: 1;
      color: rgba(228, 228, 231, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-gray-300{
      --tw-text-opacity: 1;
      color: rgba(212, 212, 216, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-gray-400{
      --tw-text-opacity: 1;
      color: rgba(161, 161, 170, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-gray-500{
      --tw-text-opacity: 1;
      color: rgba(113, 113, 122, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-gray-600{
      --tw-text-opacity: 1;
      color: rgba(82, 82, 91, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-gray-700{
      --tw-text-opacity: 1;
      color: rgba(63, 63, 70, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-gray-800{
      --tw-text-opacity: 1;
      color: rgba(39, 39, 42, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-gray-900{
      --tw-text-opacity: 1;
      color: rgba(24, 24, 27, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-opacity-0{
      --tw-text-opacity: 0;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-opacity-5{
      --tw-text-opacity: 0.05;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-opacity-10{
      --tw-text-opacity: 0.1;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-opacity-20{
      --tw-text-opacity: 0.2;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-opacity-25{
      --tw-text-opacity: 0.25;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-opacity-30{
      --tw-text-opacity: 0.3;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-opacity-40{
      --tw-text-opacity: 0.4;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-opacity-50{
      --tw-text-opacity: 0.5;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-opacity-60{
      --tw-text-opacity: 0.6;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-opacity-70{
      --tw-text-opacity: 0.7;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-opacity-75{
      --tw-text-opacity: 0.75;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-opacity-80{
      --tw-text-opacity: 0.8;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-opacity-90{
      --tw-text-opacity: 0.9;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-opacity-95{
      --tw-text-opacity: 0.95;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:text-opacity-100{
      --tw-text-opacity: 1;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:underline{
      text-decoration: underline;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:line-through{
      text-decoration: line-through;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:no-underline{
      text-decoration: none;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:visible{
      visibility: visible;
    }

    .markdown-normal-headings pre:hover .md\:group-hover\:invisible{
      visibility: hidden;
    }
  }

@media (min-width: 1024px){
    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-transparent{
      background-color: transparent;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-current{
      background-color: currentColor;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-brand{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 247, 145, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-black{
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-white{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-red{
      --tw-bg-opacity: 1;
      background-color: rgba(246, 78, 52, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-green{
      --tw-bg-opacity: 1;
      background-color: rgba(187, 236, 208, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-shade{
      background-color: rgba(0, 0, 0, 0.45);
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-bgshade{
      background-color: rgba(0, 0, 0, 0.05);
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-gray-50{
      --tw-bg-opacity: 1;
      background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-gray-100{
      --tw-bg-opacity: 1;
      background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-gray-200{
      --tw-bg-opacity: 1;
      background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-gray-300{
      --tw-bg-opacity: 1;
      background-color: rgba(212, 212, 216, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-gray-400{
      --tw-bg-opacity: 1;
      background-color: rgba(161, 161, 170, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-gray-500{
      --tw-bg-opacity: 1;
      background-color: rgba(113, 113, 122, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-gray-600{
      --tw-bg-opacity: 1;
      background-color: rgba(82, 82, 91, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-gray-700{
      --tw-bg-opacity: 1;
      background-color: rgba(63, 63, 70, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-gray-800{
      --tw-bg-opacity: 1;
      background-color: rgba(39, 39, 42, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-gray-900{
      --tw-bg-opacity: 1;
      background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-opacity-0{
      --tw-bg-opacity: 0;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-opacity-5{
      --tw-bg-opacity: 0.05;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-opacity-10{
      --tw-bg-opacity: 0.1;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-opacity-20{
      --tw-bg-opacity: 0.2;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-opacity-25{
      --tw-bg-opacity: 0.25;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-opacity-30{
      --tw-bg-opacity: 0.3;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-opacity-40{
      --tw-bg-opacity: 0.4;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-opacity-50{
      --tw-bg-opacity: 0.5;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-opacity-60{
      --tw-bg-opacity: 0.6;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-opacity-70{
      --tw-bg-opacity: 0.7;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-opacity-75{
      --tw-bg-opacity: 0.75;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-opacity-80{
      --tw-bg-opacity: 0.8;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-opacity-90{
      --tw-bg-opacity: 0.9;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-opacity-95{
      --tw-bg-opacity: 0.95;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:bg-opacity-100{
      --tw-bg-opacity: 1;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-transparent{
      border-color: transparent;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-current{
      border-color: currentColor;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-brand{
      --tw-border-opacity: 1;
      border-color: rgba(255, 247, 145, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-black{
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-white{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-red{
      --tw-border-opacity: 1;
      border-color: rgba(246, 78, 52, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-green{
      --tw-border-opacity: 1;
      border-color: rgba(187, 236, 208, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-shade{
      border-color: rgba(0, 0, 0, 0.45);
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-bgshade{
      border-color: rgba(0, 0, 0, 0.05);
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-gray-50{
      --tw-border-opacity: 1;
      border-color: rgba(250, 250, 250, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-gray-100{
      --tw-border-opacity: 1;
      border-color: rgba(244, 244, 245, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-gray-200{
      --tw-border-opacity: 1;
      border-color: rgba(228, 228, 231, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-gray-300{
      --tw-border-opacity: 1;
      border-color: rgba(212, 212, 216, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-gray-400{
      --tw-border-opacity: 1;
      border-color: rgba(161, 161, 170, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-gray-500{
      --tw-border-opacity: 1;
      border-color: rgba(113, 113, 122, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-gray-600{
      --tw-border-opacity: 1;
      border-color: rgba(82, 82, 91, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-gray-700{
      --tw-border-opacity: 1;
      border-color: rgba(63, 63, 70, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-gray-800{
      --tw-border-opacity: 1;
      border-color: rgba(39, 39, 42, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-gray-900{
      --tw-border-opacity: 1;
      border-color: rgba(24, 24, 27, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-opacity-0{
      --tw-border-opacity: 0;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-opacity-5{
      --tw-border-opacity: 0.05;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-opacity-10{
      --tw-border-opacity: 0.1;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-opacity-20{
      --tw-border-opacity: 0.2;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-opacity-25{
      --tw-border-opacity: 0.25;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-opacity-30{
      --tw-border-opacity: 0.3;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-opacity-40{
      --tw-border-opacity: 0.4;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-opacity-50{
      --tw-border-opacity: 0.5;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-opacity-60{
      --tw-border-opacity: 0.6;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-opacity-70{
      --tw-border-opacity: 0.7;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-opacity-75{
      --tw-border-opacity: 0.75;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-opacity-80{
      --tw-border-opacity: 0.8;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-opacity-90{
      --tw-border-opacity: 0.9;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-opacity-95{
      --tw-border-opacity: 0.95;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:border-opacity-100{
      --tw-border-opacity: 1;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:opacity-0{
      opacity: 0;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:opacity-5{
      opacity: 0.05;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:opacity-10{
      opacity: 0.1;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:opacity-20{
      opacity: 0.2;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:opacity-25{
      opacity: 0.25;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:opacity-30{
      opacity: 0.3;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:opacity-40{
      opacity: 0.4;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:opacity-50{
      opacity: 0.5;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:opacity-60{
      opacity: 0.6;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:opacity-70{
      opacity: 0.7;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:opacity-75{
      opacity: 0.75;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:opacity-80{
      opacity: 0.8;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:opacity-90{
      opacity: 0.9;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:opacity-95{
      opacity: 0.95;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:opacity-100{
      opacity: 1;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:shadow-sm{
      --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:shadow{
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:shadow-md{
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:shadow-lg{
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:shadow-xl{
      --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:shadow-2xl{
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:shadow-inner{
      --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:shadow-none{
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-transparent{
      color: transparent;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-current{
      color: currentColor;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-brand{
      --tw-text-opacity: 1;
      color: rgba(255, 247, 145, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-black{
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-white{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-red{
      --tw-text-opacity: 1;
      color: rgba(246, 78, 52, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-green{
      --tw-text-opacity: 1;
      color: rgba(187, 236, 208, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-shade{
      color: rgba(0, 0, 0, 0.45);
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-bgshade{
      color: rgba(0, 0, 0, 0.05);
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-gray-50{
      --tw-text-opacity: 1;
      color: rgba(250, 250, 250, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-gray-100{
      --tw-text-opacity: 1;
      color: rgba(244, 244, 245, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-gray-200{
      --tw-text-opacity: 1;
      color: rgba(228, 228, 231, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-gray-300{
      --tw-text-opacity: 1;
      color: rgba(212, 212, 216, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-gray-400{
      --tw-text-opacity: 1;
      color: rgba(161, 161, 170, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-gray-500{
      --tw-text-opacity: 1;
      color: rgba(113, 113, 122, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-gray-600{
      --tw-text-opacity: 1;
      color: rgba(82, 82, 91, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-gray-700{
      --tw-text-opacity: 1;
      color: rgba(63, 63, 70, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-gray-800{
      --tw-text-opacity: 1;
      color: rgba(39, 39, 42, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-gray-900{
      --tw-text-opacity: 1;
      color: rgba(24, 24, 27, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-opacity-0{
      --tw-text-opacity: 0;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-opacity-5{
      --tw-text-opacity: 0.05;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-opacity-10{
      --tw-text-opacity: 0.1;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-opacity-20{
      --tw-text-opacity: 0.2;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-opacity-25{
      --tw-text-opacity: 0.25;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-opacity-30{
      --tw-text-opacity: 0.3;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-opacity-40{
      --tw-text-opacity: 0.4;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-opacity-50{
      --tw-text-opacity: 0.5;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-opacity-60{
      --tw-text-opacity: 0.6;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-opacity-70{
      --tw-text-opacity: 0.7;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-opacity-75{
      --tw-text-opacity: 0.75;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-opacity-80{
      --tw-text-opacity: 0.8;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-opacity-90{
      --tw-text-opacity: 0.9;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-opacity-95{
      --tw-text-opacity: 0.95;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:text-opacity-100{
      --tw-text-opacity: 1;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:underline{
      text-decoration: underline;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:line-through{
      text-decoration: line-through;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:no-underline{
      text-decoration: none;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:visible{
      visibility: visible;
    }

    .markdown-normal-headings pre:hover .lg\:group-hover\:invisible{
      visibility: hidden;
    }
  }

@media (min-width: 1280px){
    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-transparent{
      background-color: transparent;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-current{
      background-color: currentColor;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-brand{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 247, 145, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-black{
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-white{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-red{
      --tw-bg-opacity: 1;
      background-color: rgba(246, 78, 52, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-green{
      --tw-bg-opacity: 1;
      background-color: rgba(187, 236, 208, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-shade{
      background-color: rgba(0, 0, 0, 0.45);
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-bgshade{
      background-color: rgba(0, 0, 0, 0.05);
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-gray-50{
      --tw-bg-opacity: 1;
      background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-gray-100{
      --tw-bg-opacity: 1;
      background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-gray-200{
      --tw-bg-opacity: 1;
      background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-gray-300{
      --tw-bg-opacity: 1;
      background-color: rgba(212, 212, 216, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-gray-400{
      --tw-bg-opacity: 1;
      background-color: rgba(161, 161, 170, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-gray-500{
      --tw-bg-opacity: 1;
      background-color: rgba(113, 113, 122, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-gray-600{
      --tw-bg-opacity: 1;
      background-color: rgba(82, 82, 91, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-gray-700{
      --tw-bg-opacity: 1;
      background-color: rgba(63, 63, 70, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-gray-800{
      --tw-bg-opacity: 1;
      background-color: rgba(39, 39, 42, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-gray-900{
      --tw-bg-opacity: 1;
      background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-opacity-0{
      --tw-bg-opacity: 0;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-opacity-5{
      --tw-bg-opacity: 0.05;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-opacity-10{
      --tw-bg-opacity: 0.1;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-opacity-20{
      --tw-bg-opacity: 0.2;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-opacity-25{
      --tw-bg-opacity: 0.25;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-opacity-30{
      --tw-bg-opacity: 0.3;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-opacity-40{
      --tw-bg-opacity: 0.4;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-opacity-50{
      --tw-bg-opacity: 0.5;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-opacity-60{
      --tw-bg-opacity: 0.6;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-opacity-70{
      --tw-bg-opacity: 0.7;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-opacity-75{
      --tw-bg-opacity: 0.75;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-opacity-80{
      --tw-bg-opacity: 0.8;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-opacity-90{
      --tw-bg-opacity: 0.9;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-opacity-95{
      --tw-bg-opacity: 0.95;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:bg-opacity-100{
      --tw-bg-opacity: 1;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-transparent{
      border-color: transparent;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-current{
      border-color: currentColor;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-brand{
      --tw-border-opacity: 1;
      border-color: rgba(255, 247, 145, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-black{
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-white{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-red{
      --tw-border-opacity: 1;
      border-color: rgba(246, 78, 52, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-green{
      --tw-border-opacity: 1;
      border-color: rgba(187, 236, 208, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-shade{
      border-color: rgba(0, 0, 0, 0.45);
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-bgshade{
      border-color: rgba(0, 0, 0, 0.05);
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-gray-50{
      --tw-border-opacity: 1;
      border-color: rgba(250, 250, 250, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-gray-100{
      --tw-border-opacity: 1;
      border-color: rgba(244, 244, 245, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-gray-200{
      --tw-border-opacity: 1;
      border-color: rgba(228, 228, 231, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-gray-300{
      --tw-border-opacity: 1;
      border-color: rgba(212, 212, 216, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-gray-400{
      --tw-border-opacity: 1;
      border-color: rgba(161, 161, 170, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-gray-500{
      --tw-border-opacity: 1;
      border-color: rgba(113, 113, 122, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-gray-600{
      --tw-border-opacity: 1;
      border-color: rgba(82, 82, 91, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-gray-700{
      --tw-border-opacity: 1;
      border-color: rgba(63, 63, 70, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-gray-800{
      --tw-border-opacity: 1;
      border-color: rgba(39, 39, 42, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-gray-900{
      --tw-border-opacity: 1;
      border-color: rgba(24, 24, 27, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-opacity-0{
      --tw-border-opacity: 0;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-opacity-5{
      --tw-border-opacity: 0.05;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-opacity-10{
      --tw-border-opacity: 0.1;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-opacity-20{
      --tw-border-opacity: 0.2;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-opacity-25{
      --tw-border-opacity: 0.25;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-opacity-30{
      --tw-border-opacity: 0.3;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-opacity-40{
      --tw-border-opacity: 0.4;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-opacity-50{
      --tw-border-opacity: 0.5;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-opacity-60{
      --tw-border-opacity: 0.6;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-opacity-70{
      --tw-border-opacity: 0.7;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-opacity-75{
      --tw-border-opacity: 0.75;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-opacity-80{
      --tw-border-opacity: 0.8;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-opacity-90{
      --tw-border-opacity: 0.9;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-opacity-95{
      --tw-border-opacity: 0.95;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:border-opacity-100{
      --tw-border-opacity: 1;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:opacity-0{
      opacity: 0;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:opacity-5{
      opacity: 0.05;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:opacity-10{
      opacity: 0.1;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:opacity-20{
      opacity: 0.2;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:opacity-25{
      opacity: 0.25;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:opacity-30{
      opacity: 0.3;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:opacity-40{
      opacity: 0.4;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:opacity-50{
      opacity: 0.5;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:opacity-60{
      opacity: 0.6;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:opacity-70{
      opacity: 0.7;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:opacity-75{
      opacity: 0.75;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:opacity-80{
      opacity: 0.8;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:opacity-90{
      opacity: 0.9;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:opacity-95{
      opacity: 0.95;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:opacity-100{
      opacity: 1;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:shadow-sm{
      --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:shadow{
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:shadow-md{
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:shadow-lg{
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:shadow-xl{
      --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:shadow-2xl{
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:shadow-inner{
      --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:shadow-none{
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-transparent{
      color: transparent;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-current{
      color: currentColor;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-brand{
      --tw-text-opacity: 1;
      color: rgba(255, 247, 145, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-black{
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-white{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-red{
      --tw-text-opacity: 1;
      color: rgba(246, 78, 52, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-green{
      --tw-text-opacity: 1;
      color: rgba(187, 236, 208, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-shade{
      color: rgba(0, 0, 0, 0.45);
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-bgshade{
      color: rgba(0, 0, 0, 0.05);
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-gray-50{
      --tw-text-opacity: 1;
      color: rgba(250, 250, 250, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-gray-100{
      --tw-text-opacity: 1;
      color: rgba(244, 244, 245, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-gray-200{
      --tw-text-opacity: 1;
      color: rgba(228, 228, 231, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-gray-300{
      --tw-text-opacity: 1;
      color: rgba(212, 212, 216, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-gray-400{
      --tw-text-opacity: 1;
      color: rgba(161, 161, 170, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-gray-500{
      --tw-text-opacity: 1;
      color: rgba(113, 113, 122, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-gray-600{
      --tw-text-opacity: 1;
      color: rgba(82, 82, 91, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-gray-700{
      --tw-text-opacity: 1;
      color: rgba(63, 63, 70, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-gray-800{
      --tw-text-opacity: 1;
      color: rgba(39, 39, 42, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-gray-900{
      --tw-text-opacity: 1;
      color: rgba(24, 24, 27, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-opacity-0{
      --tw-text-opacity: 0;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-opacity-5{
      --tw-text-opacity: 0.05;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-opacity-10{
      --tw-text-opacity: 0.1;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-opacity-20{
      --tw-text-opacity: 0.2;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-opacity-25{
      --tw-text-opacity: 0.25;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-opacity-30{
      --tw-text-opacity: 0.3;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-opacity-40{
      --tw-text-opacity: 0.4;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-opacity-50{
      --tw-text-opacity: 0.5;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-opacity-60{
      --tw-text-opacity: 0.6;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-opacity-70{
      --tw-text-opacity: 0.7;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-opacity-75{
      --tw-text-opacity: 0.75;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-opacity-80{
      --tw-text-opacity: 0.8;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-opacity-90{
      --tw-text-opacity: 0.9;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-opacity-95{
      --tw-text-opacity: 0.95;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:text-opacity-100{
      --tw-text-opacity: 1;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:underline{
      text-decoration: underline;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:line-through{
      text-decoration: line-through;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:no-underline{
      text-decoration: none;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:visible{
      visibility: visible;
    }

    .markdown-normal-headings pre:hover .xl\:group-hover\:invisible{
      visibility: hidden;
    }
  }

@media (min-width: 1536px){
    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-transparent{
      background-color: transparent;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-current{
      background-color: currentColor;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-brand{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 247, 145, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-black{
      --tw-bg-opacity: 1;
      background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-white{
      --tw-bg-opacity: 1;
      background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-red{
      --tw-bg-opacity: 1;
      background-color: rgba(246, 78, 52, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-green{
      --tw-bg-opacity: 1;
      background-color: rgba(187, 236, 208, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-shade{
      background-color: rgba(0, 0, 0, 0.45);
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-bgshade{
      background-color: rgba(0, 0, 0, 0.05);
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-gray-50{
      --tw-bg-opacity: 1;
      background-color: rgba(250, 250, 250, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-gray-100{
      --tw-bg-opacity: 1;
      background-color: rgba(244, 244, 245, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-gray-200{
      --tw-bg-opacity: 1;
      background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-gray-300{
      --tw-bg-opacity: 1;
      background-color: rgba(212, 212, 216, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-gray-400{
      --tw-bg-opacity: 1;
      background-color: rgba(161, 161, 170, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-gray-500{
      --tw-bg-opacity: 1;
      background-color: rgba(113, 113, 122, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-gray-600{
      --tw-bg-opacity: 1;
      background-color: rgba(82, 82, 91, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-gray-700{
      --tw-bg-opacity: 1;
      background-color: rgba(63, 63, 70, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-gray-800{
      --tw-bg-opacity: 1;
      background-color: rgba(39, 39, 42, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-gray-900{
      --tw-bg-opacity: 1;
      background-color: rgba(24, 24, 27, var(--tw-bg-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-opacity-0{
      --tw-bg-opacity: 0;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-opacity-5{
      --tw-bg-opacity: 0.05;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-opacity-10{
      --tw-bg-opacity: 0.1;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-opacity-20{
      --tw-bg-opacity: 0.2;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-opacity-25{
      --tw-bg-opacity: 0.25;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-opacity-30{
      --tw-bg-opacity: 0.3;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-opacity-40{
      --tw-bg-opacity: 0.4;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-opacity-50{
      --tw-bg-opacity: 0.5;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-opacity-60{
      --tw-bg-opacity: 0.6;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-opacity-70{
      --tw-bg-opacity: 0.7;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-opacity-75{
      --tw-bg-opacity: 0.75;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-opacity-80{
      --tw-bg-opacity: 0.8;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-opacity-90{
      --tw-bg-opacity: 0.9;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-opacity-95{
      --tw-bg-opacity: 0.95;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:bg-opacity-100{
      --tw-bg-opacity: 1;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-transparent{
      border-color: transparent;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-current{
      border-color: currentColor;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-brand{
      --tw-border-opacity: 1;
      border-color: rgba(255, 247, 145, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-black{
      --tw-border-opacity: 1;
      border-color: rgba(0, 0, 0, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-white{
      --tw-border-opacity: 1;
      border-color: rgba(255, 255, 255, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-red{
      --tw-border-opacity: 1;
      border-color: rgba(246, 78, 52, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-green{
      --tw-border-opacity: 1;
      border-color: rgba(187, 236, 208, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-shade{
      border-color: rgba(0, 0, 0, 0.45);
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-bgshade{
      border-color: rgba(0, 0, 0, 0.05);
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-gray-50{
      --tw-border-opacity: 1;
      border-color: rgba(250, 250, 250, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-gray-100{
      --tw-border-opacity: 1;
      border-color: rgba(244, 244, 245, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-gray-200{
      --tw-border-opacity: 1;
      border-color: rgba(228, 228, 231, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-gray-300{
      --tw-border-opacity: 1;
      border-color: rgba(212, 212, 216, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-gray-400{
      --tw-border-opacity: 1;
      border-color: rgba(161, 161, 170, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-gray-500{
      --tw-border-opacity: 1;
      border-color: rgba(113, 113, 122, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-gray-600{
      --tw-border-opacity: 1;
      border-color: rgba(82, 82, 91, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-gray-700{
      --tw-border-opacity: 1;
      border-color: rgba(63, 63, 70, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-gray-800{
      --tw-border-opacity: 1;
      border-color: rgba(39, 39, 42, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-gray-900{
      --tw-border-opacity: 1;
      border-color: rgba(24, 24, 27, var(--tw-border-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-opacity-0{
      --tw-border-opacity: 0;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-opacity-5{
      --tw-border-opacity: 0.05;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-opacity-10{
      --tw-border-opacity: 0.1;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-opacity-20{
      --tw-border-opacity: 0.2;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-opacity-25{
      --tw-border-opacity: 0.25;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-opacity-30{
      --tw-border-opacity: 0.3;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-opacity-40{
      --tw-border-opacity: 0.4;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-opacity-50{
      --tw-border-opacity: 0.5;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-opacity-60{
      --tw-border-opacity: 0.6;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-opacity-70{
      --tw-border-opacity: 0.7;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-opacity-75{
      --tw-border-opacity: 0.75;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-opacity-80{
      --tw-border-opacity: 0.8;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-opacity-90{
      --tw-border-opacity: 0.9;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-opacity-95{
      --tw-border-opacity: 0.95;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:border-opacity-100{
      --tw-border-opacity: 1;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:opacity-0{
      opacity: 0;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:opacity-5{
      opacity: 0.05;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:opacity-10{
      opacity: 0.1;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:opacity-20{
      opacity: 0.2;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:opacity-25{
      opacity: 0.25;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:opacity-30{
      opacity: 0.3;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:opacity-40{
      opacity: 0.4;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:opacity-50{
      opacity: 0.5;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:opacity-60{
      opacity: 0.6;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:opacity-70{
      opacity: 0.7;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:opacity-75{
      opacity: 0.75;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:opacity-80{
      opacity: 0.8;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:opacity-90{
      opacity: 0.9;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:opacity-95{
      opacity: 0.95;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:opacity-100{
      opacity: 1;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:shadow-sm{
      --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:shadow{
      --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:shadow-md{
      --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:shadow-lg{
      --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:shadow-xl{
      --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:shadow-2xl{
      --tw-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:shadow-inner{
      --tw-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:shadow-none{
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-transparent{
      color: transparent;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-current{
      color: currentColor;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-brand{
      --tw-text-opacity: 1;
      color: rgba(255, 247, 145, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-black{
      --tw-text-opacity: 1;
      color: rgba(0, 0, 0, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-white{
      --tw-text-opacity: 1;
      color: rgba(255, 255, 255, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-red{
      --tw-text-opacity: 1;
      color: rgba(246, 78, 52, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-green{
      --tw-text-opacity: 1;
      color: rgba(187, 236, 208, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-shade{
      color: rgba(0, 0, 0, 0.45);
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-bgshade{
      color: rgba(0, 0, 0, 0.05);
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-gray-50{
      --tw-text-opacity: 1;
      color: rgba(250, 250, 250, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-gray-100{
      --tw-text-opacity: 1;
      color: rgba(244, 244, 245, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-gray-200{
      --tw-text-opacity: 1;
      color: rgba(228, 228, 231, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-gray-300{
      --tw-text-opacity: 1;
      color: rgba(212, 212, 216, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-gray-400{
      --tw-text-opacity: 1;
      color: rgba(161, 161, 170, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-gray-500{
      --tw-text-opacity: 1;
      color: rgba(113, 113, 122, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-gray-600{
      --tw-text-opacity: 1;
      color: rgba(82, 82, 91, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-gray-700{
      --tw-text-opacity: 1;
      color: rgba(63, 63, 70, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-gray-800{
      --tw-text-opacity: 1;
      color: rgba(39, 39, 42, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-gray-900{
      --tw-text-opacity: 1;
      color: rgba(24, 24, 27, var(--tw-text-opacity));
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-opacity-0{
      --tw-text-opacity: 0;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-opacity-5{
      --tw-text-opacity: 0.05;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-opacity-10{
      --tw-text-opacity: 0.1;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-opacity-20{
      --tw-text-opacity: 0.2;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-opacity-25{
      --tw-text-opacity: 0.25;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-opacity-30{
      --tw-text-opacity: 0.3;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-opacity-40{
      --tw-text-opacity: 0.4;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-opacity-50{
      --tw-text-opacity: 0.5;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-opacity-60{
      --tw-text-opacity: 0.6;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-opacity-70{
      --tw-text-opacity: 0.7;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-opacity-75{
      --tw-text-opacity: 0.75;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-opacity-80{
      --tw-text-opacity: 0.8;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-opacity-90{
      --tw-text-opacity: 0.9;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-opacity-95{
      --tw-text-opacity: 0.95;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:text-opacity-100{
      --tw-text-opacity: 1;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:underline{
      text-decoration: underline;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:line-through{
      text-decoration: line-through;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:no-underline{
      text-decoration: none;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:visible{
      visibility: visible;
    }

    .markdown-normal-headings pre:hover .\32xl\:group-hover\:invisible{
      visibility: hidden;
    }
  }

.markdown-normal-headings ul {
    list-style-position: outside;
    list-style-type: disc;
    margin-top: 24px;
    margin-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

.markdown-normal-headings ol {
    list-style-type: decimal;
    margin-top: 24px;
    margin-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

.markdown-normal-headings li {
    padding-left: 0.5rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }

.markdown-normal-headings iframe {
    margin-bottom: 24px;
  }

.markdown-normal-headings img {
    margin-bottom: 24px;
  }

.markdown-normal-headings .toctitle {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
    --tw-text-opacity: 1;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
  }

.markdown-normal-headings .toc ul ul {
    margin-top: 0px;
    margin-bottom: 0px;
  }

.nav-link a,
a.nav-link {
  -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
          text-decoration-color: rgba(0, 0, 0, 0.1);
}

.text-shade a,
a.text-shade {
  -webkit-text-decoration-color: rgba(0, 0, 0, 0.1);
          text-decoration-color: rgba(0, 0, 0, 0.1);
}

.nav-link:focus {
  outline: none;
}

.nav-link {
  text-decoration: none;
}

.nav-link:focus {
  outline: none;
}

.nav-link{
  display: inline-block;
  line-height: 2.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  color: rgba(0, 0, 0, 0.45);
}

.nav-link:hover{
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.nav-link{
  vertical-align: top;
}

a.nav-link:focus {
  outline: none;
}

.nav-link.selected {
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
  text-decoration: underline;
}

.nav-link-primary:focus {
  outline: none;
}

.nav-link-primary {
  text-decoration: none;
}

.nav-link-primary:focus {
  outline: none;
}

.nav-link-primary{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.nav-link-primary:hover{
  background-color: rgba(0, 0, 0, 0.45);
}

.nav-link-primary{
  display: inline-block;
  line-height: 2.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
  vertical-align: top;
}

a.nav-link-primary:focus {
  outline: none;
}

a.nav-link-primary:focus:not(.no-focus, .no-focus *) {
  background-color: rgba(0, 0, 0, 0.45);
}

details[data-popover] > summary:focus {
  outline: none;
}

details[data-popover] > summary::-webkit-details-marker {
  display: none;
}

table th, table td{
  padding: 0.5rem;
}

table th, table td{
  text-align: left;
}

.tabs {
  display: flex;
  flex-wrap: wrap;
}

.form label.tabs,
.form-label.tabs {
  display: flex;
}

.form label.flex,
.form-label.flex {
  display: flex;
}

.tabs .tab {
  text-decoration: none;
}

.tabs .tab:focus {
  outline: none;
}

.tabs .tab{
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  --tw-border-opacity: 0;
}

.tabs .tab:hover{
  --tw-border-opacity: 0.1;
}

.tabs .tab:focus{
  --tw-border-opacity: 1;
}

.tabs .tab{
  border-bottom-width: 2px;
  display: inline-block;
  flex-shrink: 0;
  padding: 12px;
  /* if there is a border on the parent tabs element, put it underneath the selected tab border */
  margin-bottom: -1px;
}

.tabs .tab.selected, .tabs .tab[data-selected] {
  text-decoration: none;
}

.tabs .tab.selected:focus, .tabs .tab[data-selected]:focus {
  outline: none;
}

.tabs .tab.selected, .tabs .tab[data-selected]{
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  --tw-border-opacity: 1;
}

.tabs .tab.selected:hover, .tabs .tab[data-selected]:hover{
  --tw-border-opacity: 1;
}

.tabs .tab.selected, .tabs .tab[data-selected]{
  border-bottom-width: 2px;
  display: inline-block;
  padding: 12px;
}

.bubble-tabs .tab {
  --tw-border-opacity: 1;
  border-color: rgba(0, 0, 0, var(--tw-border-opacity));
  --tw-border-opacity: 0;
}

.bubble-tabs .tab:hover{
  --tw-border-opacity: 1;
}

.bubble-tabs .tab{
  border-radius: 9999px;
  border-width: 1px;
  margin-right: 12px;
}

.bubble-tabs .tab:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}

.bubble-tabs .tab{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-decoration: none;
  /* if there is a border on the parent tabs element, put it underneath the selected tab border */
  margin-bottom: -1px;
}

.tabs .tab:focus {
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(0, 0, 0, var(--tw-text-opacity));
}

.bubble-tabs .tab.selected, .bubble-tabs .tab[data-selected], .bubble-tabs .tab:active{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

/* disable warning https://reach.tech/styling/ */

:root {
  --reach-tabs: 1;
}

@media (min-width: 640px){
  .sm\:inline{
    display: inline;
  }

  .sm\:table-cell{
    display: table-cell;
  }

  .sm\:hidden{
    display: none;
  }

  .sm\:flex-none{
    flex: none;
  }

  .sm\:top-1{
    top: 0.25rem;
  }

  .sm\:right-1{
    right: 0.25rem;
  }

  .sm\:top-1\.5{
    top: 0.375rem;
  }

  .sm\:right-1\.5{
    right: 0.375rem;
  }

  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 768px){
  .md\:border-none{
    border-style: none;
  }

  .md\:block{
    display: block;
  }

  .md\:inline{
    display: inline;
  }

  .md\:flex{
    display: flex;
  }

  .md\:grid{
    display: grid;
  }

  .md\:hidden{
    display: none;
  }

  .md\:flex-row{
    flex-direction: row;
  }

  .md\:flex-col{
    flex-direction: column;
  }

  .md\:items-start{
    align-items: flex-start;
  }

  .md\:h-48{
    height: 12rem;
  }

  .md\:text-base{
    font-size: 16px;
    line-height: 24px;
  }

  .md\:text-xl{
    font-size: 40px;
    line-height: 44px;
  }

  .md\:m-auto{
    margin: auto;
  }

  .md\:my-2lh{
    margin-top: 48px;
    margin-bottom: 48px;
  }

  .md\:-mx-2lh{
    margin-left: -48px;
    margin-right: -48px;
  }

  .md\:mr-0{
    margin-right: 0px;
  }

  .md\:mb-0{
    margin-bottom: 0px;
  }

  .md\:mt-48{
    margin-top: 12rem;
  }

  .md\:mt-lh{
    margin-top: 24px;
  }

  .md\:mb-lh{
    margin-bottom: 24px;
  }

  .md\:ml-lh{
    margin-left: 24px;
  }

  .md\:mt-2lh{
    margin-top: 48px;
  }

  .md\:mb-2lh{
    margin-bottom: 48px;
  }

  .md\:max-w-md{
    max-width: 28rem;
  }

  .md\:p-2lh{
    padding: 48px;
  }

  .md\:px-2lh{
    padding-left: 48px;
    padding-right: 48px;
  }

  .md\:pb-0{
    padding-bottom: 0px;
  }

  .md\:pl-3{
    padding-left: 0.75rem;
  }

  .md\:pb-6{
    padding-bottom: 1.5rem;
  }

  .md\:pt-2lh{
    padding-top: 48px;
  }

  .md\:pb-2lh{
    padding-bottom: 48px;
  }

  .md\:top-3{
    top: 0.75rem;
  }

  .md\:right-3{
    right: 0.75rem;
  }

  .md\:w-56{
    width: 14rem;
  }

  .md\:w-72{
    width: 18rem;
  }

  .md\:w-auto{
    width: auto;
  }

  .md\:w-2\/5{
    width: 40%;
  }

  .md\:w-3\/5{
    width: 60%;
  }

  .md\:gap-lh{
    gap: 24px;
  }

  .md\:gap-2lh{
    gap: 48px;
  }

  .md\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1024px){
  .lg\:block{
    display: block;
  }

  .lg\:flex{
    display: flex;
  }

  .lg\:table-cell{
    display: table-cell;
  }

  .lg\:hidden{
    display: none;
  }

  .lg\:flex-grow{
    flex-grow: 1;
  }

  .lg\:max-w-full{
    max-width: 100%;
  }

  .lg\:w-1\/2{
    width: 50%;
  }

  .lg\:gap-1lh{
    gap: 24px;
  }

  .lg\:grid-cols-1{
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .lg\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:col-span-1{
    grid-column: span 1 / span 1;
  }
}

@media (min-width: 1280px){
  .xl\:hidden{
    display: none;
  }

  .xl\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl\:grid-cols-7{
    grid-template-columns: repeat(7, minmax(0, 1fr));
  }
}

@media (min-width: 1536px){
}