Skip to content

Instantly share code, notes, and snippets.

@async0x42
Created August 18, 2020 02:32
Show Gist options
  • Select an option

  • Save async0x42/a8acbb291e2a43e8ea6e5075042c7690 to your computer and use it in GitHub Desktop.

Select an option

Save async0x42/a8acbb291e2a43e8ea6e5075042c7690 to your computer and use it in GitHub Desktop.
tailwind-ui-050-css
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 100;
font-display: swap;
src: url(../fonts/Inter-Thin.90ea9fcf.woff2) format("woff2"), url(../fonts/Inter-Thin.8fa98ab1.woff) format("woff");
}
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 100;
font-display: swap;
src: url(../fonts/Inter-ThinItalic.4ccf7a2e.woff2) format("woff2"), url(../fonts/Inter-ThinItalic.b3fa328d.woff) format("woff");
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 200;
font-display: swap;
src: url(../fonts/Inter-ExtraLight.27320a33.woff2) format("woff2"), url(../fonts/Inter-ExtraLight.9d736a80.woff) format("woff");
}
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 200;
font-display: swap;
src: url(../fonts/Inter-ExtraLightItalic.ab308459.woff2) format("woff2"), url(../fonts/Inter-ExtraLightItalic.021a2bd4.woff) format("woff");
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 300;
font-display: swap;
src: url(../fonts/Inter-Light.9e82ccfe.woff2) format("woff2"), url(../fonts/Inter-Light.92f78b19.woff) format("woff");
}
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 300;
font-display: swap;
src: url(../fonts/Inter-LightItalic.df5deb60.woff2) format("woff2"), url(../fonts/Inter-LightItalic.27e9e59d.woff) format("woff");
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/Inter-Regular.387eb98b.woff2) format("woff2"), url(../fonts/Inter-Regular.5027a81c.woff) format("woff");
}
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 400;
font-display: swap;
src: url(../fonts/Inter-Italic.117cabd2.woff2) format("woff2"), url(../fonts/Inter-Italic.5aab55bf.woff) format("woff");
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 500;
font-display: swap;
src: url(../fonts/Inter-Medium.702e1866.woff2) format("woff2"), url(../fonts/Inter-Medium.a9c514e9.woff) format("woff");
}
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 500;
font-display: swap;
src: url(../fonts/Inter-MediumItalic.cc4b0d40.woff2) format("woff2"), url(../fonts/Inter-MediumItalic.17f33702.woff) format("woff");
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 600;
font-display: swap;
src: url(../fonts/Inter-SemiBold.eece23e6.woff2) format("woff2"), url(../fonts/Inter-SemiBold.34e609c1.woff) format("woff");
}
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 600;
font-display: swap;
src: url(../fonts/Inter-SemiBoldItalic.9d02ad26.woff2) format("woff2"), url(../fonts/Inter-SemiBoldItalic.a48c9bbd.woff) format("woff");
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 700;
font-display: swap;
src: url(../fonts/Inter-Bold.6fa3ebe2.woff2) format("woff2"), url(../fonts/Inter-Bold.1f50efc8.woff) format("woff");
}
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 700;
font-display: swap;
src: url(../fonts/Inter-BoldItalic.4b695e7e.woff2) format("woff2"), url(../fonts/Inter-BoldItalic.af0a3776.woff) format("woff");
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 800;
font-display: swap;
src: url(../fonts/Inter-ExtraBold.9a1e81b9.woff2) format("woff2"), url(../fonts/Inter-ExtraBold.032d75a4.woff) format("woff");
}
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 800;
font-display: swap;
src: url(../fonts/Inter-ExtraBoldItalic.78501533.woff2) format("woff2"), url(../fonts/Inter-ExtraBoldItalic.41269b15.woff) format("woff");
}
@font-face {
font-family: Inter;
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(../fonts/Inter-Black.754a007d.woff2) format("woff2"), url(../fonts/Inter-Black.9381240d.woff) format("woff");
}
@font-face {
font-family: Inter;
font-style: italic;
font-weight: 900;
font-display: swap;
src: url(../fonts/Inter-BlackItalic.fcf54e48.woff2) format("woff2"), url(../fonts/Inter-BlackItalic.162a0cfe.woff) format("woff");
}
@font-face {
font-family: Inter var;
font-weight: 100 900;
font-display: swap;
font-style: normal;
font-named-instance: "Regular";
src: url(../fonts/Inter-roman.var.9776b736.woff2) format("woff2");
}
@font-face {
font-family: Inter var;
font-weight: 100 900;
font-display: swap;
font-style: italic;
font-named-instance: "Italic";
src: url(../fonts/Inter-italic.var.21a380fd.woff2) format("woff2");
}
@font-face {
font-family: Inter var experimental;
font-weight: 100 900;
font-display: swap;
font-style: oblique 0deg 10deg;
src: url(../fonts/Inter.var.54c08b06.woff2) format("woff2");
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace, 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;
}
img {
border-style: none;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details {
display: block;
}
summary {
display: list-item;
}
[hidden],
template {
display: none;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
margin: 0;
}
button {
background-color: transparent;
background-image: none;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
fieldset,
ol,
ul {
margin: 0;
padding: 0;
}
ol,
ul {
list-style: none;
}
html {
font-family: Inter var, Inter, 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;
line-height: 1.5;
}
*,
:after,
:before {
box-sizing: border-box;
border-width: 0;
border-style: solid;
border-color: #d2d6dc;
}
hr {
border-top-width: 1px;
}
img {
border-style: solid;
}
textarea {
resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #a0aec0;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #a0aec0;
}
input::placeholder,
textarea::placeholder {
color: #a0aec0;
}
[role="button"],
button {
cursor: pointer;
}
table {
border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
text-decoration: inherit;
}
button,
input,
optgroup,
select,
textarea {
padding: 0;
line-height: inherit;
color: inherit;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
display: block;
vertical-align: middle;
}
img,
video {
max-width: 100%;
height: auto;
}
.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;
}
}
.form-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border-color: #d2d6dc;
border-width: 1px;
border-radius: 0.375rem;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5;
}
.form-input::-moz-placeholder {
color: #9fa6b2;
opacity: 1;
}
.form-input:-ms-input-placeholder {
color: #9fa6b2;
opacity: 1;
}
.form-input::placeholder {
color: #9fa6b2;
opacity: 1;
}
.form-input:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
border-color: #a4cafe;
}
.form-textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border-color: #d2d6dc;
border-width: 1px;
border-radius: 0.375rem;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5;
}
.form-textarea::-moz-placeholder {
color: #9fa6b2;
opacity: 1;
}
.form-textarea:-ms-input-placeholder {
color: #9fa6b2;
opacity: 1;
}
.form-textarea::placeholder {
color: #9fa6b2;
opacity: 1;
}
.form-textarea:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
border-color: #a4cafe;
}
.form-multiselect {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border-color: #d2d6dc;
border-width: 1px;
border-radius: 0.375rem;
padding-top: 0.5rem;
padding-right: 0.75rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5;
}
.form-multiselect:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
border-color: #a4cafe;
}
.form-select {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7 7l3-3 3 3m0 6l-3 3-3-3' stroke='%239fa6b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-print-color-adjust: exact;
color-adjust: exact;
background-repeat: no-repeat;
background-color: #fff;
border-color: #d2d6dc;
border-width: 1px;
border-radius: 0.375rem;
padding-top: 0.5rem;
padding-right: 2.5rem;
padding-bottom: 0.5rem;
padding-left: 0.75rem;
font-size: 1rem;
line-height: 1.5;
background-position: right 0.5rem center;
background-size: 1.5em 1.5em;
}
.form-select::-ms-expand {
color: #9fa6b2;
border: none;
}
@media not print {
.form-select::-ms-expand {
display: none;
}
}
@media print and (-ms-high-contrast: active), print and (-ms-high-contrast: none) {
.form-select {
padding-right: 0.75rem;
}
}
.form-select:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
border-color: #a4cafe;
}
.form-checkbox:checked {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.707 7.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4a1 1 0 00-1.414-1.414L7 8.586 5.707 7.293z'/%3E%3C/svg%3E");
border-color: transparent;
background-color: currentColor;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
}
@media not print {
.form-checkbox::-ms-check {
border-width: 1px;
color: transparent;
background: inherit;
border-color: inherit;
border-radius: inherit;
}
}
.form-checkbox {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-print-color-adjust: exact;
color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
flex-shrink: 0;
height: 1rem;
width: 1rem;
color: #3f83f8;
background-color: #fff;
border-color: #d2d6dc;
border-width: 1px;
border-radius: 0.25rem;
}
.form-checkbox:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
border-color: #a4cafe;
}
.form-checkbox:checked:focus,
.form-radio:checked {
border-color: transparent;
}
.form-radio:checked {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");
background-color: currentColor;
background-size: 100% 100%;
background-position: 50%;
background-repeat: no-repeat;
}
@media not print {
.form-radio::-ms-check {
border-width: 1px;
color: transparent;
background: inherit;
border-color: inherit;
border-radius: inherit;
}
}
.form-radio {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-print-color-adjust: exact;
color-adjust: exact;
display: inline-block;
vertical-align: middle;
background-origin: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
flex-shrink: 0;
border-radius: 100%;
height: 1rem;
width: 1rem;
color: #3f83f8;
background-color: #fff;
border-color: #d2d6dc;
border-width: 1px;
}
.form-radio:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(164, 202, 254, 0.45);
border-color: #a4cafe;
}
.form-radio:checked:focus {
border-color: transparent;
}
.prose {
color: #374151;
max-width: 65ch;
}
.prose [class~="lead"] {
color: #4b5563;
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.prose a {
color: #5850ec;
text-decoration: none;
font-weight: 600;
}
.prose strong {
color: #161e2e;
font-weight: 600;
}
.prose ol {
counter-reset: list-counter;
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.prose ol > li {
position: relative;
counter-increment: list-counter;
padding-left: 1.75em;
}
.prose ol > li:before {
content: counter(list-counter) ".";
position: absolute;
font-weight: 400;
color: #6b7280;
}
.prose ul > li {
position: relative;
padding-left: 1.75em;
}
.prose ul > li:before {
content: "";
position: absolute;
background-color: #d2d6dc;
border-radius: 50%;
width: 0.375em;
height: 0.375em;
top: 0.6875em;
left: 0.25em;
}
.prose hr {
border-color: #e5e7eb;
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em;
}
.prose blockquote {
font-weight: 500;
font-style: italic;
color: #161e2e;
border-left-width: 0.25rem;
border-left-color: #e5e7eb;
quotes: "\201C""\201D""\2018""\2019";
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1em;
}
.prose blockquote p:first-of-type:before {
content: open-quote;
}
.prose blockquote p:last-of-type:after {
content: close-quote;
}
.prose h1 {
color: #1a202c;
font-weight: 800;
font-size: 2.25em;
margin-top: 0;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.prose h2 {
color: #1a202c;
font-weight: 700;
font-size: 1.5em;
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.3333333;
}
.prose h3 {
font-size: 1.25em;
margin-top: 1.6em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.prose h3,
.prose h4 {
color: #1a202c;
font-weight: 600;
}
.prose h4 {
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}
.prose figure figcaption {
color: #6b7280;
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
.prose code {
color: #161e2e;
font-weight: 600;
font-size: 0.875em;
}
.prose code:after,
.prose code:before {
content: "`";
}
.prose pre {
color: #e5e7eb;
background-color: #252f3f;
overflow-x: auto;
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 pre code {
background-color: transparent;
border-width: 0;
border-radius: 0;
padding: 0;
font-weight: 400;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.prose pre code:after,
.prose pre code:before {
content: "";
}
.prose table {
width: 100%;
table-layout: auto;
text-align: left;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}
.prose thead {
color: #161e2e;
font-weight: 600;
border-bottom-width: 1px;
border-bottom-color: #d2d6dc;
}
.prose thead th {
vertical-align: bottom;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.prose tbody tr {
border-bottom-width: 1px;
border-bottom-color: #e5e7eb;
}
.prose tbody tr:last-child {
border-bottom-width: 0;
}
.prose tbody td {
vertical-align: top;
padding-top: 0.5714286em;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.prose {
font-size: 1rem;
line-height: 1.75;
}
.prose p {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.prose figure,
.prose img,
.prose video {
margin-top: 2em;
margin-bottom: 2em;
}
.prose figure > * {
margin-top: 0;
margin-bottom: 0;
}
.prose h2 code {
font-size: 0.875em;
}
.prose h3 code {
font-size: 0.9em;
}
.prose ul {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.prose li {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.prose ol > li:before {
left: 0;
}
.prose > ul > li p {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose > ul > li > :first-child {
margin-top: 1.25em;
}
.prose > ul > li > :last-child {
margin-bottom: 1.25em;
}
.prose > ol > li > :first-child {
margin-top: 1.25em;
}
.prose > ol > li > :last-child {
margin-bottom: 1.25em;
}
.prose ol ol,
.prose ol ul,
.prose ul ol,
.prose ul ul {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.prose h2 + *,
.prose h3 + *,
.prose h4 + *,
.prose hr + * {
margin-top: 0;
}
.prose thead th:first-child {
padding-left: 0;
}
.prose thead th:last-child {
padding-right: 0;
}
.prose tbody td:first-child {
padding-left: 0;
}
.prose tbody td:last-child {
padding-right: 0;
}
.prose > :first-child {
margin-top: 0;
}
.prose > :last-child {
margin-bottom: 0;
}
.prose h1,
.prose h2,
.prose h3,
.prose h4 {
color: #161e2e;
}
.prose-sm {
font-size: 0.875rem;
line-height: 1.7142857;
}
.prose-sm p {
margin-top: 1.1428571em;
margin-bottom: 1.1428571em;
}
.prose-sm [class~="lead"] {
font-size: 1.2857143em;
line-height: 1.5555556;
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.prose-sm blockquote {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-left: 1.1111111em;
}
.prose-sm h1 {
font-size: 2.1428571em;
margin-top: 0;
margin-bottom: 0.8em;
line-height: 1.2;
}
.prose-sm h2 {
font-size: 1.4285714em;
margin-top: 1.6em;
margin-bottom: 0.8em;
line-height: 1.4;
}
.prose-sm h3 {
font-size: 1.2857143em;
margin-top: 1.5555556em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
.prose-sm h4 {
margin-top: 1.4285714em;
margin-bottom: 0.5714286em;
line-height: 1.4285714;
}
.prose-sm figure,
.prose-sm img,
.prose-sm video {
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
}
.prose-sm figure > * {
margin-top: 0;
margin-bottom: 0;
}
.prose-sm figure figcaption {
font-size: 0.8571429em;
line-height: 1.3333333;
margin-top: 0.6666667em;
}
.prose-sm code {
font-size: 0.8571429em;
}
.prose-sm h2 code {
font-size: 0.9em;
}
.prose-sm h3 code {
font-size: 0.8888889em;
}
.prose-sm pre {
font-size: 0.8571429em;
line-height: 1.6666667;
margin-top: 1.6666667em;
margin-bottom: 1.6666667em;
border-radius: 0.25rem;
padding-top: 0.6666667em;
padding-right: 1em;
padding-bottom: 0.6666667em;
padding-left: 1em;
}
.prose-sm ol,
.prose-sm ul {
margin-top: 1.1428571em;
margin-bottom: 1.1428571em;
}
.prose-sm li {
margin-top: 0.2857143em;
margin-bottom: 0.2857143em;
}
.prose-sm ol > li {
padding-left: 1.5714286em;
}
.prose-sm ol > li:before {
left: 0;
}
.prose-sm ul > li {
padding-left: 1.5714286em;
}
.prose-sm ul > li:before {
height: 0.3571429em;
width: 0.3571429em;
top: 0.67857em;
left: 0.2142857em;
}
.prose-sm > ul > li p {
margin-top: 0.5714286em;
margin-bottom: 0.5714286em;
}
.prose-sm > ul > li > :first-child {
margin-top: 1.1428571em;
}
.prose-sm > ul > li > :last-child {
margin-bottom: 1.1428571em;
}
.prose-sm > ol > li > :first-child {
margin-top: 1.1428571em;
}
.prose-sm > ol > li > :last-child {
margin-bottom: 1.1428571em;
}
.prose-sm ol ol,
.prose-sm ol ul,
.prose-sm ul ol,
.prose-sm ul ul {
margin-top: 0.5714286em;
margin-bottom: 0.5714286em;
}
.prose-sm hr {
margin-top: 2.8571429em;
margin-bottom: 2.8571429em;
}
.prose-sm h2 + *,
.prose-sm h3 + *,
.prose-sm h4 + *,
.prose-sm hr + * {
margin-top: 0;
}
.prose-sm table {
font-size: 0.8571429em;
line-height: 1.5;
}
.prose-sm thead th {
padding-right: 1em;
padding-bottom: 0.6666667em;
padding-left: 1em;
}
.prose-sm thead th:first-child {
padding-left: 0;
}
.prose-sm thead th:last-child {
padding-right: 0;
}
.prose-sm tbody td {
padding-top: 0.6666667em;
padding-right: 1em;
padding-bottom: 0.6666667em;
padding-left: 1em;
}
.prose-sm tbody td:first-child {
padding-left: 0;
}
.prose-sm tbody td:last-child {
padding-right: 0;
}
.prose-sm > :first-child {
margin-top: 0;
}
.prose-sm > :last-child {
margin-bottom: 0;
}
.prose-lg {
font-size: 1.125rem;
line-height: 1.7777778;
}
.prose-lg p {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.prose-lg [class~="lead"] {
font-size: 1.2222222em;
line-height: 1.4545455;
margin-top: 1.0909091em;
margin-bottom: 1.0909091em;
}
.prose-lg blockquote {
margin-top: 1.6666667em;
margin-bottom: 1.6666667em;
padding-left: 1em;
}
.prose-lg h1 {
font-size: 2.6666667em;
margin-top: 0;
margin-bottom: 0.8333333em;
line-height: 1;
}
.prose-lg h2 {
font-size: 1.6666667em;
margin-top: 1.8666667em;
margin-bottom: 1.0666667em;
line-height: 1.3333333;
}
.prose-lg h3 {
font-size: 1.3333333em;
margin-top: 1.6666667em;
margin-bottom: 0.6666667em;
line-height: 1.5;
}
.prose-lg h4 {
margin-top: 1.7777778em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
.prose-lg figure,
.prose-lg img,
.prose-lg video {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
.prose-lg figure > * {
margin-top: 0;
margin-bottom: 0;
}
.prose-lg figure figcaption {
font-size: 0.8888889em;
line-height: 1.5;
margin-top: 1em;
}
.prose-lg code {
font-size: 0.8888889em;
}
.prose-lg h2 code {
font-size: 0.8666667em;
}
.prose-lg h3 code {
font-size: 0.875em;
}
.prose-lg pre {
font-size: 0.8888889em;
line-height: 1.75;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.375rem;
padding-top: 1em;
padding-right: 1.5em;
padding-bottom: 1em;
padding-left: 1.5em;
}
.prose-lg ol,
.prose-lg ul {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.prose-lg li {
margin-top: 0.6666667em;
margin-bottom: 0.6666667em;
}
.prose-lg ol > li {
padding-left: 1.6666667em;
}
.prose-lg ol > li:before {
left: 0;
}
.prose-lg ul > li {
padding-left: 1.6666667em;
}
.prose-lg ul > li:before {
width: 0.3333333em;
height: 0.3333333em;
top: 0.72222em;
left: 0.2222222em;
}
.prose-lg > ul > li p {
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.prose-lg > ul > li > :first-child {
margin-top: 1.3333333em;
}
.prose-lg > ul > li > :last-child {
margin-bottom: 1.3333333em;
}
.prose-lg > ol > li > :first-child {
margin-top: 1.3333333em;
}
.prose-lg > ol > li > :last-child {
margin-bottom: 1.3333333em;
}
.prose-lg ol ol,
.prose-lg ol ul,
.prose-lg ul ol,
.prose-lg ul ul {
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.prose-lg hr {
margin-top: 3.1111111em;
margin-bottom: 3.1111111em;
}
.prose-lg h2 + *,
.prose-lg h3 + *,
.prose-lg h4 + *,
.prose-lg hr + * {
margin-top: 0;
}
.prose-lg table {
font-size: 0.8888889em;
line-height: 1.5;
}
.prose-lg thead th {
padding-right: 0.75em;
padding-bottom: 0.75em;
padding-left: 0.75em;
}
.prose-lg thead th:first-child {
padding-left: 0;
}
.prose-lg thead th:last-child {
padding-right: 0;
}
.prose-lg tbody td {
padding-top: 0.75em;
padding-right: 0.75em;
padding-bottom: 0.75em;
padding-left: 0.75em;
}
.prose-lg tbody td:first-child {
padding-left: 0;
}
.prose-lg tbody td:last-child {
padding-right: 0;
}
.prose-lg > :first-child {
margin-top: 0;
}
.prose-lg > :last-child {
margin-bottom: 0;
}
.prose-xl {
font-size: 1.25rem;
line-height: 1.8;
}
.prose-xl p {
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.prose-xl [class~="lead"] {
font-size: 1.2em;
line-height: 1.5;
margin-top: 1em;
margin-bottom: 1em;
}
.prose-xl blockquote {
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1.0666667em;
}
.prose-xl h1 {
font-size: 2.8em;
margin-top: 0;
margin-bottom: 0.8571429em;
line-height: 1;
}
.prose-xl h2 {
font-size: 1.8em;
margin-top: 1.5555556em;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.prose-xl h3 {
font-size: 1.5em;
margin-top: 1.6em;
margin-bottom: 0.6666667em;
line-height: 1.3333333;
}
.prose-xl h4 {
margin-top: 1.8em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.prose-xl figure,
.prose-xl img,
.prose-xl video {
margin-top: 2em;
margin-bottom: 2em;
}
.prose-xl figure > * {
margin-top: 0;
margin-bottom: 0;
}
.prose-xl figure figcaption {
font-size: 0.9em;
line-height: 1.5555556;
margin-top: 1em;
}
.prose-xl code {
font-size: 0.9em;
}
.prose-xl h2 code {
font-size: 0.8611111em;
}
.prose-xl h3 code,
.prose-xl pre {
font-size: 0.9em;
}
.prose-xl pre {
line-height: 1.7777778;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.5rem;
padding-top: 1.1111111em;
padding-right: 1.3333333em;
padding-bottom: 1.1111111em;
padding-left: 1.3333333em;
}
.prose-xl ol,
.prose-xl ul {
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.prose-xl li {
margin-top: 0.6em;
margin-bottom: 0.6em;
}
.prose-xl ol > li {
padding-left: 1.8em;
}
.prose-xl ol > li:before {
left: 0;
}
.prose-xl ul > li {
padding-left: 1.8em;
}
.prose-xl ul > li:before {
width: 0.35em;
height: 0.35em;
top: 0.725em;
left: 0.25em;
}
.prose-xl > ul > li p {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.prose-xl > ul > li > :first-child {
margin-top: 1.2em;
}
.prose-xl > ul > li > :last-child {
margin-bottom: 1.2em;
}
.prose-xl > ol > li > :first-child {
margin-top: 1.2em;
}
.prose-xl > ol > li > :last-child {
margin-bottom: 1.2em;
}
.prose-xl ol ol,
.prose-xl ol ul,
.prose-xl ul ol,
.prose-xl ul ul {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.prose-xl hr {
margin-top: 2.8em;
margin-bottom: 2.8em;
}
.prose-xl h2 + *,
.prose-xl h3 + *,
.prose-xl h4 + *,
.prose-xl hr + * {
margin-top: 0;
}
.prose-xl table {
font-size: 0.9em;
line-height: 1.5555556;
}
.prose-xl thead th {
padding-right: 0.6666667em;
padding-bottom: 0.8888889em;
padding-left: 0.6666667em;
}
.prose-xl thead th:first-child {
padding-left: 0;
}
.prose-xl thead th:last-child {
padding-right: 0;
}
.prose-xl tbody td {
padding-top: 0.8888889em;
padding-right: 0.6666667em;
padding-bottom: 0.8888889em;
padding-left: 0.6666667em;
}
.prose-xl tbody td:first-child {
padding-left: 0;
}
.prose-xl tbody td:last-child {
padding-right: 0;
}
.prose-xl > :first-child {
margin-top: 0;
}
.prose-xl > :last-child {
margin-bottom: 0;
}
.prose-2xl {
font-size: 1.5rem;
line-height: 1.6666667;
}
.prose-2xl p {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.prose-2xl [class~="lead"] {
font-size: 1.25em;
line-height: 1.4666667;
margin-top: 1.0666667em;
margin-bottom: 1.0666667em;
}
.prose-2xl blockquote {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
padding-left: 1.1111111em;
}
.prose-2xl h1 {
font-size: 2.6666667em;
margin-top: 0;
margin-bottom: 0.875em;
line-height: 1;
}
.prose-2xl h2 {
font-size: 2em;
margin-top: 1.5em;
margin-bottom: 0.8333333em;
line-height: 1.0833333;
}
.prose-2xl h3 {
font-size: 1.5em;
margin-top: 1.5555556em;
margin-bottom: 0.6666667em;
line-height: 1.2222222;
}
.prose-2xl h4 {
margin-top: 1.6666667em;
margin-bottom: 0.6666667em;
line-height: 1.5;
}
.prose-2xl figure,
.prose-2xl img,
.prose-2xl video {
margin-top: 2em;
margin-bottom: 2em;
}
.prose-2xl figure > * {
margin-top: 0;
margin-bottom: 0;
}
.prose-2xl figure figcaption {
font-size: 0.8333333em;
line-height: 1.6;
margin-top: 1em;
}
.prose-2xl code {
font-size: 0.8333333em;
}
.prose-2xl h2 code {
font-size: 0.875em;
}
.prose-2xl h3 code {
font-size: 0.8888889em;
}
.prose-2xl pre {
font-size: 0.8333333em;
line-height: 1.8;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.5rem;
padding-top: 1.2em;
padding-right: 1.6em;
padding-bottom: 1.2em;
padding-left: 1.6em;
}
.prose-2xl ol,
.prose-2xl ul {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.prose-2xl li {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.prose-2xl ol > li {
padding-left: 1.6666667em;
}
.prose-2xl ol > li:before {
left: 0;
}
.prose-2xl ul > li {
padding-left: 1.6666667em;
}
.prose-2xl ul > li:before {
width: 0.3333333em;
height: 0.3333333em;
top: 0.66667em;
left: 0.25em;
}
.prose-2xl > ul > li p {
margin-top: 0.8333333em;
margin-bottom: 0.8333333em;
}
.prose-2xl > ul > li > :first-child {
margin-top: 1.3333333em;
}
.prose-2xl > ul > li > :last-child {
margin-bottom: 1.3333333em;
}
.prose-2xl > ol > li > :first-child {
margin-top: 1.3333333em;
}
.prose-2xl > ol > li > :last-child {
margin-bottom: 1.3333333em;
}
.prose-2xl ol ol,
.prose-2xl ol ul,
.prose-2xl ul ol,
.prose-2xl ul ul {
margin-top: 0.6666667em;
margin-bottom: 0.6666667em;
}
.prose-2xl hr {
margin-top: 3em;
margin-bottom: 3em;
}
.prose-2xl h2 + *,
.prose-2xl h3 + *,
.prose-2xl h4 + *,
.prose-2xl hr + * {
margin-top: 0;
}
.prose-2xl table {
font-size: 0.8333333em;
line-height: 1.4;
}
.prose-2xl thead th {
padding-right: 0.6em;
padding-bottom: 0.8em;
padding-left: 0.6em;
}
.prose-2xl thead th:first-child {
padding-left: 0;
}
.prose-2xl thead th:last-child {
padding-right: 0;
}
.prose-2xl tbody td {
padding-top: 0.8em;
padding-right: 0.6em;
padding-bottom: 0.8em;
padding-left: 0.6em;
}
.prose-2xl tbody td:first-child {
padding-left: 0;
}
.prose-2xl tbody td:last-child {
padding-right: 0;
}
.prose-2xl > :first-child {
margin-top: 0;
}
.prose-2xl > :last-child {
margin-bottom: 0;
}
.bg-black {
--bg-opacity: 1;
background-color: #000;
background-color: rgba(0, 0, 0, var(--bg-opacity));
}
.bg-gray-500 {
--bg-opacity: 1;
background-color: #6b7280;
background-color: rgba(107, 114, 128, var(--bg-opacity));
}
.hover\:bg-gray-600:hover {
--bg-opacity: 1;
background-color: #4b5563;
background-color: rgba(75, 85, 99, var(--bg-opacity));
}
.flex {
display: flex;
}
.hidden {
display: none;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-grow {
flex-grow: 1;
}
.font-bold {
font-weight: 700;
}
.h-screen {
height: 100vh;
}
.text-sm {
font-size: 0.875rem;
}
.text-2xl {
font-size: 1.5rem;
}
.text-3xl {
font-size: 1.875rem;
}
.overflow-hidden {
overflow: hidden;
}
.text-center {
text-align: center;
}
.text-white {
--text-opacity: 1;
color: #fff;
color: rgba(255, 255, 255, var(--text-opacity));
}
.text-black {
--text-opacity: 1;
color: #000;
color: rgba(0, 0, 0, var(--text-opacity));
}
.w-full {
width: 100%;
}
@-webkit-keyframes spin {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
@-webkit-keyframes ping {
0% {
transform: scale(1);
opacity: 1;
}
75%,
to {
transform: scale(2);
opacity: 0;
}
}
@keyframes ping {
0% {
transform: scale(1);
opacity: 1;
}
75%,
to {
transform: scale(2);
opacity: 0;
}
}
@-webkit-keyframes pulse {
0%,
to {
opacity: 1;
}
50% {
opacity: 0.5;
}
}
@keyframes pulse {
0%,
to {
opacity: 1;
}
50% {
opacity: 0.5;
}
}
@-webkit-keyframes bounce {
0%,
to {
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: translateY(0);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
}
@keyframes bounce {
0%,
to {
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: translateY(0);
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
}
@media (min-width: 640px) {
.sm\:container {
width: 100%;
max-width: 640px;
}
@media (min-width: 768px) {
.sm\:container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.sm\:container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.sm\:container {
max-width: 1280px;
}
}
.sm\:prose {
color: #374151;
max-width: 65ch;
}
.sm\:prose [class~="lead"] {
color: #4b5563;
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.sm\:prose a {
color: #5850ec;
text-decoration: none;
font-weight: 600;
}
.sm\:prose strong {
color: #161e2e;
font-weight: 600;
}
.sm\:prose ol {
counter-reset: list-counter;
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.sm\:prose ol > li {
position: relative;
counter-increment: list-counter;
padding-left: 1.75em;
}
.sm\:prose ol > li:before {
content: counter(list-counter) ".";
position: absolute;
font-weight: 400;
color: #6b7280;
}
.sm\:prose ul > li {
position: relative;
padding-left: 1.75em;
}
.sm\:prose ul > li:before {
content: "";
position: absolute;
background-color: #d2d6dc;
border-radius: 50%;
width: 0.375em;
height: 0.375em;
top: 0.6875em;
left: 0.25em;
}
.sm\:prose hr {
border-color: #e5e7eb;
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em;
}
.sm\:prose blockquote {
font-weight: 500;
font-style: italic;
color: #161e2e;
border-left-width: 0.25rem;
border-left-color: #e5e7eb;
quotes: "\201C""\201D""\2018""\2019";
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1em;
}
.sm\:prose blockquote p:first-of-type:before {
content: open-quote;
}
.sm\:prose blockquote p:last-of-type:after {
content: close-quote;
}
.sm\:prose h1 {
color: #1a202c;
font-weight: 800;
font-size: 2.25em;
margin-top: 0;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.sm\:prose h2 {
color: #1a202c;
font-weight: 700;
font-size: 1.5em;
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.3333333;
}
.sm\:prose h3 {
font-size: 1.25em;
margin-top: 1.6em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.sm\:prose h3,
.sm\:prose h4 {
color: #1a202c;
font-weight: 600;
}
.sm\:prose h4 {
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}
.sm\:prose figure figcaption {
color: #6b7280;
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
.sm\:prose code {
color: #161e2e;
font-weight: 600;
font-size: 0.875em;
}
.sm\:prose code:after,
.sm\:prose code:before {
content: "`";
}
.sm\:prose pre {
color: #e5e7eb;
background-color: #252f3f;
overflow-x: auto;
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;
}
.sm\:prose pre code {
background-color: transparent;
border-width: 0;
border-radius: 0;
padding: 0;
font-weight: 400;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.sm\:prose pre code:after,
.sm\:prose pre code:before {
content: "";
}
.sm\:prose table {
width: 100%;
table-layout: auto;
text-align: left;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}
.sm\:prose thead {
color: #161e2e;
font-weight: 600;
border-bottom-width: 1px;
border-bottom-color: #d2d6dc;
}
.sm\:prose thead th {
vertical-align: bottom;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.sm\:prose tbody tr {
border-bottom-width: 1px;
border-bottom-color: #e5e7eb;
}
.sm\:prose tbody tr:last-child {
border-bottom-width: 0;
}
.sm\:prose tbody td {
vertical-align: top;
padding-top: 0.5714286em;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.sm\:prose {
font-size: 1rem;
line-height: 1.75;
}
.sm\:prose p {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.sm\:prose figure,
.sm\:prose img,
.sm\:prose video {
margin-top: 2em;
margin-bottom: 2em;
}
.sm\:prose figure > * {
margin-top: 0;
margin-bottom: 0;
}
.sm\:prose h2 code {
font-size: 0.875em;
}
.sm\:prose h3 code {
font-size: 0.9em;
}
.sm\:prose ul {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.sm\:prose li {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.sm\:prose ol > li:before {
left: 0;
}
.sm\:prose > ul > li p {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.sm\:prose > ul > li > :first-child {
margin-top: 1.25em;
}
.sm\:prose > ul > li > :last-child {
margin-bottom: 1.25em;
}
.sm\:prose > ol > li > :first-child {
margin-top: 1.25em;
}
.sm\:prose > ol > li > :last-child {
margin-bottom: 1.25em;
}
.sm\:prose ol ol,
.sm\:prose ol ul,
.sm\:prose ul ol,
.sm\:prose ul ul {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.sm\:prose h2 + *,
.sm\:prose h3 + *,
.sm\:prose h4 + *,
.sm\:prose hr + * {
margin-top: 0;
}
.sm\:prose thead th:first-child {
padding-left: 0;
}
.sm\:prose thead th:last-child {
padding-right: 0;
}
.sm\:prose tbody td:first-child {
padding-left: 0;
}
.sm\:prose tbody td:last-child {
padding-right: 0;
}
.sm\:prose > :first-child {
margin-top: 0;
}
.sm\:prose > :last-child {
margin-bottom: 0;
}
.sm\:prose h1,
.sm\:prose h2,
.sm\:prose h3,
.sm\:prose h4 {
color: #161e2e;
}
.sm\:prose-sm {
font-size: 0.875rem;
line-height: 1.7142857;
}
.sm\:prose-sm p {
margin-top: 1.1428571em;
margin-bottom: 1.1428571em;
}
.sm\:prose-sm [class~="lead"] {
font-size: 1.2857143em;
line-height: 1.5555556;
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.sm\:prose-sm blockquote {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-left: 1.1111111em;
}
.sm\:prose-sm h1 {
font-size: 2.1428571em;
margin-top: 0;
margin-bottom: 0.8em;
line-height: 1.2;
}
.sm\:prose-sm h2 {
font-size: 1.4285714em;
margin-top: 1.6em;
margin-bottom: 0.8em;
line-height: 1.4;
}
.sm\:prose-sm h3 {
font-size: 1.2857143em;
margin-top: 1.5555556em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
.sm\:prose-sm h4 {
margin-top: 1.4285714em;
margin-bottom: 0.5714286em;
line-height: 1.4285714;
}
.sm\:prose-sm figure,
.sm\:prose-sm img,
.sm\:prose-sm video {
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
}
.sm\:prose-sm figure > * {
margin-top: 0;
margin-bottom: 0;
}
.sm\:prose-sm figure figcaption {
font-size: 0.8571429em;
line-height: 1.3333333;
margin-top: 0.6666667em;
}
.sm\:prose-sm code {
font-size: 0.8571429em;
}
.sm\:prose-sm h2 code {
font-size: 0.9em;
}
.sm\:prose-sm h3 code {
font-size: 0.8888889em;
}
.sm\:prose-sm pre {
font-size: 0.8571429em;
line-height: 1.6666667;
margin-top: 1.6666667em;
margin-bottom: 1.6666667em;
border-radius: 0.25rem;
padding-top: 0.6666667em;
padding-right: 1em;
padding-bottom: 0.6666667em;
padding-left: 1em;
}
.sm\:prose-sm ol,
.sm\:prose-sm ul {
margin-top: 1.1428571em;
margin-bottom: 1.1428571em;
}
.sm\:prose-sm li {
margin-top: 0.2857143em;
margin-bottom: 0.2857143em;
}
.sm\:prose-sm ol > li {
padding-left: 1.5714286em;
}
.sm\:prose-sm ol > li:before {
left: 0;
}
.sm\:prose-sm ul > li {
padding-left: 1.5714286em;
}
.sm\:prose-sm ul > li:before {
height: 0.3571429em;
width: 0.3571429em;
top: 0.67857em;
left: 0.2142857em;
}
.sm\:prose-sm > ul > li p {
margin-top: 0.5714286em;
margin-bottom: 0.5714286em;
}
.sm\:prose-sm > ul > li > :first-child {
margin-top: 1.1428571em;
}
.sm\:prose-sm > ul > li > :last-child {
margin-bottom: 1.1428571em;
}
.sm\:prose-sm > ol > li > :first-child {
margin-top: 1.1428571em;
}
.sm\:prose-sm > ol > li > :last-child {
margin-bottom: 1.1428571em;
}
.sm\:prose-sm ol ol,
.sm\:prose-sm ol ul,
.sm\:prose-sm ul ol,
.sm\:prose-sm ul ul {
margin-top: 0.5714286em;
margin-bottom: 0.5714286em;
}
.sm\:prose-sm hr {
margin-top: 2.8571429em;
margin-bottom: 2.8571429em;
}
.sm\:prose-sm h2 + *,
.sm\:prose-sm h3 + *,
.sm\:prose-sm h4 + *,
.sm\:prose-sm hr + * {
margin-top: 0;
}
.sm\:prose-sm table {
font-size: 0.8571429em;
line-height: 1.5;
}
.sm\:prose-sm thead th {
padding-right: 1em;
padding-bottom: 0.6666667em;
padding-left: 1em;
}
.sm\:prose-sm thead th:first-child {
padding-left: 0;
}
.sm\:prose-sm thead th:last-child {
padding-right: 0;
}
.sm\:prose-sm tbody td {
padding-top: 0.6666667em;
padding-right: 1em;
padding-bottom: 0.6666667em;
padding-left: 1em;
}
.sm\:prose-sm tbody td:first-child {
padding-left: 0;
}
.sm\:prose-sm tbody td:last-child {
padding-right: 0;
}
.sm\:prose-sm > :first-child {
margin-top: 0;
}
.sm\:prose-sm > :last-child {
margin-bottom: 0;
}
.sm\:prose-lg {
font-size: 1.125rem;
line-height: 1.7777778;
}
.sm\:prose-lg p {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.sm\:prose-lg [class~="lead"] {
font-size: 1.2222222em;
line-height: 1.4545455;
margin-top: 1.0909091em;
margin-bottom: 1.0909091em;
}
.sm\:prose-lg blockquote {
margin-top: 1.6666667em;
margin-bottom: 1.6666667em;
padding-left: 1em;
}
.sm\:prose-lg h1 {
font-size: 2.6666667em;
margin-top: 0;
margin-bottom: 0.8333333em;
line-height: 1;
}
.sm\:prose-lg h2 {
font-size: 1.6666667em;
margin-top: 1.8666667em;
margin-bottom: 1.0666667em;
line-height: 1.3333333;
}
.sm\:prose-lg h3 {
font-size: 1.3333333em;
margin-top: 1.6666667em;
margin-bottom: 0.6666667em;
line-height: 1.5;
}
.sm\:prose-lg h4 {
margin-top: 1.7777778em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
.sm\:prose-lg figure,
.sm\:prose-lg img,
.sm\:prose-lg video {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
.sm\:prose-lg figure > * {
margin-top: 0;
margin-bottom: 0;
}
.sm\:prose-lg figure figcaption {
font-size: 0.8888889em;
line-height: 1.5;
margin-top: 1em;
}
.sm\:prose-lg code {
font-size: 0.8888889em;
}
.sm\:prose-lg h2 code {
font-size: 0.8666667em;
}
.sm\:prose-lg h3 code {
font-size: 0.875em;
}
.sm\:prose-lg pre {
font-size: 0.8888889em;
line-height: 1.75;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.375rem;
padding-top: 1em;
padding-right: 1.5em;
padding-bottom: 1em;
padding-left: 1.5em;
}
.sm\:prose-lg ol,
.sm\:prose-lg ul {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.sm\:prose-lg li {
margin-top: 0.6666667em;
margin-bottom: 0.6666667em;
}
.sm\:prose-lg ol > li {
padding-left: 1.6666667em;
}
.sm\:prose-lg ol > li:before {
left: 0;
}
.sm\:prose-lg ul > li {
padding-left: 1.6666667em;
}
.sm\:prose-lg ul > li:before {
width: 0.3333333em;
height: 0.3333333em;
top: 0.72222em;
left: 0.2222222em;
}
.sm\:prose-lg > ul > li p {
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.sm\:prose-lg > ul > li > :first-child {
margin-top: 1.3333333em;
}
.sm\:prose-lg > ul > li > :last-child {
margin-bottom: 1.3333333em;
}
.sm\:prose-lg > ol > li > :first-child {
margin-top: 1.3333333em;
}
.sm\:prose-lg > ol > li > :last-child {
margin-bottom: 1.3333333em;
}
.sm\:prose-lg ol ol,
.sm\:prose-lg ol ul,
.sm\:prose-lg ul ol,
.sm\:prose-lg ul ul {
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.sm\:prose-lg hr {
margin-top: 3.1111111em;
margin-bottom: 3.1111111em;
}
.sm\:prose-lg h2 + *,
.sm\:prose-lg h3 + *,
.sm\:prose-lg h4 + *,
.sm\:prose-lg hr + * {
margin-top: 0;
}
.sm\:prose-lg table {
font-size: 0.8888889em;
line-height: 1.5;
}
.sm\:prose-lg thead th {
padding-right: 0.75em;
padding-bottom: 0.75em;
padding-left: 0.75em;
}
.sm\:prose-lg thead th:first-child {
padding-left: 0;
}
.sm\:prose-lg thead th:last-child {
padding-right: 0;
}
.sm\:prose-lg tbody td {
padding-top: 0.75em;
padding-right: 0.75em;
padding-bottom: 0.75em;
padding-left: 0.75em;
}
.sm\:prose-lg tbody td:first-child {
padding-left: 0;
}
.sm\:prose-lg tbody td:last-child {
padding-right: 0;
}
.sm\:prose-lg > :first-child {
margin-top: 0;
}
.sm\:prose-lg > :last-child {
margin-bottom: 0;
}
.sm\:prose-xl {
font-size: 1.25rem;
line-height: 1.8;
}
.sm\:prose-xl p {
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.sm\:prose-xl [class~="lead"] {
font-size: 1.2em;
line-height: 1.5;
margin-top: 1em;
margin-bottom: 1em;
}
.sm\:prose-xl blockquote {
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1.0666667em;
}
.sm\:prose-xl h1 {
font-size: 2.8em;
margin-top: 0;
margin-bottom: 0.8571429em;
line-height: 1;
}
.sm\:prose-xl h2 {
font-size: 1.8em;
margin-top: 1.5555556em;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.sm\:prose-xl h3 {
font-size: 1.5em;
margin-top: 1.6em;
margin-bottom: 0.6666667em;
line-height: 1.3333333;
}
.sm\:prose-xl h4 {
margin-top: 1.8em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.sm\:prose-xl figure,
.sm\:prose-xl img,
.sm\:prose-xl video {
margin-top: 2em;
margin-bottom: 2em;
}
.sm\:prose-xl figure > * {
margin-top: 0;
margin-bottom: 0;
}
.sm\:prose-xl figure figcaption {
font-size: 0.9em;
line-height: 1.5555556;
margin-top: 1em;
}
.sm\:prose-xl code {
font-size: 0.9em;
}
.sm\:prose-xl h2 code {
font-size: 0.8611111em;
}
.sm\:prose-xl h3 code {
font-size: 0.9em;
}
.sm\:prose-xl pre {
font-size: 0.9em;
line-height: 1.7777778;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.5rem;
padding-top: 1.1111111em;
padding-right: 1.3333333em;
padding-bottom: 1.1111111em;
padding-left: 1.3333333em;
}
.sm\:prose-xl ol,
.sm\:prose-xl ul {
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.sm\:prose-xl li {
margin-top: 0.6em;
margin-bottom: 0.6em;
}
.sm\:prose-xl ol > li {
padding-left: 1.8em;
}
.sm\:prose-xl ol > li:before {
left: 0;
}
.sm\:prose-xl ul > li {
padding-left: 1.8em;
}
.sm\:prose-xl ul > li:before {
width: 0.35em;
height: 0.35em;
top: 0.725em;
left: 0.25em;
}
.sm\:prose-xl > ul > li p {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.sm\:prose-xl > ul > li > :first-child {
margin-top: 1.2em;
}
.sm\:prose-xl > ul > li > :last-child {
margin-bottom: 1.2em;
}
.sm\:prose-xl > ol > li > :first-child {
margin-top: 1.2em;
}
.sm\:prose-xl > ol > li > :last-child {
margin-bottom: 1.2em;
}
.sm\:prose-xl ol ol,
.sm\:prose-xl ol ul,
.sm\:prose-xl ul ol,
.sm\:prose-xl ul ul {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.sm\:prose-xl hr {
margin-top: 2.8em;
margin-bottom: 2.8em;
}
.sm\:prose-xl h2 + *,
.sm\:prose-xl h3 + *,
.sm\:prose-xl h4 + *,
.sm\:prose-xl hr + * {
margin-top: 0;
}
.sm\:prose-xl table {
font-size: 0.9em;
line-height: 1.5555556;
}
.sm\:prose-xl thead th {
padding-right: 0.6666667em;
padding-bottom: 0.8888889em;
padding-left: 0.6666667em;
}
.sm\:prose-xl thead th:first-child {
padding-left: 0;
}
.sm\:prose-xl thead th:last-child {
padding-right: 0;
}
.sm\:prose-xl tbody td {
padding-top: 0.8888889em;
padding-right: 0.6666667em;
padding-bottom: 0.8888889em;
padding-left: 0.6666667em;
}
.sm\:prose-xl tbody td:first-child {
padding-left: 0;
}
.sm\:prose-xl tbody td:last-child {
padding-right: 0;
}
.sm\:prose-xl > :first-child {
margin-top: 0;
}
.sm\:prose-xl > :last-child {
margin-bottom: 0;
}
.sm\:prose-2xl {
font-size: 1.5rem;
line-height: 1.6666667;
}
.sm\:prose-2xl p {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.sm\:prose-2xl [class~="lead"] {
font-size: 1.25em;
line-height: 1.4666667;
margin-top: 1.0666667em;
margin-bottom: 1.0666667em;
}
.sm\:prose-2xl blockquote {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
padding-left: 1.1111111em;
}
.sm\:prose-2xl h1 {
font-size: 2.6666667em;
margin-top: 0;
margin-bottom: 0.875em;
line-height: 1;
}
.sm\:prose-2xl h2 {
font-size: 2em;
margin-top: 1.5em;
margin-bottom: 0.8333333em;
line-height: 1.0833333;
}
.sm\:prose-2xl h3 {
font-size: 1.5em;
margin-top: 1.5555556em;
margin-bottom: 0.6666667em;
line-height: 1.2222222;
}
.sm\:prose-2xl h4 {
margin-top: 1.6666667em;
margin-bottom: 0.6666667em;
line-height: 1.5;
}
.sm\:prose-2xl figure,
.sm\:prose-2xl img,
.sm\:prose-2xl video {
margin-top: 2em;
margin-bottom: 2em;
}
.sm\:prose-2xl figure > * {
margin-top: 0;
margin-bottom: 0;
}
.sm\:prose-2xl figure figcaption {
font-size: 0.8333333em;
line-height: 1.6;
margin-top: 1em;
}
.sm\:prose-2xl code {
font-size: 0.8333333em;
}
.sm\:prose-2xl h2 code {
font-size: 0.875em;
}
.sm\:prose-2xl h3 code {
font-size: 0.8888889em;
}
.sm\:prose-2xl pre {
font-size: 0.8333333em;
line-height: 1.8;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.5rem;
padding-top: 1.2em;
padding-right: 1.6em;
padding-bottom: 1.2em;
padding-left: 1.6em;
}
.sm\:prose-2xl ol,
.sm\:prose-2xl ul {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.sm\:prose-2xl li {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.sm\:prose-2xl ol > li {
padding-left: 1.6666667em;
}
.sm\:prose-2xl ol > li:before {
left: 0;
}
.sm\:prose-2xl ul > li {
padding-left: 1.6666667em;
}
.sm\:prose-2xl ul > li:before {
width: 0.3333333em;
height: 0.3333333em;
top: 0.66667em;
left: 0.25em;
}
.sm\:prose-2xl > ul > li p {
margin-top: 0.8333333em;
margin-bottom: 0.8333333em;
}
.sm\:prose-2xl > ul > li > :first-child {
margin-top: 1.3333333em;
}
.sm\:prose-2xl > ul > li > :last-child {
margin-bottom: 1.3333333em;
}
.sm\:prose-2xl > ol > li > :first-child {
margin-top: 1.3333333em;
}
.sm\:prose-2xl > ol > li > :last-child {
margin-bottom: 1.3333333em;
}
.sm\:prose-2xl ol ol,
.sm\:prose-2xl ol ul,
.sm\:prose-2xl ul ol,
.sm\:prose-2xl ul ul {
margin-top: 0.6666667em;
margin-bottom: 0.6666667em;
}
.sm\:prose-2xl hr {
margin-top: 3em;
margin-bottom: 3em;
}
.sm\:prose-2xl h2 + *,
.sm\:prose-2xl h3 + *,
.sm\:prose-2xl h4 + *,
.sm\:prose-2xl hr + * {
margin-top: 0;
}
.sm\:prose-2xl table {
font-size: 0.8333333em;
line-height: 1.4;
}
.sm\:prose-2xl thead th {
padding-right: 0.6em;
padding-bottom: 0.8em;
padding-left: 0.6em;
}
.sm\:prose-2xl thead th:first-child {
padding-left: 0;
}
.sm\:prose-2xl thead th:last-child {
padding-right: 0;
}
.sm\:prose-2xl tbody td {
padding-top: 0.8em;
padding-right: 0.6em;
padding-bottom: 0.8em;
padding-left: 0.6em;
}
.sm\:prose-2xl tbody td:first-child {
padding-left: 0;
}
.sm\:prose-2xl tbody td:last-child {
padding-right: 0;
}
.sm\:prose-2xl > :first-child {
margin-top: 0;
}
.sm\:prose-2xl > :last-child {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.md\:container {
width: 100%;
}
@media (min-width: 640px) {
.md\:container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.md\:container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.md\:container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.md\:container {
max-width: 1280px;
}
}
.md\:prose {
color: #374151;
max-width: 65ch;
}
.md\:prose [class~="lead"] {
color: #4b5563;
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.md\:prose a {
color: #5850ec;
text-decoration: none;
font-weight: 600;
}
.md\:prose strong {
color: #161e2e;
font-weight: 600;
}
.md\:prose ol {
counter-reset: list-counter;
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.md\:prose ol > li {
position: relative;
counter-increment: list-counter;
padding-left: 1.75em;
}
.md\:prose ol > li:before {
content: counter(list-counter) ".";
position: absolute;
font-weight: 400;
color: #6b7280;
}
.md\:prose ul > li {
position: relative;
padding-left: 1.75em;
}
.md\:prose ul > li:before {
content: "";
position: absolute;
background-color: #d2d6dc;
border-radius: 50%;
width: 0.375em;
height: 0.375em;
top: 0.6875em;
left: 0.25em;
}
.md\:prose hr {
border-color: #e5e7eb;
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em;
}
.md\:prose blockquote {
font-weight: 500;
font-style: italic;
color: #161e2e;
border-left-width: 0.25rem;
border-left-color: #e5e7eb;
quotes: "\201C""\201D""\2018""\2019";
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1em;
}
.md\:prose blockquote p:first-of-type:before {
content: open-quote;
}
.md\:prose blockquote p:last-of-type:after {
content: close-quote;
}
.md\:prose h1 {
color: #1a202c;
font-weight: 800;
font-size: 2.25em;
margin-top: 0;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.md\:prose h2 {
color: #1a202c;
font-weight: 700;
font-size: 1.5em;
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.3333333;
}
.md\:prose h3 {
font-size: 1.25em;
margin-top: 1.6em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.md\:prose h3,
.md\:prose h4 {
color: #1a202c;
font-weight: 600;
}
.md\:prose h4 {
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}
.md\:prose figure figcaption {
color: #6b7280;
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
.md\:prose code {
color: #161e2e;
font-weight: 600;
font-size: 0.875em;
}
.md\:prose code:after,
.md\:prose code:before {
content: "`";
}
.md\:prose pre {
color: #e5e7eb;
background-color: #252f3f;
overflow-x: auto;
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;
}
.md\:prose pre code {
background-color: transparent;
border-width: 0;
border-radius: 0;
padding: 0;
font-weight: 400;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.md\:prose pre code:after,
.md\:prose pre code:before {
content: "";
}
.md\:prose table {
width: 100%;
table-layout: auto;
text-align: left;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}
.md\:prose thead {
color: #161e2e;
font-weight: 600;
border-bottom-width: 1px;
border-bottom-color: #d2d6dc;
}
.md\:prose thead th {
vertical-align: bottom;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.md\:prose tbody tr {
border-bottom-width: 1px;
border-bottom-color: #e5e7eb;
}
.md\:prose tbody tr:last-child {
border-bottom-width: 0;
}
.md\:prose tbody td {
vertical-align: top;
padding-top: 0.5714286em;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.md\:prose {
font-size: 1rem;
line-height: 1.75;
}
.md\:prose p {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.md\:prose figure,
.md\:prose img,
.md\:prose video {
margin-top: 2em;
margin-bottom: 2em;
}
.md\:prose figure > * {
margin-top: 0;
margin-bottom: 0;
}
.md\:prose h2 code {
font-size: 0.875em;
}
.md\:prose h3 code {
font-size: 0.9em;
}
.md\:prose ul {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.md\:prose li {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.md\:prose ol > li:before {
left: 0;
}
.md\:prose > ul > li p {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.md\:prose > ul > li > :first-child {
margin-top: 1.25em;
}
.md\:prose > ul > li > :last-child {
margin-bottom: 1.25em;
}
.md\:prose > ol > li > :first-child {
margin-top: 1.25em;
}
.md\:prose > ol > li > :last-child {
margin-bottom: 1.25em;
}
.md\:prose ol ol,
.md\:prose ol ul,
.md\:prose ul ol,
.md\:prose ul ul {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.md\:prose h2 + *,
.md\:prose h3 + *,
.md\:prose h4 + *,
.md\:prose hr + * {
margin-top: 0;
}
.md\:prose thead th:first-child {
padding-left: 0;
}
.md\:prose thead th:last-child {
padding-right: 0;
}
.md\:prose tbody td:first-child {
padding-left: 0;
}
.md\:prose tbody td:last-child {
padding-right: 0;
}
.md\:prose > :first-child {
margin-top: 0;
}
.md\:prose > :last-child {
margin-bottom: 0;
}
.md\:prose h1,
.md\:prose h2,
.md\:prose h3,
.md\:prose h4 {
color: #161e2e;
}
.md\:prose-sm {
font-size: 0.875rem;
line-height: 1.7142857;
}
.md\:prose-sm p {
margin-top: 1.1428571em;
margin-bottom: 1.1428571em;
}
.md\:prose-sm [class~="lead"] {
font-size: 1.2857143em;
line-height: 1.5555556;
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.md\:prose-sm blockquote {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-left: 1.1111111em;
}
.md\:prose-sm h1 {
font-size: 2.1428571em;
margin-top: 0;
margin-bottom: 0.8em;
line-height: 1.2;
}
.md\:prose-sm h2 {
font-size: 1.4285714em;
margin-top: 1.6em;
margin-bottom: 0.8em;
line-height: 1.4;
}
.md\:prose-sm h3 {
font-size: 1.2857143em;
margin-top: 1.5555556em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
.md\:prose-sm h4 {
margin-top: 1.4285714em;
margin-bottom: 0.5714286em;
line-height: 1.4285714;
}
.md\:prose-sm figure,
.md\:prose-sm img,
.md\:prose-sm video {
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
}
.md\:prose-sm figure > * {
margin-top: 0;
margin-bottom: 0;
}
.md\:prose-sm figure figcaption {
font-size: 0.8571429em;
line-height: 1.3333333;
margin-top: 0.6666667em;
}
.md\:prose-sm code {
font-size: 0.8571429em;
}
.md\:prose-sm h2 code {
font-size: 0.9em;
}
.md\:prose-sm h3 code {
font-size: 0.8888889em;
}
.md\:prose-sm pre {
font-size: 0.8571429em;
line-height: 1.6666667;
margin-top: 1.6666667em;
margin-bottom: 1.6666667em;
border-radius: 0.25rem;
padding-top: 0.6666667em;
padding-right: 1em;
padding-bottom: 0.6666667em;
padding-left: 1em;
}
.md\:prose-sm ol,
.md\:prose-sm ul {
margin-top: 1.1428571em;
margin-bottom: 1.1428571em;
}
.md\:prose-sm li {
margin-top: 0.2857143em;
margin-bottom: 0.2857143em;
}
.md\:prose-sm ol > li {
padding-left: 1.5714286em;
}
.md\:prose-sm ol > li:before {
left: 0;
}
.md\:prose-sm ul > li {
padding-left: 1.5714286em;
}
.md\:prose-sm ul > li:before {
height: 0.3571429em;
width: 0.3571429em;
top: 0.67857em;
left: 0.2142857em;
}
.md\:prose-sm > ul > li p {
margin-top: 0.5714286em;
margin-bottom: 0.5714286em;
}
.md\:prose-sm > ul > li > :first-child {
margin-top: 1.1428571em;
}
.md\:prose-sm > ul > li > :last-child {
margin-bottom: 1.1428571em;
}
.md\:prose-sm > ol > li > :first-child {
margin-top: 1.1428571em;
}
.md\:prose-sm > ol > li > :last-child {
margin-bottom: 1.1428571em;
}
.md\:prose-sm ol ol,
.md\:prose-sm ol ul,
.md\:prose-sm ul ol,
.md\:prose-sm ul ul {
margin-top: 0.5714286em;
margin-bottom: 0.5714286em;
}
.md\:prose-sm hr {
margin-top: 2.8571429em;
margin-bottom: 2.8571429em;
}
.md\:prose-sm h2 + *,
.md\:prose-sm h3 + *,
.md\:prose-sm h4 + *,
.md\:prose-sm hr + * {
margin-top: 0;
}
.md\:prose-sm table {
font-size: 0.8571429em;
line-height: 1.5;
}
.md\:prose-sm thead th {
padding-right: 1em;
padding-bottom: 0.6666667em;
padding-left: 1em;
}
.md\:prose-sm thead th:first-child {
padding-left: 0;
}
.md\:prose-sm thead th:last-child {
padding-right: 0;
}
.md\:prose-sm tbody td {
padding-top: 0.6666667em;
padding-right: 1em;
padding-bottom: 0.6666667em;
padding-left: 1em;
}
.md\:prose-sm tbody td:first-child {
padding-left: 0;
}
.md\:prose-sm tbody td:last-child {
padding-right: 0;
}
.md\:prose-sm > :first-child {
margin-top: 0;
}
.md\:prose-sm > :last-child {
margin-bottom: 0;
}
.md\:prose-lg {
font-size: 1.125rem;
line-height: 1.7777778;
}
.md\:prose-lg p {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.md\:prose-lg [class~="lead"] {
font-size: 1.2222222em;
line-height: 1.4545455;
margin-top: 1.0909091em;
margin-bottom: 1.0909091em;
}
.md\:prose-lg blockquote {
margin-top: 1.6666667em;
margin-bottom: 1.6666667em;
padding-left: 1em;
}
.md\:prose-lg h1 {
font-size: 2.6666667em;
margin-top: 0;
margin-bottom: 0.8333333em;
line-height: 1;
}
.md\:prose-lg h2 {
font-size: 1.6666667em;
margin-top: 1.8666667em;
margin-bottom: 1.0666667em;
line-height: 1.3333333;
}
.md\:prose-lg h3 {
font-size: 1.3333333em;
margin-top: 1.6666667em;
margin-bottom: 0.6666667em;
line-height: 1.5;
}
.md\:prose-lg h4 {
margin-top: 1.7777778em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
.md\:prose-lg figure,
.md\:prose-lg img,
.md\:prose-lg video {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
.md\:prose-lg figure > * {
margin-top: 0;
margin-bottom: 0;
}
.md\:prose-lg figure figcaption {
font-size: 0.8888889em;
line-height: 1.5;
margin-top: 1em;
}
.md\:prose-lg code {
font-size: 0.8888889em;
}
.md\:prose-lg h2 code {
font-size: 0.8666667em;
}
.md\:prose-lg h3 code {
font-size: 0.875em;
}
.md\:prose-lg pre {
font-size: 0.8888889em;
line-height: 1.75;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.375rem;
padding-top: 1em;
padding-right: 1.5em;
padding-bottom: 1em;
padding-left: 1.5em;
}
.md\:prose-lg ol,
.md\:prose-lg ul {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.md\:prose-lg li {
margin-top: 0.6666667em;
margin-bottom: 0.6666667em;
}
.md\:prose-lg ol > li {
padding-left: 1.6666667em;
}
.md\:prose-lg ol > li:before {
left: 0;
}
.md\:prose-lg ul > li {
padding-left: 1.6666667em;
}
.md\:prose-lg ul > li:before {
width: 0.3333333em;
height: 0.3333333em;
top: 0.72222em;
left: 0.2222222em;
}
.md\:prose-lg > ul > li p {
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.md\:prose-lg > ul > li > :first-child {
margin-top: 1.3333333em;
}
.md\:prose-lg > ul > li > :last-child {
margin-bottom: 1.3333333em;
}
.md\:prose-lg > ol > li > :first-child {
margin-top: 1.3333333em;
}
.md\:prose-lg > ol > li > :last-child {
margin-bottom: 1.3333333em;
}
.md\:prose-lg ol ol,
.md\:prose-lg ol ul,
.md\:prose-lg ul ol,
.md\:prose-lg ul ul {
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.md\:prose-lg hr {
margin-top: 3.1111111em;
margin-bottom: 3.1111111em;
}
.md\:prose-lg h2 + *,
.md\:prose-lg h3 + *,
.md\:prose-lg h4 + *,
.md\:prose-lg hr + * {
margin-top: 0;
}
.md\:prose-lg table {
font-size: 0.8888889em;
line-height: 1.5;
}
.md\:prose-lg thead th {
padding-right: 0.75em;
padding-bottom: 0.75em;
padding-left: 0.75em;
}
.md\:prose-lg thead th:first-child {
padding-left: 0;
}
.md\:prose-lg thead th:last-child {
padding-right: 0;
}
.md\:prose-lg tbody td {
padding-top: 0.75em;
padding-right: 0.75em;
padding-bottom: 0.75em;
padding-left: 0.75em;
}
.md\:prose-lg tbody td:first-child {
padding-left: 0;
}
.md\:prose-lg tbody td:last-child {
padding-right: 0;
}
.md\:prose-lg > :first-child {
margin-top: 0;
}
.md\:prose-lg > :last-child {
margin-bottom: 0;
}
.md\:prose-xl {
font-size: 1.25rem;
line-height: 1.8;
}
.md\:prose-xl p {
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.md\:prose-xl [class~="lead"] {
font-size: 1.2em;
line-height: 1.5;
margin-top: 1em;
margin-bottom: 1em;
}
.md\:prose-xl blockquote {
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1.0666667em;
}
.md\:prose-xl h1 {
font-size: 2.8em;
margin-top: 0;
margin-bottom: 0.8571429em;
line-height: 1;
}
.md\:prose-xl h2 {
font-size: 1.8em;
margin-top: 1.5555556em;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.md\:prose-xl h3 {
font-size: 1.5em;
margin-top: 1.6em;
margin-bottom: 0.6666667em;
line-height: 1.3333333;
}
.md\:prose-xl h4 {
margin-top: 1.8em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.md\:prose-xl figure,
.md\:prose-xl img,
.md\:prose-xl video {
margin-top: 2em;
margin-bottom: 2em;
}
.md\:prose-xl figure > * {
margin-top: 0;
margin-bottom: 0;
}
.md\:prose-xl figure figcaption {
font-size: 0.9em;
line-height: 1.5555556;
margin-top: 1em;
}
.md\:prose-xl code {
font-size: 0.9em;
}
.md\:prose-xl h2 code {
font-size: 0.8611111em;
}
.md\:prose-xl h3 code {
font-size: 0.9em;
}
.md\:prose-xl pre {
font-size: 0.9em;
line-height: 1.7777778;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.5rem;
padding-top: 1.1111111em;
padding-right: 1.3333333em;
padding-bottom: 1.1111111em;
padding-left: 1.3333333em;
}
.md\:prose-xl ol,
.md\:prose-xl ul {
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.md\:prose-xl li {
margin-top: 0.6em;
margin-bottom: 0.6em;
}
.md\:prose-xl ol > li {
padding-left: 1.8em;
}
.md\:prose-xl ol > li:before {
left: 0;
}
.md\:prose-xl ul > li {
padding-left: 1.8em;
}
.md\:prose-xl ul > li:before {
width: 0.35em;
height: 0.35em;
top: 0.725em;
left: 0.25em;
}
.md\:prose-xl > ul > li p {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.md\:prose-xl > ul > li > :first-child {
margin-top: 1.2em;
}
.md\:prose-xl > ul > li > :last-child {
margin-bottom: 1.2em;
}
.md\:prose-xl > ol > li > :first-child {
margin-top: 1.2em;
}
.md\:prose-xl > ol > li > :last-child {
margin-bottom: 1.2em;
}
.md\:prose-xl ol ol,
.md\:prose-xl ol ul,
.md\:prose-xl ul ol,
.md\:prose-xl ul ul {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.md\:prose-xl hr {
margin-top: 2.8em;
margin-bottom: 2.8em;
}
.md\:prose-xl h2 + *,
.md\:prose-xl h3 + *,
.md\:prose-xl h4 + *,
.md\:prose-xl hr + * {
margin-top: 0;
}
.md\:prose-xl table {
font-size: 0.9em;
line-height: 1.5555556;
}
.md\:prose-xl thead th {
padding-right: 0.6666667em;
padding-bottom: 0.8888889em;
padding-left: 0.6666667em;
}
.md\:prose-xl thead th:first-child {
padding-left: 0;
}
.md\:prose-xl thead th:last-child {
padding-right: 0;
}
.md\:prose-xl tbody td {
padding-top: 0.8888889em;
padding-right: 0.6666667em;
padding-bottom: 0.8888889em;
padding-left: 0.6666667em;
}
.md\:prose-xl tbody td:first-child {
padding-left: 0;
}
.md\:prose-xl tbody td:last-child {
padding-right: 0;
}
.md\:prose-xl > :first-child {
margin-top: 0;
}
.md\:prose-xl > :last-child {
margin-bottom: 0;
}
.md\:prose-2xl {
font-size: 1.5rem;
line-height: 1.6666667;
}
.md\:prose-2xl p {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.md\:prose-2xl [class~="lead"] {
font-size: 1.25em;
line-height: 1.4666667;
margin-top: 1.0666667em;
margin-bottom: 1.0666667em;
}
.md\:prose-2xl blockquote {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
padding-left: 1.1111111em;
}
.md\:prose-2xl h1 {
font-size: 2.6666667em;
margin-top: 0;
margin-bottom: 0.875em;
line-height: 1;
}
.md\:prose-2xl h2 {
font-size: 2em;
margin-top: 1.5em;
margin-bottom: 0.8333333em;
line-height: 1.0833333;
}
.md\:prose-2xl h3 {
font-size: 1.5em;
margin-top: 1.5555556em;
margin-bottom: 0.6666667em;
line-height: 1.2222222;
}
.md\:prose-2xl h4 {
margin-top: 1.6666667em;
margin-bottom: 0.6666667em;
line-height: 1.5;
}
.md\:prose-2xl figure,
.md\:prose-2xl img,
.md\:prose-2xl video {
margin-top: 2em;
margin-bottom: 2em;
}
.md\:prose-2xl figure > * {
margin-top: 0;
margin-bottom: 0;
}
.md\:prose-2xl figure figcaption {
font-size: 0.8333333em;
line-height: 1.6;
margin-top: 1em;
}
.md\:prose-2xl code {
font-size: 0.8333333em;
}
.md\:prose-2xl h2 code {
font-size: 0.875em;
}
.md\:prose-2xl h3 code {
font-size: 0.8888889em;
}
.md\:prose-2xl pre {
font-size: 0.8333333em;
line-height: 1.8;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.5rem;
padding-top: 1.2em;
padding-right: 1.6em;
padding-bottom: 1.2em;
padding-left: 1.6em;
}
.md\:prose-2xl ol,
.md\:prose-2xl ul {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.md\:prose-2xl li {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.md\:prose-2xl ol > li {
padding-left: 1.6666667em;
}
.md\:prose-2xl ol > li:before {
left: 0;
}
.md\:prose-2xl ul > li {
padding-left: 1.6666667em;
}
.md\:prose-2xl ul > li:before {
width: 0.3333333em;
height: 0.3333333em;
top: 0.66667em;
left: 0.25em;
}
.md\:prose-2xl > ul > li p {
margin-top: 0.8333333em;
margin-bottom: 0.8333333em;
}
.md\:prose-2xl > ul > li > :first-child {
margin-top: 1.3333333em;
}
.md\:prose-2xl > ul > li > :last-child {
margin-bottom: 1.3333333em;
}
.md\:prose-2xl > ol > li > :first-child {
margin-top: 1.3333333em;
}
.md\:prose-2xl > ol > li > :last-child {
margin-bottom: 1.3333333em;
}
.md\:prose-2xl ol ol,
.md\:prose-2xl ol ul,
.md\:prose-2xl ul ol,
.md\:prose-2xl ul ul {
margin-top: 0.6666667em;
margin-bottom: 0.6666667em;
}
.md\:prose-2xl hr {
margin-top: 3em;
margin-bottom: 3em;
}
.md\:prose-2xl h2 + *,
.md\:prose-2xl h3 + *,
.md\:prose-2xl h4 + *,
.md\:prose-2xl hr + * {
margin-top: 0;
}
.md\:prose-2xl table {
font-size: 0.8333333em;
line-height: 1.4;
}
.md\:prose-2xl thead th {
padding-right: 0.6em;
padding-bottom: 0.8em;
padding-left: 0.6em;
}
.md\:prose-2xl thead th:first-child {
padding-left: 0;
}
.md\:prose-2xl thead th:last-child {
padding-right: 0;
}
.md\:prose-2xl tbody td {
padding-top: 0.8em;
padding-right: 0.6em;
padding-bottom: 0.8em;
padding-left: 0.6em;
}
.md\:prose-2xl tbody td:first-child {
padding-left: 0;
}
.md\:prose-2xl tbody td:last-child {
padding-right: 0;
}
.md\:prose-2xl > :first-child {
margin-top: 0;
}
.md\:prose-2xl > :last-child {
margin-bottom: 0;
}
}
@media (min-width: 1024px) {
.lg\:container {
width: 100%;
}
@media (min-width: 640px) {
.lg\:container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.lg\:container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.lg\:container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.lg\:container {
max-width: 1280px;
}
}
.lg\:prose {
color: #374151;
max-width: 65ch;
}
.lg\:prose [class~="lead"] {
color: #4b5563;
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.lg\:prose a {
color: #5850ec;
text-decoration: none;
font-weight: 600;
}
.lg\:prose strong {
color: #161e2e;
font-weight: 600;
}
.lg\:prose ol {
counter-reset: list-counter;
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.lg\:prose ol > li {
position: relative;
counter-increment: list-counter;
padding-left: 1.75em;
}
.lg\:prose ol > li:before {
content: counter(list-counter) ".";
position: absolute;
font-weight: 400;
color: #6b7280;
}
.lg\:prose ul > li {
position: relative;
padding-left: 1.75em;
}
.lg\:prose ul > li:before {
content: "";
position: absolute;
background-color: #d2d6dc;
border-radius: 50%;
width: 0.375em;
height: 0.375em;
top: 0.6875em;
left: 0.25em;
}
.lg\:prose hr {
border-color: #e5e7eb;
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em;
}
.lg\:prose blockquote {
font-weight: 500;
font-style: italic;
color: #161e2e;
border-left-width: 0.25rem;
border-left-color: #e5e7eb;
quotes: "\201C""\201D""\2018""\2019";
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1em;
}
.lg\:prose blockquote p:first-of-type:before {
content: open-quote;
}
.lg\:prose blockquote p:last-of-type:after {
content: close-quote;
}
.lg\:prose h1 {
color: #1a202c;
font-weight: 800;
font-size: 2.25em;
margin-top: 0;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.lg\:prose h2 {
color: #1a202c;
font-weight: 700;
font-size: 1.5em;
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.3333333;
}
.lg\:prose h3 {
font-size: 1.25em;
margin-top: 1.6em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.lg\:prose h3,
.lg\:prose h4 {
color: #1a202c;
font-weight: 600;
}
.lg\:prose h4 {
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}
.lg\:prose figure figcaption {
color: #6b7280;
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
.lg\:prose code {
color: #161e2e;
font-weight: 600;
font-size: 0.875em;
}
.lg\:prose code:after,
.lg\:prose code:before {
content: "`";
}
.lg\:prose pre {
color: #e5e7eb;
background-color: #252f3f;
overflow-x: auto;
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;
}
.lg\:prose pre code {
background-color: transparent;
border-width: 0;
border-radius: 0;
padding: 0;
font-weight: 400;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.lg\:prose pre code:after,
.lg\:prose pre code:before {
content: "";
}
.lg\:prose table {
width: 100%;
table-layout: auto;
text-align: left;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}
.lg\:prose thead {
color: #161e2e;
font-weight: 600;
border-bottom-width: 1px;
border-bottom-color: #d2d6dc;
}
.lg\:prose thead th {
vertical-align: bottom;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.lg\:prose tbody tr {
border-bottom-width: 1px;
border-bottom-color: #e5e7eb;
}
.lg\:prose tbody tr:last-child {
border-bottom-width: 0;
}
.lg\:prose tbody td {
vertical-align: top;
padding-top: 0.5714286em;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.lg\:prose {
font-size: 1rem;
line-height: 1.75;
}
.lg\:prose p {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.lg\:prose figure,
.lg\:prose img,
.lg\:prose video {
margin-top: 2em;
margin-bottom: 2em;
}
.lg\:prose figure > * {
margin-top: 0;
margin-bottom: 0;
}
.lg\:prose h2 code {
font-size: 0.875em;
}
.lg\:prose h3 code {
font-size: 0.9em;
}
.lg\:prose ul {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.lg\:prose li {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.lg\:prose ol > li:before {
left: 0;
}
.lg\:prose > ul > li p {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.lg\:prose > ul > li > :first-child {
margin-top: 1.25em;
}
.lg\:prose > ul > li > :last-child {
margin-bottom: 1.25em;
}
.lg\:prose > ol > li > :first-child {
margin-top: 1.25em;
}
.lg\:prose > ol > li > :last-child {
margin-bottom: 1.25em;
}
.lg\:prose ol ol,
.lg\:prose ol ul,
.lg\:prose ul ol,
.lg\:prose ul ul {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.lg\:prose h2 + *,
.lg\:prose h3 + *,
.lg\:prose h4 + *,
.lg\:prose hr + * {
margin-top: 0;
}
.lg\:prose thead th:first-child {
padding-left: 0;
}
.lg\:prose thead th:last-child {
padding-right: 0;
}
.lg\:prose tbody td:first-child {
padding-left: 0;
}
.lg\:prose tbody td:last-child {
padding-right: 0;
}
.lg\:prose > :first-child {
margin-top: 0;
}
.lg\:prose > :last-child {
margin-bottom: 0;
}
.lg\:prose h1,
.lg\:prose h2,
.lg\:prose h3,
.lg\:prose h4 {
color: #161e2e;
}
.lg\:prose-sm {
font-size: 0.875rem;
line-height: 1.7142857;
}
.lg\:prose-sm p {
margin-top: 1.1428571em;
margin-bottom: 1.1428571em;
}
.lg\:prose-sm [class~="lead"] {
font-size: 1.2857143em;
line-height: 1.5555556;
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.lg\:prose-sm blockquote {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-left: 1.1111111em;
}
.lg\:prose-sm h1 {
font-size: 2.1428571em;
margin-top: 0;
margin-bottom: 0.8em;
line-height: 1.2;
}
.lg\:prose-sm h2 {
font-size: 1.4285714em;
margin-top: 1.6em;
margin-bottom: 0.8em;
line-height: 1.4;
}
.lg\:prose-sm h3 {
font-size: 1.2857143em;
margin-top: 1.5555556em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
.lg\:prose-sm h4 {
margin-top: 1.4285714em;
margin-bottom: 0.5714286em;
line-height: 1.4285714;
}
.lg\:prose-sm figure,
.lg\:prose-sm img,
.lg\:prose-sm video {
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
}
.lg\:prose-sm figure > * {
margin-top: 0;
margin-bottom: 0;
}
.lg\:prose-sm figure figcaption {
font-size: 0.8571429em;
line-height: 1.3333333;
margin-top: 0.6666667em;
}
.lg\:prose-sm code {
font-size: 0.8571429em;
}
.lg\:prose-sm h2 code {
font-size: 0.9em;
}
.lg\:prose-sm h3 code {
font-size: 0.8888889em;
}
.lg\:prose-sm pre {
font-size: 0.8571429em;
line-height: 1.6666667;
margin-top: 1.6666667em;
margin-bottom: 1.6666667em;
border-radius: 0.25rem;
padding-top: 0.6666667em;
padding-right: 1em;
padding-bottom: 0.6666667em;
padding-left: 1em;
}
.lg\:prose-sm ol,
.lg\:prose-sm ul {
margin-top: 1.1428571em;
margin-bottom: 1.1428571em;
}
.lg\:prose-sm li {
margin-top: 0.2857143em;
margin-bottom: 0.2857143em;
}
.lg\:prose-sm ol > li {
padding-left: 1.5714286em;
}
.lg\:prose-sm ol > li:before {
left: 0;
}
.lg\:prose-sm ul > li {
padding-left: 1.5714286em;
}
.lg\:prose-sm ul > li:before {
height: 0.3571429em;
width: 0.3571429em;
top: 0.67857em;
left: 0.2142857em;
}
.lg\:prose-sm > ul > li p {
margin-top: 0.5714286em;
margin-bottom: 0.5714286em;
}
.lg\:prose-sm > ul > li > :first-child {
margin-top: 1.1428571em;
}
.lg\:prose-sm > ul > li > :last-child {
margin-bottom: 1.1428571em;
}
.lg\:prose-sm > ol > li > :first-child {
margin-top: 1.1428571em;
}
.lg\:prose-sm > ol > li > :last-child {
margin-bottom: 1.1428571em;
}
.lg\:prose-sm ol ol,
.lg\:prose-sm ol ul,
.lg\:prose-sm ul ol,
.lg\:prose-sm ul ul {
margin-top: 0.5714286em;
margin-bottom: 0.5714286em;
}
.lg\:prose-sm hr {
margin-top: 2.8571429em;
margin-bottom: 2.8571429em;
}
.lg\:prose-sm h2 + *,
.lg\:prose-sm h3 + *,
.lg\:prose-sm h4 + *,
.lg\:prose-sm hr + * {
margin-top: 0;
}
.lg\:prose-sm table {
font-size: 0.8571429em;
line-height: 1.5;
}
.lg\:prose-sm thead th {
padding-right: 1em;
padding-bottom: 0.6666667em;
padding-left: 1em;
}
.lg\:prose-sm thead th:first-child {
padding-left: 0;
}
.lg\:prose-sm thead th:last-child {
padding-right: 0;
}
.lg\:prose-sm tbody td {
padding-top: 0.6666667em;
padding-right: 1em;
padding-bottom: 0.6666667em;
padding-left: 1em;
}
.lg\:prose-sm tbody td:first-child {
padding-left: 0;
}
.lg\:prose-sm tbody td:last-child {
padding-right: 0;
}
.lg\:prose-sm > :first-child {
margin-top: 0;
}
.lg\:prose-sm > :last-child {
margin-bottom: 0;
}
.lg\:prose-lg {
font-size: 1.125rem;
line-height: 1.7777778;
}
.lg\:prose-lg p {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.lg\:prose-lg [class~="lead"] {
font-size: 1.2222222em;
line-height: 1.4545455;
margin-top: 1.0909091em;
margin-bottom: 1.0909091em;
}
.lg\:prose-lg blockquote {
margin-top: 1.6666667em;
margin-bottom: 1.6666667em;
padding-left: 1em;
}
.lg\:prose-lg h1 {
font-size: 2.6666667em;
margin-top: 0;
margin-bottom: 0.8333333em;
line-height: 1;
}
.lg\:prose-lg h2 {
font-size: 1.6666667em;
margin-top: 1.8666667em;
margin-bottom: 1.0666667em;
line-height: 1.3333333;
}
.lg\:prose-lg h3 {
font-size: 1.3333333em;
margin-top: 1.6666667em;
margin-bottom: 0.6666667em;
line-height: 1.5;
}
.lg\:prose-lg h4 {
margin-top: 1.7777778em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
.lg\:prose-lg figure,
.lg\:prose-lg img,
.lg\:prose-lg video {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
.lg\:prose-lg figure > * {
margin-top: 0;
margin-bottom: 0;
}
.lg\:prose-lg figure figcaption {
font-size: 0.8888889em;
line-height: 1.5;
margin-top: 1em;
}
.lg\:prose-lg code {
font-size: 0.8888889em;
}
.lg\:prose-lg h2 code {
font-size: 0.8666667em;
}
.lg\:prose-lg h3 code {
font-size: 0.875em;
}
.lg\:prose-lg pre {
font-size: 0.8888889em;
line-height: 1.75;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.375rem;
padding-top: 1em;
padding-right: 1.5em;
padding-bottom: 1em;
padding-left: 1.5em;
}
.lg\:prose-lg ol,
.lg\:prose-lg ul {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.lg\:prose-lg li {
margin-top: 0.6666667em;
margin-bottom: 0.6666667em;
}
.lg\:prose-lg ol > li {
padding-left: 1.6666667em;
}
.lg\:prose-lg ol > li:before {
left: 0;
}
.lg\:prose-lg ul > li {
padding-left: 1.6666667em;
}
.lg\:prose-lg ul > li:before {
width: 0.3333333em;
height: 0.3333333em;
top: 0.72222em;
left: 0.2222222em;
}
.lg\:prose-lg > ul > li p {
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.lg\:prose-lg > ul > li > :first-child {
margin-top: 1.3333333em;
}
.lg\:prose-lg > ul > li > :last-child {
margin-bottom: 1.3333333em;
}
.lg\:prose-lg > ol > li > :first-child {
margin-top: 1.3333333em;
}
.lg\:prose-lg > ol > li > :last-child {
margin-bottom: 1.3333333em;
}
.lg\:prose-lg ol ol,
.lg\:prose-lg ol ul,
.lg\:prose-lg ul ol,
.lg\:prose-lg ul ul {
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.lg\:prose-lg hr {
margin-top: 3.1111111em;
margin-bottom: 3.1111111em;
}
.lg\:prose-lg h2 + *,
.lg\:prose-lg h3 + *,
.lg\:prose-lg h4 + *,
.lg\:prose-lg hr + * {
margin-top: 0;
}
.lg\:prose-lg table {
font-size: 0.8888889em;
line-height: 1.5;
}
.lg\:prose-lg thead th {
padding-right: 0.75em;
padding-bottom: 0.75em;
padding-left: 0.75em;
}
.lg\:prose-lg thead th:first-child {
padding-left: 0;
}
.lg\:prose-lg thead th:last-child {
padding-right: 0;
}
.lg\:prose-lg tbody td {
padding-top: 0.75em;
padding-right: 0.75em;
padding-bottom: 0.75em;
padding-left: 0.75em;
}
.lg\:prose-lg tbody td:first-child {
padding-left: 0;
}
.lg\:prose-lg tbody td:last-child {
padding-right: 0;
}
.lg\:prose-lg > :first-child {
margin-top: 0;
}
.lg\:prose-lg > :last-child {
margin-bottom: 0;
}
.lg\:prose-xl {
font-size: 1.25rem;
line-height: 1.8;
}
.lg\:prose-xl p {
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.lg\:prose-xl [class~="lead"] {
font-size: 1.2em;
line-height: 1.5;
margin-top: 1em;
margin-bottom: 1em;
}
.lg\:prose-xl blockquote {
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1.0666667em;
}
.lg\:prose-xl h1 {
font-size: 2.8em;
margin-top: 0;
margin-bottom: 0.8571429em;
line-height: 1;
}
.lg\:prose-xl h2 {
font-size: 1.8em;
margin-top: 1.5555556em;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.lg\:prose-xl h3 {
font-size: 1.5em;
margin-top: 1.6em;
margin-bottom: 0.6666667em;
line-height: 1.3333333;
}
.lg\:prose-xl h4 {
margin-top: 1.8em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.lg\:prose-xl figure,
.lg\:prose-xl img,
.lg\:prose-xl video {
margin-top: 2em;
margin-bottom: 2em;
}
.lg\:prose-xl figure > * {
margin-top: 0;
margin-bottom: 0;
}
.lg\:prose-xl figure figcaption {
font-size: 0.9em;
line-height: 1.5555556;
margin-top: 1em;
}
.lg\:prose-xl code {
font-size: 0.9em;
}
.lg\:prose-xl h2 code {
font-size: 0.8611111em;
}
.lg\:prose-xl h3 code {
font-size: 0.9em;
}
.lg\:prose-xl pre {
font-size: 0.9em;
line-height: 1.7777778;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.5rem;
padding-top: 1.1111111em;
padding-right: 1.3333333em;
padding-bottom: 1.1111111em;
padding-left: 1.3333333em;
}
.lg\:prose-xl ol,
.lg\:prose-xl ul {
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.lg\:prose-xl li {
margin-top: 0.6em;
margin-bottom: 0.6em;
}
.lg\:prose-xl ol > li {
padding-left: 1.8em;
}
.lg\:prose-xl ol > li:before {
left: 0;
}
.lg\:prose-xl ul > li {
padding-left: 1.8em;
}
.lg\:prose-xl ul > li:before {
width: 0.35em;
height: 0.35em;
top: 0.725em;
left: 0.25em;
}
.lg\:prose-xl > ul > li p {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.lg\:prose-xl > ul > li > :first-child {
margin-top: 1.2em;
}
.lg\:prose-xl > ul > li > :last-child {
margin-bottom: 1.2em;
}
.lg\:prose-xl > ol > li > :first-child {
margin-top: 1.2em;
}
.lg\:prose-xl > ol > li > :last-child {
margin-bottom: 1.2em;
}
.lg\:prose-xl ol ol,
.lg\:prose-xl ol ul,
.lg\:prose-xl ul ol,
.lg\:prose-xl ul ul {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.lg\:prose-xl hr {
margin-top: 2.8em;
margin-bottom: 2.8em;
}
.lg\:prose-xl h2 + *,
.lg\:prose-xl h3 + *,
.lg\:prose-xl h4 + *,
.lg\:prose-xl hr + * {
margin-top: 0;
}
.lg\:prose-xl table {
font-size: 0.9em;
line-height: 1.5555556;
}
.lg\:prose-xl thead th {
padding-right: 0.6666667em;
padding-bottom: 0.8888889em;
padding-left: 0.6666667em;
}
.lg\:prose-xl thead th:first-child {
padding-left: 0;
}
.lg\:prose-xl thead th:last-child {
padding-right: 0;
}
.lg\:prose-xl tbody td {
padding-top: 0.8888889em;
padding-right: 0.6666667em;
padding-bottom: 0.8888889em;
padding-left: 0.6666667em;
}
.lg\:prose-xl tbody td:first-child {
padding-left: 0;
}
.lg\:prose-xl tbody td:last-child {
padding-right: 0;
}
.lg\:prose-xl > :first-child {
margin-top: 0;
}
.lg\:prose-xl > :last-child {
margin-bottom: 0;
}
.lg\:prose-2xl {
font-size: 1.5rem;
line-height: 1.6666667;
}
.lg\:prose-2xl p {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.lg\:prose-2xl [class~="lead"] {
font-size: 1.25em;
line-height: 1.4666667;
margin-top: 1.0666667em;
margin-bottom: 1.0666667em;
}
.lg\:prose-2xl blockquote {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
padding-left: 1.1111111em;
}
.lg\:prose-2xl h1 {
font-size: 2.6666667em;
margin-top: 0;
margin-bottom: 0.875em;
line-height: 1;
}
.lg\:prose-2xl h2 {
font-size: 2em;
margin-top: 1.5em;
margin-bottom: 0.8333333em;
line-height: 1.0833333;
}
.lg\:prose-2xl h3 {
font-size: 1.5em;
margin-top: 1.5555556em;
margin-bottom: 0.6666667em;
line-height: 1.2222222;
}
.lg\:prose-2xl h4 {
margin-top: 1.6666667em;
margin-bottom: 0.6666667em;
line-height: 1.5;
}
.lg\:prose-2xl figure,
.lg\:prose-2xl img,
.lg\:prose-2xl video {
margin-top: 2em;
margin-bottom: 2em;
}
.lg\:prose-2xl figure > * {
margin-top: 0;
margin-bottom: 0;
}
.lg\:prose-2xl figure figcaption {
font-size: 0.8333333em;
line-height: 1.6;
margin-top: 1em;
}
.lg\:prose-2xl code {
font-size: 0.8333333em;
}
.lg\:prose-2xl h2 code {
font-size: 0.875em;
}
.lg\:prose-2xl h3 code {
font-size: 0.8888889em;
}
.lg\:prose-2xl pre {
font-size: 0.8333333em;
line-height: 1.8;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.5rem;
padding-top: 1.2em;
padding-right: 1.6em;
padding-bottom: 1.2em;
padding-left: 1.6em;
}
.lg\:prose-2xl ol,
.lg\:prose-2xl ul {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.lg\:prose-2xl li {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.lg\:prose-2xl ol > li {
padding-left: 1.6666667em;
}
.lg\:prose-2xl ol > li:before {
left: 0;
}
.lg\:prose-2xl ul > li {
padding-left: 1.6666667em;
}
.lg\:prose-2xl ul > li:before {
width: 0.3333333em;
height: 0.3333333em;
top: 0.66667em;
left: 0.25em;
}
.lg\:prose-2xl > ul > li p {
margin-top: 0.8333333em;
margin-bottom: 0.8333333em;
}
.lg\:prose-2xl > ul > li > :first-child {
margin-top: 1.3333333em;
}
.lg\:prose-2xl > ul > li > :last-child {
margin-bottom: 1.3333333em;
}
.lg\:prose-2xl > ol > li > :first-child {
margin-top: 1.3333333em;
}
.lg\:prose-2xl > ol > li > :last-child {
margin-bottom: 1.3333333em;
}
.lg\:prose-2xl ol ol,
.lg\:prose-2xl ol ul,
.lg\:prose-2xl ul ol,
.lg\:prose-2xl ul ul {
margin-top: 0.6666667em;
margin-bottom: 0.6666667em;
}
.lg\:prose-2xl hr {
margin-top: 3em;
margin-bottom: 3em;
}
.lg\:prose-2xl h2 + *,
.lg\:prose-2xl h3 + *,
.lg\:prose-2xl h4 + *,
.lg\:prose-2xl hr + * {
margin-top: 0;
}
.lg\:prose-2xl table {
font-size: 0.8333333em;
line-height: 1.4;
}
.lg\:prose-2xl thead th {
padding-right: 0.6em;
padding-bottom: 0.8em;
padding-left: 0.6em;
}
.lg\:prose-2xl thead th:first-child {
padding-left: 0;
}
.lg\:prose-2xl thead th:last-child {
padding-right: 0;
}
.lg\:prose-2xl tbody td {
padding-top: 0.8em;
padding-right: 0.6em;
padding-bottom: 0.8em;
padding-left: 0.6em;
}
.lg\:prose-2xl tbody td:first-child {
padding-left: 0;
}
.lg\:prose-2xl tbody td:last-child {
padding-right: 0;
}
.lg\:prose-2xl > :first-child {
margin-top: 0;
}
.lg\:prose-2xl > :last-child {
margin-bottom: 0;
}
}
@media (min-width: 1280px) {
.xl\:container {
width: 100%;
}
@media (min-width: 640px) {
.xl\:container {
max-width: 640px;
}
}
@media (min-width: 768px) {
.xl\:container {
max-width: 768px;
}
}
@media (min-width: 1024px) {
.xl\:container {
max-width: 1024px;
}
}
@media (min-width: 1280px) {
.xl\:container {
max-width: 1280px;
}
}
.xl\:prose {
color: #374151;
max-width: 65ch;
}
.xl\:prose [class~="lead"] {
color: #4b5563;
font-size: 1.25em;
line-height: 1.6;
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.xl\:prose a {
color: #5850ec;
text-decoration: none;
font-weight: 600;
}
.xl\:prose strong {
color: #161e2e;
font-weight: 600;
}
.xl\:prose ol {
counter-reset: list-counter;
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.xl\:prose ol > li {
position: relative;
counter-increment: list-counter;
padding-left: 1.75em;
}
.xl\:prose ol > li:before {
content: counter(list-counter) ".";
position: absolute;
font-weight: 400;
color: #6b7280;
}
.xl\:prose ul > li {
position: relative;
padding-left: 1.75em;
}
.xl\:prose ul > li:before {
content: "";
position: absolute;
background-color: #d2d6dc;
border-radius: 50%;
width: 0.375em;
height: 0.375em;
top: 0.6875em;
left: 0.25em;
}
.xl\:prose hr {
border-color: #e5e7eb;
border-top-width: 1px;
margin-top: 3em;
margin-bottom: 3em;
}
.xl\:prose blockquote {
font-weight: 500;
font-style: italic;
color: #161e2e;
border-left-width: 0.25rem;
border-left-color: #e5e7eb;
quotes: "\201C""\201D""\2018""\2019";
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1em;
}
.xl\:prose blockquote p:first-of-type:before {
content: open-quote;
}
.xl\:prose blockquote p:last-of-type:after {
content: close-quote;
}
.xl\:prose h1 {
color: #1a202c;
font-weight: 800;
font-size: 2.25em;
margin-top: 0;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.xl\:prose h2 {
color: #1a202c;
font-weight: 700;
font-size: 1.5em;
margin-top: 2em;
margin-bottom: 1em;
line-height: 1.3333333;
}
.xl\:prose h3 {
font-size: 1.25em;
margin-top: 1.6em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.xl\:prose h3,
.xl\:prose h4 {
color: #1a202c;
font-weight: 600;
}
.xl\:prose h4 {
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.5;
}
.xl\:prose figure figcaption {
color: #6b7280;
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
.xl\:prose code {
color: #161e2e;
font-weight: 600;
font-size: 0.875em;
}
.xl\:prose code:after,
.xl\:prose code:before {
content: "`";
}
.xl\:prose pre {
color: #e5e7eb;
background-color: #252f3f;
overflow-x: auto;
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;
}
.xl\:prose pre code {
background-color: transparent;
border-width: 0;
border-radius: 0;
padding: 0;
font-weight: 400;
color: inherit;
font-size: inherit;
font-family: inherit;
line-height: inherit;
}
.xl\:prose pre code:after,
.xl\:prose pre code:before {
content: "";
}
.xl\:prose table {
width: 100%;
table-layout: auto;
text-align: left;
margin-top: 2em;
margin-bottom: 2em;
font-size: 0.875em;
line-height: 1.7142857;
}
.xl\:prose thead {
color: #161e2e;
font-weight: 600;
border-bottom-width: 1px;
border-bottom-color: #d2d6dc;
}
.xl\:prose thead th {
vertical-align: bottom;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.xl\:prose tbody tr {
border-bottom-width: 1px;
border-bottom-color: #e5e7eb;
}
.xl\:prose tbody tr:last-child {
border-bottom-width: 0;
}
.xl\:prose tbody td {
vertical-align: top;
padding-top: 0.5714286em;
padding-right: 0.5714286em;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
}
.xl\:prose {
font-size: 1rem;
line-height: 1.75;
}
.xl\:prose p {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.xl\:prose figure,
.xl\:prose img,
.xl\:prose video {
margin-top: 2em;
margin-bottom: 2em;
}
.xl\:prose figure > * {
margin-top: 0;
margin-bottom: 0;
}
.xl\:prose h2 code {
font-size: 0.875em;
}
.xl\:prose h3 code {
font-size: 0.9em;
}
.xl\:prose ul {
margin-top: 1.25em;
margin-bottom: 1.25em;
}
.xl\:prose li {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.xl\:prose ol > li:before {
left: 0;
}
.xl\:prose > ul > li p {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.xl\:prose > ul > li > :first-child {
margin-top: 1.25em;
}
.xl\:prose > ul > li > :last-child {
margin-bottom: 1.25em;
}
.xl\:prose > ol > li > :first-child {
margin-top: 1.25em;
}
.xl\:prose > ol > li > :last-child {
margin-bottom: 1.25em;
}
.xl\:prose ol ol,
.xl\:prose ol ul,
.xl\:prose ul ol,
.xl\:prose ul ul {
margin-top: 0.75em;
margin-bottom: 0.75em;
}
.xl\:prose h2 + *,
.xl\:prose h3 + *,
.xl\:prose h4 + *,
.xl\:prose hr + * {
margin-top: 0;
}
.xl\:prose thead th:first-child {
padding-left: 0;
}
.xl\:prose thead th:last-child {
padding-right: 0;
}
.xl\:prose tbody td:first-child {
padding-left: 0;
}
.xl\:prose tbody td:last-child {
padding-right: 0;
}
.xl\:prose > :first-child {
margin-top: 0;
}
.xl\:prose > :last-child {
margin-bottom: 0;
}
.xl\:prose h1,
.xl\:prose h2,
.xl\:prose h3,
.xl\:prose h4 {
color: #161e2e;
}
.xl\:prose-sm {
font-size: 0.875rem;
line-height: 1.7142857;
}
.xl\:prose-sm p {
margin-top: 1.1428571em;
margin-bottom: 1.1428571em;
}
.xl\:prose-sm [class~="lead"] {
font-size: 1.2857143em;
line-height: 1.5555556;
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.xl\:prose-sm blockquote {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
padding-left: 1.1111111em;
}
.xl\:prose-sm h1 {
font-size: 2.1428571em;
margin-top: 0;
margin-bottom: 0.8em;
line-height: 1.2;
}
.xl\:prose-sm h2 {
font-size: 1.4285714em;
margin-top: 1.6em;
margin-bottom: 0.8em;
line-height: 1.4;
}
.xl\:prose-sm h3 {
font-size: 1.2857143em;
margin-top: 1.5555556em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
.xl\:prose-sm h4 {
margin-top: 1.4285714em;
margin-bottom: 0.5714286em;
line-height: 1.4285714;
}
.xl\:prose-sm figure,
.xl\:prose-sm img,
.xl\:prose-sm video {
margin-top: 1.7142857em;
margin-bottom: 1.7142857em;
}
.xl\:prose-sm figure > * {
margin-top: 0;
margin-bottom: 0;
}
.xl\:prose-sm figure figcaption {
font-size: 0.8571429em;
line-height: 1.3333333;
margin-top: 0.6666667em;
}
.xl\:prose-sm code {
font-size: 0.8571429em;
}
.xl\:prose-sm h2 code {
font-size: 0.9em;
}
.xl\:prose-sm h3 code {
font-size: 0.8888889em;
}
.xl\:prose-sm pre {
font-size: 0.8571429em;
line-height: 1.6666667;
margin-top: 1.6666667em;
margin-bottom: 1.6666667em;
border-radius: 0.25rem;
padding-top: 0.6666667em;
padding-right: 1em;
padding-bottom: 0.6666667em;
padding-left: 1em;
}
.xl\:prose-sm ol,
.xl\:prose-sm ul {
margin-top: 1.1428571em;
margin-bottom: 1.1428571em;
}
.xl\:prose-sm li {
margin-top: 0.2857143em;
margin-bottom: 0.2857143em;
}
.xl\:prose-sm ol > li {
padding-left: 1.5714286em;
}
.xl\:prose-sm ol > li:before {
left: 0;
}
.xl\:prose-sm ul > li {
padding-left: 1.5714286em;
}
.xl\:prose-sm ul > li:before {
height: 0.3571429em;
width: 0.3571429em;
top: 0.67857em;
left: 0.2142857em;
}
.xl\:prose-sm > ul > li p {
margin-top: 0.5714286em;
margin-bottom: 0.5714286em;
}
.xl\:prose-sm > ul > li > :first-child {
margin-top: 1.1428571em;
}
.xl\:prose-sm > ul > li > :last-child {
margin-bottom: 1.1428571em;
}
.xl\:prose-sm > ol > li > :first-child {
margin-top: 1.1428571em;
}
.xl\:prose-sm > ol > li > :last-child {
margin-bottom: 1.1428571em;
}
.xl\:prose-sm ol ol,
.xl\:prose-sm ol ul,
.xl\:prose-sm ul ol,
.xl\:prose-sm ul ul {
margin-top: 0.5714286em;
margin-bottom: 0.5714286em;
}
.xl\:prose-sm hr {
margin-top: 2.8571429em;
margin-bottom: 2.8571429em;
}
.xl\:prose-sm h2 + *,
.xl\:prose-sm h3 + *,
.xl\:prose-sm h4 + *,
.xl\:prose-sm hr + * {
margin-top: 0;
}
.xl\:prose-sm table {
font-size: 0.8571429em;
line-height: 1.5;
}
.xl\:prose-sm thead th {
padding-right: 1em;
padding-bottom: 0.6666667em;
padding-left: 1em;
}
.xl\:prose-sm thead th:first-child {
padding-left: 0;
}
.xl\:prose-sm thead th:last-child {
padding-right: 0;
}
.xl\:prose-sm tbody td {
padding-top: 0.6666667em;
padding-right: 1em;
padding-bottom: 0.6666667em;
padding-left: 1em;
}
.xl\:prose-sm tbody td:first-child {
padding-left: 0;
}
.xl\:prose-sm tbody td:last-child {
padding-right: 0;
}
.xl\:prose-sm > :first-child {
margin-top: 0;
}
.xl\:prose-sm > :last-child {
margin-bottom: 0;
}
.xl\:prose-lg {
font-size: 1.125rem;
line-height: 1.7777778;
}
.xl\:prose-lg p {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.xl\:prose-lg [class~="lead"] {
font-size: 1.2222222em;
line-height: 1.4545455;
margin-top: 1.0909091em;
margin-bottom: 1.0909091em;
}
.xl\:prose-lg blockquote {
margin-top: 1.6666667em;
margin-bottom: 1.6666667em;
padding-left: 1em;
}
.xl\:prose-lg h1 {
font-size: 2.6666667em;
margin-top: 0;
margin-bottom: 0.8333333em;
line-height: 1;
}
.xl\:prose-lg h2 {
font-size: 1.6666667em;
margin-top: 1.8666667em;
margin-bottom: 1.0666667em;
line-height: 1.3333333;
}
.xl\:prose-lg h3 {
font-size: 1.3333333em;
margin-top: 1.6666667em;
margin-bottom: 0.6666667em;
line-height: 1.5;
}
.xl\:prose-lg h4 {
margin-top: 1.7777778em;
margin-bottom: 0.4444444em;
line-height: 1.5555556;
}
.xl\:prose-lg figure,
.xl\:prose-lg img,
.xl\:prose-lg video {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
}
.xl\:prose-lg figure > * {
margin-top: 0;
margin-bottom: 0;
}
.xl\:prose-lg figure figcaption {
font-size: 0.8888889em;
line-height: 1.5;
margin-top: 1em;
}
.xl\:prose-lg code {
font-size: 0.8888889em;
}
.xl\:prose-lg h2 code {
font-size: 0.8666667em;
}
.xl\:prose-lg h3 code {
font-size: 0.875em;
}
.xl\:prose-lg pre {
font-size: 0.8888889em;
line-height: 1.75;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.375rem;
padding-top: 1em;
padding-right: 1.5em;
padding-bottom: 1em;
padding-left: 1.5em;
}
.xl\:prose-lg ol,
.xl\:prose-lg ul {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.xl\:prose-lg li {
margin-top: 0.6666667em;
margin-bottom: 0.6666667em;
}
.xl\:prose-lg ol > li {
padding-left: 1.6666667em;
}
.xl\:prose-lg ol > li:before {
left: 0;
}
.xl\:prose-lg ul > li {
padding-left: 1.6666667em;
}
.xl\:prose-lg ul > li:before {
width: 0.3333333em;
height: 0.3333333em;
top: 0.72222em;
left: 0.2222222em;
}
.xl\:prose-lg > ul > li p {
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.xl\:prose-lg > ul > li > :first-child {
margin-top: 1.3333333em;
}
.xl\:prose-lg > ul > li > :last-child {
margin-bottom: 1.3333333em;
}
.xl\:prose-lg > ol > li > :first-child {
margin-top: 1.3333333em;
}
.xl\:prose-lg > ol > li > :last-child {
margin-bottom: 1.3333333em;
}
.xl\:prose-lg ol ol,
.xl\:prose-lg ol ul,
.xl\:prose-lg ul ol,
.xl\:prose-lg ul ul {
margin-top: 0.8888889em;
margin-bottom: 0.8888889em;
}
.xl\:prose-lg hr {
margin-top: 3.1111111em;
margin-bottom: 3.1111111em;
}
.xl\:prose-lg h2 + *,
.xl\:prose-lg h3 + *,
.xl\:prose-lg h4 + *,
.xl\:prose-lg hr + * {
margin-top: 0;
}
.xl\:prose-lg table {
font-size: 0.8888889em;
line-height: 1.5;
}
.xl\:prose-lg thead th {
padding-right: 0.75em;
padding-bottom: 0.75em;
padding-left: 0.75em;
}
.xl\:prose-lg thead th:first-child {
padding-left: 0;
}
.xl\:prose-lg thead th:last-child {
padding-right: 0;
}
.xl\:prose-lg tbody td {
padding-top: 0.75em;
padding-right: 0.75em;
padding-bottom: 0.75em;
padding-left: 0.75em;
}
.xl\:prose-lg tbody td:first-child {
padding-left: 0;
}
.xl\:prose-lg tbody td:last-child {
padding-right: 0;
}
.xl\:prose-lg > :first-child {
margin-top: 0;
}
.xl\:prose-lg > :last-child {
margin-bottom: 0;
}
.xl\:prose-xl {
font-size: 1.25rem;
line-height: 1.8;
}
.xl\:prose-xl p {
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.xl\:prose-xl [class~="lead"] {
font-size: 1.2em;
line-height: 1.5;
margin-top: 1em;
margin-bottom: 1em;
}
.xl\:prose-xl blockquote {
margin-top: 1.6em;
margin-bottom: 1.6em;
padding-left: 1.0666667em;
}
.xl\:prose-xl h1 {
font-size: 2.8em;
margin-top: 0;
margin-bottom: 0.8571429em;
line-height: 1;
}
.xl\:prose-xl h2 {
font-size: 1.8em;
margin-top: 1.5555556em;
margin-bottom: 0.8888889em;
line-height: 1.1111111;
}
.xl\:prose-xl h3 {
font-size: 1.5em;
margin-top: 1.6em;
margin-bottom: 0.6666667em;
line-height: 1.3333333;
}
.xl\:prose-xl h4 {
margin-top: 1.8em;
margin-bottom: 0.6em;
line-height: 1.6;
}
.xl\:prose-xl figure,
.xl\:prose-xl img,
.xl\:prose-xl video {
margin-top: 2em;
margin-bottom: 2em;
}
.xl\:prose-xl figure > * {
margin-top: 0;
margin-bottom: 0;
}
.xl\:prose-xl figure figcaption {
font-size: 0.9em;
line-height: 1.5555556;
margin-top: 1em;
}
.xl\:prose-xl code {
font-size: 0.9em;
}
.xl\:prose-xl h2 code {
font-size: 0.8611111em;
}
.xl\:prose-xl h3 code {
font-size: 0.9em;
}
.xl\:prose-xl pre {
font-size: 0.9em;
line-height: 1.7777778;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.5rem;
padding-top: 1.1111111em;
padding-right: 1.3333333em;
padding-bottom: 1.1111111em;
padding-left: 1.3333333em;
}
.xl\:prose-xl ol,
.xl\:prose-xl ul {
margin-top: 1.2em;
margin-bottom: 1.2em;
}
.xl\:prose-xl li {
margin-top: 0.6em;
margin-bottom: 0.6em;
}
.xl\:prose-xl ol > li {
padding-left: 1.8em;
}
.xl\:prose-xl ol > li:before {
left: 0;
}
.xl\:prose-xl ul > li {
padding-left: 1.8em;
}
.xl\:prose-xl ul > li:before {
width: 0.35em;
height: 0.35em;
top: 0.725em;
left: 0.25em;
}
.xl\:prose-xl > ul > li p {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.xl\:prose-xl > ul > li > :first-child {
margin-top: 1.2em;
}
.xl\:prose-xl > ul > li > :last-child {
margin-bottom: 1.2em;
}
.xl\:prose-xl > ol > li > :first-child {
margin-top: 1.2em;
}
.xl\:prose-xl > ol > li > :last-child {
margin-bottom: 1.2em;
}
.xl\:prose-xl ol ol,
.xl\:prose-xl ol ul,
.xl\:prose-xl ul ol,
.xl\:prose-xl ul ul {
margin-top: 0.8em;
margin-bottom: 0.8em;
}
.xl\:prose-xl hr {
margin-top: 2.8em;
margin-bottom: 2.8em;
}
.xl\:prose-xl h2 + *,
.xl\:prose-xl h3 + *,
.xl\:prose-xl h4 + *,
.xl\:prose-xl hr + * {
margin-top: 0;
}
.xl\:prose-xl table {
font-size: 0.9em;
line-height: 1.5555556;
}
.xl\:prose-xl thead th {
padding-right: 0.6666667em;
padding-bottom: 0.8888889em;
padding-left: 0.6666667em;
}
.xl\:prose-xl thead th:first-child {
padding-left: 0;
}
.xl\:prose-xl thead th:last-child {
padding-right: 0;
}
.xl\:prose-xl tbody td {
padding-top: 0.8888889em;
padding-right: 0.6666667em;
padding-bottom: 0.8888889em;
padding-left: 0.6666667em;
}
.xl\:prose-xl tbody td:first-child {
padding-left: 0;
}
.xl\:prose-xl tbody td:last-child {
padding-right: 0;
}
.xl\:prose-xl > :first-child {
margin-top: 0;
}
.xl\:prose-xl > :last-child {
margin-bottom: 0;
}
.xl\:prose-2xl {
font-size: 1.5rem;
line-height: 1.6666667;
}
.xl\:prose-2xl p {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.xl\:prose-2xl [class~="lead"] {
font-size: 1.25em;
line-height: 1.4666667;
margin-top: 1.0666667em;
margin-bottom: 1.0666667em;
}
.xl\:prose-2xl blockquote {
margin-top: 1.7777778em;
margin-bottom: 1.7777778em;
padding-left: 1.1111111em;
}
.xl\:prose-2xl h1 {
font-size: 2.6666667em;
margin-top: 0;
margin-bottom: 0.875em;
line-height: 1;
}
.xl\:prose-2xl h2 {
font-size: 2em;
margin-top: 1.5em;
margin-bottom: 0.8333333em;
line-height: 1.0833333;
}
.xl\:prose-2xl h3 {
font-size: 1.5em;
margin-top: 1.5555556em;
margin-bottom: 0.6666667em;
line-height: 1.2222222;
}
.xl\:prose-2xl h4 {
margin-top: 1.6666667em;
margin-bottom: 0.6666667em;
line-height: 1.5;
}
.xl\:prose-2xl figure,
.xl\:prose-2xl img,
.xl\:prose-2xl video {
margin-top: 2em;
margin-bottom: 2em;
}
.xl\:prose-2xl figure > * {
margin-top: 0;
margin-bottom: 0;
}
.xl\:prose-2xl figure figcaption {
font-size: 0.8333333em;
line-height: 1.6;
margin-top: 1em;
}
.xl\:prose-2xl code {
font-size: 0.8333333em;
}
.xl\:prose-2xl h2 code {
font-size: 0.875em;
}
.xl\:prose-2xl h3 code {
font-size: 0.8888889em;
}
.xl\:prose-2xl pre {
font-size: 0.8333333em;
line-height: 1.8;
margin-top: 2em;
margin-bottom: 2em;
border-radius: 0.5rem;
padding-top: 1.2em;
padding-right: 1.6em;
padding-bottom: 1.2em;
padding-left: 1.6em;
}
.xl\:prose-2xl ol,
.xl\:prose-2xl ul {
margin-top: 1.3333333em;
margin-bottom: 1.3333333em;
}
.xl\:prose-2xl li {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.xl\:prose-2xl ol > li {
padding-left: 1.6666667em;
}
.xl\:prose-2xl ol > li:before {
left: 0;
}
.xl\:prose-2xl ul > li {
padding-left: 1.6666667em;
}
.xl\:prose-2xl ul > li:before {
width: 0.3333333em;
height: 0.3333333em;
top: 0.66667em;
left: 0.25em;
}
.xl\:prose-2xl > ul > li p {
margin-top: 0.8333333em;
margin-bottom: 0.8333333em;
}
.xl\:prose-2xl > ul > li > :first-child {
margin-top: 1.3333333em;
}
.xl\:prose-2xl > ul > li > :last-child {
margin-bottom: 1.3333333em;
}
.xl\:prose-2xl > ol > li > :first-child {
margin-top: 1.3333333em;
}
.xl\:prose-2xl > ol > li > :last-child {
margin-bottom: 1.3333333em;
}
.xl\:prose-2xl ol ol,
.xl\:prose-2xl ol ul,
.xl\:prose-2xl ul ol,
.xl\:prose-2xl ul ul {
margin-top: 0.6666667em;
margin-bottom: 0.6666667em;
}
.xl\:prose-2xl hr {
margin-top: 3em;
margin-bottom: 3em;
}
.xl\:prose-2xl h2 + *,
.xl\:prose-2xl h3 + *,
.xl\:prose-2xl h4 + *,
.xl\:prose-2xl hr + * {
margin-top: 0;
}
.xl\:prose-2xl table {
font-size: 0.8333333em;
line-height: 1.4;
}
.xl\:prose-2xl thead th {
padding-right: 0.6em;
padding-bottom: 0.8em;
padding-left: 0.6em;
}
.xl\:prose-2xl thead th:first-child {
padding-left: 0;
}
.xl\:prose-2xl thead th:last-child {
padding-right: 0;
}
.xl\:prose-2xl tbody td {
padding-top: 0.8em;
padding-right: 0.6em;
padding-bottom: 0.8em;
padding-left: 0.6em;
}
.xl\:prose-2xl tbody td:first-child {
padding-left: 0;
}
.xl\:prose-2xl tbody td:last-child {
padding-right: 0;
}
.xl\:prose-2xl > :first-child {
margin-top: 0;
}
.xl\:prose-2xl > :last-child {
margin-bottom: 0;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment