/**
 * prism.js tomorrow night eighties for JavaScript, CoffeeScript, CSS and HTML
 * Based on https://github.com/chriskempson/tomorrow-theme
 * @author Rose Pritchard
 */

code[class*="language-"],
pre[class*="language-"] {
	color: #ccc;
	background: none;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	hyphens: none;

}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #2d2d2d;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: .3em;
	white-space: normal;
}

.token.comment,
.token.block-comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: #999;
}

.token.punctuation {
	color: #ccc;
}

.token.tag,
.token.attr-name,
.token.namespace,
.token.deleted {
	color: #e2777a;
}

.token.function-name {
	color: #6196cc;
}

.token.boolean,
.token.number,
.token.function {
	color: #f08d49;
}

.token.property,
.token.class-name,
.token.constant,
.token.symbol {
	color: #f8c555;
}

.token.selector,
.token.important,
.token.atrule,
.token.keyword,
.token.builtin {
	color: #cc99cd;
}

.token.string,
.token.char,
.token.attr-value,
.token.regex,
.token.variable {
	color: #7ec699;
}

.token.operator,
.token.entity,
.token.url {
	color: #67cdcc;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}

.token.inserted {
	color: green;
}

@media only screen and (max-width: 1024px) {
  .collapse.collapsed {
    display: none;
  }
}

.highlight{
  overflow: hidden;
}

#mainContent > ul + h2{
  margin-top: 0px;
}

#visible-table-of-contents{
  list-style-type: none;
  padding-left: 0px;
}

#visible-table-of-contents ul ul li a{
  padding-left: 1.5rem;
}

#visible-table-of-contents ul ul ul li a{
  padding-left: 2.25rem;
}

#visible-table-of-contents + ul{
  margin-left: -0.75rem;
  list-style-position: outside;
  list-style-type: none;
  padding-left: 0px;
}

#visible-table-of-contents ul ul{
  padding-top: 0.75rem;
}

#visible-table-of-contents li{
  padding-bottom: 0.75rem;
}

#visible-table-of-contents a{
  display: inline-block;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding-left: 0.625rem;
  font-weight: 500;
  transition-property: none;
  transition-duration: 200ms;
}

#visible-table-of-contents a::after{
  margin-left: 0.5rem;
  --tw-text-opacity: 1;
  color: rgb(14 126 163 / var(--tw-text-opacity));
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 100ms;
  --tw-content: '#';
  content: var(--tw-content);
}

#visible-table-of-contents a:hover{
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

#visible-table-of-contents a:hover::after{
  content: var(--tw-content);
  opacity: 1;
}

:is(.dark #visible-table-of-contents a){
  --tw-border-opacity: 1;
  border-color: rgb(17 24 39 / var(--tw-border-opacity));
}

:is(.dark #visible-table-of-contents a)::after{
  content: var(--tw-content);
  --tw-text-opacity: 1;
  color: rgb(14 126 163 / var(--tw-text-opacity));
}

:is(.dark #visible-table-of-contents a:hover){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#mainContent > hr,
#mainContent > div > hr{
  margin-top: 2rem;
  margin-bottom: 2rem;
  --tw-border-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-border-opacity));
}

:is(.dark #mainContent > hr),:is(.dark 
#mainContent > div > hr){
  --tw-border-opacity: 1;
  border-color: rgb(55 65 81 / var(--tw-border-opacity));
}

#mainContent > h1,
#mainContent > div > h1{
  margin-bottom: 0.5rem;
  display: inline-block;
  width: 100%;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 800;
  letter-spacing: -0.025em;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

:is(.dark #mainContent > h1),:is(.dark 
#mainContent > div > h1){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#mainContent > h2,
#mainContent > div > h2{
  position: relative;
  margin-bottom: 1rem;
  margin-top: 2rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.code-preview-wrapper
  + .code-syntax-wrapper
  > .code-syntax
  > #mainContent > h2
  > [data-code-wrapper]
  > .highlight
  pre[class*='language-'],.code-preview-wrapper
  + .code-syntax-wrapper
  > .code-syntax
  > 
#mainContent > div > h2
  > [data-code-wrapper]
  > .highlight
  pre[class*='language-']{
  margin-top: 0px;
  border-radius: 0px;
}

.code-preview-wrapper
  + .code-syntax-wrapper
  > .code-syntax
  > #mainContent > h2
  > [data-code-wrapper]
  > .highlight
  > pre[class*='language-'],.code-preview-wrapper
  + .code-syntax-wrapper
  > .code-syntax
  > 
#mainContent > div > h2
  > [data-code-wrapper]
  > .highlight
  > pre[class*='language-']{
  margin: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding: 1rem;
}

:is(.dark .code-preview-wrapper
  + .code-syntax-wrapper
  > .code-syntax
  > #mainContent > h2
  > [data-code-wrapper]
  > .highlight
  > pre[class*='language-']),:is(.dark .code-preview-wrapper
  + .code-syntax-wrapper
  > .code-syntax
  > 
#mainContent > div > h2
  > [data-code-wrapper]
  > .highlight
  > pre[class*='language-']){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

:is(.dark #mainContent > h2),:is(.dark 
#mainContent > div > h2){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#mainContent > h3,
#mainContent > div > h3{
  position: relative;
  margin-bottom: 1rem;
  margin-top: 2rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.code-preview-wrapper
  + .code-syntax-wrapper
  > .code-syntax
  > #mainContent > h3
  > [data-code-wrapper]
  > .highlight
  pre[class*='language-'],.code-preview-wrapper
  + .code-syntax-wrapper
  > .code-syntax
  > 
#mainContent > div > h3
  > [data-code-wrapper]
  > .highlight
  pre[class*='language-']{
  margin-top: 0px;
  border-radius: 0px;
}

.code-preview-wrapper
  + .code-syntax-wrapper
  > .code-syntax
  > #mainContent > h3
  > [data-code-wrapper]
  > .highlight
  > pre[class*='language-'],.code-preview-wrapper
  + .code-syntax-wrapper
  > .code-syntax
  > 
#mainContent > div > h3
  > [data-code-wrapper]
  > .highlight
  > pre[class*='language-']{
  margin: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding: 1rem;
}

:is(.dark .code-preview-wrapper
  + .code-syntax-wrapper
  > .code-syntax
  > #mainContent > h3
  > [data-code-wrapper]
  > .highlight
  > pre[class*='language-']),:is(.dark .code-preview-wrapper
  + .code-syntax-wrapper
  > .code-syntax
  > 
#mainContent > div > h3
  > [data-code-wrapper]
  > .highlight
  > pre[class*='language-']){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

:is(.dark #mainContent > h3),:is(.dark 
#mainContent > div > h3){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#mainContent > h4,
#mainContent > div > h4{
  position: relative;
  margin-bottom: 1rem;
  margin-top: 2rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

.code-preview-wrapper
  + .code-syntax-wrapper
  > .code-syntax
  > #mainContent > h4
  > [data-code-wrapper]
  > .highlight
  pre[class*='language-'],.code-preview-wrapper
  + .code-syntax-wrapper
  > .code-syntax
  > 
#mainContent > div > h4
  > [data-code-wrapper]
  > .highlight
  pre[class*='language-']{
  margin-top: 0px;
  border-radius: 0px;
}

.code-preview-wrapper
  + .code-syntax-wrapper
  > .code-syntax
  > #mainContent > h4
  > [data-code-wrapper]
  > .highlight
  > pre[class*='language-'],.code-preview-wrapper
  + .code-syntax-wrapper
  > .code-syntax
  > 
#mainContent > div > h4
  > [data-code-wrapper]
  > .highlight
  > pre[class*='language-']{
  margin: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding: 1rem;
}

:is(.dark .code-preview-wrapper
  + .code-syntax-wrapper
  > .code-syntax
  > #mainContent > h4
  > [data-code-wrapper]
  > .highlight
  > pre[class*='language-']),:is(.dark .code-preview-wrapper
  + .code-syntax-wrapper
  > .code-syntax
  > 
#mainContent > div > h4
  > [data-code-wrapper]
  > .highlight
  > pre[class*='language-']){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

:is(.dark #mainContent > h4),:is(.dark 
#mainContent > div > h4){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#mainContent > p,
#mainContent > div > p{
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
}

#mainContent > p > a,
#mainContent > div > p > a,
#mainContent > ul > li > a,
#mainContent > div > ul > li > a,
#mainContent > ol > li > a,
#mainContent > div > ol > li > a{
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
  text-decoration-line: underline;
  text-decoration-color: #0e7490;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

:is(.dark #mainContent > p > a),:is(.dark 
#mainContent > div > p > a),:is(.dark 
#mainContent > ul > li > a),:is(.dark 
#mainContent > div > ul > li > a),:is(.dark 
#mainContent > ol > li > a),:is(.dark 
#mainContent > div > ol > li > a){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
  text-decoration-color: #0e7490;
}

#mainContent > p > code,
#mainContent > ul > li > code,
#mainContent > ol > li > code{
  white-space: nowrap;
  word-break: break-all;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-family: var(--font-roboto-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(38 139 172 / var(--tw-text-opacity));
}

:is(.dark #mainContent > p > code),:is(.dark 
#mainContent > ul > li > code),:is(.dark 
#mainContent > ol > li > code){
  --tw-text-opacity: 1;
  color: rgb(135 191 209 / var(--tw-text-opacity));
}

#mainContent > p > code,
#mainContent > ul > li > code,
#mainContent > ol > li > code {
  font-family:
    Menlo,
    ui-monospace,
    SFMono-Regular,
    Monaco,
    Consolas,
    Liberation Mono,
    Courier New,
    monospace;
}

#mainContent > p > a:hover,
#mainContent > div > p > a:hover,
#mainContent > ul > li > a:hover,
#mainContent > div > ul > li > a:hover,
#mainContent > ol > li > a:hover,
#mainContent > div > ol > li > a:hover{
  text-decoration-thickness: 2px;
}

:is(.dark #mainContent > p > a:hover),:is(.dark 
#mainContent > div > p > a:hover),:is(.dark 
#mainContent > ul > li > a:hover),:is(.dark 
#mainContent > div > ul > li > a:hover),:is(.dark 
#mainContent > ol > li > a:hover),:is(.dark 
#mainContent > div > ol > li > a:hover){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#mainContent > ul,
#mainContent > div > ul{
  list-style-type: disc;
}

#mainContent > ol,
#mainContent > div > ol{
  list-style-type: decimal;
}

#mainContent p > strong{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

:is(.dark #mainContent p > strong){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

#mainContent > ul,
#mainContent > div > ul,
#mainContent > ol,
#mainContent > div > ol{
  margin-bottom: 1rem;
  padding-left: 1rem;
}

#mainContent > ul > li,
#mainContent > div > ul > li,
#mainContent > ol > li,
#mainContent > div > ol > li{
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}

:is(.dark #mainContent > ul > li),:is(.dark 
#mainContent > div > ul > li),:is(.dark 
#mainContent > ol > li),:is(.dark 
#mainContent > div > ol > li){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

/* prism styles */

code[class*='language-'],
pre[class*='language-']{
  margin-bottom: 1.25rem;
  margin-top: 0px;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(231 70 148 / var(--tw-text-opacity));
}

:is(.dark code[class*='language-']),:is(.dark 
pre[class*='language-']){
  --tw-text-opacity: 1;
  color: rgb(241 126 184 / var(--tw-text-opacity));
}

code[class*='language-'],
pre[class*='language-'] {
  font-family:
    Menlo,
    ui-monospace,
    SFMono-Regular,
    Monaco,
    Consolas,
    Liberation Mono,
    Courier New,
    monospace;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  line-height: 1.5;
  text-shadow: none;

  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;

  -webkit-hyphens: none;
  hyphens: none;
}

div + pre[class*='language-']{
  margin-bottom: 0px;
}

/* without preview */
.highlight pre[class*='language-']{
  margin: 0px;
  margin-bottom: 2rem;
  margin-top: 1rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding: 1.5rem;
  padding-top: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
:is(.dark .highlight pre[class*='language-']){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

/* when after preview */
.code-preview-wrapper
  + .code-syntax-wrapper
  > .code-syntax
  > .relative
  > [data-code-wrapper]
  > .highlight
  pre[class*='language-'],
.code-preview-wrapper + .code-syntax-wrapper > .code-syntax{
  margin-top: 0px;
  border-radius: 0px;
}

.code-preview-wrapper + .code-syntax-wrapper{
  margin-bottom: 1rem;
}

.code-preview-wrapper
  + .code-syntax-wrapper
  > .code-syntax
  > .relative
  > [data-code-wrapper]
  > .highlight
  > pre[class*='language-']{
  margin: 0px;
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
  padding: 1rem;
}

:is(.dark .code-preview-wrapper
  + .code-syntax-wrapper
  > .code-syntax
  > .relative
  > [data-code-wrapper]
  > .highlight
  > pre[class*='language-']){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

:not(pre) > code[class*='language-'],
pre[class*='language-']{
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity));
}

:is(.dark :not(pre) > code[class*='language-']),:is(.dark 
pre[class*='language-']){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}

/* Inline code */
:not(pre) > code[class*='language-'] {
  padding: 0.1em;
  border-radius: 0.3em;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

:is(.dark .token.comment),:is(.dark 
.token.prolog),:is(.dark 
.token.doctype),:is(.dark 
.token.cdata){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.token.punctuation{
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

:is(.dark .token.punctuation){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.namespace {
  opacity: 0.7;
}

.token.property,
.token.keyword,
.token.tag{
  --tw-text-opacity: 1;
  color: rgb(126 58 242 / var(--tw-text-opacity));
}

:is(.dark .token.property),:is(.dark 
.token.keyword),:is(.dark 
.token.tag){
  --tw-text-opacity: 1;
  color: rgb(172 148 250 / var(--tw-text-opacity));
}

.token.class-name{
  --tw-text-opacity: 1;
  color: rgb(126 58 242 / var(--tw-text-opacity));
}

:is(.dark .token.class-name){
  --tw-text-opacity: 1;
  color: rgb(172 148 250 / var(--tw-text-opacity));
}

.token.boolean,
.token.constant{
  --tw-text-opacity: 1;
  color: rgb(16 185 129 / var(--tw-text-opacity));
}

:is(.dark .token.boolean),:is(.dark 
.token.constant){
  --tw-text-opacity: 1;
  color: rgb(52 211 153 / var(--tw-text-opacity));
}

.token.symbol,
.token.deleted{
  --tw-text-opacity: 1;
  color: rgb(240 82 82 / var(--tw-text-opacity));
}

:is(.dark .token.symbol),:is(.dark 
.token.deleted){
  --tw-text-opacity: 1;
  color: rgb(249 128 128 / var(--tw-text-opacity));
}

.token.number{
  --tw-text-opacity: 1;
  color: rgb(231 70 148 / var(--tw-text-opacity));
}

:is(.dark .token.number){
  --tw-text-opacity: 1;
  color: rgb(241 126 184 / var(--tw-text-opacity));
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted{
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity));
}

:is(.dark .token.selector),:is(.dark 
.token.attr-name),:is(.dark 
.token.string),:is(.dark 
.token.char),:is(.dark 
.token.builtin),:is(.dark 
.token.inserted){
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity));
}

.token.variable{
  --tw-text-opacity: 1;
  color: rgb(144 97 249 / var(--tw-text-opacity));
}

:is(.dark .token.variable){
  --tw-text-opacity: 1;
  color: rgb(172 148 250 / var(--tw-text-opacity));
}

.token.operator{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

:is(.dark .token.operator){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

.token.entity{
  --tw-text-opacity: 1;
  color: rgb(227 160 8 / var(--tw-text-opacity));
}

:is(.dark .token.entity){
  --tw-text-opacity: 1;
  color: rgb(250 202 21 / var(--tw-text-opacity));
}

.token.entity {
  cursor: help;
}

.token.url{
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity));
}

:is(.dark .token.url){
  --tw-text-opacity: 1;
  color: rgb(6 182 212 / var(--tw-text-opacity));
}

.language-css .token.string,
.style .token.string{
  --tw-text-opacity: 1;
  color: rgb(240 82 82 / var(--tw-text-opacity));
}

:is(.dark .language-css .token.string),:is(.dark 
.style .token.string){
  --tw-text-opacity: 1;
  color: rgb(249 128 128 / var(--tw-text-opacity));
}

.token.atrule,
.token.attr-value{
  --tw-text-opacity: 1;
  color: rgb(5 150 105 / var(--tw-text-opacity));
}

:is(.dark .token.atrule),:is(.dark 
.token.attr-value){
  --tw-text-opacity: 1;
  color: rgb(110 231 183 / var(--tw-text-opacity));
}

.token.function {
  /* color: #dad085; */
  --tw-text-opacity: 1;
  color: rgb(17 24 39 / var(--tw-text-opacity));
}

:is(.dark .token.function){
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.token.regex {
  color: #e9c062;
}

.token.important {
  color: #fd971f;
}

.token.important,
.token.bold {
  font-weight: bold;
}

.token.italic {
  font-style: italic;
}

.token{
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

:is(.dark .token){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

code.language-bash,
pre.language-bash{
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity));
}

:is(.dark code.language-bash),:is(.dark 
pre.language-bash){
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity));
}

code.language-tsx{
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity));
}

:is(.dark code.language-tsx){
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity));
}

code.language-tsx .token.function{
  --tw-text-opacity: 1;
  color: rgb(14 159 110 / var(--tw-text-opacity));
}

:is(.dark code.language-tsx .token.function){
  --tw-text-opacity: 1;
  color: rgb(132 225 188 / var(--tw-text-opacity));
}

code.language-tsx .token.punctuation{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

:is(.dark code.language-tsx .token.punctuation){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

code.language-tsx .token.keyword{
  --tw-text-opacity: 1;
  color: rgb(217 70 239 / var(--tw-text-opacity));
}

:is(.dark code.language-tsx .token.keyword){
  --tw-text-opacity: 1;
  color: rgb(232 121 249 / var(--tw-text-opacity));
}

code.language-tsx .token.comment{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}

:is(.dark code.language-tsx .token.comment){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

code.language-tsx .token.string{
  --tw-text-opacity: 1;
  color: rgb(126 58 242 / var(--tw-text-opacity));
}

:is(.dark code.language-tsx .token.string){
  --tw-text-opacity: 1;
  color: rgb(172 148 250 / var(--tw-text-opacity));
}

code.language-tsx .token.class-name{
  --tw-text-opacity: 1;
  color: rgb(126 58 242 / var(--tw-text-opacity));
}

:is(.dark code.language-tsx .token.class-name){
  --tw-text-opacity: 1;
  color: rgb(172 148 250 / var(--tw-text-opacity));
}

code.language-tsx .token {
  /* @apply text-blue-900 dark:text-blue-500; */
  background: transparent;
}

/* language html */
code.language-html .token.tag{
  --tw-text-opacity: 1;
  color: rgb(162 28 175 / var(--tw-text-opacity));
}
:is(.dark code.language-html .token.tag){
  --tw-text-opacity: 1;
  color: rgb(232 121 249 / var(--tw-text-opacity));
}
code.language-html .token.attr-name{
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity));
}
:is(.dark code.language-html .token.attr-name){
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
code.language-html .token.attr-value{
  --tw-text-opacity: 1;
  color: rgb(8 145 178 / var(--tw-text-opacity));
}
:is(.dark code.language-html .token.attr-value){
  --tw-text-opacity: 1;
  color: rgb(34 211 238 / var(--tw-text-opacity));
}
code.language-html .token.punctuation{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
:is(.dark code.language-html .token.punctuation){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}
code.language-html .token.attr-name{
  --tw-text-opacity: 1;
  color: rgb(5 122 85 / var(--tw-text-opacity));
}
:is(.dark code.language-html .token.attr-name){
  --tw-text-opacity: 1;
  color: rgb(49 196 141 / var(--tw-text-opacity));
}
code.language-html .token.comment{
  --tw-text-opacity: 1;
  color: rgb(156 163 175 / var(--tw-text-opacity));
}
:is(.dark code.language-html .token.comment){
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity));
}

.code-responsive-wrapper {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fillRule='evenodd'%3E%3Cg fill='%23d1d5db' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.dark .code-responsive-wrapper {
  background-color: #111827;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fillRule='evenodd'%3E%3Cg fill='%236b7280' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.highlight-line {
  display: block;
  padding-left: 1em;
  margin-left: -1em;
  margin-right: -1em;
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}

:is(.dark .highlight-line){
  --tw-bg-opacity: 1;
  background-color: rgb(55 65 81 / var(--tw-bg-opacity));
}

#carbonads * {
  margin: initial;
  padding: initial;
}
#carbonads {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue',
    Helvetica, Arial, sans-serif;
  margin: 0px;
  display: flex;
  max-width: 330px;
  box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, 0.1);
  z-index: 100;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
:is(.dark #carbonads){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}
#carbonads a {
  color: inherit;
  text-decoration: none;
}
#carbonads a:hover {
  color: inherit;
}
#carbonads span {
  position: relative;
  display: block;
  overflow: hidden;
}
#carbonads .carbon-wrap {
  display: flex;
}
#carbonads .carbon-img {
  display: block;
  margin: 0;
  line-height: 1;
}
#carbonads .carbon-img img {
  display: block;
}
#carbonads .carbon-text {
  font-size: 13px;
  padding: 10px;
  margin-bottom: 16px;
  line-height: 1.5;
  text-align: left;
}
#carbonads .carbon-poweredby{
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
:is(.dark #carbonads .carbon-poweredby){
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity));
}
#carbonads .carbon-poweredby {
  display: block;
  padding: 6px 8px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  font-size: 8px;
  line-height: 1;
  /* border-left-radius: 3px; */
  position: absolute;
  bottom: 0;
  right: 0;
}