/*
! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
*/
*,
::before,
::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e5e5
}

::before,
::after {
    --tw-content: ''
}

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

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

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

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp,
pre {
    font-family: Menlo, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

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

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

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

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

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

ol {
    list-style: decimal;
    margin: 0;
    padding: 0 0 0 2.5em;
}

textarea {
    resize: vertical
}

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

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

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

:disabled {
    cursor: default
}

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

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

[hidden] {
    display: none
}

*,
::before,
::after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --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;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --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;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246/0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia:
}

.prose {
    color: var(--tw-prose-body);
    max-width: 130ch
}

.prose :where(p):not(:where([class~="not-prose"] *)) {
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-lead);
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em
}

.prose :where(a):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-links);
    text-decoration: underline;
    font-weight: 500
}

.prose :where(strong):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-bold);
    font-weight: 600
}

.prose :where(a strong):not(:where([class~="not-prose"] *)) {
    color: inherit
}

.prose :where(blockquote strong):not(:where([class~="not-prose"] *)) {
    color: inherit
}

.prose :where(thead th strong):not(:where([class~="not-prose"] *)) {
    color: inherit
}

.prose :where(ol):not(:where([class~="not-prose"] *)) {
    list-style-type: decimal;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-left: 1.625em
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)) {
    list-style-type: upper-alpha
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)) {
    list-style-type: lower-alpha
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)) {
    list-style-type: upper-roman
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)) {
    list-style-type: lower-roman
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)) {
    list-style-type: decimal
}

.prose :where(ul):not(:where([class~="not-prose"] *)) {
    list-style-type: disc;
    margin-top: 1.25em;
    margin-bottom: 1.25em;
    padding-left: 1.625em
}

.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker {
    font-weight: 400;
    color: var(--tw-prose-counters)
}

.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker {
    color: var(--tw-prose-bullets)
}

.prose :where(hr):not(:where([class~="not-prose"] *)) {
    border-color: var(--tw-prose-hr);
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em
}

.prose :where(blockquote):not(:where([class~="not-prose"] *)) {
    font-weight: 500;
    font-style: italic;
    color: var(--tw-prose-quotes);
    border-left-width: 0.25rem;
    border-left-color: var(--tw-prose-quote-borders);
    quotes: "\201C" "\201D" "\2018" "\2019";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-left: 1em
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before {
    content: open-quote
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after {
    content: close-quote
}

.prose :where(h1):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: 0.8888889em;
    line-height: 1.1111111
}

.prose :where(h1 strong):not(:where([class~="not-prose"] *)) {
    font-weight: 900;
    color: inherit
}

.prose :where(h2):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333
}

.prose :where(h2 strong):not(:where([class~="not-prose"] *)) {
    font-weight: 800;
    color: inherit
}

.prose :where(h3):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: 0.6em;
    line-height: 1.6
}

.prose :where(h3 strong):not(:where([class~="not-prose"] *)) {
    font-weight: 700;
    color: inherit
}

.prose :where(h4):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    line-height: 1.5
}

.prose :where(h4 strong):not(:where([class~="not-prose"] *)) {
    font-weight: 700;
    color: inherit
}

.prose :where(img):not(:where([class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose :where(figure > *):not(:where([class~="not-prose"] *)) {
    margin-top: 0;
    margin-bottom: 0
}

.prose :where(figcaption):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-captions);
    font-size: 0.875em;
    line-height: 1.4285714;
    margin-top: 0.8571429em
}

.prose :where(code):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-code);
    font-weight: 600;
    font-size: 0.875em
}

.prose :where(code):not(:where([class~="not-prose"] *))::before {
    content: "`"
}

.prose :where(code):not(:where([class~="not-prose"] *))::after {
    content: "`"
}

.prose :where(a code):not(:where([class~="not-prose"] *)) {
    color: inherit
}

.prose :where(h1 code):not(:where([class~="not-prose"] *)) {
    color: inherit
}

.prose :where(h2 code):not(:where([class~="not-prose"] *)) {
    color: inherit;
    font-size: 0.875em
}

.prose :where(h3 code):not(:where([class~="not-prose"] *)) {
    color: inherit;
    font-size: 0.9em
}

.prose :where(h4 code):not(:where([class~="not-prose"] *)) {
    color: inherit
}

.prose :where(blockquote code):not(:where([class~="not-prose"] *)) {
    color: inherit
}

.prose :where(thead th code):not(:where([class~="not-prose"] *)) {
    color: inherit
}

.prose :where(pre):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-pre-code);
    background-color: var(--tw-prose-pre-bg);
    overflow-x: auto;
    font-weight: 400;
    font-size: 0.875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: 0.375rem;
    padding-top: 0.8571429em;
    padding-right: 1.1428571em;
    padding-bottom: 0.8571429em;
    padding-left: 1.1428571em
}

.prose :where(pre code):not(:where([class~="not-prose"] *)) {
    background-color: transparent;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-weight: inherit;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

.prose :where(pre code):not(:where([class~="not-prose"] *))::before {
    content: none
}

.prose :where(pre code):not(:where([class~="not-prose"] *))::after {
    content: none
}

.prose :where(table):not(:where([class~="not-prose"] *)) {
    width: 100%;
    table-layout: auto;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 0.875em;
    line-height: 1.7142857
}

.prose :where(thead):not(:where([class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-th-borders)
}

.prose :where(thead th):not(:where([class~="not-prose"] *)) {
    color: var(--tw-prose-headings);
    font-weight: 600;
    vertical-align: bottom;
    padding-right: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-left: 0.5714286em
}

.prose :where(tbody tr):not(:where([class~="not-prose"] *)) {
    border-bottom-width: 1px;
    border-bottom-color: var(--tw-prose-td-borders)
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)) {
    border-bottom-width: 0
}

.prose :where(tbody td):not(:where([class~="not-prose"] *)) {
    vertical-align: baseline
}

.prose :where(tfoot):not(:where([class~="not-prose"] *)) {
    border-top-width: 1px;
    border-top-color: var(--tw-prose-th-borders)
}

.prose :where(tfoot td):not(:where([class~="not-prose"] *)) {
    vertical-align: top
}

.prose {
    --tw-prose-body: #374151;
    --tw-prose-headings: #111827;
    --tw-prose-lead: #4b5563;
    --tw-prose-links: #111827;
    --tw-prose-bold: #111827;
    --tw-prose-counters: #6b7280;
    --tw-prose-bullets: #d1d5db;
    --tw-prose-hr: #e5e7eb;
    --tw-prose-quotes: #111827;
    --tw-prose-quote-borders: #e5e7eb;
    --tw-prose-captions: #6b7280;
    --tw-prose-code: #111827;
    --tw-prose-pre-code: #e5e7eb;
    --tw-prose-pre-bg: #1f2937;
    --tw-prose-th-borders: #d1d5db;
    --tw-prose-td-borders: #e5e7eb;
    --tw-prose-invert-body: #d1d5db;
    --tw-prose-invert-headings: #fff;
    --tw-prose-invert-lead: #9ca3af;
    --tw-prose-invert-links: #fff;
    --tw-prose-invert-bold: #fff;
    --tw-prose-invert-counters: #9ca3af;
    --tw-prose-invert-bullets: #4b5563;
    --tw-prose-invert-hr: #374151;
    --tw-prose-invert-quotes: #f3f4f6;
    --tw-prose-invert-quote-borders: #374151;
    --tw-prose-invert-captions: #9ca3af;
    --tw-prose-invert-code: #fff;
    --tw-prose-invert-pre-code: #d1d5db;
    --tw-prose-invert-pre-bg: rgb(0 0 0/50%);
    --tw-prose-invert-th-borders: #4b5563;
    --tw-prose-invert-td-borders: #374151;
    font-size: 1rem;
    line-height: 1.75
}

.prose :where(video):not(:where([class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose :where(figure):not(:where([class~="not-prose"] *)) {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose :where(li):not(:where([class~="not-prose"] *)) {
    margin-top: 0.5em;
    margin-bottom: 0.5em
}

.prose :where(ol > li):not(:where([class~="not-prose"] *)) {
    padding-left: 0.375em
}

.prose :where(ul > li):not(:where([class~="not-prose"] *)) {
    padding-left: 0.375em
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em
}

.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top: 1.25em
}

.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom: 1.25em
}

.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
    margin-top: 1.25em
}

.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom: 1.25em
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
    margin-top: 0.75em;
    margin-bottom: 0.75em
}

.prose :where(hr + *):not(:where([class~="not-prose"] *)) {
    margin-top: 0
}

.prose :where(h2 + *):not(:where([class~="not-prose"] *)) {
    margin-top: 0
}

.prose :where(h3 + *):not(:where([class~="not-prose"] *)) {
    margin-top: 0
}

.prose :where(h4 + *):not(:where([class~="not-prose"] *)) {
    margin-top: 0
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"] *)) {
    padding-left: 0
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"] *)) {
    padding-right: 0
}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)) {
    padding-top: 0.5714286em;
    padding-right: 0.5714286em;
    padding-bottom: 0.5714286em;
    padding-left: 0.5714286em
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)) {
    padding-left: 0
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
    padding-right: 0
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
    margin-top: 0
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
    margin-bottom: 0
}

.pointer-events-none {
    pointer-events: none !important
}

.absolute {
    position: absolute !important
}

.relative {
    position: relative !important
}

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

.m-0 {
    margin: 0px !important
}

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

.-mx-4 {
    margin-left: -1rem !important;
    margin-right: -1rem !important
}

.mb-6 {
    margin-bottom: 1.5rem !important
}

.mt-2 {
    margin-top: 0.5rem !important
}

.mb-0 {
    margin-bottom: 0px !important
}

.mb-4 {
    margin-bottom: 1rem !important
}

.mr-3 {
    margin-right: 0.75rem !important
}

.mt-6 {
    margin-top: 1.5rem !important
}

.mb-8 {
    margin-bottom: 2rem !important
}

.mr-2 {
    margin-right: 0.5rem !important
}

.ml-2 {
    margin-left: 0.5rem !important
}

.mt-0 {
    margin-top: 0px !important
}

.block {
    display: block !important
}

.flex {
    display: flex !important
}

.h-\[180px\] {
    height: 180px !important
}

.h-6 {
    height: 1.5rem !important
}

.h-24 {
    height: 6rem !important
}

.h-8 {
    height: 2rem !important
}

.w-full {
    width: 100% !important
}

.w-6 {
    width: 1.5rem !important
}

.w-24 {
    width: 6rem !important
}

.w-8 {
    width: 2rem !important
}

.max-w-screen-md {
    max-width: 768px !important
}

.max-w-screen-sm {
    max-width: 640px !important
}

.flex-none {
    flex: none !important
}

.flex-grow {
    flex-grow: 1 !important
}

.flex-row {
    flex-direction: row !important
}

.flex-col {
    flex-direction: column !important
}

.items-start {
    align-items: flex-start !important
}

.items-center {
    align-items: center !important
}

.justify-center {
    justify-content: center !important
}

.gap-2 {
    gap: 0.5rem !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-x-auto {
    overflow-x: auto !important
}

.rounded-lg {
    border-radius: 0.5rem !important
}

.rounded-md {
    border-radius: 0.375rem !important
}

.rounded-full {
    border-radius: 9999px !important
}

.border {
    border-width: 1px !important
}

.border-gray-100 {
    --tw-border-opacity: 1 !important;
    border-color: rgb(245 245 245/var(--tw-border-opacity)) !important
}

.bg-gray-50 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(250 250 250/var(--tw-bg-opacity)) !important
}

.bg-gray-200 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(229 229 229/var(--tw-bg-opacity)) !important
}

.bg-rose-400 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(251 113 133/var(--tw-bg-opacity)) !important
}

.bg-emerald-700 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(4 120 87/var(--tw-bg-opacity)) !important
}

.bg-blueGray-900 {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(15 23 42/var(--tw-bg-opacity)) !important
}

.bg-opacity-50 {
    --tw-bg-opacity: 0.5 !important
}

.bg-cover {
    background-size: cover !important
}

.bg-center {
    background-position: center !important
}

.p-4 {
    padding: 1rem !important
}

.p-0 {
    padding: 0px !important
}

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

.pb-32 {
    padding-bottom: 8rem !important
}

.pb-8 {
    padding-bottom: 2rem !important
}

.text-center {
    text-align: center !important
}

.font-sans {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important
}

.text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important
}

.text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important
}

.font-black {
    font-weight: 900 !important
}

.font-bold {
    font-weight: 700 !important
}

.font-medium {
    font-weight: 500 !important
}

.leading-none {
    line-height: 1 !important
}

.text-sky-500 {
    --tw-text-opacity: 1 !important;
    color: rgb(14 165 233/var(--tw-text-opacity)) !important
}

.text-blueGray-900 {
    --tw-text-opacity: 1 !important;
    color: rgb(15 23 42/var(--tw-text-opacity)) !important
}

.text-gray-400 {
    --tw-text-opacity: 1 !important;
    color: rgb(163 163 163/var(--tw-text-opacity)) !important
}

.text-emerald-200 {
    --tw-text-opacity: 1 !important;
    color: rgb(167 243 208/var(--tw-text-opacity)) !important
}

.text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important
}

.text-black {
    --tw-text-opacity: 1 !important;
    color: rgb(0 0 0/var(--tw-text-opacity)) !important
}

.text-gray-50 {
    --tw-text-opacity: 1 !important;
    color: rgb(250 250 250/var(--tw-text-opacity)) !important
}

.text-blueGray-500 {
    --tw-text-opacity: 1 !important;
    color: rgb(100 116 139/var(--tw-text-opacity)) !important
}

.text-sky-600 {
    --tw-text-opacity: 1 !important;
    color: rgb(2 132 199/var(--tw-text-opacity)) !important
}

.text-opacity-75 {
    --tw-text-opacity: 0.75 !important
}

.no-underline {
    text-decoration-line: none !important
}

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

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important
}

.ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important
}

a {
    --tw-text-opacity: 1;
    color: rgb(14 165 233/var(--tw-text-opacity));
    text-decoration-line: none;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: 100ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

a:hover {
    --tw-text-opacity: 1;
    color: rgb(2 132 199/var(--tw-text-opacity))
}

.prose h1 {
    font-size: 1.5rem !important;
    line-height: 2rem !important
}

@media (min-width: 640px) {
    .prose h1 {
        font-size: 1.875rem !important;
        line-height: 2.25rem !important
    }
}

@media (min-width: 1024px) {
    .prose h1 {
        font-size: 2.25rem !important;
        line-height: 2.5rem !important
    }
}

.content {
    margin-left: auto;
    margin-right: auto;
    max-width: 768px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (min-width: 768px) {
    .content {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.card {
    overflow: hidden;
    border-radius: 0.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(250 250 250/var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(15 23 42/var(--tw-text-opacity))
}

.card>.cover {
    margin-bottom: 1.5rem;
    display: flex;
    height: 180px;
    width: 100%;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(229 229 229/var(--tw-bg-opacity));
    background-size: cover;
    background-position: center
}

.card .heading {
    margin-top: 0.5rem !important;
    margin-bottom: 0px !important;
    font-size: 1.5rem !important;
    line-height: 2rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    --tw-text-opacity: 1 !important;
    color: rgb(15 23 42/var(--tw-text-opacity)) !important
}

.token.tag,
.token.class-name,
.token.selector,
.token.selector .class,
.token.function {
    --tw-text-opacity: 1;
    color: rgb(232 121 249/var(--tw-text-opacity))
}

.token.attr-name,
.token.keyword,
.token.rule,
.token.operator,
.token.pseudo-class,
.token.important {
    --tw-text-opacity: 1;
    color: rgb(45 212 191/var(--tw-text-opacity))
}

.token.attr-value,
.token.class,
.token.string,
.token.number,
.token.unit,
.token.color {
    --tw-text-opacity: 1;
    color: rgb(190 242 100/var(--tw-text-opacity))
}

.token.punctuation,
.token.module,
.token.property {
    --tw-text-opacity: 1;
    color: rgb(186 230 253/var(--tw-text-opacity))
}

.token.atapply .token:not(.rule):not(.important) {
    color: inherit
}

.language-shell .token:not(.comment) {
    color: inherit
}

.language-css .token.function {
    color: inherit
}

.token.comment {
    --tw-text-opacity: 1;
    color: rgb(163 163 163/var(--tw-text-opacity))
}

.token.deleted:not(.prefix) {
    position: relative;
    margin-left: -1rem;
    margin-right: -1rem;
    display: block;
    padding-left: 1rem;
    padding-right: 1rem
}

.token.deleted:not(.prefix)::after {
    content: "";
    pointer-events: none;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    display: block;
    background-color: rgb(251 113 133/var(--tw-bg-opacity));
    --tw-bg-opacity: 0.25
}

.token.deleted.prefix {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    --tw-text-opacity: 1;
    color: rgb(163 163 163/var(--tw-text-opacity))
}

.token.inserted:not(.prefix) {
    margin-left: -1rem;
    margin-right: -1rem;
    display: block;
    background-color: rgb(4 120 87/var(--tw-bg-opacity));
    --tw-bg-opacity: 0.5;
    padding-left: 1rem;
    padding-right: 1rem
}

.token.inserted.prefix {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: rgb(167 243 208/var(--tw-text-opacity));
    --tw-text-opacity: 0.75
}

pre {
    overflow-x: auto !important;
    border-radius: 0.375rem !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(15 23 42/var(--tw-bg-opacity)) !important;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255/var(--tw-text-opacity)) !important;
    line-height: 1.7142857 !important;
    margin-top: 1.7142857em !important;
    margin-bottom: 1.7142857em !important;
    padding: 0.8571429em 1.1428571em !important
}

.hover\:text-sky-600:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(2 132 199/var(--tw-text-opacity)) !important
}

.hover\:text-sky-400:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(56 189 248/var(--tw-text-opacity)) !important
}

.hover\:text-sky-500:hover {
    --tw-text-opacity: 1 !important;
    color: rgb(14 165 233/var(--tw-text-opacity)) !important
}

.hover\:opacity-80:hover {
    opacity: 0.8 !important
}

@media (min-width: 640px) {
    .sm\:h-\[220px\] {
        height: 220px !important
    }

    .sm\:text-3xl {
        font-size: 1.875rem !important;
        line-height: 2.25rem !important
    }
}

@media (min-width: 768px) {
    .md\:flex-row {
        flex-direction: row !important
    }

    .md\:flex-col {
        flex-direction: column !important
    }

    .md\:items-start {
        align-items: flex-start !important
    }

    .md\:px-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important
    }

    .md\:py-16 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important
    }
}

@media (min-width: 1024px) {
    .lg\:text-4xl {
        font-size: 2.25rem !important;
        line-height: 2.5rem !important
    }
}


/* Rouge syntax highlighting */
.highlight {
    background: #1f2937;
    color: #f8f8f2;
    border-radius: 6px;
    padding: 1em;
    overflow-x: auto;
}

.highlight .c {
    color: #6a9955;
    font-style: italic;
}

/* Comment */
.highlight .err {
    color: #f44747;
}

/* Error */
.highlight .k {
    color: #569cd6;
}

/* Keyword */
.highlight .o {
    color: #d4d4d4;
}

/* Operator */
.highlight .cm {
    color: #6a9955;
    font-style: italic;
}

/* Comment.Multiline */
.highlight .cp {
    color: #569cd6;
}

/* Comment.Preproc */
.highlight .c1 {
    color: #6a9955;
    font-style: italic;
}

/* Comment.Single */
.highlight .cs {
    color: #6a9955;
    font-style: italic;
}

/* Comment.Special */
.highlight .gd {
    color: #f44747;
}

/* Generic.Deleted */
.highlight .ge {
    font-style: italic;
}

.highlight .gh {
    color: #dcdcaa;
}

.highlight .gi {
    color: #b5cea8;
}

.highlight .go {
    color: #d4d4d4;
}

.highlight .gp {
    color: #d4d4d4;
}

.highlight .gs {
    font-weight: bold;
}

.highlight .gu {
    color: #dcdcaa;
}

.highlight .kc {
    color: #569cd6;
}

.highlight .kd {
    color: #569cd6;
}

.highlight .kn {
    color: #569cd6;
}

.highlight .kp {
    color: #569cd6;
}

.highlight .kr {
    color: #569cd6;
}

.highlight .kt {
    color: #4ec9b0;
}

.highlight .m {
    color: #b5cea8;
}

.highlight .s {
    color: #ce9178;
}

.highlight .na {
    color: #9cdcfe;
}

.highlight .nb {
    color: #dcdcaa;
}

.highlight .nc {
    color: #4ec9b0;
}

.highlight .no {
    color: #b5cea8;
}

.highlight .nd {
    color: #4ec9b0;
}

.highlight .ni {
    color: #d4d4d4;
}

.highlight .ne {
    color: #d16969;
}

.highlight .nf {
    color: #dcdcaa;
}

.highlight .nl {
    color: #d4d4d4;
}

.highlight .nn {
    color: #4ec9b0;
}

.highlight .nt {
    color: #569cd6;
}

.highlight .nv {
    color: #d4d4d4;
}

.highlight .ow {
    color: #d4d4d4;
}

.highlight .w {
    color: #d4d4d4;
}

.highlight .mf {
    color: #b5cea8;
}

.highlight .mh {
    color: #b5cea8;
}

.highlight .mi {
    color: #b5cea8;
}

.highlight .mo {
    color: #b5cea8;
}

.highlight .sb {
    color: #ce9178;
}

.highlight .sc {
    color: #ce9178;
}

.highlight .sd {
    color: #ce9178;
}

.highlight .s2 {
    color: #ce9178;
}

.highlight .se {
    color: #d7ba7d;
}

.highlight .sh {
    color: #ce9178;
}

.highlight .si {
    color: #d7ba7d;
}

.highlight .sx {
    color: #ce9178;
}

.highlight .sr {
    color: #d16969;
}

.highlight .s1 {
    color: #ce9178;
}

.highlight .ss {
    color: #d7ba7d;
}

.highlight .bp {
    color: #dcdcaa;
}

.highlight .vc {
    color: #d4d4d4;
}

.highlight .vg {
    color: #d4d4d4;
}

.highlight .vi {
    color: #d4d4d4;
}

.highlight .il {
    color: #b5cea8;
}

.highlight .nx {
    color: #dcdcaa;
}

.highlight .p {
    color: #d4d4d4;
}

.highlight .py {
    color: #dcdcaa;
}

.highlight .nv {
    color: #d4d4d4;
}

.highlight .ss {
    color: #d7ba7d;
}

div.highlighter-rouge,
div.highlight,
.highlight {
  margin-left: .5em !important;   /* Indent the whole block */
  padding: 0.25 !important;
}

.highlight pre,
pre.highlight,
.highlight code,
pre code {
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}