*,
:after,
:before {
border: 0 solid #e5e7eb;
box-sizing: border-box;
}
:after,
:before {
--tw-content: "";
}
:host,
html {
line-height: 1.5;
-webkit-text-size-adjust: 100%;
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica,
  Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
font-feature-settings: normal;
font-variation-settings: normal;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
-webkit-tap-highlight-color: transparent;
}
body {
line-height: inherit;
margin: 0;
}
hr {
border-top-width: 1px;
color: inherit;
height: 0;
}
abbr:where([title]) {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
}
a {
color: inherit;
text-decoration: inherit;
}
b,
strong {
font-weight: bolder;
}
code,
kbd,
pre,
samp {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
  Liberation Mono, Courier New, monospace;
font-feature-settings: normal;
font-size: 1em;
font-variation-settings: normal;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
table {
border-collapse: collapse;
border-color: inherit;
text-indent: 0;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font-family: inherit;
font-feature-settings: inherit;
font-size: 100%;
font-variation-settings: inherit;
font-weight: inherit;
line-height: inherit;
margin: 0;
padding: 0;
}
button,
select {
text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
-webkit-appearance: button;
background-color: transparent;
background-image: none;
}
:-moz-focusring {
outline: auto;
}
:-moz-ui-invalid {
box-shadow: none;
}
progress {
vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
summary {
display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
hr,
p,
pre {
margin: 0;
}
fieldset {
margin: 0;
}
fieldset,
legend {
padding: 0;
}
menu,
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}
dialog {
padding: 0;
}
textarea {
resize: vertical;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #9ca3af;
opacity: 1;
}
input::placeholder,
textarea::placeholder {
color: #9ca3af;
opacity: 1;
}
[role="button"],
button {
cursor: pointer;
}
:disabled {
cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
display: block;
vertical-align: middle;
}
img,
video {
height: auto;
max-width: 100%;
}
[hidden] {
display: none;
}
body {
background-color: #fff;
background-color: var(--color-generic-background);
color: #253858;
color: var(--color-body);
font-feature-settings: "kern";
font-kerning: normal;
-webkit-font-smoothing: antialiased;
text-rendering: optimizelegibility;
}
@media (max-width: calc(640px - 1px)) {
body {
  font-size: 0.9rem;
}
}
.container {
margin-left: auto;
margin-right: auto;
position: relative;
width: auto;
}
b {
font-weight: 700;
}
a {
color: rgb(13 114 231 / var(--tw-text-opacity));
cursor: pointer;
}
a,
a:hover {
--tw-text-opacity: 1;
}
a:hover {
color: rgb(10 91 184 / var(--tw-text-opacity));
text-decoration-line: underline;
}
a {
text-underline-offset: 2px;
transition-duration: 0.15s;
transition-property: color, background-color, border-color,
  text-decoration-color, fill, stroke, opacity, box-shadow, transform,
  filter, -webkit-backdrop-filter;
transition-property: color, background-color, border-color,
  text-decoration-color, fill, stroke, opacity, box-shadow, transform,
  filter, backdrop-filter;
transition-property: color, background-color, border-color,
  text-decoration-color, fill, stroke, opacity, box-shadow, transform,
  filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
input.input,
textarea.textarea {
transition: all 0.15s;
}
hr {
background-color: #f5f5f5;
border: none;
display: block;
height: 2px;
margin: 1.5rem 0;
}
img {
display: inline-block;
}
h1 {
font-size: 2.25rem;
font-weight: 800;
line-height: 2.5rem;
}
@media (max-width: 767px) {
h1 {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
}
h2 {
font-size: 1.875rem;
font-weight: 800;
line-height: 2.25rem;
}
@media (max-width: 767px) {
h2 {
  font-size: 1.5rem;
  line-height: 2rem;
}
}
h3 {
font-size: 1.5rem;
font-weight: 800;
line-height: 2rem;
}
@media (max-width: 767px) {
h3 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
}
h4 {
font-size: 1.25rem;
font-weight: 800;
line-height: 1.75rem;
}
@media (max-width: 767px) {
h4 {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
}
h5 {
font-size: 1.125rem;
font-weight: 800;
line-height: 1.75rem;
}
@media (max-width: 767px) {
h5 {
  font-size: 1rem;
  line-height: 1.5rem;
}
}
h6 {
font-size: 1rem;
font-weight: 800;
line-height: 1.5rem;
}
@media (max-width: 767px) {
h6 {
  font-size: 1rem;
  line-height: 1.5rem;
}
}
.title {
margin-bottom: 1.5rem;
}
.title + .subtitle {
margin-top: -1.25rem;
}
.subtitle {
font-size: 1.25rem;
font-weight: 300;
line-height: 1.75rem;
margin-bottom: 1.5rem;
}
.subtitle:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.subtitle {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
}
*,
:after,
:before {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
::backdrop {
--tw-border-spacing-x: 0;
--tw-border-spacing-y: 0;
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-pan-x: ;
--tw-pan-y: ;
--tw-pinch-zoom: ;
--tw-scroll-snap-strictness: proximity;
--tw-gradient-from-position: ;
--tw-gradient-via-position: ;
--tw-gradient-to-position: ;
--tw-ordinal: ;
--tw-slashed-zero: ;
--tw-numeric-figure: ;
--tw-numeric-spacing: ;
--tw-numeric-fraction: ;
--tw-ring-inset: ;
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
--tw-blur: ;
--tw-brightness: ;
--tw-contrast: ;
--tw-grayscale: ;
--tw-hue-rotate: ;
--tw-invert: ;
--tw-saturate: ;
--tw-sepia: ;
--tw-drop-shadow: ;
--tw-backdrop-blur: ;
--tw-backdrop-brightness: ;
--tw-backdrop-contrast: ;
--tw-backdrop-grayscale: ;
--tw-backdrop-hue-rotate: ;
--tw-backdrop-invert: ;
--tw-backdrop-opacity: ;
--tw-backdrop-saturate: ;
--tw-backdrop-sepia: ;
}
.container {
margin-left: auto;
margin-right: auto;
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;
}
}
.prose {
color: var(--tw-prose-body);
max-width: 65ch;
}
.prose
:where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 1.25em;
margin-top: 1.25em;
}
.prose
:where([class~="lead"]):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
color: var(--tw-prose-lead);
font-size: 1.25em;
line-height: 1.6;
margin-bottom: 1.2em;
margin-top: 1.2em;
}
.prose
:where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
color: var(--tw-prose-links);
font-weight: 500;
text-decoration: underline;
}
.prose
:where(strong):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
color: var(--tw-prose-bold);
font-weight: 600;
}
.prose
:where(a strong):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
color: inherit;
}
.prose
:where(blockquote strong):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
color: inherit;
}
.prose
:where(thead th strong):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
color: inherit;
}
.prose
:where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
list-style-type: decimal;
margin-bottom: 1.25em;
margin-top: 1.25em;
padding-left: 1.625em;
}
.prose
:where(ol[type="A"]):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
list-style-type: upper-alpha;
}
.prose
:where(ol[type="a"]):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
list-style-type: lower-alpha;
}
.prose
:where(ol[type="A s"]):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
list-style-type: upper-alpha;
}
.prose
:where(ol[type="a s"]):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
list-style-type: lower-alpha;
}
.prose
:where(ol[type="I"]):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
list-style-type: upper-roman;
}
.prose
:where(ol[type="i"]):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
list-style-type: lower-roman;
}
.prose
:where(ol[type="I s"]):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
list-style-type: upper-roman;
}
.prose
:where(ol[type="i s"]):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
list-style-type: lower-roman;
}
.prose
:where(ol[type="1"]):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
list-style-type: decimal;
}
.prose
:where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
list-style-type: disc;
margin-bottom: 1.25em;
margin-top: 1.25em;
padding-left: 1.625em;
}
.prose
:where(ol > li):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
)::marker {
color: var(--tw-prose-counters);
font-weight: 400;
}
.prose
:where(ul > li):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
)::marker {
color: var(--tw-prose-bullets);
}
.prose
:where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
margin-top: 1.25em;
}
.prose
:where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
border-color: var(--tw-prose-hr);
border-top-width: 1px;
margin-bottom: 3em;
margin-top: 3em;
}
.prose
:where(blockquote):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
border-left-color: var(--tw-prose-quote-borders);
border-left-width: 0.25rem;
color: var(--tw-prose-quotes);
font-style: italic;
font-weight: 500;
margin-bottom: 1.6em;
margin-top: 1.6em;
padding-left: 1em;
quotes: "\201C""\201D""\2018""\2019";
}
.prose
:where(blockquote p:first-of-type):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
):before {
content: open-quote;
}
.prose
:where(blockquote p:last-of-type):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
):after {
content: close-quote;
}
.prose
:where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-size: 2.25em;
font-weight: 800;
line-height: 1.1111111;
margin-bottom: 0.8888889em;
margin-top: 0;
}
.prose
:where(h1 strong):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
color: inherit;
font-weight: 900;
}
.prose
:where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-size: 1.5em;
font-weight: 700;
line-height: 1.3333333;
margin-bottom: 1em;
margin-top: 2em;
}
.prose
:where(h2 strong):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
color: inherit;
font-weight: 800;
}
.prose
:where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-size: 1.25em;
font-weight: 600;
line-height: 1.6;
margin-bottom: 0.6em;
margin-top: 1.6em;
}
.prose
:where(h3 strong):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
color: inherit;
font-weight: 700;
}
.prose
:where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
color: var(--tw-prose-headings);
font-weight: 600;
line-height: 1.5;
margin-bottom: 0.5em;
margin-top: 1.5em;
}
.prose
:where(h4 strong):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
color: inherit;
font-weight: 700;
}
.prose
:where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 2em;
margin-top: 2em;
}
.prose
:where(picture):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
display: block;
margin-bottom: 2em;
margin-top: 2em;
}
.prose
:where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
border-radius: 0.3125rem;
box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),
  0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
color: var(--tw-prose-kbd);
font-family: inherit;
font-size: 0.875em;
font-weight: 500;
padding: 0.1875em 0.375em;
}
.prose
:where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
color: var(--tw-prose-code);
font-size: 0.875em;
font-weight: 600;
}
.prose
:where(code):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
):before {
content: "`";
}
.prose
:where(code):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
):after {
content: "`";
}
.prose
:where(a code):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
color: inherit;
}
.prose
:where(h1 code):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
color: inherit;
}
.prose
:where(h2 code):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
color: inherit;
font-size: 0.875em;
}
.prose
:where(h3 code):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
color: inherit;
font-size: 0.9em;
}
.prose
:where(h4 code):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
color: inherit;
}
.prose
:where(blockquote code):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
color: inherit;
}
.prose
:where(thead th code):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
color: inherit;
}
.prose
:where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
background-color: var(--tw-prose-pre-bg);
border-radius: 0.375rem;
color: var(--tw-prose-pre-code);
font-size: 0.875em;
font-weight: 400;
line-height: 1.7142857;
margin-bottom: 1.7142857em;
margin-top: 1.7142857em;
overflow-x: auto;
padding: 0.8571429em 1.1428571em;
}
.prose
:where(pre code):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
background-color: transparent;
border-radius: 0;
border-width: 0;
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
padding: 0;
}
.prose
:where(pre code):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
):before {
content: none;
}
.prose
:where(pre code):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
):after {
content: none;
}
.prose
:where(table):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
font-size: 0.875em;
line-height: 1.7142857;
margin-bottom: 2em;
margin-top: 2em;
table-layout: auto;
text-align: left;
width: 100%;
}
.prose
:where(thead):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
border-bottom-color: var(--tw-prose-th-borders);
border-bottom-width: 1px;
}
.prose
:where(thead th):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
color: var(--tw-prose-headings);
font-weight: 600;
padding-bottom: 0.5714286em;
padding-left: 0.5714286em;
padding-right: 0.5714286em;
vertical-align: bottom;
}
.prose
:where(tbody tr):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
border-bottom-color: var(--tw-prose-td-borders);
border-bottom-width: 1px;
}
.prose
:where(tbody tr:last-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
border-bottom-width: 0;
}
.prose
:where(tbody td):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
vertical-align: baseline;
}
.prose
:where(tfoot):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
border-top-color: var(--tw-prose-th-borders);
border-top-width: 1px;
}
.prose
:where(tfoot td):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
vertical-align: top;
}
.prose
:where(figure > *):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 0;
margin-top: 0;
}
.prose
:where(figcaption):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
color: var(--tw-prose-captions);
font-size: 0.875em;
line-height: 1.4285714;
margin-top: 0.8571429em;
}
.prose {
--tw-prose-body: #374151;
--tw-prose-headings: #111827;
--tw-prose-lead: #4b5563;
--tw-prose-links: #111827;
--tw-prose-bold: #111827;
--tw-prose-counters: #6b7280;
--tw-prose-bullets: #d1d5db;
--tw-prose-hr: #e5e7eb;
--tw-prose-quotes: #111827;
--tw-prose-quote-borders: #e5e7eb;
--tw-prose-captions: #6b7280;
--tw-prose-kbd: #111827;
--tw-prose-kbd-shadows: 17 24 39;
--tw-prose-code: #111827;
--tw-prose-pre-code: #e5e7eb;
--tw-prose-pre-bg: #1f2937;
--tw-prose-th-borders: #d1d5db;
--tw-prose-td-borders: #e5e7eb;
--tw-prose-invert-body: #d1d5db;
--tw-prose-invert-headings: #fff;
--tw-prose-invert-lead: #9ca3af;
--tw-prose-invert-links: #fff;
--tw-prose-invert-bold: #fff;
--tw-prose-invert-counters: #9ca3af;
--tw-prose-invert-bullets: #4b5563;
--tw-prose-invert-hr: #374151;
--tw-prose-invert-quotes: #f3f4f6;
--tw-prose-invert-quote-borders: #374151;
--tw-prose-invert-captions: #9ca3af;
--tw-prose-invert-kbd: #fff;
--tw-prose-invert-kbd-shadows: 255 255 255;
--tw-prose-invert-code: #fff;
--tw-prose-invert-pre-code: #d1d5db;
--tw-prose-invert-pre-bg: rgba(0, 0, 0, 0.5);
--tw-prose-invert-th-borders: #4b5563;
--tw-prose-invert-td-borders: #374151;
font-size: 1rem;
line-height: 1.75;
}
.prose
:where(picture > img):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 0;
margin-top: 0;
}
.prose
:where(video):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 2em;
margin-top: 2em;
}
.prose
:where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 0.5em;
margin-top: 0.5em;
}
.prose
:where(ol > li):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-left: 0.375em;
}
.prose
:where(ul > li):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-left: 0.375em;
}
.prose
:where(.prose > ul > li p):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 0.75em;
margin-top: 0.75em;
}
.prose
:where(.prose > ul > li > :first-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 1.25em;
}
.prose
:where(.prose > ul > li > :last-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 1.25em;
}
.prose
:where(.prose > ol > li > :first-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 1.25em;
}
.prose
:where(.prose > ol > li > :last-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 1.25em;
}
.prose
:where(ul ul, ul ol, ol ul, ol ol):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 0.75em;
margin-top: 0.75em;
}
.prose
:where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 1.25em;
margin-top: 1.25em;
}
.prose
:where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-top: 0.5em;
padding-left: 1.625em;
}
.prose
:where(hr + *):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
}
.prose
:where(h2 + *):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
}
.prose
:where(h3 + *):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
}
.prose
:where(h4 + *):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
}
.prose
:where(thead th:first-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-left: 0;
}
.prose
:where(thead th:last-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-right: 0;
}
.prose
:where(tbody td, tfoot td):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding: 0.5714286em;
}
.prose
:where(tbody td:first-child, tfoot td:first-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-left: 0;
}
.prose
:where(tbody td:last-child, tfoot td:last-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-right: 0;
}
.prose
:where(figure):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 2em;
margin-top: 2em;
}
.prose
:where(.prose > :first-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
}
.prose
:where(.prose > :last-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 0;
}
.prose-sm {
font-size: 0.875rem;
line-height: 1.7142857;
}
.prose-sm
:where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 1.1428571em;
margin-top: 1.1428571em;
}
.prose-sm
:where([class~="lead"]):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
font-size: 1.2857143em;
line-height: 1.5555556;
margin-bottom: 0.8888889em;
margin-top: 0.8888889em;
}
.prose-sm
:where(blockquote):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 1.3333333em;
margin-top: 1.3333333em;
padding-left: 1.1111111em;
}
.prose-sm
:where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
font-size: 2.1428571em;
line-height: 1.2;
margin-bottom: 0.8em;
margin-top: 0;
}
.prose-sm
:where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
font-size: 1.4285714em;
line-height: 1.4;
margin-bottom: 0.8em;
margin-top: 1.6em;
}
.prose-sm
:where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
font-size: 1.2857143em;
line-height: 1.5555556;
margin-bottom: 0.4444444em;
margin-top: 1.5555556em;
}
.prose-sm
:where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
line-height: 1.4285714;
margin-bottom: 0.5714286em;
margin-top: 1.4285714em;
}
.prose-sm
:where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 1.7142857em;
margin-top: 1.7142857em;
}
.prose-sm
:where(picture):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 1.7142857em;
margin-top: 1.7142857em;
}
.prose-sm
:where(picture > img):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 0;
margin-top: 0;
}
.prose-sm
:where(video):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 1.7142857em;
margin-top: 1.7142857em;
}
.prose-sm
:where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
border-radius: 0.3125rem;
font-size: 0.8571429em;
padding: 0.1428571em 0.3571429em;
}
.prose-sm
:where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
font-size: 0.8571429em;
}
.prose-sm
:where(h2 code):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
font-size: 0.9em;
}
.prose-sm
:where(h3 code):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
font-size: 0.8888889em;
}
.prose-sm
:where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
border-radius: 0.25rem;
font-size: 0.8571429em;
line-height: 1.6666667;
margin-bottom: 1.6666667em;
margin-top: 1.6666667em;
padding: 0.6666667em 1em;
}
.prose-sm
:where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 1.1428571em;
margin-top: 1.1428571em;
padding-left: 1.5714286em;
}
.prose-sm
:where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 1.1428571em;
margin-top: 1.1428571em;
padding-left: 1.5714286em;
}
.prose-sm
:where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 0.2857143em;
margin-top: 0.2857143em;
}
.prose-sm
:where(ol > li):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-left: 0.4285714em;
}
.prose-sm
:where(ul > li):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-left: 0.4285714em;
}
.prose-sm
:where(.prose-sm > ul > li p):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 0.5714286em;
margin-top: 0.5714286em;
}
.prose-sm
:where(.prose-sm > ul > li > :first-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 1.1428571em;
}
.prose-sm
:where(.prose-sm > ul > li > :last-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 1.1428571em;
}
.prose-sm
:where(.prose-sm > ol > li > :first-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 1.1428571em;
}
.prose-sm
:where(.prose-sm > ol > li > :last-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 1.1428571em;
}
.prose-sm
:where(ul ul, ul ol, ol ul, ol ol):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 0.5714286em;
margin-top: 0.5714286em;
}
.prose-sm
:where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 1.1428571em;
margin-top: 1.1428571em;
}
.prose-sm
:where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-top: 1.1428571em;
}
.prose-sm
:where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-top: 0.2857143em;
padding-left: 1.5714286em;
}
.prose-sm
:where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 2.8571429em;
margin-top: 2.8571429em;
}
.prose-sm
:where(hr + *):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
}
.prose-sm
:where(h2 + *):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
}
.prose-sm
:where(h3 + *):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
}
.prose-sm
:where(h4 + *):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
}
.prose-sm
:where(table):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
font-size: 0.8571429em;
line-height: 1.5;
}
.prose-sm
:where(thead th):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-bottom: 0.6666667em;
padding-left: 1em;
padding-right: 1em;
}
.prose-sm
:where(thead th:first-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-left: 0;
}
.prose-sm
:where(thead th:last-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-right: 0;
}
.prose-sm
:where(tbody td, tfoot td):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding: 0.6666667em 1em;
}
.prose-sm
:where(tbody td:first-child, tfoot td:first-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-left: 0;
}
.prose-sm
:where(tbody td:last-child, tfoot td:last-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-right: 0;
}
.prose-sm
:where(figure):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 1.7142857em;
margin-top: 1.7142857em;
}
.prose-sm
:where(figure > *):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 0;
margin-top: 0;
}
.prose-sm
:where(figcaption):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
font-size: 0.8571429em;
line-height: 1.3333333;
margin-top: 0.6666667em;
}
.prose-sm
:where(.prose-sm > :first-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
}
.prose-sm
:where(.prose-sm > :last-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 0;
}
.prose-lg {
font-size: 1.125rem;
line-height: 1.7777778;
}
.prose-lg
:where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 1.3333333em;
margin-top: 1.3333333em;
}
.prose-lg
:where([class~="lead"]):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
font-size: 1.2222222em;
line-height: 1.4545455;
margin-bottom: 1.0909091em;
margin-top: 1.0909091em;
}
.prose-lg
:where(blockquote):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 1.6666667em;
margin-top: 1.6666667em;
padding-left: 1em;
}
.prose-lg
:where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
font-size: 2.6666667em;
line-height: 1;
margin-bottom: 0.8333333em;
margin-top: 0;
}
.prose-lg
:where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
font-size: 1.6666667em;
line-height: 1.3333333;
margin-bottom: 1.0666667em;
margin-top: 1.8666667em;
}
.prose-lg
:where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
font-size: 1.3333333em;
line-height: 1.5;
margin-bottom: 0.6666667em;
margin-top: 1.6666667em;
}
.prose-lg
:where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
line-height: 1.5555556;
margin-bottom: 0.4444444em;
margin-top: 1.7777778em;
}
.prose-lg
:where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 1.7777778em;
margin-top: 1.7777778em;
}
.prose-lg
:where(picture):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 1.7777778em;
margin-top: 1.7777778em;
}
.prose-lg
:where(picture > img):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 0;
margin-top: 0;
}
.prose-lg
:where(video):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 1.7777778em;
margin-top: 1.7777778em;
}
.prose-lg
:where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
border-radius: 0.3125rem;
font-size: 0.8888889em;
padding: 0.2222222em 0.4444444em;
}
.prose-lg
:where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
font-size: 0.8888889em;
}
.prose-lg
:where(h2 code):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
font-size: 0.8666667em;
}
.prose-lg
:where(h3 code):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
font-size: 0.875em;
}
.prose-lg
:where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
border-radius: 0.375rem;
font-size: 0.8888889em;
line-height: 1.75;
margin-bottom: 2em;
margin-top: 2em;
padding: 1em 1.5em;
}
.prose-lg
:where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 1.3333333em;
margin-top: 1.3333333em;
padding-left: 1.5555556em;
}
.prose-lg
:where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 1.3333333em;
margin-top: 1.3333333em;
padding-left: 1.5555556em;
}
.prose-lg
:where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 0.6666667em;
margin-top: 0.6666667em;
}
.prose-lg
:where(ol > li):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-left: 0.4444444em;
}
.prose-lg
:where(ul > li):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-left: 0.4444444em;
}
.prose-lg
:where(.prose-lg > ul > li p):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 0.8888889em;
margin-top: 0.8888889em;
}
.prose-lg
:where(.prose-lg > ul > li > :first-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 1.3333333em;
}
.prose-lg
:where(.prose-lg > ul > li > :last-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 1.3333333em;
}
.prose-lg
:where(.prose-lg > ol > li > :first-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 1.3333333em;
}
.prose-lg
:where(.prose-lg > ol > li > :last-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 1.3333333em;
}
.prose-lg
:where(ul ul, ul ol, ol ul, ol ol):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 0.8888889em;
margin-top: 0.8888889em;
}
.prose-lg
:where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 1.3333333em;
margin-top: 1.3333333em;
}
.prose-lg
:where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-top: 1.3333333em;
}
.prose-lg
:where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-top: 0.6666667em;
padding-left: 1.5555556em;
}
.prose-lg
:where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 3.1111111em;
margin-top: 3.1111111em;
}
.prose-lg
:where(hr + *):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
}
.prose-lg
:where(h2 + *):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
}
.prose-lg
:where(h3 + *):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
}
.prose-lg
:where(h4 + *):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
}
.prose-lg
:where(table):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
font-size: 0.8888889em;
line-height: 1.5;
}
.prose-lg
:where(thead th):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-bottom: 0.75em;
padding-left: 0.75em;
padding-right: 0.75em;
}
.prose-lg
:where(thead th:first-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-left: 0;
}
.prose-lg
:where(thead th:last-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-right: 0;
}
.prose-lg
:where(tbody td, tfoot td):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding: 0.75em;
}
.prose-lg
:where(tbody td:first-child, tfoot td:first-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-left: 0;
}
.prose-lg
:where(tbody td:last-child, tfoot td:last-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-right: 0;
}
.prose-lg
:where(figure):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 1.7777778em;
margin-top: 1.7777778em;
}
.prose-lg
:where(figure > *):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 0;
margin-top: 0;
}
.prose-lg
:where(figcaption):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
font-size: 0.8888889em;
line-height: 1.5;
margin-top: 1em;
}
.prose-lg
:where(.prose-lg > :first-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
}
.prose-lg
:where(.prose-lg > :last-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 0;
}
.prose-xl {
font-size: 1.25rem;
line-height: 1.8;
}
.prose-xl
:where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 1.2em;
margin-top: 1.2em;
}
.prose-xl
:where([class~="lead"]):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
font-size: 1.2em;
line-height: 1.5;
margin-bottom: 1em;
margin-top: 1em;
}
.prose-xl
:where(blockquote):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 1.6em;
margin-top: 1.6em;
padding-left: 1.0666667em;
}
.prose-xl
:where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
font-size: 2.8em;
line-height: 1;
margin-bottom: 0.8571429em;
margin-top: 0;
}
.prose-xl
:where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
font-size: 1.8em;
line-height: 1.1111111;
margin-bottom: 0.8888889em;
margin-top: 1.5555556em;
}
.prose-xl
:where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
font-size: 1.5em;
line-height: 1.3333333;
margin-bottom: 0.6666667em;
margin-top: 1.6em;
}
.prose-xl
:where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
line-height: 1.6;
margin-bottom: 0.6em;
margin-top: 1.8em;
}
.prose-xl
:where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 2em;
margin-top: 2em;
}
.prose-xl
:where(picture):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 2em;
margin-top: 2em;
}
.prose-xl
:where(picture > img):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 0;
margin-top: 0;
}
.prose-xl
:where(video):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 2em;
margin-top: 2em;
}
.prose-xl
:where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
border-radius: 0.3125rem;
font-size: 0.9em;
padding: 0.25em 0.4em;
}
.prose-xl
:where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
font-size: 0.9em;
}
.prose-xl
:where(h2 code):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
font-size: 0.8611111em;
}
.prose-xl
:where(h3 code):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
font-size: 0.9em;
}
.prose-xl
:where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
border-radius: 0.5rem;
font-size: 0.9em;
line-height: 1.7777778;
margin-bottom: 2em;
margin-top: 2em;
padding: 1.1111111em 1.3333333em;
}
.prose-xl
:where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 1.2em;
margin-top: 1.2em;
padding-left: 1.6em;
}
.prose-xl
:where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 1.2em;
margin-top: 1.2em;
padding-left: 1.6em;
}
.prose-xl
:where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 0.6em;
margin-top: 0.6em;
}
.prose-xl
:where(ol > li):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-left: 0.4em;
}
.prose-xl
:where(ul > li):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-left: 0.4em;
}
.prose-xl
:where(.prose-xl > ul > li p):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 0.8em;
margin-top: 0.8em;
}
.prose-xl
:where(.prose-xl > ul > li > :first-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 1.2em;
}
.prose-xl
:where(.prose-xl > ul > li > :last-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 1.2em;
}
.prose-xl
:where(.prose-xl > ol > li > :first-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 1.2em;
}
.prose-xl
:where(.prose-xl > ol > li > :last-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 1.2em;
}
.prose-xl
:where(ul ul, ul ol, ol ul, ol ol):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 0.8em;
margin-top: 0.8em;
}
.prose-xl
:where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 1.2em;
margin-top: 1.2em;
}
.prose-xl
:where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-top: 1.2em;
}
.prose-xl
:where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-top: 0.6em;
padding-left: 1.6em;
}
.prose-xl
:where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
margin-bottom: 2.8em;
margin-top: 2.8em;
}
.prose-xl
:where(hr + *):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
}
.prose-xl
:where(h2 + *):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
}
.prose-xl
:where(h3 + *):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
}
.prose-xl
:where(h4 + *):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
}
.prose-xl
:where(table):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
font-size: 0.9em;
line-height: 1.5555556;
}
.prose-xl
:where(thead th):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-bottom: 0.8888889em;
padding-left: 0.6666667em;
padding-right: 0.6666667em;
}
.prose-xl
:where(thead th:first-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-left: 0;
}
.prose-xl
:where(thead th:last-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-right: 0;
}
.prose-xl
:where(tbody td, tfoot td):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding: 0.8888889em 0.6666667em;
}
.prose-xl
:where(tbody td:first-child, tfoot td:first-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-left: 0;
}
.prose-xl
:where(tbody td:last-child, tfoot td:last-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
padding-right: 0;
}
.prose-xl
:where(figure):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 2em;
margin-top: 2em;
}
.prose-xl
:where(figure > *):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 0;
margin-top: 0;
}
.prose-xl
:where(figcaption):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
font-size: 0.9em;
line-height: 1.5555556;
margin-top: 1em;
}
.prose-xl
:where(.prose-xl > :first-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-top: 0;
}
.prose-xl
:where(.prose-xl > :last-child):not(
  :where([class~="not-prose"], [class~="not-prose"] *)
) {
margin-bottom: 0;
}
.subtitle,
.title {
color: #253858;
color: var(--color-body);
}
.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose h5,
.prose h6 {
font-weight: 800;
--tw-text-opacity: 1;
color: rgb(66 86 122 / var(--tw-text-opacity));
}
.content {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
}
.level-y {
align-items: center;
display: inline-flex;
}
.level-y-many {
flex-wrap: wrap;
}
.level-xy,
.level-y-many {
align-items: center;
display: flex;
}
.level-xy {
justify-content: center;
}
.bicon {
display: inline-block;
}
.bicon,
label.checkbox input,
label.radio input {
margin-right: 0.25rem;
}
.flex-columns {
display: flex;
gap: 1rem;
}
@media (min-width: 768px) {
.flex-columns {
  gap: 1.5rem;
}
}
@media (max-width: 767px) {
.flex-columns {
  flex-direction: column;
}
}
.grid-columns {
display: grid;
grid-gap: 1rem;
gap: 1rem;
}
@media (min-width: 768px) {
.grid-columns {
  gap: 1.5rem;
}
}
@media (max-width: 767px) {
.grid-columns {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
}
h2.subtitle,
h3.subtitle {
line-height: 1.25 !important;
}
main.section {
padding-bottom: 2rem;
padding-top: 2rem;
}
footer.footer {
--tw-bg-opacity: 1;
background-color: rgb(12 74 110 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
padding: 3rem 1.5rem 1rem;
}
footer.footer--status-page {
padding-top: 1rem;
}
footer.footer a {
--tw-text-opacity: 1;
color: rgb(147 197 253 / var(--tw-text-opacity));
}
footer.footer a:hover {
--tw-text-opacity: 1;
color: rgb(219 234 254 / var(--tw-text-opacity));
}
.footer-title {
font-weight: 500;
margin-bottom: 1rem;
}
.boxed {
border-radius: 0.5rem;
padding: 1.25rem;
}
@media (max-width: 767px) {
.boxed {
  border-radius: 0;
  margin-left: -1rem;
  margin-right: -1rem;
  padding: 1rem;
}
}
.boxed {
background-color: #f6f9fc;
background-color: var(--color-generic-box);
}
.boxed--more-space {
padding: 2.5rem !important;
}
@media (max-width: 767px) {
.boxed--more-space {
  padding: 1rem !important;
}
}
.boxed--extra-space {
padding: 3.5rem !important;
}
@media (max-width: 767px) {
.boxed--extra-space {
  padding: 1.25rem !important;
}
}
.section-x {
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 1024px) {
.section-x {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
}
.hero-body,
.section {
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 1024px) {
.hero-body,
.section {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
}
.hero-body,
.section {
padding-bottom: 1.5rem;
padding-top: 1.5rem;
}
.hero-foot {
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 1024px) {
.hero-foot {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
}
.boxed.default-form,
.default-form,
.form,
form.boxed {
border-radius: 0.5rem;
padding: 2rem 1rem;
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
  0 4px 6px -4px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
  0 4px 6px -4px var(--tw-shadow-color);
background-color: #f6f9fc;
background-color: var(--color-generic-box);
box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
  var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.newsletter-box {
background: repeating-linear-gradient(
  -45deg,
  #6cc3eb,
  #6cc3eb 10px,
  #fffef2 0,
  #fffef2 0,
  #fffef2 20px,
  #cf6468 0,
  #cf6468 30px
);
padding: 0.5rem;
}
.story-vote .fa {
font-size: 1.3rem;
}
.story-vote .points {
margin-bottom: 5px;
margin-top: -7px;
}
.story-rating .fa {
font-size: 1.3rem;
}
.sortable-items-list {
border: 1px solid #e5e7eb;
border-radius: 0.375rem;
min-height: 36px;
}
.sortable-items-list + .autocomplete {
margin-top: 1rem;
}
.sortable-list-item.sortable-chosen {
--tw-bg-opacity: 1;
background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}
.sortable-list-item {
background-color: #fff;
border-bottom: 1px solid #e5e7eb;
margin-bottom: 0 !important;
min-height: 34px;
padding-bottom: 4px;
padding-top: 4px;
}
.sortable-list-item:first-child {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.sortable-list-item:last-child {
border-bottom: none;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.sortable-handle {
cursor: move;
font-weight: 700;
text-align: center;
}
.sortable-handle.--input {
height: 2rem;
line-height: 2rem;
margin-top: 2px;
text-align: center;
width: 1rem;
}
@media (min-width: 1024px) {
.has-hidden-elements .hidden-element {
  visibility: hidden;
}
}
.has-hidden-elements:hover .hidden-element {
visibility: visible;
}
@media (min-width: 1024px) {
.has-invisible-elements .invisible-element {
  visibility: hidden;
}
}
.has-invisible-elements:hover .invisible-element {
visibility: visible;
}
.autocomplete {
position: relative;
}
.autocomplete .autocomplete-results {
background-clip: padding-box;
border: 1px solid #ccc;
border-radius: 4px;
color: #333;
left: 0;
list-style: none;
margin-top: 0.5rem;
max-height: 322px;
overflow-y: auto;
position: absolute;
text-align: left;
top: 100%;
white-space: nowrap;
width: 100%;
z-index: 56;
z-index: calc(var(--modal-z-index) + 5);
z-index: 45;
z-index: var(--autocomplete-z-index);
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
border-radius: 0.375rem;
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
  0 2px 4px -2px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
  0 2px 4px -2px var(--tw-shadow-color);
box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
  var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
overflow: hidden;
}
.autocomplete .autocomplete-input {
--tw-bg-opacity: 1;
background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
.autocomplete .autocomplete-result {
align-items: center;
cursor: pointer;
display: flex;
}
.autocomplete .autocomplete-result > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
}
.autocomplete .autocomplete-result {
padding: 0.5rem 0.75rem;
}
.autocomplete .autocomplete-result.active,
.autocomplete .autocomplete-result:hover {
--tw-bg-opacity: 1;
background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}
.autocomplete .autocomplete__section-label {
--tw-bg-opacity: 1;
background-color: rgb(246 249 252 / var(--tw-bg-opacity));
font-size: 0.75rem;
line-height: 1rem;
padding: 0.25rem 0.75rem;
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
}
.comparison-select .autocomplete-results[hidden] {
display: block;
}
.screenshot figcaption {
font-size: 0.875rem;
line-height: 1.25rem;
line-height: 1.5;
margin-bottom: 0.5rem;
margin-top: 1rem;
text-align: center;
}
@media (max-width: 767px) {
.screenshot a {
  cursor: default;
  pointer-events: none;
}
}
.modal {
align-items: center;
bottom: 0;
display: none;
flex-direction: column;
justify-content: center;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 51;
z-index: var(--modal-z-index);
}
.modal.is-active {
display: flex;
}
.modal.--fixed-top {
justify-content: start;
}
.modal.--fixed-top .modal-content {
top: 100px;
}
@media (min-width: calc(768px)) {
.modal.--large .modal-content {
  width: 860px;
}
}
.modal.--full-screen .modal-content {
width: 100%;
}
.modal.--full-screen .modal-content .boxed {
background-color: transparent;
}
.modal.--full-screen .modal-content .glide__slide {
position: relative;
}
.modal.--full-screen .modal-content .screenshot {
align-items: center;
background-color: transparent;
border-style: none;
display: flex;
justify-content: center;
}
.modal.--full-screen .modal-content .screenshot img {
max-height: 85vh;
}
.modal.--full-screen .modal-content .screenshot figcaption {
bottom: 0;
left: 0;
margin-bottom: 0;
margin-top: 0;
position: absolute;
right: 0;
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
line-height: 1rem;
padding: 0.5rem;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
opacity: 0.9;
}
.modal.--full-screen .modal-close {
right: 1rem;
top: 0.75rem;
}
.modal.--full-screen .modal-close .bicon {
height: 1.5rem;
margin-right: 0;
width: 1.5rem;
--tw-text-opacity: 1;
color: rgb(241 245 249 / var(--tw-text-opacity));
}
@media (max-width: calc(768px - 1px)) {
.modal .boxed {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.modal .modal-close {
  top: 4px;
}
}
.modal-content {
margin: 0 auto;
max-height: 95vh;
position: relative;
width: 100%;
}
@media (min-width: calc(768px)) {
.modal-content {
  width: 640px;
}
}
.modal-close {
font-weight: 800;
position: absolute;
right: 12px;
top: 8px;
--tw-text-opacity: 1;
color: rgb(29 45 53 / var(--tw-text-opacity));
}
.modal-close:hover {
--tw-text-opacity: 1;
color: rgb(13 114 231 / var(--tw-text-opacity));
}
.modal-background {
background-color: hsla(0, 0%, 4%, 0.82);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.btn {
border-radius: 0.25rem;
cursor: pointer;
display: inline-flex;
}
.btn,
.btn:hover {
text-decoration-line: none;
}
.btn {
align-items: center;
background-color: rgb(226 232 240 / var(--tw-bg-opacity));
color: rgb(71 85 105 / var(--tw-text-opacity));
justify-content: center;
padding: 0.5rem 1rem;
text-align: center;
}
.btn,
.btn:hover {
--tw-bg-opacity: 1;
--tw-text-opacity: 1;
}
.btn:hover {
background-color: rgb(203 213 225 / var(--tw-bg-opacity));
color: rgb(51 65 85 / var(--tw-text-opacity));
}
.btn:disabled {
cursor: not-allowed;
opacity: 0.6;
}
.btn--small {
border-radius: 0.25rem;
font-size: 0.875rem;
line-height: 1.25rem;
padding: 6px 0.75rem;
}
@media (max-width: 767px) {
.btn--small {
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
}
.btn--large {
font-size: 1.5rem;
line-height: 2rem;
padding: 0.75rem 1.5rem;
}
.btn--success {
background-color: rgb(0 200 81 / var(--tw-bg-opacity));
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn--success,
.btn--success:hover {
--tw-bg-opacity: 1;
--tw-text-opacity: 1;
}
.btn--success:hover {
background-color: rgb(0 191 80 / var(--tw-bg-opacity));
color: rgb(240 253 244 / var(--tw-text-opacity));
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
  0 4px 6px -4px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
  0 4px 6px -4px var(--tw-shadow-color);
box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
  var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.btn--danger {
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn--danger,
.btn--danger:hover {
--tw-bg-opacity: 1;
--tw-text-opacity: 1;
}
.btn--danger:hover {
background-color: rgb(220 38 38 / var(--tw-bg-opacity));
color: rgb(254 242 242 / var(--tw-text-opacity));
}
.btn--hollow {
--tw-bg-opacity: 0;
}
.btn--hollow:hover {
--tw-bg-opacity: 1;
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.btn--warning {
--tw-bg-opacity: 1;
background-color: rgb(253 230 138 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(37 56 88 / var(--tw-text-opacity));
}
.btn--warning:hover {
--tw-bg-opacity: 1;
background-color: rgb(252 211 77 / var(--tw-bg-opacity));
}
.btn--primary {
background-color: rgb(28 127 242 / var(--tw-bg-opacity));
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn--primary,
.btn--primary:hover {
--tw-bg-opacity: 1;
--tw-text-opacity: 1;
}
.btn--primary:hover {
background-color: rgb(13 109 222 / var(--tw-bg-opacity));
color: rgb(239 246 255 / var(--tw-text-opacity));
}
.btn--category {
border-radius: 0.375rem;
font-weight: 500;
}
.btn--category:hover {
--tw-bg-opacity: 1;
background-color: rgb(61 142 235 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.btn--category {
background-color: #f6f9fc;
background-color: var(--color-generic-box);
border-width: 1px;
--tw-border-opacity: 1;
border-color: rgb(241 245 249 / var(--tw-border-opacity));
}
.blank-space {
height: 3rem;
}
.blank-space--small {
height: 1rem;
}
.context-vote,
.context-vote-space {
width: 3rem;
}
.context-vote {
text-align: center;
}
@media (max-width: 767px) {
.context-vote {
  display: none;
}
}
.context-vote .up {
margin-top: -0.5rem;
}
.context-vote .down,
.context-vote .up {
display: block;
}
.context-vote .context-vote__button {
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
font-size: 2rem;
line-height: 1rem;
text-decoration-line: none;
}
.context-vote .context-vote__button.is-active {
--tw-text-opacity: 1;
color: rgb(13 114 231 / var(--tw-text-opacity));
}
.context-vote .context-vote__button:not(.is-active).up:hover {
--tw-text-opacity: 1;
color: rgb(0 200 81 / var(--tw-text-opacity));
}
.context-vote .context-vote__button:not(.is-active).down:hover {
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity));
}
.context-vote .rating {
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity));
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.search-option img {
height: 20px;
margin-right: 0.5rem;
margin-top: -3px;
vertical-align: middle;
width: 20px;
}
.search-option label {
cursor: pointer;
display: inline-block;
height: 20px;
line-height: 20px;
}
@media (max-width: 767px) {
.search-input-focussed .hidden-on-search-input-focussed {
  display: none !important;
}
}
.sidebar-image {
font-size: 0.875rem;
line-height: 1.25rem;
margin-bottom: 1rem;
text-align: center;
--tw-text-opacity: 1;
color: rgb(163 163 163 / var(--tw-text-opacity));
}
.sidebar-image img {
border-radius: 0.5rem;
border-width: 1px;
width: 100%;
--tw-border-opacity: 1;
border-color: rgb(246 249 252 / var(--tw-border-opacity));
max-width: 320px;
}
.sidebar-text-button {
align-items: center;
border-radius: 0.25rem;
display: inline-flex;
width: 100%;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
color: #253858;
color: var(--color-body);
padding: 0.5rem 1rem;
}
.sidebar-text-button:hover {
--tw-text-opacity: 1;
color: rgb(13 114 231 / var(--tw-text-opacity));
}
.link-title {
color: #253858;
color: var(--color-body);
text-decoration-line: underline;
}
.link-title:hover {
--tw-text-opacity: 1;
color: rgb(13 114 231 / var(--tw-text-opacity));
}
.separated-list-x {
display: inline-flex;
flex-wrap: wrap;
justify-items: start;
}
.separated-list-x li {
display: flex;
}
.separated-list-x li > a,
.separated-list-x li > span {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.separated-list-x li:first-child > a,
.separated-list-x li:first-child > span {
padding-left: 0;
}
.separated-list-x li:last-child > a,
.separated-list-x li:last-child > span {
padding-right: 0;
}
.separated-list-x li + li:before {
content: "\0007c";
display: inline-block;
font-weight: 300;
text-align: center;
}
.hero {
align-items: stretch;
background-color: #f6f9fc;
background-color: var(--color-generic-box);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.hero .hero-body {
padding: 3rem 0.75rem;
}
@media (min-width: 640px) {
.hero .hero-body {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
}
@media (min-width: 1024px) {
.hero .hero-body {
  padding-left: 3rem;
  padding-right: 3rem;
}
}
.hero .hero-body {
flex-grow: 1;
flex-shrink: 0;
}
.hero .hero-foot {
flex-grow: 0;
flex-shrink: 0;
}
.hero .breadcrumbs {
margin-bottom: 2rem;
margin-top: -2.25rem;
}
.hero.is-low .hero-body {
padding: 1.5rem;
}
.hero.is-warning {
--tw-bg-opacity: 1;
background-color: rgb(255 224 138 / var(--tw-bg-opacity));
}
.hero-manage.shadow {
--tw-shadow: 0 0 #0000 !important;
--tw-shadow-colored: 0 0 #0000 !important;
box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
  var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.hero-manage .hero-body {
padding: 1.5rem;
}
.breadcrumbs {
font-size: 0.875rem;
font-weight: 700;
line-height: 1.25rem;
}
.breadcrumbs li + li:before {
content: "\0002f";
--tw-text-opacity: 1;
color: rgb(163 163 163 / var(--tw-text-opacity));
position: relative;
}
@media (max-width: calc(768px - 1px)) {
.breadcrumbs li.home {
  display: none;
}
.breadcrumbs li.home + li:before {
  content: none;
}
.breadcrumbs li.second a,
.breadcrumbs li.second span {
  padding-left: 0;
}
}
.breadcrumbs a {
--tw-text-opacity: 1;
color: rgb(37 56 88 / var(--tw-text-opacity));
}
.breadcrumbs a:hover {
text-decoration-line: underline;
}
.breadcrumbs.--unfocussed a {
--tw-text-opacity: 1;
color: rgb(100 116 139 / var(--tw-text-opacity));
}
@media (max-width: 767px) {
.breadcrumbs .is-active {
  display: none;
}
}
.breadcrumbs .is-active span {
cursor: default;
font-weight: 500;
--tw-text-opacity: 1;
color: rgb(100 116 139 / var(--tw-text-opacity));
}
.tabs {
overflow-x: auto;
}
.tabs--hero {
margin-bottom: -2px;
}
.tabs ul {
display: flex;
}
.tabs ul > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
}
.tabs li a {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
display: flex;
padding: 0.5rem 0.75rem;
}
.tabs li a:hover {
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-bg-opacity: 0.8;
text-decoration-line: none;
}
@media (max-width: 767px) {
.tabs li a {
  padding: 0.25rem 0.5rem;
}
}
.tabs li a {
color: #253858;
color: var(--color-body);
}
.tabs--large ul > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
}
.tabs--large li a {
padding: 0.75rem 1rem;
}
@media (max-width: 767px) {
.tabs--large li a {
  padding: 0.5rem 0.75rem;
}
}
.tabs li.is-active a {
color: #253858;
color: var(--color-body);
}
.tabs .is-active a {
background-color: #fff;
background-color: var(--color-generic-background);
}
.management-navbar {
--tw-bg-opacity: 1;
background-color: rgb(11 97 197 / var(--tw-bg-opacity));
padding-bottom: 0.25rem;
padding-top: 0.25rem;
}
.management-navbar,
.management-navbar a {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.management-navbar a:hover {
text-decoration-line: underline;
}
.management-navbar .breadcrumbs li + li:before,
.management-navbar .breadcrumbs li.is-active span {
--tw-text-opacity: 1;
color: rgb(180 83 9 / var(--tw-text-opacity));
}
.management-navbar--down {
--tw-bg-opacity: 1;
background-color: rgb(252 211 77 / var(--tw-bg-opacity));
padding-bottom: 0.5rem !important;
padding-top: 0.5rem !important;
}
.management-navbar--down a,
.management-navbar--down a:hover {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.management-navbar--admin {
--tw-bg-opacity: 1;
background-color: rgb(37 56 88 / var(--tw-bg-opacity));
}
.small-centered-section {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.small-centered-section {
  width: 83.333333%;
}
}
@media (min-width: 1024px) {
.small-centered-section {
  width: 66.666667%;
}
}
.services-list > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
}
.services-list .categories a,
.services-list .title a {
--tw-text-opacity: 1;
color: rgb(37 56 88 / var(--tw-text-opacity));
}
.services-list .categories a:hover,
.services-list .title a:hover {
--tw-text-opacity: 1;
color: rgb(10 91 184 / var(--tw-text-opacity));
}
.services-list .tagline {
--tw-text-opacity: 1;
color: rgb(8 47 73 / var(--tw-text-opacity));
}
.services-list .title {
font-size: 1.25rem;
line-height: 1.75rem;
margin-bottom: 0.25rem;
}
.services-list .title a {
display: block;
}
.services-list li.services-list__item {
display: flex;
position: relative;
}
.services-list li.services-list__item > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
margin-right: calc(1rem * var(--tw-space-x-reverse));
}
.services-list li.services-list__item {
padding-left: 1rem;
padding-right: 1rem;
}
.services-list li.services-list__item:hover {
background-color: #e7eff7;
background-color: var(--color-generic-box-darkened);
}
@media (max-width: 767px) {
.services-list li.services-list__item .logo-placeholder,
.services-list li.services-list__item figure.image {
  margin-left: 0 !important;
}
}
.services-list__screenshot {
display: flex;
margin: auto -0.5rem auto 1rem;
max-height: 200px;
max-width: 200px;
}
.services-list__screenshot img:hover {
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.footer-title {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.star-rating {
display: inline-flex;
--tw-text-opacity: 1;
color: rgb(250 204 21 / var(--tw-text-opacity));
}
.star-rating i:not(:last-child) {
margin-right: 0.25rem;
}
.hero-manage.panel {
--tw-shadow: 0 0 #0000 !important;
--tw-shadow-colored: 0 0 #0000 !important;
box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
  var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.panel > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
}
.panel {
border-radius: 0.5rem;
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
  0 1px 2px -1px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
  0 1px 2px -1px var(--tw-shadow-color);
box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
  var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.panel:not(:last-child) {
margin-bottom: 1.5rem;
}
.panel-heading {
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(229 231 235 / var(--tw-bg-opacity));
font-size: 1.25rem;
line-height: 1.75rem;
padding: 0.75rem 1rem;
}
.panel-block {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 0.5rem 0.75rem;
}
.panel-block:last-child {
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
}
@media (min-width: 768px) {
.sidebar-nav {
  text-align: right;
}
}
.sidebar-nav a {
border-radius: 9999px;
display: inline-block;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.75rem;
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.sidebar-nav a:hover {
--tw-bg-opacity: 1;
background-color: rgb(224 242 254 / var(--tw-bg-opacity));
}
.sidebar-nav a {
padding: 0.5rem 1rem;
}
.sidebar-nav .is-active a {
--tw-text-opacity: 1;
color: rgb(13 114 231 / var(--tw-text-opacity));
}
@media (max-width: calc(768px - 1px)) {
.sidebar-nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sidebar-nav a {
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 0.25rem 0.5rem;
}
}
.responsive-video {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
padding-top: 30px;
position: relative;
}
.responsive-video embed,
.responsive-video iframe,
.responsive-video object {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.link-btns label.label {
display: inline-block;
font-size: 0.875rem;
font-weight: 300;
line-height: 1.25rem;
}
a.link-btn {
border-radius: 0.25rem;
font-weight: 500;
padding: 0.25rem 0.5rem;
}
a.link-btn:hover {
text-decoration-line: none;
}
a.hero-manage.link-btn {
--tw-shadow: 0 0 #0000 !important;
--tw-shadow-colored: 0 0 #0000 !important;
box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
  var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
a.link-btn {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(37 56 88 / var(--tw-text-opacity));
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
  0 1px 2px -1px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
  0 1px 2px -1px var(--tw-shadow-color);
}
a.link-btn,
a.link-btn:hover {
box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
  var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
a.link-btn:hover {
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
  0 4px 6px -4px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
  0 4px 6px -4px var(--tw-shadow-color);
}
a.link-btn--light {
--tw-text-opacity: 1;
color: rgb(83 103 139 / var(--tw-text-opacity));
--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
  var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
a.link-btn--light:hover.hero-manage {
--tw-shadow: 0 0 #0000 !important;
--tw-shadow-colored: 0 0 #0000 !important;
box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
  var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
a.link-btn--light:hover {
--tw-bg-opacity: 1;
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(37 56 88 / var(--tw-text-opacity));
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
  0 1px 2px -1px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
  0 1px 2px -1px var(--tw-shadow-color);
box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
  var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.featured-box {
border-radius: 0.25rem;
border-width: 1px;
font-size: 0.875rem;
line-height: 1.25rem;
padding: 0.5rem 0.75rem;
position: relative;
--tw-border-opacity: 1;
border-color: rgb(203 213 225 / var(--tw-border-opacity));
}
.featured-box label.label {
border-radius: 0.25rem;
color: rgb(13 109 222 / var(--tw-text-opacity));
display: inline-block;
font-size: 10px;
font-weight: 700;
line-height: 16px;
padding-left: 0.25rem;
padding-right: 0.25rem;
position: absolute;
--tw-bg-opacity: 1;
background-color: rgb(37 56 88 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
right: 0.5rem;
top: -8px;
}
.featured-box a.\!item,
.featured-box a.item {
align-items: center;
display: inline-flex;
font-weight: 700;
text-decoration-line: underline;
}
.featured-box a.\!item .logo,
.featured-box a.item .logo {
margin-right: 0.25rem;
}
.featured-box .featured-tag {
background-color: #b5e6ff;
background-color: var(--primary-alt-text-color);
border-radius: 0.25rem;
padding-left: 0.25rem;
padding-right: 0.25rem;
--tw-text-opacity: 1 !important;
color: rgb(13 109 222 / var(--tw-text-opacity)) !important;
font-size: 10px;
}
.is-32x32 {
height: 2rem;
line-height: 32px;
width: 2rem;
}
.is-32x32,
.is-48x48 {
display: block;
}
.is-48x48 {
height: 3rem;
line-height: 48px;
width: 3rem;
}
.is-96x96 {
display: block;
font-size: 1.875rem;
height: 6rem;
line-height: 2.25rem;
line-height: 96px;
width: 6rem;
}
@media (max-width: 767px) {
.is-centered-mobile {
  margin-left: auto;
  margin-right: auto;
}
}
.comments-tree {
margin-left: -0.5rem;
margin-top: -2rem;
}
@media (max-width: 767px) {
.comments-tree {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
}
.comments-tree .comments-subtree {
margin-top: 2rem;
}
.comments-tree ol.comments {
padding-left: 1.5rem;
}
.comments-tree .comments-subtree {
position: relative;
}
.comments-tree .subtree-line {
border-left-width: 1px;
border-style: dotted;
bottom: 0;
position: absolute;
top: 2.5rem;
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
left: -12px;
}
.comments-tree .comment-user {
font-weight: 700;
}
.comments-tree a.comment-user {
--tw-text-opacity: 1;
color: rgb(37 56 88 / var(--tw-text-opacity));
}
.comments-tree .comment-info {
align-items: center;
display: inline-flex;
font-size: 0.875rem;
line-height: 1.25rem;
margin-bottom: 0;
}
.comments-tree .comment-avatar {
display: inline-block;
height: 2rem;
margin-left: -1.75rem;
margin-right: 0.5rem;
width: 2rem;
}
@media (max-width: 767px) {
.comments-tree .comment-avatar {
  margin-left: -1.25rem;
}
}
.comments-tree .comment-body {
color: vars(--color-body);
margin-left: 0.75rem;
padding-bottom: 0.5rem;
}
.comments-tree .comment form {
margin-top: 1.5rem;
}
.comment-avatar .image {
border-radius: 9999px;
display: flex;
--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
  var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.comment-avatar a {
display: inline-block;
}
.hero-manage.comment-avatar a .image {
--tw-shadow: 0 0 #0000 !important;
--tw-shadow-colored: 0 0 #0000 !important;
box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
  var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.comment-avatar a .image {
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
  0 1px 2px -1px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
  0 1px 2px -1px var(--tw-shadow-color);
outline-color: #94a3b8;
outline-style: solid;
outline-width: 2px;
}
.comment-avatar a .image,
.comment-avatar a:hover .image {
box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
  var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.comment-avatar a:hover .image {
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
  0 4px 6px -4px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
  0 4px 6px -4px var(--tw-shadow-color);
outline-color: #0d72e7;
}
.timer {
border-radius: 0.375rem;
border-style: double;
border-width: 2px;
margin-left: auto;
margin-right: auto;
--tw-border-opacity: 1;
border-color: rgb(30 64 175 / var(--tw-border-opacity));
padding: 0.5rem;
}
@media (max-width: 767px) {
.timer {
  padding: 0.25rem 0;
}
}
.timer {
text-align: center;
width: 210px;
}
.timer--has-days {
width: 280px;
}
@media (max-width: calc(768px - 1px)) {
.timer {
  width: 120px;
}
.timer--has-days {
  width: 160px;
}
}
.timer .digits,
.timer .labels {
display: flex;
}
.timer .digits .\!item,
.timer .digits .item,
.timer .labels .\!item,
.timer .labels .item {
flex: 1 1;
}
.timer .digits > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-left-width: calc(1px * (1 - var(--tw-divide-x-reverse)));
border-right-width: calc(1px * var(--tw-divide-x-reverse));
border-style: dashed;
--tw-divide-opacity: 1;
border-color: rgb(30 64 175 / var(--tw-divide-opacity));
}
.timer .digits {
font-size: 1.5rem;
line-height: 2rem;
--tw-text-opacity: 1;
color: rgb(29 45 53 / var(--tw-text-opacity));
}
@media (max-width: 767px) {
.timer .digits {
  font-size: 1rem;
  line-height: 1.5rem;
}
}
.timer .labels {
font-size: 0.75rem;
font-weight: 300;
line-height: 1rem;
text-transform: uppercase;
}
.timer .caption {
font-size: 0.875rem;
line-height: 1.25rem;
text-transform: uppercase;
}
a.indicate-visited:visited {
--tw-text-opacity: 1;
color: rgb(23 23 23 / var(--tw-text-opacity));
}
table.table {
background-color: transparent;
width: 100%;
}
@media (min-width: 768px) {
table.table th:first-child {
  border-top-left-radius: 0.375rem;
}
table.table th:last-child {
  border-top-right-radius: 0.375rem;
}
}
table.table td,
table.table th {
padding: 0.5rem 1rem;
}
table.table--condensed td,
table.table--condensed th {
padding: 0.25rem 0.5rem;
}
table.table--borderless,
table.table--borderless td,
table.table--borderless th {
border-width: 0;
}
table.table.is-narrow td,
table.table.is-narrow th {
padding: 0.25em 0.5em;
}
table.table.is-bordered td,
table.table.is-bordered th {
border-width: 1px;
}
table.table thead {
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
}
table.table thead tr {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(239 246 255 / var(--tw-text-opacity));
}
table.table th {
text-align: left;
}
table.table tbody tr:nth-child(2n) {
--tw-bg-opacity: 1;
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
table.table tbody tr:nth-child(odd) {
--tw-bg-opacity: 1;
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.bordered-link,
.text-links a {
--tw-text-opacity: 1;
color: rgb(37 56 88 / var(--tw-text-opacity));
}
.bordered-link {
border-bottom-width: 1px;
text-decoration-line: none !important;
}
.bordered-link:hover {
--tw-border-opacity: 1;
border-bottom-color: rgb(13 114 231 / var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgb(13 114 231 / var(--tw-text-opacity));
}
.admin-links a {
--tw-text-opacity: 1;
color: rgb(37 56 88 / var(--tw-text-opacity));
}
.admin-links {
font-size: 0.875rem;
line-height: 1.25rem;
margin-top: 1rem;
text-align: right;
visibility: hidden;
}
.admin-links a,
.admin-links span {
margin-left: 0.5rem;
}
.admin-links {
margin-bottom: -36px;
}
.hero:hover .admin-links {
visibility: visible;
}
.logo-placeholder {
border-radius: 0.5rem;
font-weight: 700;
text-align: center;
--tw-text-opacity: 1;
background-image: linear-gradient(to right, var(--tw-gradient-stops));
--tw-gradient-from: #0d6dde var(--tw-gradient-from-position);
--tw-gradient-to: rgba(13, 109, 222, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: #3e92f4 var(--tw-gradient-to-position);
}
.logo-placeholder,
.logo-placeholder a {
color: rgb(255 255 255 / var(--tw-text-opacity));
display: block;
}
.logo-placeholder a {
height: 100%;
width: 100%;
--tw-text-opacity: 1;
text-decoration-line: none;
}
.logo-placeholder a:hover {
--tw-text-opacity: 1;
color: rgb(224 242 254 / var(--tw-text-opacity));
}
.sidebar-list {
margin-top: -0.75rem;
}
.sidebar-list a {
border-radius: 0.25rem;
display: block;
margin-left: -0.5rem;
margin-right: -0.5rem;
padding: 0.25rem 0.5rem;
--tw-text-opacity: 1;
color: rgb(37 56 88 / var(--tw-text-opacity));
}
.sidebar-list a:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
text-decoration-line: none;
}
.sidebar-list .logo img {
border-radius: 0.125rem;
}
.sidebar-list .logo {
display: inline-block;
height: 18px;
margin-right: 10px;
width: 18px;
}
.sidebar-list .logo img {
margin-top: -3px;
vertical-align: middle;
}
.sidebar-list .logo-placeholder {
border-radius: 0.125rem;
float: left;
margin-top: 3px;
}
.markdown-content p {
margin-bottom: 0.5rem;
}
.markdown-content p:last-child {
margin-bottom: 0;
}
.markdown-content ul {
list-style-type: disc;
}
.markdown-content ol {
list-style-type: decimal;
}
.markdown-content ol,
.markdown-content ul {
margin-bottom: 0.5rem;
margin-top: 0.5rem;
padding-left: 1.5rem;
}
.markdown-content ol:last-child,
.markdown-content ul:last-child {
margin-bottom: 0;
}
.table-of-contents .list {
border-radius: 0.5rem;
border-width: 1px;
list-style-position: inside;
list-style-type: disc;
--tw-border-opacity: 1;
border-color: rgb(226 232 240 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
padding: 0.5rem 0.75rem;
}
.table-of-contents a {
--tw-text-opacity: 1;
color: rgb(37 56 88 / var(--tw-text-opacity));
}
.table-of-contents .toc__caption {
display: block;
font-weight: 500;
margin-bottom: 0.25rem;
text-align: center;
}
.tags {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.tag {
background-color: rgb(226 232 240 / var(--tw-bg-opacity));
border-radius: 0.25rem;
color: rgb(30 41 59 / var(--tw-text-opacity));
font-size: 0.75rem;
line-height: 1rem;
padding: 0.25rem 0.5rem;
}
.tag,
.tag.is-warning {
--tw-bg-opacity: 1;
--tw-text-opacity: 1;
}
.tag.is-warning {
background-color: rgb(254 249 195 / var(--tw-bg-opacity));
color: rgb(133 77 14 / var(--tw-text-opacity));
}
.tag.is-success {
background-color: rgb(0 200 81 / var(--tw-bg-opacity));
color: rgb(240 253 244 / var(--tw-text-opacity));
}
.tag.is-danger,
.tag.is-success {
--tw-bg-opacity: 1;
--tw-text-opacity: 1;
}
.tag.is-danger {
background-color: rgb(254 226 226 / var(--tw-bg-opacity));
color: rgb(153 27 27 / var(--tw-text-opacity));
}
.tag.is-info {
--tw-bg-opacity: 1;
background-color: rgb(219 234 254 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(30 64 175 / var(--tw-text-opacity));
}
.tag.is-link {
background-color: rgb(10 91 184 / var(--tw-bg-opacity));
}
.tag.is-blue,
.tag.is-link {
--tw-bg-opacity: 1;
--tw-text-opacity: 1;
color: rgb(219 234 254 / var(--tw-text-opacity));
}
.tag.is-blue {
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.tag.is-white {
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.tag.is-light,
.tag.is-white {
--tw-bg-opacity: 1;
--tw-text-opacity: 1;
color: rgb(31 41 55 / var(--tw-text-opacity));
}
.tag.is-light {
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.tag.is-small {
font-size: 0.75rem;
line-height: 1rem;
}
.tag.is-medium {
font-size: 0.875rem;
line-height: 1.25rem;
}
.tag.is-price-freemium {
background-color: rgb(255 242 204 / var(--tw-bg-opacity));
color: rgb(113 63 18 / var(--tw-text-opacity));
}
.tag.is-price-free,
.tag.is-price-freemium {
--tw-bg-opacity: 1;
text-transform: capitalize;
--tw-text-opacity: 1;
}
.tag.is-price-free {
background-color: rgb(226 240 217 / var(--tw-bg-opacity));
color: rgb(20 83 45 / var(--tw-text-opacity));
}
.tag.is-price-paid {
--tw-bg-opacity: 1;
background-color: rgb(218 227 243 / var(--tw-bg-opacity));
text-transform: capitalize;
}
a.tag:hover {
opacity: 0.9;
text-decoration-line: none;
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
  var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
  calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
  0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
  var(--tw-shadow, 0 0 #0000);
}
progress.progress {
-moz-appearance: none;
-webkit-appearance: none;
border: none;
border-radius: 9999px;
display: block;
height: 1rem;
overflow: hidden;
padding: 0;
width: 100%;
}
progress.progress::-webkit-progress-bar {
background-color: #ededed;
}
progress.progress::-webkit-progress-value {
--tw-bg-opacity: 1;
background-color: rgb(14 165 233 / var(--tw-bg-opacity));
}
progress.progress::-moz-progress-bar {
--tw-bg-opacity: 1;
background-color: rgb(14 165 233 / var(--tw-bg-opacity));
}
progress.progress::-ms-fill {
border-style: none;
--tw-bg-opacity: 1;
background-color: rgb(14 165 233 / var(--tw-bg-opacity));
}
progress.progress.is-link::-webkit-progress-value {
--tw-bg-opacity: 1;
background-color: rgb(13 114 231 / var(--tw-bg-opacity));
}
progress.progress.is-link::-moz-progress-bar {
--tw-bg-opacity: 1;
background-color: rgb(13 114 231 / var(--tw-bg-opacity));
}
progress.progress.is-link::-ms-fill {
--tw-bg-opacity: 1;
background-color: rgb(13 114 231 / var(--tw-bg-opacity));
}
progress.progress.is-warning::-webkit-progress-value {
--tw-bg-opacity: 1;
background-color: rgb(250 204 21 / var(--tw-bg-opacity));
}
progress.progress.is-warning::-moz-progress-bar {
--tw-bg-opacity: 1;
background-color: rgb(250 204 21 / var(--tw-bg-opacity));
}
progress.progress.is-warning::-ms-fill {
--tw-bg-opacity: 1;
background-color: rgb(250 204 21 / var(--tw-bg-opacity));
}
progress.progress.is-success::-webkit-progress-value {
--tw-bg-opacity: 1;
background-color: rgb(0 200 81 / var(--tw-bg-opacity));
}
progress.progress.is-success::-moz-progress-bar {
--tw-bg-opacity: 1;
background-color: rgb(0 200 81 / var(--tw-bg-opacity));
}
progress.progress.is-success::-ms-fill {
--tw-bg-opacity: 1;
background-color: rgb(0 200 81 / var(--tw-bg-opacity));
}
progress.progress.is-danger::-webkit-progress-value {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
progress.progress.is-danger::-moz-progress-bar {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
progress.progress.is-danger::-ms-fill {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.bg-modern {
background: radial-gradient(
    68.44% 68.44% at 11.68% 128.28%,
    rgba(31, 228, 160, 0.38) 0,
    rgba(32, 228, 157, 0) 100%
  ),
  radial-gradient(
    62.06% 62.06% at 56.94% 1.01%,
    rgba(33, 159, 248, 0.2) 0,
    rgba(30, 159, 252, 0) 100%
  ),
  radial-gradient(
    25.75% 98.99% at 94.13% 88.82%,
    rgba(181, 44, 232, 0.2) 0,
    rgba(176, 36, 227, 0) 100%
  ),
  linear-gradient(
    256.1deg,
    #f8f5f5,
    #d5ebf9 22.92%,
    #d5e9f5 38.54%,
    #fbf9e8 73.96%,
    #f0eded
  ),
  radial-gradient(112% 112% at 50% -8.08%, #fff 0, #e4f1fe 100%);
}
.modern-body {
background: radial-gradient(
    68.44% 68.44% at 11.68% 128.28%,
    rgba(31, 228, 160, 0.38) 0,
    rgba(32, 228, 157, 0) 100%
  ),
  radial-gradient(
    62.06% 62.06% at 56.94% 1.01%,
    rgba(33, 159, 248, 0.2) 0,
    rgba(30, 159, 252, 0) 100%
  ),
  radial-gradient(
    25.75% 98.99% at 94.13% 88.82%,
    rgba(181, 44, 232, 0.2) 0,
    rgba(176, 36, 227, 0) 100%
  ),
  linear-gradient(
    256.1deg,
    #f8f5f5,
    #d5ebf9 22.92%,
    #d5e9f5 38.54%,
    #fbf9e8 73.96%,
    #f0eded
  ),
  radial-gradient(112% 112% at 50% -8.08%, #fff 0, #e4f1fe 100%);
}
.sidebar-products-list .external-link-icon {
font-size: 0.75rem;
line-height: 1rem;
margin-left: 0.25rem;
--tw-text-opacity: 1;
color: rgb(203 213 225 / var(--tw-text-opacity));
margin-top: 2px;
}
.sidebar-products-list a.\!item:hover,
.sidebar-products-list a.item:hover {
text-decoration-line: none;
}
.sidebar-products-list a.\!item:hover .item-title,
.sidebar-products-list a.item:hover .item-title {
--tw-text-opacity: 1;
color: rgb(13 114 231 / var(--tw-text-opacity));
text-decoration-line: underline;
}
.sidebar-products-list a.\!item:hover .external-link-icon,
.sidebar-products-list a.item:hover .external-link-icon {
--tw-text-opacity: 1;
color: rgb(13 114 231 / var(--tw-text-opacity));
}
.sidebar-products-list .item-title {
--tw-text-opacity: 1;
color: rgb(37 56 88 / var(--tw-text-opacity));
}
.title--large {
font-size: 2.25rem;
font-weight: 900;
line-height: 2.5rem;
}
@media (max-width: 767px) {
.title--large {
  font-size: 1.5rem;
  line-height: 2rem;
}
}
.close-to-navbar-section {
margin-top: -1.5rem;
}
@media (max-width: 767px) {
.close-to-navbar-section {
  margin-top: -1rem;
}
}
.notice {
padding: 1rem;
}
.notice.notice--default {
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
border-left-color: rgb(51 65 85 / var(--tw-border-opacity));
border-left-width: 4px;
color: rgb(51 65 85 / var(--tw-text-opacity));
}
.notice.notice--default,
.notice.notice--success {
--tw-border-opacity: 1;
--tw-bg-opacity: 1;
--tw-text-opacity: 1;
}
.notice.notice--success {
background-color: rgb(220 252 231 / var(--tw-bg-opacity));
border-left-color: rgb(21 128 61 / var(--tw-border-opacity));
border-left-width: 4px;
color: rgb(21 128 61 / var(--tw-text-opacity));
}
.notice.notice--info {
background-color: rgb(224 242 254 / var(--tw-bg-opacity));
border-left-color: rgb(3 105 161 / var(--tw-border-opacity));
border-left-width: 4px;
color: rgb(3 105 161 / var(--tw-text-opacity));
}
.notice.notice--info,
.notice.notice--warning {
--tw-border-opacity: 1;
--tw-bg-opacity: 1;
--tw-text-opacity: 1;
}
.notice.notice--warning {
background-color: rgb(254 252 232 / var(--tw-bg-opacity));
border-left-color: rgb(161 98 7 / var(--tw-border-opacity));
border-left-width: 4px;
color: rgb(161 98 7 / var(--tw-text-opacity));
}
.notice.notice--danger {
border-left-width: 4px;
--tw-border-opacity: 1;
border-left-color: rgb(185 28 28 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(254 226 226 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(185 28 28 / var(--tw-text-opacity));
}
.navbar-search {
align-self: center;
position: relative;
width: 100%;
}
.navbar-search .searchIcon {
color: #959595;
height: 1.5rem;
left: 6px;
line-height: 24px;
position: absolute;
top: 8px;
width: 1.5rem;
z-index: 1;
fill: currentColor;
}
.navbar-search input.input {
border-style: none;
--tw-bg-opacity: 1;
background-color: rgb(246 249 252 / var(--tw-bg-opacity));
padding-bottom: 0;
padding-left: 2rem;
padding-top: 0;
--tw-shadow: 0 0 #0000;
--tw-shadow-colored: 0 0 #0000;
box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
  var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.navbar-search input.input:focus {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
  var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0
  calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
  0 0 #0000;
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
  var(--tw-shadow, 0 0 #0000);
}
.navbar-search input.input {
line-height: 20px;
}
.navbar-search .results {
max-height: 440px;
overflow-y: scroll;
}
.navbar {
padding-bottom: 0.75rem;
padding-top: 0.75rem;
}
@media (max-width: 767px) {
.navbar .container {
  position: static;
}
}
.navbar .container {
min-height: 44px;
}
.navbar-item {
font-weight: 500;
padding: 0.5rem;
--tw-text-opacity: 1;
color: rgb(37 56 88 / var(--tw-text-opacity));
}
.navbar-item.navbar-item--with-button {
padding: 0;
}
a.navbar-item {
text-decoration-line: none;
}
a.navbar-item:hover {
--tw-bg-opacity: 1;
background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
@media (min-width: 1024px) {
a.navbar-item {
  border-radius: 0.5rem;
}
}
#navbar-logo img {
height: 40px;
}
.navbar-toggle {
font-weight: 500;
padding: 0.5rem;
--tw-text-opacity: 1;
color: rgb(37 56 88 / var(--tw-text-opacity));
}
.navbar-toggle.navbar-item--with-button {
padding: 0;
}
a.navbar-toggle {
text-decoration-line: none;
}
a.navbar-toggle:hover {
--tw-bg-opacity: 1;
background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
@media (min-width: 1024px) {
a.navbar-toggle {
  border-radius: 0.5rem;
}
}
@media (max-width: calc(1024px - 1px)) {
.navbar-menu .navbar-toggle {
  padding: 0.75rem 1rem;
  text-align: right;
  width: 100%;
}
.navbar-menu .navbar-toggle:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  text-decoration-line: none;
}
}
.navbar-toggle {
cursor: pointer;
margin-left: 0.5rem;
padding-left: 0;
padding-right: 0;
}
.navbar-toggle .icon-open {
display: none;
}
.navbar-toggle .icon-closed,
.navbar-toggle.is-active .icon-open {
display: flex;
}
.navbar-toggle.is-active .icon-closed {
display: none;
}
.navbar-menu {
align-items: center;
display: inline-flex;
flex-direction: row;
flex-shrink: 1;
position: relative;
}
@media (min-width: 1024px) {
.navbar-menu > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
}
}
@media (max-width: 767px) {
.navbar-menu {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
}
@media (max-width: calc(1024px - 1px)) {
.navbar-menu {
  display: flex;
  flex-direction: column;
  left: 0;
  position: absolute;
  right: 0;
  top: 52px;
  z-index: 40;
}
.navbar-menu > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
  border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
}
.navbar-menu {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(229 231 235 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
    0 4px 6px -4px var(--tw-shadow-color);
  box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  display: none;
}
.navbar-menu,
.navbar-menu .navbar-item {
  text-align: right;
  width: 100%;
}
.navbar-menu .navbar-item {
  padding: 0.75rem 1rem;
}
.navbar-menu .navbar-item:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(241 245 249 / var(--tw-bg-opacity));
  text-decoration-line: none;
}
.navbar-menu.is-active {
  display: flex;
}
}
@media (max-width: 767px) {
.navbar-menu {
  top: 64px;
}
}
.navbar-notifications-counter {
align-items: center;
border-radius: 9999px;
display: flex;
justify-content: center;
--tw-bg-opacity: 1;
background-color: rgb(234 179 8 / var(--tw-bg-opacity));
text-align: center;
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
left: 20px;
margin-right: 0.25rem;
outline-style: solid;
outline-width: 1px;
position: absolute;
top: -6px;
}
@media (min-width: 1024px) {
.navbar-notifications-counter {
  margin-right: 0;
}
}
.navbar-notifications-counter {
font-size: 10px;
height: 18px;
line-height: 18px;
padding: 1px 4px;
width: 18px;
}
.divider-line {
border-bottom-width: 1px;
margin: 2rem auto;
width: 50%;
}
.date-input-narrow {
width: 11rem;
}
.bicon-inline {
margin-right: 2px;
margin-top: -3px;
}
@media (min-width: 640px) {
.responsive-screenshot-w {
  width: 14rem;
}
}
@media (min-width: 768px) {
.responsive-screenshot-w {
  width: 16rem;
}
}
@media (min-width: 1024px) {
.responsive-screenshot-w {
  width: 20rem;
}
}
@media (min-width: 1280px) {
.responsive-screenshot-w {
  width: 24rem;
}
}
.listicle {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
}
@media (min-width: 640px) {
.listicle .screenshot {
  width: 14rem;
}
}
@media (min-width: 768px) {
.listicle .screenshot {
  width: 16rem;
}
}
@media (min-width: 1024px) {
.listicle .screenshot {
  width: 20rem;
}
}
@media (min-width: 1280px) {
.listicle .screenshot {
  width: 24rem;
}
}
.listicle .screenshot .img-placeholder,
.listicle .screenshot img {
width: 100%;
}
@media (min-width: 640px) {
.listicle .screenshot .img-placeholder,
.listicle .screenshot img {
  max-height: 11rem;
}
}
@media (min-width: 768px) {
.listicle .screenshot .img-placeholder,
.listicle .screenshot img {
  max-height: 13rem;
}
}
@media (min-width: 1024px) {
.listicle .screenshot .img-placeholder,
.listicle .screenshot img {
  max-height: 18rem;
}
}
.reklama__horizontal_fullwidth {
max-height: 100px;
text-align: center;
}
.reklama__horizontal_fullwidth:not(:empty) {
margin-top: 1.5rem;
}
.reklama__below_hero {
max-height: 100px;
}
.reklama__below_hero:not(:empty) {
margin-bottom: 2.5rem;
margin-top: -4px;
}
.ribbon {
height: 110px;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 110px;
}
.ribbon:after,
.ribbon:before {
content: "";
display: block;
position: absolute;
z-index: -1;
}
.ribbon .lane {
font-size: 10px;
padding: 3px 0;
position: absolute;
text-align: center;
text-transform: uppercase;
width: 240px;
z-index: 1;
--tw-bg-opacity: 1;
background-color: rgb(145 161 189 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
text-decoration-line: none;
}
.ribbon .lane:hover {
--tw-bg-opacity: 1;
background-color: rgb(62 146 244 / var(--tw-bg-opacity));
}
.ribbon .lane {
color: #fff;
}
@media (max-width: calc(640px - 1px)) {
.ribbon .lane {
  font-size: 9px;
  padding: 2px 0;
  text-transform: none;
}
}
.ribbon-top-left .lane {
right: -40px;
top: 20px;
transform: rotate(-45deg);
}
@media (max-width: calc(640px - 1px)) {
.ribbon-top-left .lane {
  right: -30px;
  top: 12px;
}
}
.service-rating {
align-items: center;
display: inline-flex;
gap: 0.5rem;
}
.service-rating .star-rating {
margin-top: 1px;
}
.gradient-highlight {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
border-radius: 0.25rem;
--tw-gradient-from: #fef9c3 var(--tw-gradient-from-position);
--tw-gradient-to: hsla(55, 97%, 88%, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: #fefce8 var(--tw-gradient-to-position);
}
.inline-separator {
display: inline-block;
margin-left: 0.5rem;
margin-right: 0.5rem;
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
.category-cloud {
display: block;
text-align: center;
}
.category-cloud__tag {
border-width: 1px;
padding: 0.25rem 0.5rem;
--tw-border-opacity: 1;
border-color: rgb(224 242 254 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(240 249 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(2 132 199 / var(--tw-text-opacity));
}
.category-cloud__tag:hover {
--tw-bg-opacity: 1;
background-color: rgb(224 242 254 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
color: rgb(3 105 161 / var(--tw-text-opacity));
text-decoration-line: none;
}
.category-cloud__tag {
border-radius: 0.25rem;
display: inline-block;
margin: 0.25rem;
}
.category-cloud__tag--level-1 {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.75rem;
}
.category-cloud__tag--level-2 {
font-weight: 700;
}
.category-cloud__tag--level-3 {
font-weight: 400;
}
.category-cloud__tag--level-4 {
font-size: 0.875rem;
font-weight: 400;
line-height: 1.25rem;
}
.category-cloud__tag--level-5 {
font-size: 0.875rem;
font-weight: 300;
line-height: 1.25rem;
}
.category-cloud__tag--level-6 {
font-size: 0.75rem;
font-weight: 300;
line-height: 1rem;
}
.tag-links {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.tag-links a {
font-weight: 300;
--tw-text-opacity: 1;
color: rgb(37 56 88 / var(--tw-text-opacity));
}
.tag-links a:hover {
--tw-text-opacity: 1;
color: rgb(10 91 184 / var(--tw-text-opacity));
}
.visible {
visibility: visible;
}
.collapse {
visibility: collapse;
}
.static {
position: static;
}
.absolute {
position: absolute;
}
.relative {
position: relative;
}
.sticky {
position: sticky;
}
.inset-x-0 {
left: 0;
}
.inset-x-0,
.right-0 {
right: 0;
}
.right-2 {
right: 0.5rem;
}
.top-0 {
top: 0;
}
.top-2 {
top: 0.5rem;
}
.z-10 {
z-index: 10;
}
.z-20 {
z-index: 20;
}
.z-30 {
z-index: 30;
}
.col-span-1 {
grid-column: span 1 / span 1;
}
.col-span-2 {
grid-column: span 2 / span 2;
}
.col-span-5 {
grid-column: span 5 / span 5;
}
.col-span-8 {
grid-column: span 8 / span 8;
}
.col-start-3 {
grid-column-start: 3;
}
.float-right {
float: right;
}
.float-left {
float: left;
}
.mx-1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.mx-2 {
margin-left: 0.5rem;
margin-right: 0.5rem;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
.my-0 {
margin-bottom: 0;
margin-top: 0;
}
.my-12 {
margin-bottom: 3rem;
margin-top: 3rem;
}
.my-16 {
margin-bottom: 4rem;
margin-top: 4rem;
}
.my-2 {
margin-bottom: 0.5rem;
margin-top: 0.5rem;
}
.my-4 {
margin-bottom: 1rem;
margin-top: 1rem;
}
.my-6 {
margin-bottom: 1.5rem;
margin-top: 1.5rem;
}
.my-8 {
margin-bottom: 2rem;
margin-top: 2rem;
}
.-mb-4 {
margin-bottom: -1rem;
}
.-ml-4 {
margin-left: -1rem;
}
.-mr-4 {
margin-right: -1rem;
}
.-mt-1 {
margin-top: -0.25rem;
}
.-mt-2 {
margin-top: -0.5rem;
}
.-mt-3 {
margin-top: -0.75rem;
}
.-mt-8 {
margin-top: -2rem;
}
.mb-0 {
margin-bottom: 0;
}
.mb-1 {
margin-bottom: 0.25rem;
}
.mb-12 {
margin-bottom: 3rem;
}
.mb-2 {
margin-bottom: 0.5rem;
}
.mb-3 {
margin-bottom: 0.75rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mb-6 {
margin-bottom: 1.5rem;
}
.mb-8 {
margin-bottom: 2rem;
}
.ml-1 {
margin-left: 0.25rem;
}
.ml-2 {
margin-left: 0.5rem;
}
.ml-3 {
margin-left: 0.75rem;
}
.ml-4 {
margin-left: 1rem;
}
.ml-8 {
margin-left: 2rem;
}
.mr-0 {
margin-right: 0;
}
.mr-1 {
margin-right: 0.25rem;
}
.mr-2 {
margin-right: 0.5rem;
}
.mr-3 {
margin-right: 0.75rem;
}
.mr-4 {
margin-right: 1rem;
}
.mt-0 {
margin-top: 0;
}
.mt-1 {
margin-top: 0.25rem;
}
.mt-12 {
margin-top: 3rem;
}
.mt-2 {
margin-top: 0.5rem;
}
.mt-3 {
margin-top: 0.75rem;
}
.mt-4 {
margin-top: 1rem;
}
.mt-5 {
margin-top: 1.25rem;
}
.mt-6 {
margin-top: 1.5rem;
}
.mt-8 {
margin-top: 2rem;
}
.line-clamp-3 {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.inline {
display: inline;
}
.flex {
display: flex;
}
.inline-flex {
display: inline-flex;
}
.table {
display: table;
}
.grid {
display: grid;
}
.contents {
display: contents;
}
.hidden {
display: none;
}
.h-1 {
height: 0.25rem;
}
.h-10 {
height: 2.5rem;
}
.h-12 {
height: 3rem;
}
.h-16 {
height: 4rem;
}
.h-2 {
height: 0.5rem;
}
.h-24 {
height: 6rem;
}
.h-3 {
height: 0.75rem;
}
.h-4 {
height: 1rem;
}
.h-48 {
height: 12rem;
}
.h-6 {
height: 1.5rem;
}
.h-8 {
height: 2rem;
}
.h-fit {
height: -moz-fit-content;
height: fit-content;
}
.h-full {
height: 100%;
}
.max-h-64 {
max-height: 16rem;
}
.\!w-auto {
width: auto !important;
}
.w-10 {
width: 2.5rem;
}
.w-12 {
width: 3rem;
}
.w-16 {
width: 4rem;
}
.w-2 {
width: 0.5rem;
}
.w-24 {
width: 6rem;
}
.w-3 {
width: 0.75rem;
}
.w-32 {
width: 8rem;
}
.w-48 {
width: 12rem;
}
.w-6 {
width: 1.5rem;
}
.w-64 {
width: 16rem;
}
.w-8 {
width: 2rem;
}
.w-full {
width: 100%;
}
.max-w-sm {
max-width: 24rem;
}
.max-w-xl {
max-width: 36rem;
}
.max-w-xs {
max-width: 20rem;
}
.flex-1 {
flex: 1 1;
}
.shrink {
flex-shrink: 1;
}
.grow {
flex-grow: 1;
}
.grow-0 {
flex-grow: 0;
}
.basis-16 {
flex-basis: 4rem;
}
.border-collapse {
border-collapse: collapse;
}
.transform {
transform: translate(var(--tw-translate-x), var(--tw-translate-y))
  rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
  skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
  scaleY(var(--tw-scale-y));
}
.cursor-cell {
cursor: cell;
}
.cursor-default {
cursor: default;
}
.cursor-pointer {
cursor: pointer;
}
.cursor-text {
cursor: text;
}
.list-inside {
list-style-position: inside;
}
.list-decimal {
list-style-type: decimal;
}
.list-disc {
list-style-type: disc;
}
.list-none {
list-style-type: none;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.place-content-center {
place-content: center;
}
.items-center {
align-items: center;
}
.justify-center {
justify-content: center;
}
.gap-2 {
gap: 0.5rem;
}
.gap-4 {
gap: 1rem;
}
.gap-6 {
gap: 1.5rem;
}
.gap-8 {
gap: 2rem;
}
.gap-x-4 {
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.gap-y-1 {
row-gap: 0.25rem;
}
.gap-y-12 {
row-gap: 3rem;
}
.gap-y-2 {
row-gap: 0.5rem;
}
.gap-y-8 {
row-gap: 2rem;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-left: calc(0.25rem * (1 - var(--tw-space-x-reverse)));
margin-right: calc(0.25rem * var(--tw-space-x-reverse));
}
.space-x-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
margin-right: calc(0.5rem * var(--tw-space-x-reverse));
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-left: calc(0.75rem * (1 - var(--tw-space-x-reverse)));
margin-right: calc(0.75rem * var(--tw-space-x-reverse));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
margin-right: calc(1rem * var(--tw-space-x-reverse));
}
.space-x-6 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-left: calc(1.5rem * (1 - var(--tw-space-x-reverse)));
margin-right: calc(1.5rem * var(--tw-space-x-reverse));
}
.space-x-8 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-left: calc(2rem * (1 - var(--tw-space-x-reverse)));
margin-right: calc(2rem * var(--tw-space-x-reverse));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
margin-top: calc(0.25rem * (1 - var(--tw-space-y-reverse)));
}
.space-y-12 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(3rem * var(--tw-space-y-reverse));
margin-top: calc(3rem * (1 - var(--tw-space-y-reverse)));
}
.space-y-16 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(4rem * var(--tw-space-y-reverse));
margin-top: calc(4rem * (1 - var(--tw-space-y-reverse)));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
margin-top: calc(0.75rem * (1 - var(--tw-space-y-reverse)));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(1rem * var(--tw-space-y-reverse));
margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
margin-top: calc(1.5rem * (1 - var(--tw-space-y-reverse)));
}
.space-y-8 > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-bottom: calc(2rem * var(--tw-space-y-reverse));
margin-top: calc(2rem * (1 - var(--tw-space-y-reverse)));
}
.divide-x > :not([hidden]) ~ :not([hidden]) {
--tw-divide-x-reverse: 0;
border-left-width: calc(1px * (1 - var(--tw-divide-x-reverse)));
border-right-width: calc(1px * var(--tw-divide-x-reverse));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
--tw-divide-y-reverse: 0;
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
}
.divide-dashed > :not([hidden]) ~ :not([hidden]) {
border-style: dashed;
}
.divide-slate-400 > :not([hidden]) ~ :not([hidden]) {
--tw-divide-opacity: 1;
border-color: rgb(148 163 184 / var(--tw-divide-opacity));
}
.overflow-x-scroll {
overflow-x: scroll;
}
.truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.whitespace-normal {
white-space: normal;
}
.\!rounded-lg {
border-radius: 0.5rem !important;
}
.rounded {
border-radius: 0.25rem;
}
.rounded-full {
border-radius: 9999px;
}
.rounded-lg {
border-radius: 0.5rem;
}
.rounded-md {
border-radius: 0.375rem;
}
.rounded-sm {
border-radius: 0.125rem;
}
.rounded-xl {
border-radius: 0.75rem;
}
.rounded-bl-lg {
border-bottom-left-radius: 0.5rem;
}
.rounded-tr-lg {
border-top-right-radius: 0.5rem;
}
.border {
border-width: 1px;
}
.border-0 {
border-width: 0;
}
.border-2 {
border-width: 2px;
}
.border-4 {
border-width: 4px;
}
.border-b {
border-bottom-width: 1px;
}
.border-l {
border-left-width: 1px;
}
.border-l-2 {
border-left-width: 2px;
}
.border-l-4 {
border-left-width: 4px;
}
.border-r {
border-right-width: 1px;
}
.border-t {
border-top-width: 1px;
}
.border-t-2 {
border-top-width: 2px;
}
.border-dashed {
border-style: dashed;
}
.border-blue-300 {
--tw-border-opacity: 1;
border-color: rgb(147 197 253 / var(--tw-border-opacity));
}
.border-body-100 {
--tw-border-opacity: 1;
border-color: rgb(196 206 222 / var(--tw-border-opacity));
}
.border-gray-100 {
--tw-border-opacity: 1;
border-color: rgb(243 244 246 / var(--tw-border-opacity));
}
.border-gray-300 {
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-green-500 {
--tw-border-opacity: 1;
border-color: rgb(34 197 94 / var(--tw-border-opacity));
}
.border-neutral-800 {
--tw-border-opacity: 1;
border-color: rgb(38 38 38 / var(--tw-border-opacity));
}
.border-slate-100 {
--tw-border-opacity: 1;
border-color: rgb(241 245 249 / var(--tw-border-opacity));
}
.border-slate-200 {
--tw-border-opacity: 1;
border-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.border-white {
--tw-border-opacity: 1;
border-color: rgb(255 255 255 / var(--tw-border-opacity));
}
.border-b-slate-400 {
--tw-border-opacity: 1;
border-bottom-color: rgb(148 163 184 / var(--tw-border-opacity));
}
.border-l-slate-200 {
--tw-border-opacity: 1;
border-left-color: rgb(226 232 240 / var(--tw-border-opacity));
}
.bg-amber-300 {
--tw-bg-opacity: 1;
background-color: rgb(252 211 77 / var(--tw-bg-opacity));
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-blue-300 {
--tw-bg-opacity: 1;
background-color: rgb(147 197 253 / var(--tw-bg-opacity));
}
.bg-blue-50 {
--tw-bg-opacity: 1;
background-color: rgb(239 246 255 / var(--tw-bg-opacity));
}
.bg-blue-500 {
--tw-bg-opacity: 1;
background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}
.bg-danger-500 {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity));
}
.bg-gray-500 {
--tw-bg-opacity: 1;
background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
.bg-green-50 {
--tw-bg-opacity: 1;
background-color: rgb(240 253 244 / var(--tw-bg-opacity));
}
.bg-green-500 {
--tw-bg-opacity: 1;
background-color: rgb(34 197 94 / var(--tw-bg-opacity));
}
.bg-red-500 {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
}
.bg-sky-50 {
--tw-bg-opacity: 1;
background-color: rgb(240 249 255 / var(--tw-bg-opacity));
}
.bg-slate-200 {
--tw-bg-opacity: 1;
background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
.bg-slate-50 {
--tw-bg-opacity: 1;
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.bg-success-500 {
--tw-bg-opacity: 1;
background-color: rgb(0 200 81 / var(--tw-bg-opacity));
}
.bg-unfocussed {
--tw-bg-opacity: 1;
background-color: rgb(163 163 163 / var(--tw-bg-opacity));
}
.bg-warning-500 {
--tw-bg-opacity: 1;
background-color: rgb(234 179 8 / var(--tw-bg-opacity));
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-yellow-300 {
--tw-bg-opacity: 1;
background-color: rgb(253 224 71 / var(--tw-bg-opacity));
}
.bg-yellow-50 {
--tw-bg-opacity: 1;
background-color: rgb(254 252 232 / var(--tw-bg-opacity));
}
.bg-gradient-to-b {
background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.from-primary-400 {
--tw-gradient-from: #3e92f4 var(--tw-gradient-from-position);
--tw-gradient-to: rgba(62, 146, 244, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary-500 {
--tw-gradient-from: #1c7ff2 var(--tw-gradient-from-position);
--tw-gradient-to: rgba(28, 127, 242, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-primary-400 {
--tw-gradient-to: #3e92f4 var(--tw-gradient-to-position);
}
.to-primary-600 {
--tw-gradient-to: #0d6dde var(--tw-gradient-to-position);
}
.bg-repeat {
background-repeat: repeat;
}
.p-1 {
padding: 0.25rem;
}
.p-2 {
padding: 0.5rem;
}
.p-4 {
padding: 1rem;
}
.p-5 {
padding: 1.25rem;
}
.p-8 {
padding: 2rem;
}
.\!py-4 {
padding-bottom: 1rem !important;
padding-top: 1rem !important;
}
.px-0 {
padding-left: 0;
padding-right: 0;
}
.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.px-8 {
padding-left: 2rem;
padding-right: 2rem;
}
.py-0 {
padding-bottom: 0;
padding-top: 0;
}
.py-1 {
padding-bottom: 0.25rem;
padding-top: 0.25rem;
}
.py-12 {
padding-bottom: 3rem;
padding-top: 3rem;
}
.py-2 {
padding-bottom: 0.5rem;
padding-top: 0.5rem;
}
.py-3 {
padding-bottom: 0.75rem;
padding-top: 0.75rem;
}
.py-4 {
padding-bottom: 1rem;
padding-top: 1rem;
}
.py-6 {
padding-bottom: 1.5rem;
padding-top: 1.5rem;
}
.py-8 {
padding-bottom: 2rem;
padding-top: 2rem;
}
.\!pb-0 {
padding-bottom: 0 !important;
}
.\!pl-0 {
padding-left: 0 !important;
}
.\!pl-1 {
padding-left: 0.25rem !important;
}
.\!pr-1 {
padding-right: 0.25rem !important;
}
.pb-2 {
padding-bottom: 0.5rem;
}
.pb-4 {
padding-bottom: 1rem;
}
.pb-6 {
padding-bottom: 1.5rem;
}
.pl-2 {
padding-left: 0.5rem;
}
.pl-4 {
padding-left: 1rem;
}
.pl-8 {
padding-left: 2rem;
}
.pr-0 {
padding-right: 0;
}
.pt-0 {
padding-top: 0;
}
.pt-1 {
padding-top: 0.25rem;
}
.pt-6 {
padding-top: 1.5rem;
}
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-justify {
text-align: justify;
}
.align-top {
vertical-align: top;
}
.text-2xl {
font-size: 1.5rem;
line-height: 2rem;
}
.text-3xl {
font-size: 1.875rem;
line-height: 2.25rem;
}
.text-4xl {
font-size: 2.25rem;
line-height: 2.5rem;
}
.text-5xl {
font-size: 3rem;
line-height: 1;
}
.text-base {
font-size: 1rem;
line-height: 1.5rem;
}
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem;
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-tiny {
font-size: 10px;
line-height: 16px;
}
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem;
}
.text-xs {
font-size: 0.75rem;
line-height: 1rem;
}
.font-black {
font-weight: 900;
}
.font-bold {
font-weight: 700;
}
.font-light {
font-weight: 300;
}
.font-medium {
font-weight: 500;
}
.font-normal {
font-weight: 400;
}
.font-semibold {
font-weight: 600;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
.italic {
font-style: italic;
}
.leading-6 {
line-height: 1.5rem;
}
.leading-normal {
line-height: 1.5;
}
.leading-tight {
line-height: 1.25;
}
.tracking-tight {
letter-spacing: -0.025em;
}
.\!text-danger-700 {
--tw-text-opacity: 1 !important;
color: rgb(185 28 28 / var(--tw-text-opacity)) !important;
}
.\!text-success-700 {
--tw-text-opacity: 1 !important;
color: rgb(21 128 61 / var(--tw-text-opacity)) !important;
}
.text-\[--color-body\],
.text-\[var\(--color-body\)\] {
color: #253858;
color: var(--color-body);
}
.text-amber-700 {
--tw-text-opacity: 1;
color: rgb(180 83 9 / var(--tw-text-opacity));
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-blue-900 {
--tw-text-opacity: 1;
color: rgb(30 58 138 / var(--tw-text-opacity));
}
.text-body-200 {
--tw-text-opacity: 1;
color: rgb(145 161 189 / var(--tw-text-opacity));
}
.text-body-300 {
--tw-text-opacity: 1;
color: rgb(83 103 139 / var(--tw-text-opacity));
}
.text-body-400 {
--tw-text-opacity: 1;
color: rgb(66 86 122 / var(--tw-text-opacity));
}
.text-body-500 {
--tw-text-opacity: 1;
color: rgb(37 56 88 / var(--tw-text-opacity));
}
.text-danger-500 {
--tw-text-opacity: 1;
color: rgb(239 68 68 / var(--tw-text-opacity));
}
.text-green-500 {
--tw-text-opacity: 1;
color: rgb(34 197 94 / var(--tw-text-opacity));
}
.text-green-600 {
--tw-text-opacity: 1;
color: rgb(22 163 74 / var(--tw-text-opacity));
}
.text-primary-500 {
--tw-text-opacity: 1;
color: rgb(28 127 242 / var(--tw-text-opacity));
}
.text-primary-alt {
--tw-text-opacity: 1;
color: rgb(11 97 197 / var(--tw-text-opacity));
}
.text-purple-500 {
--tw-text-opacity: 1;
color: rgb(168 85 247 / var(--tw-text-opacity));
}
.text-red-600 {
--tw-text-opacity: 1;
color: rgb(220 38 38 / var(--tw-text-opacity));
}
.text-sky-500 {
--tw-text-opacity: 1;
color: rgb(14 165 233 / var(--tw-text-opacity));
}
.text-sky-600 {
--tw-text-opacity: 1;
color: rgb(2 132 199 / var(--tw-text-opacity));
}
.text-slate-200 {
--tw-text-opacity: 1;
color: rgb(226 232 240 / var(--tw-text-opacity));
}
.text-slate-300 {
--tw-text-opacity: 1;
color: rgb(203 213 225 / var(--tw-text-opacity));
}
.text-slate-400 {
--tw-text-opacity: 1;
color: rgb(148 163 184 / var(--tw-text-opacity));
}
.text-slate-500 {
--tw-text-opacity: 1;
color: rgb(100 116 139 / var(--tw-text-opacity));
}
.text-slate-600 {
--tw-text-opacity: 1;
color: rgb(71 85 105 / var(--tw-text-opacity));
}
.text-slate-700 {
--tw-text-opacity: 1;
color: rgb(51 65 85 / var(--tw-text-opacity));
}
.text-success-500 {
--tw-text-opacity: 1;
color: rgb(0 200 81 / var(--tw-text-opacity));
}
.text-unfocussed {
--tw-text-opacity: 1;
color: rgb(163 163 163 / var(--tw-text-opacity));
}
.text-warning-500 {
--tw-text-opacity: 1;
color: rgb(234 179 8 / var(--tw-text-opacity));
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-yellow-300 {
--tw-text-opacity: 1;
color: rgb(253 224 71 / var(--tw-text-opacity));
}
.text-yellow-500 {
--tw-text-opacity: 1;
color: rgb(234 179 8 / var(--tw-text-opacity));
}
.text-yellow-700 {
--tw-text-opacity: 1;
color: rgb(161 98 7 / var(--tw-text-opacity));
}
.text-yellow-900 {
--tw-text-opacity: 1;
color: rgb(113 63 18 / var(--tw-text-opacity));
}
.underline {
text-decoration-line: underline;
}
.\!no-underline {
text-decoration-line: none !important;
}
.no-underline {
text-decoration-line: none;
}
.decoration-dotted {
text-decoration-style: dotted;
}
.decoration-2 {
text-decoration-thickness: 2px;
}
.underline-offset-8 {
text-underline-offset: 8px;
}
.antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.opacity-50 {
opacity: 0.5;
}
.\!shadow-none {
--tw-shadow: 0 0 #0000 !important;
--tw-shadow-colored: 0 0 #0000 !important;
box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow) !important;
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
  var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.shadow {
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
  0 1px 2px -1px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
  0 1px 2px -1px var(--tw-shadow-color);
}
.shadow,
.shadow-lg {
box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
  var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
  0 4px 6px -4px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
  0 4px 6px -4px var(--tw-shadow-color);
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
  0 2px 4px -2px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
  0 2px 4px -2px var(--tw-shadow-color);
}
.shadow-md,
.shadow-sm {
box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
  var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm {
--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
}
.outline {
outline-style: solid;
}
.outline-gray-500 {
outline-color: #6b7280;
}
.grayscale {
--tw-grayscale: grayscale(100%);
}
.filter,
.grayscale {
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
  var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
  var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.is-min-one-screen {
min-height: 90vh;
}
.sticky {
top: 1rem;
}
.underlined-links a {
text-decoration: underline;
}
.unfocussed-links a {
--tw-text-opacity: 1;
color: rgb(163 163 163 / var(--tw-text-opacity));
}
.unfocussed-links a:hover {
--tw-text-opacity: 1;
color: rgb(13 114 231 / var(--tw-text-opacity));
}
lite-youtube {
background-color: #000;
background-position: 50%;
background-size: cover;
contain: content;
cursor: pointer;
display: block;
max-width: 720px;
position: relative;
}
lite-youtube:before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
background-position: top;
background-repeat: repeat-x;
content: "";
display: block;
height: 60px;
padding-bottom: 50px;
position: absolute;
top: 0;
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
width: 100%;
}
lite-youtube:after {
content: "";
display: block;
padding-bottom: 56.25%;
}
lite-youtube > iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
lite-youtube > .lty-playbtn {
background-color: transparent;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
border: none;
cursor: pointer;
display: block;
filter: grayscale(100%);
height: 48px;
left: 50%;
position: absolute;
top: 50%;
transform: translate3d(-50%, -50%, 0);
transition: filter 0.1s cubic-bezier(0, 0, 0.2, 1);
width: 68px;
z-index: 1;
}
lite-youtube .lty-playbtn:focus,
lite-youtube:hover > .lty-playbtn {
filter: none;
}
lite-youtube.lyt-activated {
cursor: inherit;
}
lite-youtube.lyt-activated:before,
lite-youtube.lyt-activated > .lty-playbtn {
opacity: 0;
pointer-events: none;
}
.lyt-visually-hidden {
clip: rect(0 0 0 0);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.glide {
box-sizing: border-box;
position: relative;
width: 100%;
}
.glide * {
box-sizing: inherit;
}
.glide__slides,
.glide__track {
overflow: hidden;
}
.glide__slides {
backface-visibility: hidden;
display: flex;
flex-wrap: nowrap;
list-style: none;
margin: 0;
padding: 0;
position: relative;
touch-action: pan-Y;
transform-style: preserve-3d;
white-space: nowrap;
width: 100%;
will-change: transform;
}
.glide__slide,
.glide__slides--dragging {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.glide__slide {
flex-shrink: 0;
height: 100%;
white-space: normal;
width: 100%;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
}
.glide__slide a {
-webkit-user-select: none;
user-select: none;
-webkit-user-drag: none;
-moz-user-select: none;
-ms-user-select: none;
}
.glide__arrows,
.glide__bullets {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.glide--rtl {
direction: rtl;
}
.glide__arrow {
background-color: transparent;
border: 2px solid hsla(0, 0%, 100%, 0.5);
border-radius: 4px;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
color: #fff;
cursor: pointer;
display: block;
line-height: 1;
opacity: 1;
padding: 9px 12px;
position: absolute;
text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
text-transform: uppercase;
top: 50%;
transform: translateY(-50%);
transition: opacity 0.15s ease, border 0.3s ease-in-out;
z-index: 2;
}
.glide__arrow:focus {
outline: none;
}
.glide__arrow:hover {
border-color: #fff;
}
.glide__arrow--left {
left: 2em;
}
.glide__arrow--right {
right: 2em;
}
.glide__arrow--disabled {
opacity: 0.33;
}
.glide__bullets {
bottom: 2em;
display: inline-flex;
left: 50%;
list-style: none;
position: absolute;
transform: translateX(-50%);
z-index: 2;
}
.glide__bullet {
background-color: hsla(0, 0%, 100%, 0.5);
border: 2px solid transparent;
border-radius: 50%;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
cursor: pointer;
height: 9px;
line-height: 0;
margin: 0 0.25em;
padding: 0;
transition: all 0.3s ease-in-out;
width: 9px;
}
.glide__bullet:focus {
outline: none;
}
.glide__bullet:focus,
.glide__bullet:hover {
background-color: hsla(0, 0%, 100%, 0.5);
border: 2px solid #fff;
}
.glide__bullet--active {
background-color: #fff;
}
.glide--swipeable {
cursor: grab;
cursor: -webkit-grab;
}
.glide--dragging {
cursor: grabbing;
cursor: -webkit-grabbing;
}
:root {
--primary-alt: #0b61c5;
--primary-alt-text-color: #b5e6ff;
--color-warning: #ffe08a;
--color-success: #00c851;
--color-body: #253858;
--color-generic-box: #f6f9fc;
--color-generic-box-darkened: #e7eff7;
--color-generic-background: #fff;
--input-h: 40px;
--modal-z-index: 51;
--autocomplete-z-index: 45;
}
.dont-break-out {
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-all;
word-break: break-word;
}
.field_with_errors input,
.field_with_errors select,
.field_with_errors textarea {
--tw-border-opacity: 1;
border-color: rgb(239 68 68 / var(--tw-border-opacity));
}
.hover\:z-100:hover {
z-index: 100 !important;
}
@media (max-width: 767px) {
#feedback-root {
  display: none;
}
}
#feedback-root .feedback-btn-wrapper {
z-index: 50;
}
.pagy-box {
align-items: center;
border-width: 1px;
display: inline-flex;
font-weight: 600;
padding: 0.5rem;
position: relative;
--tw-border-opacity: 1;
border-color: rgb(226 232 240 / var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgb(163 163 163 / var(--tw-text-opacity));
}
.pagy-box:hover {
--tw-bg-opacity: 1;
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.pagy-nav.pagination {
display: inline-flex;
}
.pagy-nav.pagination > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-left: calc(-1px * (1 - var(--tw-space-x-reverse)));
margin-right: calc(-1px * var(--tw-space-x-reverse));
}
.pagy-nav.pagination {
border-radius: 0.375rem;
}
.pagy-nav a {
text-decoration-line: none;
}
.pagy-nav .page.next a {
align-items: center;
border-width: 1px;
display: inline-flex;
font-weight: 600;
padding: 0.5rem;
position: relative;
--tw-border-opacity: 1;
border-color: rgb(226 232 240 / var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgb(163 163 163 / var(--tw-text-opacity));
}
.pagy-nav .page.next a:hover {
--tw-bg-opacity: 1;
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.pagy-nav .page.next a {
border-bottom-right-radius: 0.375rem;
border-top-right-radius: 0.375rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.pagy-nav .page.prev a {
align-items: center;
border-width: 1px;
display: inline-flex;
font-weight: 600;
padding: 0.5rem;
position: relative;
--tw-border-opacity: 1;
border-color: rgb(226 232 240 / var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgb(163 163 163 / var(--tw-text-opacity));
}
.pagy-nav .page.prev a:hover {
--tw-bg-opacity: 1;
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.pagy-nav .page.prev a {
border-bottom-left-radius: 0.375rem;
border-top-left-radius: 0.375rem;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.pagy-nav .page.next.disabled a {
align-items: center;
border-width: 1px;
display: inline-flex;
font-weight: 600;
padding: 0.5rem;
position: relative;
--tw-border-opacity: 1;
border-color: rgb(226 232 240 / var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgb(163 163 163 / var(--tw-text-opacity));
}
.pagy-nav .page.next.disabled a,
.pagy-nav .page.next.disabled a:hover {
--tw-bg-opacity: 1;
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.pagy-nav .page.next.disabled a {
border-bottom-right-radius: 0.375rem;
border-top-right-radius: 0.375rem;
cursor: default;
}
.pagy-nav .page.prev.disabled a {
align-items: center;
border-width: 1px;
display: inline-flex;
font-weight: 600;
padding: 0.5rem;
position: relative;
--tw-border-opacity: 1;
border-color: rgb(226 232 240 / var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgb(163 163 163 / var(--tw-text-opacity));
}
.pagy-nav .page.prev.disabled a,
.pagy-nav .page.prev.disabled a:hover {
--tw-bg-opacity: 1;
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.pagy-nav .page.prev.disabled a {
border-bottom-left-radius: 0.375rem;
border-top-left-radius: 0.375rem;
cursor: default;
}
.pagy-nav .page a,
.pagy-nav .page.gap {
align-items: center;
border-width: 1px;
display: inline-flex;
font-weight: 600;
padding: 0.5rem;
position: relative;
--tw-border-opacity: 1;
border-color: rgb(226 232 240 / var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgb(163 163 163 / var(--tw-text-opacity));
}
.pagy-nav .page a:hover,
.pagy-nav .page.gap:hover {
--tw-bg-opacity: 1;
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.pagy-nav .page a,
.pagy-nav .page.gap {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
padding: 0.5rem 1rem;
}
.pagy-nav .page.gap {
cursor: default;
}
.pagy-nav .page.gap:hover {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.pagy-nav .page.active a {
align-items: center;
border-color: rgb(226 232 240 / var(--tw-border-opacity));
border-width: 1px;
color: rgb(163 163 163 / var(--tw-text-opacity));
display: inline-flex;
font-weight: 600;
padding: 0.5rem;
position: relative;
}
.pagy-nav .page.active a:hover {
background-color: rgb(241 245 249 / var(--tw-bg-opacity));
}
.pagy-nav .page.active a {
z-index: 10;
--tw-border-opacity: 1;
border-color: rgb(28 127 242 / var(--tw-border-opacity));
--tw-bg-opacity: 1;
background-color: rgb(240 249 255 / var(--tw-bg-opacity));
padding: 0.5rem 1rem;
--tw-text-opacity: 1;
color: rgb(28 127 242 / var(--tw-text-opacity));
}
.pagy-nav .page.active a:focus {
z-index: 20;
}
.pagy-nav .page.active a {
cursor: default;
}
.pagy-nav .page.active a:hover {
--tw-bg-opacity: 1;
background-color: rgb(240 249 255 / var(--tw-bg-opacity));
}
.glide--single .glide__bullets,
.glide--single .glide_arrows {
display: none;
}
.glide--single .glide__slides {
justify-content: center;
margin-left: auto;
margin-right: auto;
}
.glide__slide {
cursor: default;
height: auto;
}
.glide__slide img {
max-height: 420px;
}
.glide__track {
cursor: default;
}
.glide__bullets {
bottom: -1.25rem;
}
.glide__bullet {
border-radius: 9999px;
display: inline-block;
height: 0.5rem;
width: 0.5rem;
--tw-bg-opacity: 1;
background-color: rgb(148 163 184 / var(--tw-bg-opacity));
margin-left: 0.25rem;
margin-right: 0.25rem;
margin-top: 1rem;
}
.glide__bullet:active,
.glide__bullet:focus,
.glide__bullet:hover {
border-width: 0;
--tw-bg-opacity: 1;
background-color: rgb(100 116 139 / var(--tw-bg-opacity));
}
.glide__bullet.glide__bullet--active {
--tw-bg-opacity: 1;
background-color: rgb(28 127 242 / var(--tw-bg-opacity));
}
.glide__arrows--inside .glide__arrow--left {
left: 0.25rem;
}
.glide__arrows--inside .glide__arrow--right {
right: 0.25rem;
}
.glide__arrow {
border-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
--tw-text-opacity: 1;
border-width: 0;
color: rgb(148 163 184 / var(--tw-text-opacity));
padding: 0;
}
.glide__arrow--left {
left: -16px;
}
.glide__arrow--right {
right: -16px;
}
@media (min-width: 768px) {
.md\:level-y {
  align-items: center;
  display: inline-flex;
}
}
@media (min-width: 1024px) {
.lg\:prose-xl {
  font-size: 1.25rem;
  line-height: 1.8;
}
.lg\:prose-xl
  :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.2em;
  margin-top: 1.2em;
}
.lg\:prose-xl
  :where([class~="lead"]):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  font-size: 1.2em;
  line-height: 1.5;
  margin-bottom: 1em;
  margin-top: 1em;
}
.lg\:prose-xl
  :where(blockquote):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 1.6em;
  margin-top: 1.6em;
  padding-left: 1.0666667em;
}
.lg\:prose-xl
  :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: 2.8em;
  line-height: 1;
  margin-bottom: 0.8571429em;
  margin-top: 0;
}
.lg\:prose-xl
  :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: 1.8em;
  line-height: 1.1111111;
  margin-bottom: 0.8888889em;
  margin-top: 1.5555556em;
}
.lg\:prose-xl
  :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: 1.5em;
  line-height: 1.3333333;
  margin-bottom: 0.6666667em;
  margin-top: 1.6em;
}
.lg\:prose-xl
  :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  line-height: 1.6;
  margin-bottom: 0.6em;
  margin-top: 1.8em;
}
.lg\:prose-xl
  :where(img):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 2em;
  margin-top: 2em;
}
.lg\:prose-xl
  :where(picture):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 2em;
  margin-top: 2em;
}
.lg\:prose-xl
  :where(picture > img):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 0;
  margin-top: 0;
}
.lg\:prose-xl
  :where(video):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 2em;
  margin-top: 2em;
}
.lg\:prose-xl
  :where(kbd):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  border-radius: 0.3125rem;
  font-size: 0.9em;
  padding: 0.25em 0.4em;
}
.lg\:prose-xl
  :where(code):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  font-size: 0.9em;
}
.lg\:prose-xl
  :where(h2 code):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  font-size: 0.8611111em;
}
.lg\:prose-xl
  :where(h3 code):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  font-size: 0.9em;
}
.lg\:prose-xl
  :where(pre):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  border-radius: 0.5rem;
  font-size: 0.9em;
  line-height: 1.7777778;
  margin-bottom: 2em;
  margin-top: 2em;
  padding: 1.1111111em 1.3333333em;
}
.lg\:prose-xl
  :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.2em;
  margin-top: 1.2em;
  padding-left: 1.6em;
}
.lg\:prose-xl
  :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.2em;
  margin-top: 1.2em;
  padding-left: 1.6em;
}
.lg\:prose-xl
  :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 0.6em;
  margin-top: 0.6em;
}
.lg\:prose-xl
  :where(ol > li):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  padding-left: 0.4em;
}
.lg\:prose-xl
  :where(ul > li):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  padding-left: 0.4em;
}
.lg\:prose-xl
  :where(.lg\:prose-xl > ul > li p):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 0.8em;
  margin-top: 0.8em;
}
.lg\:prose-xl
  :where(.lg\:prose-xl > ul > li > :first-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-top: 1.2em;
}
.lg\:prose-xl
  :where(.lg\:prose-xl > ul > li > :last-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 1.2em;
}
.lg\:prose-xl
  :where(.lg\:prose-xl > ol > li > :first-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-top: 1.2em;
}
.lg\:prose-xl
  :where(.lg\:prose-xl > ol > li > :last-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 1.2em;
}
.lg\:prose-xl
  :where(ul ul, ul ol, ol ul, ol ol):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 0.8em;
  margin-top: 0.8em;
}
.lg\:prose-xl
  :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.2em;
  margin-top: 1.2em;
}
.lg\:prose-xl
  :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.2em;
}
.lg\:prose-xl
  :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0.6em;
  padding-left: 1.6em;
}
.lg\:prose-xl
  :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 2.8em;
  margin-top: 2.8em;
}
.lg\:prose-xl
  :where(hr + *):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-top: 0;
}
.lg\:prose-xl
  :where(h2 + *):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-top: 0;
}
.lg\:prose-xl
  :where(h3 + *):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-top: 0;
}
.lg\:prose-xl
  :where(h4 + *):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-top: 0;
}
.lg\:prose-xl
  :where(table):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  font-size: 0.9em;
  line-height: 1.5555556;
}
.lg\:prose-xl
  :where(thead th):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  padding-bottom: 0.8888889em;
  padding-left: 0.6666667em;
  padding-right: 0.6666667em;
}
.lg\:prose-xl
  :where(thead th:first-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  padding-left: 0;
}
.lg\:prose-xl
  :where(thead th:last-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  padding-right: 0;
}
.lg\:prose-xl
  :where(tbody td, tfoot td):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  padding: 0.8888889em 0.6666667em;
}
.lg\:prose-xl
  :where(tbody td:first-child, tfoot td:first-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  padding-left: 0;
}
.lg\:prose-xl
  :where(tbody td:last-child, tfoot td:last-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  padding-right: 0;
}
.lg\:prose-xl
  :where(figure):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 2em;
  margin-top: 2em;
}
.lg\:prose-xl
  :where(figure > *):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 0;
  margin-top: 0;
}
.lg\:prose-xl
  :where(figcaption):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  font-size: 0.9em;
  line-height: 1.5555556;
  margin-top: 1em;
}
.lg\:prose-xl
  :where(.lg\:prose-xl > :first-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-top: 0;
}
.lg\:prose-xl
  :where(.lg\:prose-xl > :last-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 0;
}
}
@media (max-width: 767px) {
.mob\:prose-base {
  font-size: 1rem;
  line-height: 1.75;
}
.mob\:prose-base
  :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.25em;
  margin-top: 1.25em;
}
.mob\:prose-base
  :where([class~="lead"]):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  font-size: 1.25em;
  line-height: 1.6;
  margin-bottom: 1.2em;
  margin-top: 1.2em;
}
.mob\:prose-base
  :where(blockquote):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 1.6em;
  margin-top: 1.6em;
  padding-left: 1em;
}
.mob\:prose-base
  :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: 2.25em;
  line-height: 1.1111111;
  margin-bottom: 0.8888889em;
  margin-top: 0;
}
.mob\:prose-base
  :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: 1.5em;
  line-height: 1.3333333;
  margin-bottom: 1em;
  margin-top: 2em;
}
.mob\:prose-base
  :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  font-size: 1.25em;
  line-height: 1.6;
  margin-bottom: 0.6em;
  margin-top: 1.6em;
}
.mob\:prose-base
  :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  line-height: 1.5;
  margin-bottom: 0.5em;
  margin-top: 1.5em;
}
.mob\:prose-base
  :where(img):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 2em;
  margin-top: 2em;
}
.mob\:prose-base
  :where(picture):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 2em;
  margin-top: 2em;
}
.mob\:prose-base
  :where(picture > img):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 0;
  margin-top: 0;
}
.mob\:prose-base
  :where(video):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 2em;
  margin-top: 2em;
}
.mob\:prose-base
  :where(kbd):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  border-radius: 0.3125rem;
  font-size: 0.875em;
  padding: 0.1875em 0.375em;
}
.mob\:prose-base
  :where(code):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  font-size: 0.875em;
}
.mob\:prose-base
  :where(h2 code):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  font-size: 0.875em;
}
.mob\:prose-base
  :where(h3 code):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  font-size: 0.9em;
}
.mob\:prose-base
  :where(pre):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  border-radius: 0.375rem;
  font-size: 0.875em;
  line-height: 1.7142857;
  margin-bottom: 1.7142857em;
  margin-top: 1.7142857em;
  padding: 0.8571429em 1.1428571em;
}
.mob\:prose-base
  :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.25em;
  margin-top: 1.25em;
  padding-left: 1.625em;
}
.mob\:prose-base
  :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.25em;
  margin-top: 1.25em;
  padding-left: 1.625em;
}
.mob\:prose-base
  :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}
.mob\:prose-base
  :where(ol > li):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  padding-left: 0.375em;
}
.mob\:prose-base
  :where(ul > li):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  padding-left: 0.375em;
}
.mob\:prose-base
  :where(.mob\:prose-base > ul > li p):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 0.75em;
  margin-top: 0.75em;
}
.mob\:prose-base
  :where(.mob\:prose-base > ul > li > :first-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-top: 1.25em;
}
.mob\:prose-base
  :where(.mob\:prose-base > ul > li > :last-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 1.25em;
}
.mob\:prose-base
  :where(.mob\:prose-base > ol > li > :first-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-top: 1.25em;
}
.mob\:prose-base
  :where(.mob\:prose-base > ol > li > :last-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 1.25em;
}
.mob\:prose-base
  :where(ul ul, ul ol, ol ul, ol ol):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 0.75em;
  margin-top: 0.75em;
}
.mob\:prose-base
  :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 1.25em;
  margin-top: 1.25em;
}
.mob\:prose-base
  :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 1.25em;
}
.mob\:prose-base
  :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-top: 0.5em;
  padding-left: 1.625em;
}
.mob\:prose-base
  :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
  margin-bottom: 3em;
  margin-top: 3em;
}
.mob\:prose-base
  :where(hr + *):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-top: 0;
}
.mob\:prose-base
  :where(h2 + *):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-top: 0;
}
.mob\:prose-base
  :where(h3 + *):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-top: 0;
}
.mob\:prose-base
  :where(h4 + *):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-top: 0;
}
.mob\:prose-base
  :where(table):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  font-size: 0.875em;
  line-height: 1.7142857;
}
.mob\:prose-base
  :where(thead th):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  padding-bottom: 0.5714286em;
  padding-left: 0.5714286em;
  padding-right: 0.5714286em;
}
.mob\:prose-base
  :where(thead th:first-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  padding-left: 0;
}
.mob\:prose-base
  :where(thead th:last-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  padding-right: 0;
}
.mob\:prose-base
  :where(tbody td, tfoot td):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  padding: 0.5714286em;
}
.mob\:prose-base
  :where(tbody td:first-child, tfoot td:first-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  padding-left: 0;
}
.mob\:prose-base
  :where(tbody td:last-child, tfoot td:last-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  padding-right: 0;
}
.mob\:prose-base
  :where(figure):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 2em;
  margin-top: 2em;
}
.mob\:prose-base
  :where(figure > *):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 0;
  margin-top: 0;
}
.mob\:prose-base
  :where(figcaption):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  font-size: 0.875em;
  line-height: 1.4285714;
  margin-top: 0.8571429em;
}
.mob\:prose-base
  :where(.mob\:prose-base > :first-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-top: 0;
}
.mob\:prose-base
  :where(.mob\:prose-base > :last-child):not(
    :where([class~="not-prose"], [class~="not-prose"] *)
  ) {
  margin-bottom: 0;
}
.mob\:level-y {
  align-items: center;
  display: inline-flex;
}
}
.first\:py-0:first-child {
padding-bottom: 0;
padding-top: 0;
}
.first\:pt-0:first-child {
padding-top: 0;
}
.hover\:border-gray-200:hover {
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.hover\:border-gray-400:hover {
--tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity));
}
.hover\:border-green-600:hover {
--tw-border-opacity: 1;
border-color: rgb(22 163 74 / var(--tw-border-opacity));
}
.hover\:bg-amber-400:hover {
--tw-bg-opacity: 1;
background-color: rgb(251 191 36 / var(--tw-bg-opacity));
}
.hover\:bg-blue-100:hover {
--tw-bg-opacity: 1;
background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}
.hover\:bg-link-500:hover {
--tw-bg-opacity: 1;
background-color: rgb(13 114 231 / var(--tw-bg-opacity));
}
.hover\:bg-primary-500:hover {
--tw-bg-opacity: 1;
background-color: rgb(28 127 242 / var(--tw-bg-opacity));
}
.hover\:bg-slate-50:hover {
--tw-bg-opacity: 1;
background-color: rgb(248 250 252 / var(--tw-bg-opacity));
}
.hover\:bg-transparent:hover {
background-color: transparent;
}
.hover\:text-amber-900:hover {
--tw-text-opacity: 1;
color: rgb(120 53 15 / var(--tw-text-opacity));
}
.hover\:text-gray-600:hover {
--tw-text-opacity: 1;
color: rgb(75 85 99 / var(--tw-text-opacity));
}
.hover\:text-link-500:hover {
--tw-text-opacity: 1;
color: rgb(13 114 231 / var(--tw-text-opacity));
}
.hover\:text-primary-content:hover {
--tw-text-opacity: 1;
color: rgb(240 249 255 / var(--tw-text-opacity));
}
.hover\:text-purple-500:hover {
--tw-text-opacity: 1;
color: rgb(168 85 247 / var(--tw-text-opacity));
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:text-yellow-500:hover {
--tw-text-opacity: 1;
color: rgb(234 179 8 / var(--tw-text-opacity));
}
.hover\:underline:hover {
text-decoration-line: underline;
}
.hover\:no-underline:hover {
text-decoration-line: none;
}
.hover\:shadow-lg:hover {
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
  0 4px 6px -4px rgba(0, 0, 0, 0.1);
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
  0 4px 6px -4px var(--tw-shadow-color);
box-shadow: 0 0 #0000, 0 0 #0000, var(--tw-shadow);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
  var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:grayscale-0:hover {
--tw-grayscale: grayscale(0);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
  var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
  var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.disabled\:cursor-not-allowed:disabled {
cursor: not-allowed;
}
.prose-a\:text-yellow-700
:is(
  :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *))
) {
--tw-text-opacity: 1;
color: rgb(161 98 7 / var(--tw-text-opacity));
}
.prose-ol\:list-decimal
:is(
  :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *))
) {
list-style-type: decimal;
}
@media (min-width: 640px) {
.sm\:ml-4 {
  margin-left: 1rem;
}
.sm\:mr-4 {
  margin-right: 1rem;
}
.sm\:hidden {
  display: none;
}
}
@media (min-width: 768px) {
.md\:col-span-5 {
  grid-column: span 5 / span 5;
}
.md\:col-span-7 {
  grid-column: span 7 / span 7;
}
.md\:mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.md\:mb-2 {
  margin-bottom: 0.5rem;
}
.md\:mt-4 {
  margin-top: 1rem;
}
.md\:hidden {
  display: none;
}
.md\:h-12 {
  height: 3rem;
}
.md\:w-24 {
  width: 6rem;
}
.md\:w-4\/5 {
  width: 80%;
}
.md\:max-w-sm {
  max-width: 24rem;
}
.md\:grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.md\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md\:flex-row {
  flex-direction: row;
}
.md\:gap-6 {
  gap: 1.5rem;
}
.md\:gap-8 {
  gap: 2rem;
}
.md\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
}
.md\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(1rem * var(--tw-space-x-reverse));
}
.md\:space-x-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(1.5rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
}
.md\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));
}
.md\:text-left {
  text-align: left;
}
.md\:text-center {
  text-align: center;
}
.md\:text-right {
  text-align: right;
}
.md\:text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.md\:text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
}
@media (min-width: 1024px) {
.lg\:ml-2 {
  margin-left: 0.5rem;
}
.lg\:flex {
  display: flex;
}
.lg\:hidden {
  display: none;
}
.lg\:w-2\/3 {
  width: 66.666667%;
}
.lg\:w-24 {
  width: 6rem;
}
.lg\:max-w-lg {
  max-width: 32rem;
}
.lg\:grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lg\:grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.lg\:grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.lg\:grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.lg\:place-content-end {
  place-content: end;
}
.lg\:gap-12 {
  gap: 3rem;
}
.lg\:space-x-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(1rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(1rem * var(--tw-space-x-reverse));
}
.lg\:text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.lg\:text-5xl {
  font-size: 3rem;
  line-height: 1;
}
.lg\:text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.lg\:leading-6 {
  line-height: 1.5rem;
}
}
@media (min-width: 1280px) {
.xl\:grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.xl\:text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
}
@media (max-width: 767px) {
.mob\:col-span-2 {
  grid-column: span 2 / span 2;
}
.mob\:col-span-3 {
  grid-column: span 3 / span 3;
}
.mob\:-mx-4 {
  margin-left: -1rem;
  margin-right: -1rem;
}
.mob\:mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mob\:my-4 {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.mob\:my-6 {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
.mob\:-ml-1 {
  margin-left: -0.25rem;
}
.mob\:mb-0 {
  margin-bottom: 0;
}
.mob\:mt-0 {
  margin-top: 0;
}
.mob\:mt-2 {
  margin-top: 0.5rem;
}
.mob\:mt-4 {
  margin-top: 1rem;
}
.mob\:block {
  display: block;
}
.mob\:inline {
  display: inline;
}
.mob\:flex {
  display: flex;
}
.mob\:grid {
  display: grid;
}
.mob\:hidden {
  display: none;
}
.mob\:h-10 {
  height: 2.5rem;
}
.mob\:h-20 {
  height: 5rem;
}
.mob\:h-24 {
  height: 6rem;
}
.mob\:w-10 {
  width: 2.5rem;
}
.mob\:w-12 {
  width: 3rem;
}
.mob\:w-20 {
  width: 5rem;
}
.mob\:w-24 {
  width: 6rem;
}
.mob\:w-32 {
  width: 8rem;
}
.mob\:w-8 {
  width: 2rem;
}
.mob\:w-\[calc\(100\%\+2rem\)\] {
  width: calc(100% + 2rem);
}
.mob\:w-full {
  width: 100%;
}
.mob\:flex-1 {
  flex: 1 1;
}
.mob\:shrink {
  flex-shrink: 1;
}
.mob\:grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.mob\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.mob\:flex-col {
  flex-direction: column;
}
.mob\:flex-col-reverse {
  flex-direction: column-reverse;
}
.mob\:gap-4 {
  gap: 1rem;
}
.mob\:gap-x-4 {
  -moz-column-gap: 1rem;
  column-gap: 1rem;
}
.mob\:space-x-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
  margin-right: calc(0.5rem * var(--tw-space-x-reverse));
}
.mob\:space-y-2 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));
}
.mob\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
}
.mob\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  margin-top: calc(1.5rem * (1 - var(--tw-space-y-reverse)));
}
.mob\:rounded-none {
  border-radius: 0;
}
.mob\:rounded-tr-none {
  border-top-right-radius: 0;
}
.mob\:border-none {
  border-style: none;
}
.mob\:border-blue-50 {
  --tw-border-opacity: 1;
  border-color: rgb(239 246 255 / var(--tw-border-opacity));
}
.mob\:bg-slate-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(226 232 240 / var(--tw-bg-opacity));
}
.mob\:px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.mob\:px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.mob\:py-4 {
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.mob\:text-left {
  text-align: left;
}
.mob\:text-center {
  text-align: center;
}
.mob\:text-right {
  text-align: right;
}
.mob\:text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.mob\:text-3xl {
  font-size: 1.875rem;
  line-height: 2.25rem;
}
.mob\:text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.mob\:text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.mob\:text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.mob\:font-normal {
  font-weight: 400;
}
.mob\:capitalize {
  text-transform: capitalize;
}
.mob\:tracking-tight {
  letter-spacing: -0.025em;
}
}
.\[\&\>a\]\:text-red-700 > a {
--tw-text-opacity: 1;
color: rgb(185 28 28 / var(--tw-text-opacity));
}
.\[\&\>p\:last-child\]\:mb-0 > p:last-child {
margin-bottom: 0;
}
.\[\&\>td\]\:bg-green-100 > td {
--tw-bg-opacity: 1;
background-color: rgb(220 252 231 / var(--tw-bg-opacity));
}
.\[\&\>td\]\:bg-red-100 > td {
--tw-bg-opacity: 1;
background-color: rgb(254 226 226 / var(--tw-bg-opacity));
}
.\[\&\>td\]\:py-3 > td {
padding-bottom: 0.75rem;
padding-top: 0.75rem;
}
@media (min-width: 1024px) {
.\[\&\>td\]\:lg\:py-4 > td {
  padding-bottom: 1rem;
  padding-top: 1rem;
}
}
img.d-logo {
width: 50px;
}

body {
  background: #f5f5f5;
}


.projcard-container {
    margin: 50px 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
}
.projcard-container * {
    box-sizing: border-box;
}
.projcard {  
    margin-bottom: 40px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 2px 3px 0px #3b82f6;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    cursor: pointer;
}
.projcard-innerbox {
    display: flex;
    padding: 20px;
    gap: 40px;
}
.projcard-img {
    width: 30%;
}
.projcard-img img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.projcard-title {
    font-size: 24px;
    font-weight: bold;
}
.projcard-subtitle {
    font-size: 14px;
    color: #888;
}
.projcard-bar {
    left: -2px;
    width: 50px;
    height: 5px;
    margin: 10px 0;
    border-radius: 5px;
    background-color: #424242;
    transition: width 0.2s ease;
    display: none;
}
.projcard-description {
    margin-top: 10px;
    font-size: 16px;
    color: #424242;
}
.projcard-odd {
    background: #f8fafc;
}
.projcard-even {
    background: #f1f5f9;
}
.projcard-odd .projcard-bar {
    background: #3b82f6;
}
.projcard-even .projcard-bar {
    background: #3b82f6;
}
.projcard-tagbox button {
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 5px;
    background: #3b82f6;
    margin-top: 15px;
}
.projcard-tagbox a{
    text-decoration: none;
    color: #fff;
}
.projcard:hover .projcard-bar {
    width: 40%;
}
.projcard:hover {
    box-shadow: 0 34px 32px -33px #3b82f6;
    transform: translate(0px, -3px);
}
@media(max-width: 700px) {
    .projcard-innerbox {
        flex-direction: column;
    }
    .projcard-img {
        width: auto;
        height: 200px;
    }
    .projcard-img img {
        height: 100%;
    }
    .projcard-title {
        font-size: 20px;
    }
    .projcard-description {
        font-size: 15px;
    }
}
.no-hover {
  text-decoration: none !important;
}