@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

    *,
    :before,
    :after,
    ::backdrop {
        --un-bg-opacity: 100%;
        --un-border-opacity: 100%;
        --un-ease: initial;
        --un-leading: initial;
        --un-ring-offset-opacity: 100%;
        --un-ring-opacity: 100%;
        --un-text-opacity: 100%;
        --un-translate-x: initial;
        --un-translate-y: initial;
        --un-translate-z: initial
    }
}

@property --un-text-opacity {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --un-leading {
    syntax: "*";
    inherits: false
}

@property --un-outline-style {
    syntax: "*";
    inherits: false;
    initial-value: solid
}

@property --un-border-opacity {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --un-bg-opacity {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --un-ring-opacity {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --un-inset-ring-color {
    syntax: "*";
    inherits: false
}

@property --un-inset-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --un-inset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --un-inset-shadow-color {
    syntax: "*";
    inherits: false
}

@property --un-ring-color {
    syntax: "*";
    inherits: false
}

@property --un-ring-inset {
    syntax: "*";
    inherits: false
}

@property --un-ring-offset-color {
    syntax: "*";
    inherits: false
}

@property --un-ring-offset-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --un-ring-offset-width {
    syntax: "<length>";
    inherits: false;
    initial-value: 0
}

@property --un-ring-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --un-shadow {
    syntax: "*";
    inherits: false;
    initial-value: 0 0 #0000
}

@property --un-shadow-color {
    syntax: "*";
    inherits: false
}

@property --un-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --un-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --un-translate-z {
    syntax: "*";
    inherits: false;
    initial-value: 0
}

@property --un-ease {
    syntax: "*";
    inherits: false
}

@property --un-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --un-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --un-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --un-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --un-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --un-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --un-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --un-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --un-backdrop-sepia {
    syntax: "*";
    inherits: false
}

@property --un-blur {
    syntax: "*";
    inherits: false
}

@property --un-brightness {
    syntax: "*";
    inherits: false
}

@property --un-contrast {
    syntax: "*";
    inherits: false
}

@property --un-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --un-grayscale {
    syntax: "*";
    inherits: false
}

@property --un-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --un-invert {
    syntax: "*";
    inherits: false
}

@property --un-saturate {
    syntax: "*";
    inherits: false
}

@property --un-sepia {
    syntax: "*";
    inherits: false
}

:root,
:host {
    --fontWeight-medium: 500;
    --leading-snug: 1.375;
    --default-transition-timingFunction: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --spacing: .25rem;
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --fontWeight-semibold: 600;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --colors-gray-400: oklch(70.7% .022 261.325);
    --colors-primary: #0161ef;
    --colors-white: #fff;
    --colors-muted: #101010a8;
    --text-base-fontSize: 1rem;
    --text-base-lineHeight: 1.5rem;
    --colors-blue-500: oklch(62.3% .214 259.815);
    --colors-blue-200: oklch(88.2% .059 254.128);
    --colors-gray-100: oklch(96.7% .003 264.542);
    --colors-gray-600: oklch(44.6% .03 256.802);
    --colors-secondary: #0154cf;
    --colors-gray-900: oklch(21% .034 264.665);
    --colors-slate-300: oklch(86.9% .022 252.894);
    --colors-slate-500: oklch(55.4% .046 257.417);
    --colors-slate-800: oklch(27.9% .041 260.031);
    --container-md: 28rem;
    --fontWeight-bold: 700;
    --colors-page: #fff;
    --tracking-tight: -.025em;
    --container-6xl: 72rem;
    --radius-md: .375rem;
    --container-3xl: 48rem;
    --tracking-tighter: -.05em;
    --font-heading: InterVariable, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --container-xs: 20rem;
    --container-7xl: 80rem;
    --tracking-wide: .025em;
    --leading-tight: 1.25;
    --container-xl: 36rem;
    --container-4xl: 56rem;
    --radius-lg: .5rem;
    --container-5xl: 64rem;
    --radius-xs: .125rem;
    --ease-DEFAULT: cubic-bezier(.4, 0, .2, 1);
    --colors-default: #101010;
    --colors-dark: #030620;
    --colors-blue-50: oklch(97% .014 254.604);
    --colors-green-600: oklch(62.7% .194 149.214);
    --colors-gray-50: oklch(98.5% .002 247.839);
    --colors-slate-200: oklch(92.9% .013 255.508);
    --colors-gray-200: oklch(92.8% .006 264.531);
    --colors-red-500: oklch(63.7% .237 25.331);
    --colors-black: #000;
    --text-9xl-fontSize: 8rem;
    --text-9xl-lineHeight: 1;
    --text-3xl-fontSize: 1.875rem;
    --text-3xl-lineHeight: 2.25rem;
    --text-xl-fontSize: 1.25rem;
    --text-xl-lineHeight: 1.75rem;
    --text-4xl-fontSize: 2.25rem;
    --text-4xl-lineHeight: 2.5rem;
    --text-lg-fontSize: 1.125rem;
    --text-lg-lineHeight: 1.75rem;
    --text-5xl-fontSize: 3rem;
    --text-5xl-lineHeight: 1;
    --text-xs-fontSize: .75rem;
    --text-xs-lineHeight: 1rem;
    --text-sm-fontSize: .875rem;
    --text-sm-lineHeight: 1.25rem;
    --text-2xl-fontSize: 1.5rem;
    --text-2xl-lineHeight: 2rem;
    --container-2xl: 42rem;
    --text-6xl-fontSize: 3.75rem;
    --text-6xl-lineHeight: 1;
    --radius-DEFAULT: .25rem;
    --colors-gray-700: oklch(37.3% .034 259.733);
    --colors-gray-500: oklch(55.1% .027 264.364);
    --colors-slate-600: oklch(44.6% .043 257.281);
    --colors-slate-400: oklch(70.4% .04 256.788);
    --colors-green-700: oklch(52.7% .154 150.069);
    --colors-gray-300: oklch(87.2% .01 258.338);
    --colors-slate-900: oklch(20.8% .042 265.755);
    --colors-blue-600: oklch(54.6% .245 262.881);
    --colors-blue-400: oklch(70.7% .165 254.624);
    --font-sans: InterVariable, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --default-font-family: var(--font-sans);
    --default-monoFont-family: var(--font-mono)
}

*,
:after,
:before,
::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
}

::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
}

html,
:host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-featureSettings, normal);
    font-variation-settings: var(--default-font-variationSettings, normal);
    -webkit-tap-highlight-color: transparent
}

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

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

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

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp,
pre {
    font-family: var(--default-monoFont-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-monoFont-featureSettings, normal);
    font-variation-settings: var(--default-monoFont-variationSettings, normal);
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

:-moz-focusring:where(:not(iframe)) {
    outline: auto
}

progress {
    vertical-align: baseline
}

summary {
    display: list-item
}

ol,
ul,
menu {
    list-style: none
}

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

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

button,
input,
select,
optgroup,
textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
}

::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
}

:where(select:is([multiple], [size])) optgroup {
    font-weight: bolder
}

:where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px
}

::file-selector-button {
    margin-inline-end: 4px
}

::placeholder {
    opacity: 1
}

@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent)
    }
}

textarea {
    resize: vertical
}

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

::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit
}

::-webkit-datetime-edit {
    display: inline-flex
}

::-webkit-datetime-edit-fields-wrapper {
    padding: 0
}

::-webkit-datetime-edit {
    padding-block: 0
}

::-webkit-datetime-edit-year-field {
    padding-block: 0
}

::-webkit-datetime-edit-month-field {
    padding-block: 0
}

::-webkit-datetime-edit-day-field {
    padding-block: 0
}

::-webkit-datetime-edit-hour-field {
    padding-block: 0
}

::-webkit-datetime-edit-minute-field {
    padding-block: 0
}

::-webkit-datetime-edit-second-field {
    padding-block: 0
}

::-webkit-datetime-edit-millisecond-field {
    padding-block: 0
}

::-webkit-datetime-edit-meridiem-field {
    padding-block: 0
}

::-webkit-calendar-picker-indicator {
    line-height: 1
}

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

button,
input:where([type=button], [type=reset], [type=submit]) {
    appearance: button
}

::file-selector-button {
    appearance: button
}

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

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

[hidden]:where(:not([hidden~=until-found])) {
    display: none !important
}

:root.dark .\[\:root\.dark_\&\]\:i-tabler\:sun {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0m-5 0h1m8-9v1m8 8h1m-9 8v1M5.6 5.6l.7.7m12.1-.7l-.7.7m0 11.4l.7.7m-12.1-.7l-.7.7'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.i-hugeicons\:globe {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12.5 19v3m-2 0h4'/%3E%3Ccircle cx='7' cy='7' r='7' stroke-linecap='round' transform='matrix(-1 0 0 1 20.5 2)'/%3E%3Cpath stroke-linejoin='round' d='M8.5 4c.654.038.992.359 1.573.973c1.05 1.11 2.1 1.202 2.8.832c1.049-.555.167-1.453 1.399-1.94c.803-.32.915-1.185.468-1.865M20 10c-1.5 0-1.766 1.247-3 1c-2.5-.5-3.208.059-3.208 1.251s0 1.192-.52 2.086c-.338.582-.457 1.163.217 1.663'/%3E%3Cpath stroke-linecap='round' d='M6.5 2a9.85 9.85 0 0 0-3 7.083C3.5 14.56 7.977 19 13.5 19a10 10 0 0 0 7-2.835'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.i-mdi\:chevron-left {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M15.41 16.58L10.83 12l4.58-4.59L14 6l-6 6l6 6z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.i-mdi\:chevron-right {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M8.59 16.58L13.17 12L8.59 7.41L10 6l6 6l-6 6z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.i-mdi\:home {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M10 20v-6h4v6h5v-8h3L12 3L2 12h3v8z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.i-mdi\:university {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M12 3L1 9l11 6l9-4.91V17h2V9M5 13.18v4L12 21l7-3.82v-4L12 17z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.i-svg-spinners\:ring-resize {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cg stroke='currentColor'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-linecap='round' stroke-width='3'%3E%3Canimate attributeName='stroke-dasharray' calcMode='spline' dur='1.5s' keySplines='0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1' keyTimes='0;0.475;0.95;1' repeatCount='indefinite' values='0 150;42 150;42 150;42 150'/%3E%3Canimate attributeName='stroke-dashoffset' calcMode='spline' dur='1.5s' keySplines='0.42,0,0.58,1;0.42,0,0.58,1;0.42,0,0.58,1' keyTimes='0;0.475;0.95;1' repeatCount='indefinite' values='0;-16;-59;-59'/%3E%3C/circle%3E%3CanimateTransform attributeName='transform' dur='2s' repeatCount='indefinite' type='rotate' values='0 12 12;360 12 12'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.i-tabler\:apps {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 5a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm0 10a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1zm10 0a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zm0-8h6m-3-3v6'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.i-tabler\:brand-x {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m4 4l11.733 16H20L8.267 4zm0 16l6.768-6.768m2.46-2.46L20 4'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.i-tabler\:calendar-month {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 7a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm12-4v4M8 3v4m-4 4h16M8 14v4m4-4v4m4-4v4'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.i-tabler\:chevron-down {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m6 9l6 6l6-6'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.i-tabler\:chevron-right {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 6l6 6l-6 6'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.i-tabler\:credit-card {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M3 8a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm0 2h18M7 15h.01M11 15h2'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.i-tabler\:credit-card-refund {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 19H6a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v4.5M3 10h18M7 15h.01M11 15h2m3 4h6m-3-3l-3 3l3 3'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.i-tabler\:file-check {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2'/%3E%3Cpath d='m9 15l2 2l4-4'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.i-tabler\:mail {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpath d='m3 7l9 6l9-6'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.i-tabler\:moon {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3h.393a7.5 7.5 0 0 0 7.92 12.446A9 9 0 1 1 12 2.992z'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.i-tabler\:pig-money {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cg fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15 11v.01M5.173 8.378a3 3 0 1 1 4.656-1.377'/%3E%3Cpath d='M16 4v3.803A6.02 6.02 0 0 1 18.658 11h1.341a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1.342c-.336.95-.907 1.8-1.658 2.473V19.5a1.5 1.5 0 0 1-3 0v-.583a6 6 0 0 1-1 .083h-4a6 6 0 0 1-1-.083v.583a1.5 1.5 0 0 1-3 0v-2.027A6 6 0 0 1 8.999 7h2.5z'/%3E%3C/g%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.i-tabler\:pig-off {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 11v.01M10 6h1.499l4.5-3v3.803A6.02 6.02 0 0 1 18.657 10h1.341a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-1.342q-.085.24-.19.472M16.999 17v1.5a1.5 1.5 0 0 1-3 0v-.583a6 6 0 0 1-1 .083h-4a6 6 0 0 1-1-.083v.583a1.5 1.5 0 0 1-3 0v-2.027a6 6 0 0 1 1.5-9.928M3 3l18 18'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.i-tabler\:podium {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 8h14l-.621 2.485A2 2 0 0 1 16.439 12H7.561a2 2 0 0 1-1.94-1.515zm2 0V6a3 3 0 0 1 3-3m-2 9l1 9m7-9l-1 9m-8 0h10'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.i-tabler\:rss {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 19a1 1 0 1 0 2 0a1 1 0 1 0-2 0M4 4a16 16 0 0 1 16 16M4 11a9 9 0 0 1 9 9'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.i-tabler\:ticket-off {
    --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='100%25' height='100%25' xmlns='https://www.w3.org/2000/svg' %3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 5v2m0 10v2M9 5h10a2 2 0 0 1 2 2v3a2 2 0 1 0 0 4v3m-2 2H5a2 2 0 0 1-2-2v-3a2 2 0 1 0 0-4V7a2 2 0 0 1 2-2M3 3l18 18'/%3E%3C/svg%3E");
    -webkit-mask: var(--un-icon) no-repeat;
    mask: var(--un-icon) no-repeat;
    color: inherit;
    background-color: currentColor;
    width: 100%;
    height: 100%;
    mask-size: 100% 100%
}

.dark .dark\:prose-invert {
    --un-prose-body: var(--un-prose-invert-body);
    --un-prose-headings: var(--un-prose-invert-headings);
    --un-prose-lead: var(--un-prose-invert-lead);
    --un-prose-links: var(--un-prose-invert-links);
    --un-prose-bold: var(--un-prose-invert-bold);
    --un-prose-counters: var(--un-prose-invert-counters);
    --un-prose-bullets: var(--un-prose-invert-bullets);
    --un-prose-hr: var(--un-prose-invert-hr);
    --un-prose-quotes: var(--un-prose-invert-quotes);
    --un-prose-quote-borders: var(--un-prose-invert-quote-borders);
    --un-prose-captions: var(--un-prose-invert-captions);
    --un-prose-kbd: var(--un-prose-invert-kbd);
    --un-prose-kbd-shadows: var(--un-prose-invert-kbd-shadows);
    --un-prose-code: var(--un-prose-invert-code);
    --un-prose-pre-code: var(--un-prose-invert-pre-code);
    --un-prose-pre-bg: var(--un-prose-invert-pre-bg);
    --un-prose-th-borders: var(--un-prose-invert-th-borders);
    --un-prose-td-borders: var(--un-prose-invert-td-borders)
}

@media (width>=64rem) {
    .lg\:prose {
        color: var(--un-prose-body);
        max-width: 65ch;

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

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

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

        & :where(strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
            color: var(--un-prose-bold);
            font-weight: 600
        }

        & :where(a strong):not(:where([class~=not-prose], [class~=not-prose] *)),
        & :where(blockquote strong):not(:where([class~=not-prose], [class~=not-prose] *)),
        & :where(thead th strong):not(:where([class~=not-prose], [class~=not-prose] *)) {
            color: inherit
        }

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

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

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

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

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

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

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

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

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

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

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

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

        & :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *))::marker {
            color: var(--un-prose-bullets)
        }

        & :where(dt):not(:where([class~=not-prose], [class~=not-prose] *)) {
            color: var(--un-prose-headings);
            margin-top: 1.25em;
            font-weight: 600
        }

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

        & :where(blockquote):not(:where([class~=not-prose], [class~=not-prose] *)) {
            color: var(--un-prose-quotes);
            border-inline-start-width: .25rem;
            border-inline-start-color: var(--un-prose-quote-borders);
            quotes: "“" "”" "‘" "’";
            margin-top: 1.6em;
            margin-bottom: 1.6em;
            padding-inline-start: 1em;
            font-style: italic;
            font-weight: 500
        }

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

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

        & :where(h1):not(:where([class~=not-prose], [class~=not-prose] *)) {
            color: var(--un-prose-headings);
            margin-top: 0;
            margin-bottom: .888889em;
            font-size: 2.25em;
            font-weight: 800;
            line-height: 1.11111
        }

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

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

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

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

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

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

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

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

        & :where(picture):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 2em;
            margin-bottom: 2em;
            display: block
        }

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

        & :where(kbd):not(:where([class~=not-prose], [class~=not-prose] *)) {
            color: var(--un-prose-kbd);
            box-shadow: 0 0 0 1px rgb(var(--un-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--un-prose-kbd-shadows) / 10%);
            padding-top: .1875em;
            padding-inline-end: .375em;
            padding-bottom: .1875em;
            border-radius: .3125rem;
            padding-inline-start: .375em;
            font-family: inherit;
            font-size: .875em;
            font-weight: 500
        }

        & :where(code):not(:where([class~=not-prose], [class~=not-prose] *)) {
            color: var(--un-prose-code);
            font-size: .875em;
            font-weight: 600
        }

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

        & :where(a code):not(:where([class~=not-prose], [class~=not-prose] *)),
        & :where(h1 code):not(:where([class~=not-prose], [class~=not-prose] *)) {
            color: inherit
        }

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

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

        & :where(h4 code):not(:where([class~=not-prose], [class~=not-prose] *)),
        & :where(blockquote code):not(:where([class~=not-prose], [class~=not-prose] *)),
        & :where(thead th code):not(:where([class~=not-prose], [class~=not-prose] *)) {
            color: inherit
        }

        & :where(pre):not(:where([class~=not-prose], [class~=not-prose] *)) {
            color: var(--un-prose-pre-code);
            background-color: var(--un-prose-pre-bg);
            padding-top: .857143em;
            padding-inline-end: 1.14286em;
            padding-bottom: .857143em;
            border-radius: .375rem;
            margin-top: 1.71429em;
            margin-bottom: 1.71429em;
            padding-inline-start: 1.14286em;
            font-size: .875em;
            font-weight: 400;
            line-height: 1.71429;
            overflow-x: auto
        }

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

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

        & :where(table):not(:where([class~=not-prose], [class~=not-prose] *)) {
            table-layout: auto;
            width: 100%;
            margin-top: 2em;
            margin-bottom: 2em;
            font-size: .875em;
            line-height: 1.71429
        }

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

        & :where(thead th):not(:where([class~=not-prose], [class~=not-prose] *)) {
            color: var(--un-prose-headings);
            vertical-align: bottom;
            padding-inline-end: .571429em;
            padding-bottom: .571429em;
            padding-inline-start: .571429em;
            font-weight: 600
        }

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

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

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

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

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

        & :where(th, td):not(:where([class~=not-prose], [class~=not-prose] *)) {
            text-align: start
        }

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

        & :where(figcaption):not(:where([class~=not-prose], [class~=not-prose] *)) {
            color: var(--un-prose-captions);
            margin-top: .857143em;
            font-size: .875em;
            line-height: 1.42857
        }

        font-size:1rem;
        line-height:1.75;

        & :where(picture>img):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 0;
            margin-bottom: 0
        }

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

        & :where(ol>li):not(:where([class~=not-prose], [class~=not-prose] *)),
        & :where(ul>li):not(:where([class~=not-prose], [class~=not-prose] *)) {
            padding-inline-start: .375em
        }

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

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

        & :where(dl):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 1.25em;
            margin-bottom: 1.25em
        }

        & :where(dd):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: .5em;
            padding-inline-start: 1.625em
        }

        & :where(hr+*):not(:where([class~=not-prose], [class~=not-prose] *)),
        & :where(h2+*):not(:where([class~=not-prose], [class~=not-prose] *)),
        & :where(h3+*):not(:where([class~=not-prose], [class~=not-prose] *)),
        & :where(h4+*):not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 0
        }

        & :where(thead th:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
            padding-inline-start: 0
        }

        & :where(thead th:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
            padding-inline-end: 0
        }

        & :where(tbody td, tfoot td):not(:where([class~=not-prose], [class~=not-prose] *)) {
            padding-top: .571429em;
            padding-inline-end: .571429em;
            padding-bottom: .571429em;
            padding-inline-start: .571429em
        }

        & :where(tbody td:first-child, tfoot td:first-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
            padding-inline-start: 0
        }

        & :where(tbody td:last-child, tfoot td:last-child):not(:where([class~=not-prose], [class~=not-prose] *)) {
            padding-inline-end: 0
        }

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

        & :where():not(:where([class~=not-prose], [class~=not-prose] *)) {
            margin-top: 0;
            margin-bottom: 0
        }

        --un-prose-body:oklch(37.3% .034 259.733);
        --un-prose-invert-body:oklch(87.2% .01 258.338);
        --un-prose-headings:oklch(21% .034 264.665);
        --un-prose-invert-headings:white;
        --un-prose-lead:oklch(44.6% .03 256.802);
        --un-prose-invert-lead:oklch(70.7% .022 261.325);
        --un-prose-links:oklch(21% .034 264.665);
        --un-prose-invert-links:white;
        --un-prose-bold:oklch(21% .034 264.665);
        --un-prose-invert-bold:white;
        --un-prose-counters:oklch(55.1% .027 264.364);
        --un-prose-invert-counters:oklch(70.7% .022 261.325);
        --un-prose-bullets:oklch(87.2% .01 258.338);
        --un-prose-invert-bullets:oklch(44.6% .03 256.802);
        --un-prose-hr:oklch(92.8% .006 264.531);
        --un-prose-invert-hr:oklch(37.3% .034 259.733);
        --un-prose-quotes:oklch(21% .034 264.665);
        --un-prose-invert-quotes:oklch(96.7% .003 264.542);
        --un-prose-quote-borders:oklch(92.8% .006 264.531);
        --un-prose-invert-quote-borders:oklch(37.3% .034 259.733);
        --un-prose-captions:oklch(55.1% .027 264.364);
        --un-prose-invert-captions:oklch(70.7% .022 261.325);
        --un-prose-kbd:oklch(21% .034 264.665);
        --un-prose-invert-kbd:white;
        --un-prose-kbd-shadows:oklch(21% .034 264.665);
        --un-prose-invert-kbd-shadows:white;
        --un-prose-code:oklch(21% .034 264.665);
        --un-prose-invert-code:white;
        --un-prose-pre-code:oklch(92.8% .006 264.531);
        --un-prose-invert-pre-code:oklch(87.2% .01 258.338);
        --un-prose-pre-bg:oklch(27.8% .033 256.848);
        --un-prose-invert-pre-bg:#00000080;
        --un-prose-th-borders:oklch(87.2% .01 258.338);
        --un-prose-invert-th-borders:oklch(44.6% .03 256.802);
        --un-prose-td-borders:oklch(92.8% .006 264.531);
        --un-prose-invert-td-borders:oklch(37.3% .034 259.733)
    }
}

.container {
    width: 100%
}

@media (width>=40rem) {
    .container {
        max-width: 40rem
    }
}

@media (width>=48rem) {
    .container {
        max-width: 48rem
    }
}

@media (width>=64rem) {
    .container {
        max-width: 64rem
    }
}

@media (width>=80rem) {
    .container {
        max-width: 80rem
    }
}

@media (width>=96rem) {
    .container {
        max-width: 96rem
    }
}

.text-\[14px\] {
    font-size: 14px
}

.text-2xl {
    font-size: var(--text-2xl-fontSize);
    line-height: var(--un-leading, var(--text-2xl-lineHeight))
}

.text-3xl {
    font-size: var(--text-3xl-fontSize);
    line-height: var(--un-leading, var(--text-3xl-lineHeight))
}

.text-4xl {
    font-size: var(--text-4xl-fontSize);
    line-height: var(--un-leading, var(--text-4xl-lineHeight))
}

.text-5xl {
    font-size: var(--text-5xl-fontSize);
    line-height: var(--un-leading, var(--text-5xl-lineHeight))
}

.text-9xl {
    font-size: var(--text-9xl-fontSize);
    line-height: var(--un-leading, var(--text-9xl-lineHeight))
}

.text-base {
    font-size: var(--text-base-fontSize);
    line-height: var(--un-leading, var(--text-base-lineHeight))
}

.text-lg {
    font-size: var(--text-lg-fontSize);
    line-height: var(--un-leading, var(--text-lg-lineHeight))
}

.text-sm {
    font-size: var(--text-sm-fontSize);
    line-height: var(--un-leading, var(--text-sm-lineHeight))
}

.text-xl {
    font-size: var(--text-xl-fontSize);
    line-height: var(--un-leading, var(--text-xl-lineHeight))
}

.text-xs {
    font-size: var(--text-xs-fontSize);
    line-height: var(--un-leading, var(--text-xs-lineHeight))
}

.dark .dark\:prose-a\:text-blue-400 :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: color-mix(in srgb, var(--colors-blue-400) var(--un-text-opacity), transparent)
}

.dark .dark\:prose-headings\:text-slate-300 :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose], [class~=not-prose] *)),
.dark .dark\:text-slate-300 {
    color: color-mix(in srgb, var(--colors-slate-300) var(--un-text-opacity), transparent)
}

.dark .dark\:text-blue-200 {
    color: color-mix(in srgb, var(--colors-blue-200) var(--un-text-opacity), transparent)
}

.dark .dark\:text-gray-200 {
    color: color-mix(in srgb, var(--colors-gray-200) var(--un-text-opacity), transparent)
}

.dark .dark\:text-gray-300 {
    color: color-mix(in srgb, var(--colors-gray-300) var(--un-text-opacity), transparent)
}

.dark .dark\:text-gray-400 {
    color: color-mix(in srgb, var(--colors-gray-400) var(--un-text-opacity), transparent)
}

.dark .dark\:text-muted,
.text-muted {
    color: color-mix(in srgb, var(--colors-muted) var(--un-text-opacity), transparent)
}

.dark .dark\:text-slate-400 {
    color: color-mix(in srgb, var(--colors-slate-400) var(--un-text-opacity), transparent)
}

.dark .dark\:text-white {
    color: color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent)
}

.prose-a\:text-blue-600 :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
    color: color-mix(in srgb, var(--colors-blue-600) var(--un-text-opacity), transparent)
}

.text-default {
    color: color-mix(in srgb, var(--colors-default) var(--un-text-opacity), transparent)
}

.text-gray-50 {
    color: color-mix(in srgb, var(--colors-gray-50) var(--un-text-opacity), transparent)
}

.text-gray-600 {
    color: color-mix(in srgb, var(--colors-gray-600) var(--un-text-opacity), transparent)
}

.text-gray-900 {
    color: color-mix(in srgb, var(--colors-gray-900) var(--un-text-opacity), transparent)
}

.text-primary {
    color: color-mix(in srgb, var(--colors-primary) var(--un-text-opacity), transparent)
}

.text-red-500 {
    color: color-mix(in srgb, var(--colors-red-500) var(--un-text-opacity), transparent)
}

.text-secondary {
    color: color-mix(in srgb, var(--colors-secondary) var(--un-text-opacity), transparent)
}

.dark .dark\:hover\:text-white:hover {
    color: color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent)
}

.hover\:text-gray-700:hover {
    color: color-mix(in srgb, var(--colors-gray-700) var(--un-text-opacity), transparent)
}

.hover\:text-primary:hover {
    color: color-mix(in srgb, var(--colors-primary) var(--un-text-opacity), transparent)
}

.leading-6 {
    --un-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6)
}

.leading-tight,
.prose-headings\:leading-tight :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose], [class~=not-prose] *)) {
    --un-leading: var(--leading-tight);
    line-height: var(--leading-tight)
}

.prose-headings\:tracking-tighter :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose], [class~=not-prose] *)),
.tracking-tighter {
    --un-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter)
}

.tracking-\[0\.01rem\] {
    --un-tracking: .01rem;
    letter-spacing: .01rem
}

.tracking-tight {
    --un-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight)
}

.tracking-wide {
    --un-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide)
}

.font-bold,
.prose-headings\:font-bold :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose], [class~=not-prose] *)) {
    --un-font-weight: var(--fontWeight-bold);
    font-weight: var(--fontWeight-bold)
}

.font-heading,
.prose-headings\:font-heading :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose], [class~=not-prose] *)) {
    font-family: var(--font-heading)
}

.font-medium {
    --un-font-weight: var(--fontWeight-medium);
    font-weight: var(--fontWeight-medium)
}

.font-semibold {
    --un-font-weight: var(--fontWeight-semibold);
    font-weight: var(--fontWeight-semibold)
}

.m-auto {
    margin: auto
}

.m2 {
    margin: calc(var(--spacing) * 2)
}

.m21 {
    margin: calc(var(--spacing) * 21)
}

.mx-auto {
    margin-inline: auto
}

.my,
.my-4 {
    margin-block: calc(var(--spacing) * 4)
}

.my-1 {
    margin-block: calc(var(--spacing) * 1)
}

.my-8 {
    margin-block: calc(var(--spacing) * 8)
}

.-ml-2 {
    margin-left: calc(var(--spacing) * -2)
}

.-mr-1\.5 {
    margin-right: calc(var(--spacing) * -1.5)
}

.mb,
.mb-4 {
    margin-bottom: calc(var(--spacing) * 4)
}

.mb-0 {
    margin-bottom: calc(var(--spacing) * 0)
}

.mb-12 {
    margin-bottom: calc(var(--spacing) * 12)
}

.mb-2 {
    margin-bottom: calc(var(--spacing) * 2)
}

.mb-6 {
    margin-bottom: calc(var(--spacing) * 6)
}

.mb-8 {
    margin-bottom: calc(var(--spacing) * 8)
}

.ml-0\.5 {
    margin-left: calc(var(--spacing) * .5)
}

.ml-1 {
    margin-left: calc(var(--spacing) * 1)
}

.ml-2,
[dir=rtl] .rtl\:ml-2 {
    margin-left: calc(var(--spacing) * 2)
}

.ml-3 {
    margin-left: calc(var(--spacing) * 3)
}

.ml-4 {
    margin-left: calc(var(--spacing) * 4)
}

.ml-auto,
[dir=rtl] .rtl\:ml-auto {
    margin-left: auto
}

.mr-2,
[dir=rtl] .rtl\:mr-2 {
    margin-right: calc(var(--spacing) * 2)
}

.mr-4 {
    margin-right: calc(var(--spacing) * 4)
}

.mr-auto,
[dir=rtl] .rtl\:mr-auto {
    margin-right: auto
}

.ms {
    margin-inline-start: calc(var(--spacing) * 4)
}

.mt-\[-25px\] {
    margin-top: -25px
}

.mt-0\.5 {
    margin-top: calc(var(--spacing) * .5)
}

.mt-1 {
    margin-top: calc(var(--spacing) * 1)
}

.mt-10 {
    margin-top: calc(var(--spacing) * 10)
}

.mt-3 {
    margin-top: calc(var(--spacing) * 3)
}

.mt-4 {
    margin-top: calc(var(--spacing) * 4)
}

.mt-6 {
    margin-top: calc(var(--spacing) * 6)
}

.mt-8 {
    margin-top: calc(var(--spacing) * 8)
}

[dir=rtl] .rtl\:-ml-1\.5 {
    margin-left: calc(var(--spacing) * -1.5)
}

[dir=rtl] .rtl\:-mr-2 {
    margin-right: calc(var(--spacing) * -2)
}

[dir=rtl] .rtl\:ml-0 {
    margin-left: calc(var(--spacing) * 0)
}

[dir=rtl] .rtl\:mr-0 {
    margin-right: calc(var(--spacing) * 0)
}

[dir=rtl] .rtl\:mr-0\.5 {
    margin-right: calc(var(--spacing) * .5)
}

[dir=rtl] .rtl\:mr-1 {
    margin-right: calc(var(--spacing) * 1)
}

[dir=rtl] .rtl\:mr-3 {
    margin-right: calc(var(--spacing) * 3)
}

.p-1 {
    padding: calc(var(--spacing) * 1)
}

.p-16 {
    padding: calc(var(--spacing) * 16)
}

.p-2\.5 {
    padding: calc(var(--spacing) * 2.5)
}

.p-3 {
    padding: calc(var(--spacing) * 3)
}

.p-4 {
    padding: calc(var(--spacing) * 4)
}

.p-6 {
    padding: calc(var(--spacing) * 6)
}

.px,
.px-4 {
    padding-inline: calc(var(--spacing) * 4)
}

.px-3 {
    padding-inline: calc(var(--spacing) * 3)
}

.px-5 {
    padding-inline: calc(var(--spacing) * 5)
}

.px-5\.5 {
    padding-inline: calc(var(--spacing) * 5.5)
}

.py-12 {
    padding-block: calc(var(--spacing) * 12)
}

.py-16 {
    padding-block: calc(var(--spacing) * 16)
}

.py-2 {
    padding-block: calc(var(--spacing) * 2)
}

.py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5)
}

.py-3 {
    padding-block: calc(var(--spacing) * 3)
}

.py-6 {
    padding-block: calc(var(--spacing) * 6)
}

.py-8 {
    padding-block: calc(var(--spacing) * 8)
}

.\!pt-0 {
    padding-top: calc(var(--spacing) * 0) !important
}

.pb,
.pb-4 {
    padding-bottom: calc(var(--spacing) * 4)
}

.pb-10 {
    padding-bottom: calc(var(--spacing) * 10)
}

.pl-4 {
    padding-left: calc(var(--spacing) * 4)
}

.pt {
    padding-top: calc(var(--spacing) * 4)
}

.pt-0 {
    padding-top: calc(var(--spacing) * 0)
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.outline {
    outline-style: var(--un-outline-style);
    outline-width: 1px
}

.focus\:outline-hidden:focus {
    outline-style: none
}

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

.overscroll-none {
    overscroll-behavior: none
}

.b,
.border,
.dark .dark\:border {
    border-width: 1px
}

.border-4 {
    border-width: 4px
}

.dark .parent.scroll>.dark\:parent-\[\.scroll\]\:border-b,
.parent.scroll.dark>.parent-\[\.scroll\.dark\]\:border-b,
.border-b {
    border-bottom-width: 1px
}

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

.dark .parent.scroll>.dark\:parent-\[\.scroll\]\:border-gray-500\/20,
.parent.scroll.dark>.parent-\[\.scroll\.dark\]\:border-gray-500\/20 {
    border-color: color-mix(in srgb, var(--colors-gray-500) 20%, transparent)
}

.border-gray-200 {
    border-color: color-mix(in srgb, var(--colors-gray-200) var(--un-border-opacity), transparent)
}

.border-gray-50\/0 {
    border-color: color-mix(in srgb, var(--colors-gray-50) 0%, transparent)
}

.border-slate-200 {
    border-color: color-mix(in srgb, var(--colors-slate-200) var(--un-border-opacity), transparent)
}

.dark .dark\:border-gray-700 {
    border-color: color-mix(in srgb, var(--colors-gray-700) var(--un-border-opacity), transparent)
}

.dark .dark\:border-slate-600 {
    border-color: color-mix(in srgb, var(--colors-slate-600) var(--un-border-opacity), transparent)
}

.dark .dark\:border-slate-800 {
    border-color: color-mix(in srgb, var(--colors-slate-800) var(--un-border-opacity), transparent)
}

.prose-img\:rounded-md :where(img):not(:where([class~=not-prose], [class~=not-prose] *)),
.rounded-md {
    border-radius: var(--radius-md)
}

.rounded-full {
    border-radius: 3.40282e38px
}

.rounded-lg {
    border-radius: var(--radius-lg)
}

.rounded-xs {
    border-radius: var(--radius-xs)
}

.first\:rounded-t:first-child {
    border-top-left-radius: var(--radius-DEFAULT);
    border-top-right-radius: var(--radius-DEFAULT)
}

.last\:rounded-b:last-child {
    border-bottom-left-radius: var(--radius-DEFAULT);
    border-bottom-right-radius: var(--radius-DEFAULT)
}

.dark .parent.scroll>.dark\:parent-\[\.scroll\]\:bg-page,
.parent.scroll.dark>.parent-\[\.scroll\.dark\]\:bg-page,
.parent.scroll>.parent-\[\.scroll\]\:bg-page,
.bg-page {
    background-color: color-mix(in srgb, var(--colors-page) var(--un-bg-opacity), transparent)
}

.bg-black {
    background-color: color-mix(in srgb, var(--colors-black) var(--un-bg-opacity), transparent)
}

.bg-blue-50 {
    background-color: color-mix(in srgb, var(--colors-blue-50) var(--un-bg-opacity), transparent)
}

.bg-dark,
.dark .dark\:bg-dark {
    background-color: color-mix(in srgb, var(--colors-dark) var(--un-bg-opacity), transparent)
}

.bg-green-600 {
    background-color: color-mix(in srgb, var(--colors-green-600) var(--un-bg-opacity), transparent)
}

.bg-page\/80 {
    background-color: color-mix(in srgb, var(--colors-page) 80%, transparent)
}

.bg-white,
.dark .dark\:bg-white {
    background-color: color-mix(in srgb, var(--colors-white) var(--un-bg-opacity), transparent)
}

.dark .dark\:bg-green-700 {
    background-color: color-mix(in srgb, var(--colors-green-700) var(--un-bg-opacity), transparent)
}

.dark .dark\:bg-slate-900 {
    background-color: color-mix(in srgb, var(--colors-slate-900) var(--un-bg-opacity), transparent)
}

.dark .dark\:bg-transparent {
    background-color: #0000
}

.dark .dark\:hover\:bg-gray-700:hover {
    background-color: color-mix(in srgb, var(--colors-gray-700) var(--un-bg-opacity), transparent)
}

.hover\:bg-gray-100:hover {
    background-color: color-mix(in srgb, var(--colors-gray-100) var(--un-bg-opacity), transparent)
}

.group.expanded .group-\[\.expanded\]\:opacity-0 {
    opacity: 0
}

.opacity-30 {
    opacity: .3
}

.opacity-80 {
    opacity: .8
}

.underline,
.hover\:underline:hover {
    text-decoration-line: underline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.flex-auto {
    flex: auto
}

.flex-none {
    flex: none
}

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

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.gap-1 {
    gap: calc(var(--spacing) * 1)
}

.gap-10 {
    gap: calc(var(--spacing) * 10)
}

.gap-4 {
    gap: calc(var(--spacing) * 4)
}

.gap-6 {
    gap: calc(var(--spacing) * 6)
}

.gap-8 {
    gap: calc(var(--spacing) * 8)
}

.gap-x-3 {
    column-gap: calc(var(--spacing) * 3)
}

.gap-y-4 {
    row-gap: calc(var(--spacing) * 4)
}

.gap-y-8 {
    row-gap: calc(var(--spacing) * 8)
}

.grid {
    display: grid
}

.col-span-12 {
    grid-column: span 12/span 12
}

.col-span-6 {
    grid-column: span 6/span 6
}

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

.\!h-6 {
    height: calc(var(--spacing) * 6) !important
}

.\!w-6 {
    width: calc(var(--spacing) * 6) !important
}

.h-0\.5 {
    height: calc(var(--spacing) * .5)
}

.h-12 {
    height: calc(var(--spacing) * 12)
}

.h-20 {
    height: calc(var(--spacing) * 20)
}

.h-3\.5 {
    height: calc(var(--spacing) * 3.5)
}

.h-40 {
    height: calc(var(--spacing) * 40)
}

.h-5 {
    height: calc(var(--spacing) * 5)
}

.h-6 {
    height: calc(var(--spacing) * 6)
}

.h-7 {
    height: calc(var(--spacing) * 7)
}

.h-auto {
    height: auto
}

.h-full {
    height: 100%
}

.h1 {
    height: calc(var(--spacing) * 1)
}

.h2 {
    height: calc(var(--spacing) * 2)
}

.max-w-3xl {
    max-width: var(--container-3xl)
}

.max-w-4xl {
    max-width: var(--container-4xl)
}

.max-w-5xl {
    max-width: var(--container-5xl)
}

.max-w-6xl {
    max-width: var(--container-6xl)
}

.max-w-7xl {
    max-width: var(--container-7xl)
}

.max-w-full {
    max-width: 100%
}

.max-w-md {
    max-width: var(--container-md)
}

.max-w-none {
    max-width: none
}

.max-w-xl {
    max-width: var(--container-xl)
}

.max-w-xs {
    max-width: var(--container-xs)
}

.min-h-full {
    min-height: 100%
}

.min-w-full {
    min-width: 100%
}

.w-1\/2 {
    width: 50%
}

.w-12 {
    width: calc(var(--spacing) * 12)
}

.w-20 {
    width: calc(var(--spacing) * 20)
}

.w-3\.5 {
    width: calc(var(--spacing) * 3.5)
}

.w-40 {
    width: calc(var(--spacing) * 40)
}

.w-5 {
    width: calc(var(--spacing) * 5)
}

.w-6 {
    width: calc(var(--spacing) * 6)
}

.w-7 {
    width: calc(var(--spacing) * 7)
}

.w-auto {
    width: auto
}

.w-fit {
    width: fit-content
}

.w-full {
    width: 100%
}

.inline {
    display: inline
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.contents {
    display: contents
}

.hidden {
    display: none
}

.visible {
    visibility: visible
}

.cursor-pointer {
    cursor: pointer
}

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

.select-none {
    user-select: none
}

.whitespace-nowrap {
    white-space: nowrap
}

.text-pretty {
    text-wrap: pretty
}

.uppercase {
    text-transform: uppercase
}

.italic {
    font-style: italic
}

.oblique {
    font-style: oblique
}

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

.focus\:ring-4:focus {
    --un-ring-shadow: var(--un-ring-inset, ) 0 0 0 calc(4px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);
    box-shadow: var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
}

.dark .dark\:focus\:ring-gray-700:focus {
    --un-ring-color: color-mix(in srgb, var(--colors-gray-700) var(--un-ring-opacity), transparent)
}

.focus\:ring-gray-200:focus {
    --un-ring-color: color-mix(in srgb, var(--colors-gray-200) var(--un-ring-opacity), transparent)
}

.dark .parent.scroll>.dark\:parent-\[\.scroll\]\:shadow-none,
.parent.scroll.dark>.parent-\[\.scroll\.dark\]\:shadow-none,
.dark .dark\:shadow-none,
.shadow-none {
    --un-shadow: 0 0 var(--un-shadow-color, #0000);
    box-shadow: var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
}

.prose-img\:shadow-lg :where(img):not(:where([class~=not-prose], [class~=not-prose] *)),
.shadow-lg {
    --un-shadow: 0 10px 15px -3px var(--un-shadow-color, #0000001a), 0 4px 6px -4px var(--un-shadow-color, #0000001a);
    box-shadow: var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
}

.shadow {
    --un-shadow: 0 1px 3px 0 var(--un-shadow-color, #0000001a), 0 1px 2px -1px var(--un-shadow-color, #0000001a);
    box-shadow: var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
}

.shadow-xl {
    --un-shadow: 0 20px 25px -5px var(--un-shadow-color, #0000001a), 0 8px 10px -6px var(--un-shadow-color, #0000001a);
    box-shadow: var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
}

.shadow-xs {
    --un-shadow: 0 1px 2px 0 var(--un-shadow-color, #0000000d);
    box-shadow: var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow)
}

.group.expanded .group-\[\.expanded\]\:-translate-y-2\.5 {
    --un-translate-y: calc(var(--spacing) * -2.5);
    translate: var(--un-translate-x) var(--un-translate-y)
}

.group.expanded .group-\[\.expanded\]\:translate-y-2\.5 {
    --un-translate-y: calc(var(--spacing) * 2.5);
    translate: var(--un-translate-x) var(--un-translate-y)
}

.group.expanded .group-\[\.expanded\]\:-rotate-45 {
    rotate: -45deg
}

.group.expanded .group-\[\.expanded\]\:rotate-45 {
    rotate: 45deg
}

.transform {
    transform: var(--un-rotate-x) var(--un-rotate-y) var(--un-rotate-z) var(--un-skew-x) var(--un-skew-y)
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, --un-gradient-from, --un-gradient-via, --un-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
    transition-timing-function: var(--un-ease, var(--default-transition-timingFunction));
    transition-duration: var(--un-duration, var(--default-transition-duration))
}

.duration-150 {
    --un-duration: .15s;
    transition-duration: .15s
}

.duration-200 {
    --un-duration: .2s;
    transition-duration: .2s
}

.ease {
    --un-ease: var(--ease-DEFAULT);
    transition-timing-function: var(--ease-DEFAULT)
}

.ease-in-out {
    --un-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out)
}

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

.items-center {
    align-items: center
}

.items-stretch {
    align-items: stretch
}

.self-center {
    align-self: center
}

.inset-0 {
    inset: calc(var(--spacing) * 0)
}

.bottom-0 {
    bottom: calc(var(--spacing) * 0)
}

.left-0 {
    left: calc(var(--spacing) * 0)
}

.top-0 {
    top: calc(var(--spacing) * 0)
}

[dir=rtl] .rtl\:left-auto {
    left: auto
}

[dir=rtl] .rtl\:right-0 {
    right: calc(var(--spacing) * 0)
}

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

.justify-center {
    justify-content: center
}

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

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.static {
    position: static
}

.z-10 {
    z-index: 10
}

.z-50 {
    z-index: 50
}

.overflow-x-hidden {
    overflow-x: hidden
}

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

.bg-cover {
    background-size: cover
}

.bg-fixed {
    background-attachment: fixed
}

.bg-center {
    background-position: 50%
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.sr-only {
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.object-cover {
    object-fit: cover
}

.object-contain {
    object-fit: contain
}

.backdrop-blur-none {
    --un-backdrop-blur: blur(0);
    backdrop-filter: var(--un-backdrop-blur, ) var(--un-backdrop-brightness, ) var(--un-backdrop-contrast, ) var(--un-backdrop-grayscale, ) var(--un-backdrop-hue-rotate, ) var(--un-backdrop-invert, ) var(--un-backdrop-opacity, ) var(--un-backdrop-saturate, ) var(--un-backdrop-sepia, )
}

.backdrop-blur-xs {
    --un-backdrop-blur: blur(4px);
    backdrop-filter: var(--un-backdrop-blur, ) var(--un-backdrop-brightness, ) var(--un-backdrop-contrast, ) var(--un-backdrop-grayscale, ) var(--un-backdrop-hue-rotate, ) var(--un-backdrop-invert, ) var(--un-backdrop-opacity, ) var(--un-backdrop-saturate, ) var(--un-backdrop-sepia, )
}

.drop-shadow-xl {
    --un-drop-shadow: drop-shadow(0 9px 7px var(--un-drop-shadow-color, #0000001a));
    filter: var(--un-blur, ) var(--un-brightness, ) var(--un-contrast, ) var(--un-grayscale, ) var(--un-hue-rotate, ) var(--un-invert, ) var(--un-saturate, ) var(--un-sepia, ) var(--un-drop-shadow, )
}

.filter {
    filter: var(--un-blur, ) var(--un-brightness, ) var(--un-contrast, ) var(--un-grayscale, ) var(--un-hue-rotate, ) var(--un-invert, ) var(--un-saturate, ) var(--un-sepia, ) var(--un-drop-shadow, )
}

.scroll-mt-\[72px\] {
    scroll-margin-top: 72px
}

.table {
    display: table
}

.view-transition-name {
    view-transition-name: name
}

@media (forced-colors:active) {
    .focus\:outline-hidden:focus {
        outline-offset: 2px;
        outline: 2px solid #0000
    }
}

@media (prefers-reduced-motion:no-preference) {
    .motion-safe\:scroll-smooth {
        scroll-behavior: smooth
    }
}

@supports (color:color-mix(in lab, red, red)) {
    .dark .dark\:prose-a\:text-blue-400 :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: color-mix(in oklab, var(--colors-blue-400) var(--un-text-opacity), transparent)
    }

    .dark .dark\:prose-headings\:text-slate-300 :where(h1, h2, h3, h4, h5, h6, th):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: color-mix(in oklab, var(--colors-slate-300) var(--un-text-opacity), transparent)
    }

    .dark .dark\:text-blue-200 {
        color: color-mix(in oklab, var(--colors-blue-200) var(--un-text-opacity), transparent)
    }

    .dark .dark\:text-gray-200 {
        color: color-mix(in oklab, var(--colors-gray-200) var(--un-text-opacity), transparent)
    }

    .dark .dark\:text-gray-300 {
        color: color-mix(in oklab, var(--colors-gray-300) var(--un-text-opacity), transparent)
    }

    .dark .dark\:text-gray-400 {
        color: color-mix(in oklab, var(--colors-gray-400) var(--un-text-opacity), transparent)
    }

    .dark .dark\:text-muted {
        color: color-mix(in oklab, var(--colors-muted) var(--un-text-opacity), transparent)
    }

    .dark .dark\:text-slate-300 {
        color: color-mix(in oklab, var(--colors-slate-300) var(--un-text-opacity), transparent)
    }

    .dark .dark\:text-slate-400 {
        color: color-mix(in oklab, var(--colors-slate-400) var(--un-text-opacity), transparent)
    }

    .dark .dark\:text-white {
        color: color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent)
    }

    .prose-a\:text-blue-600 :where(a):not(:where([class~=not-prose], [class~=not-prose] *)) {
        color: color-mix(in oklab, var(--colors-blue-600) var(--un-text-opacity), transparent)
    }

    .text-default {
        color: color-mix(in oklab, var(--colors-default) var(--un-text-opacity), transparent)
    }

    .text-gray-50 {
        color: color-mix(in oklab, var(--colors-gray-50) var(--un-text-opacity), transparent)
    }

    .text-gray-600 {
        color: color-mix(in oklab, var(--colors-gray-600) var(--un-text-opacity), transparent)
    }

    .text-gray-900 {
        color: color-mix(in oklab, var(--colors-gray-900) var(--un-text-opacity), transparent)
    }

    .text-muted {
        color: color-mix(in oklab, var(--colors-muted) var(--un-text-opacity), transparent)
    }

    .text-primary {
        color: color-mix(in oklab, var(--colors-primary) var(--un-text-opacity), transparent)
    }

    .text-red-500 {
        color: color-mix(in oklab, var(--colors-red-500) var(--un-text-opacity), transparent)
    }

    .text-secondary {
        color: color-mix(in oklab, var(--colors-secondary) var(--un-text-opacity), transparent)
    }

    .dark .dark\:hover\:text-white:hover {
        color: color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent)
    }

    .hover\:text-gray-700:hover {
        color: color-mix(in oklab, var(--colors-gray-700) var(--un-text-opacity), transparent)
    }

    .hover\:text-primary:hover {
        color: color-mix(in oklab, var(--colors-primary) var(--un-text-opacity), transparent)
    }

    .dark .parent.scroll>.dark\:parent-\[\.scroll\]\:border-gray-500\/20,
    .parent.scroll.dark>.parent-\[\.scroll\.dark\]\:border-gray-500\/20 {
        border-color: color-mix(in oklab, var(--colors-gray-500) 20%, transparent)
    }

    .border-gray-200 {
        border-color: color-mix(in oklab, var(--colors-gray-200) var(--un-border-opacity), transparent)
    }

    .border-gray-50\/0 {
        border-color: color-mix(in oklab, var(--colors-gray-50) 0%, transparent)
    }

    .border-slate-200 {
        border-color: color-mix(in oklab, var(--colors-slate-200) var(--un-border-opacity), transparent)
    }

    .dark .dark\:border-gray-700 {
        border-color: color-mix(in oklab, var(--colors-gray-700) var(--un-border-opacity), transparent)
    }

    .dark .dark\:border-slate-600 {
        border-color: color-mix(in oklab, var(--colors-slate-600) var(--un-border-opacity), transparent)
    }

    .dark .dark\:border-slate-800 {
        border-color: color-mix(in oklab, var(--colors-slate-800) var(--un-border-opacity), transparent)
    }

    .dark .parent.scroll>.dark\:parent-\[\.scroll\]\:bg-page,
    .parent.scroll.dark>.parent-\[\.scroll\.dark\]\:bg-page,
    .parent.scroll>.parent-\[\.scroll\]\:bg-page {
        background-color: color-mix(in oklab, var(--colors-page) var(--un-bg-opacity), transparent)
    }

    .bg-black {
        background-color: color-mix(in oklab, var(--colors-black) var(--un-bg-opacity), transparent)
    }

    .bg-blue-50 {
        background-color: color-mix(in oklab, var(--colors-blue-50) var(--un-bg-opacity), transparent)
    }

    .bg-dark {
        background-color: color-mix(in oklab, var(--colors-dark) var(--un-bg-opacity), transparent)
    }

    .bg-green-600 {
        background-color: color-mix(in oklab, var(--colors-green-600) var(--un-bg-opacity), transparent)
    }

    .bg-page {
        background-color: color-mix(in oklab, var(--colors-page) var(--un-bg-opacity), transparent)
    }

    .bg-page\/80 {
        background-color: color-mix(in oklab, var(--colors-page) 80%, transparent)
    }

    .bg-white {
        background-color: color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent)
    }

    .dark .dark\:bg-dark {
        background-color: color-mix(in oklab, var(--colors-dark) var(--un-bg-opacity), transparent)
    }

    .dark .dark\:bg-green-700 {
        background-color: color-mix(in oklab, var(--colors-green-700) var(--un-bg-opacity), transparent)
    }

    .dark .dark\:bg-slate-900 {
        background-color: color-mix(in oklab, var(--colors-slate-900) var(--un-bg-opacity), transparent)
    }

    .dark .dark\:bg-white {
        background-color: color-mix(in oklab, var(--colors-white) var(--un-bg-opacity), transparent)
    }

    .dark .dark\:hover\:bg-gray-700:hover {
        background-color: color-mix(in oklab, var(--colors-gray-700) var(--un-bg-opacity), transparent)
    }

    .hover\:bg-gray-100:hover {
        background-color: color-mix(in oklab, var(--colors-gray-100) var(--un-bg-opacity), transparent)
    }

    .dark .dark\:focus\:ring-gray-700:focus {
        --un-ring-color: color-mix(in oklab, var(--colors-gray-700) var(--un-ring-opacity), transparent)
    }

    .focus\:ring-gray-200:focus {
        --un-ring-color: color-mix(in oklab, var(--colors-gray-200) var(--un-ring-opacity), transparent)
    }
}

@media (width>=40rem) {
    .sm\:mx-auto {
        margin-inline: auto
    }

    .sm\:mb-0 {
        margin-bottom: calc(var(--spacing) * 0)
    }

    .sm\:p-6 {
        padding: calc(var(--spacing) * 6)
    }

    .sm\:px-6 {
        padding-inline: calc(var(--spacing) * 6)
    }

    .sm\:text-center {
        text-align: center
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:gap-8 {
        gap: calc(var(--spacing) * 8)
    }

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

    .sm\:max-w-md {
        max-width: var(--container-md)
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:justify-center {
        justify-content: center
    }
}

@media (width>=48rem) {
    .md\:text-3xl {
        font-size: var(--text-3xl-fontSize);
        line-height: var(--un-leading, var(--text-3xl-lineHeight))
    }

    .md\:text-4xl {
        font-size: var(--text-4xl-fontSize);
        line-height: var(--un-leading, var(--text-4xl-lineHeight))
    }

    .md\:text-5xl {
        font-size: var(--text-5xl-fontSize);
        line-height: var(--un-leading, var(--text-5xl-lineHeight))
    }

    .md\:text-6xl {
        font-size: var(--text-6xl-fontSize);
        line-height: var(--un-leading, var(--text-6xl-lineHeight))
    }

    .md\:text-xl {
        font-size: var(--text-xl-fontSize);
        line-height: var(--un-leading, var(--text-xl-lineHeight))
    }

    .md\:mx-auto {
        margin-inline: auto
    }

    .md\:mb-0 {
        margin-bottom: calc(var(--spacing) * 0)
    }

    .md\:mb-12 {
        margin-bottom: calc(var(--spacing) * 12)
    }

    .md\:ml-4 {
        margin-left: calc(var(--spacing) * 4)
    }

    .md\:mt-0 {
        margin-top: calc(var(--spacing) * 0)
    }

    .md\:mt-12 {
        margin-top: calc(var(--spacing) * 12)
    }

    [dir=rtl] .rtl\:md\:ml-0 {
        margin-left: calc(var(--spacing) * 0)
    }

    [dir=rtl] .rtl\:md\:mr-4 {
        margin-right: calc(var(--spacing) * 4)
    }

    .md\:p-6 {
        padding: calc(var(--spacing) * 6)
    }

    .md\:px-6 {
        padding-inline: calc(var(--spacing) * 6)
    }

    .md\:px-8 {
        padding-inline: calc(var(--spacing) * 8)
    }

    .md\:py-12 {
        padding-block: calc(var(--spacing) * 12)
    }

    .md\:py-16 {
        padding-block: calc(var(--spacing) * 16)
    }

    .md\:py-20 {
        padding-block: calc(var(--spacing) * 20)
    }

    .md\:py-8 {
        padding-block: calc(var(--spacing) * 8)
    }

    .md\:pb-16 {
        padding-bottom: calc(var(--spacing) * 16)
    }

    .md\:pt-\[76px\] {
        padding-top: 76px
    }

    .md\:pt-0 {
        padding-top: calc(var(--spacing) * 0)
    }

    .dark .parent.scroll>.dark\:parent-\[\.scroll\]\:md\:bg-\[\#030621e6\],
    .parent.scroll.dark>.parent-\[\.scroll\.dark\]\:md\:bg-\[\#030621e6\] {
        background-color: color-mix(in oklab, #030621e6 var(--un-bg-opacity), transparent)
    }

    .parent.scroll>.parent-\[\.scroll\]\:md\:bg-white\/90 {
        background-color: color-mix(in srgb, var(--colors-white) 90%, transparent)
    }

    .md\:flex {
        display: flex
    }

    .md\:basis-1\/2 {
        flex-basis: 50%
    }

    .md\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .md\:gap-16 {
        gap: calc(var(--spacing) * 16)
    }

    .md\:gap-y-12 {
        row-gap: calc(var(--spacing) * 12)
    }

    .md\:gap-y-8 {
        row-gap: calc(var(--spacing) * 8)
    }

    .md\:col-span-3 {
        grid-column: span 3/span 3
    }

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

    .md\:items-center {
        align-items: center
    }

    .md\:justify-between {
        justify-content: space-between
    }

    .md\:order-1 {
        order: 1
    }

    .parent.scroll>.parent-\[\.scroll\]\:md\:backdrop-blur-md {
        --un-backdrop-blur: blur(12px);
        backdrop-filter: var(--un-backdrop-blur, ) var(--un-backdrop-brightness, ) var(--un-backdrop-contrast, ) var(--un-backdrop-grayscale, ) var(--un-backdrop-hue-rotate, ) var(--un-backdrop-invert, ) var(--un-backdrop-opacity, ) var(--un-backdrop-saturate, ) var(--un-backdrop-sepia, )
    }
}

@supports (color:color-mix(in lab, red, red)) {
    @media (width>=48rem) {
        .parent.scroll>.parent-\[\.scroll\]\:md\:bg-white\/90 {
            background-color: color-mix(in oklab, var(--colors-white) 90%, transparent)
        }
    }
}

@media (width>=64rem) {
    .lg\:text-\[0\.9375rem\] {
        font-size: .9375rem
    }

    .lg\:mx-5 {
        margin-inline: calc(var(--spacing) * 5)
    }

    .lg\:-mt-20 {
        margin-top: calc(var(--spacing) * -20)
    }

    .lg\:mb-0 {
        margin-bottom: calc(var(--spacing) * 0)
    }

    .lg\:p-0 {
        padding: calc(var(--spacing) * 0)
    }

    .lg\:p-8 {
        padding: calc(var(--spacing) * 8)
    }

    .lg\:px-6 {
        padding-inline: calc(var(--spacing) * 6)
    }

    .lg\:px-8 {
        padding-inline: calc(var(--spacing) * 8)
    }

    .lg\:py-20 {
        padding-block: calc(var(--spacing) * 20)
    }

    .lg\:pl-0 {
        padding-left: calc(var(--spacing) * 0)
    }

    .lg\:pt-0 {
        padding-top: calc(var(--spacing) * 0)
    }

    .dark .dark\:lg\:bg-dark {
        background-color: color-mix(in srgb, var(--colors-dark) var(--un-bg-opacity), transparent)
    }

    .lg\:bg-white\/90 {
        background-color: color-mix(in srgb, var(--colors-white) 90%, transparent)
    }

    .lg\:hover\:bg-gray-100:hover {
        background-color: color-mix(in srgb, var(--colors-gray-100) var(--un-bg-opacity), transparent)
    }

    .lg\:flex {
        display: flex
    }

    .lg\:flex-row {
        flex-direction: row
    }

    .lg\:grid {
        display: grid
    }

    .lg\:col-span-2 {
        grid-column: span 2/span 2
    }

    .lg\:col-span-4 {
        grid-column: span 4/span 4
    }

    .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\:h-5 {
        height: calc(var(--spacing) * 5) !important
    }

    .\!lg\:w-5 {
        width: calc(var(--spacing) * 5) !important
    }

    .lg\:max-w-2xl {
        max-width: var(--container-2xl)
    }

    .lg\:min-w-\[200px\] {
        min-width: 200px
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:inline {
        display: inline
    }

    .lg\:inline-block {
        display: inline-block
    }

    .lg\:hidden {
        display: none
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:self-center {
        align-self: center
    }

    .lg\:justify-center {
        justify-content: center
    }

    .lg\:justify-between {
        justify-content: space-between
    }

    .lg\:justify-self-end {
        justify-self: end
    }

    .lg\:justify-self-center {
        justify-self: center
    }

    .lg\:absolute {
        position: absolute
    }

    .lg\:static {
        position: static
    }

    .lg\:overflow-x-auto {
        overflow-x: auto
    }

    .lg\:overflow-y-visible {
        overflow-y: visible
    }

    .lg\:backdrop-blur-md {
        --un-backdrop-blur: blur(12px);
        backdrop-filter: var(--un-backdrop-blur, ) var(--un-backdrop-brightness, ) var(--un-backdrop-contrast, ) var(--un-backdrop-grayscale, ) var(--un-backdrop-hue-rotate, ) var(--un-backdrop-invert, ) var(--un-backdrop-opacity, ) var(--un-backdrop-saturate, ) var(--un-backdrop-sepia, )
    }
}

@supports (color:color-mix(in lab, red, red)) {
    @media (width>=64rem) {
        .dark .dark\:lg\:bg-dark {
            background-color: color-mix(in oklab, var(--colors-dark) var(--un-bg-opacity), transparent)
        }

        .lg\:bg-white\/90 {
            background-color: color-mix(in oklab, var(--colors-white) 90%, transparent)
        }

        .lg\:hover\:bg-gray-100:hover {
            background-color: color-mix(in oklab, var(--colors-gray-100) var(--un-bg-opacity), transparent)
        }
    }
}

@media (width>=96rem) {
    .\32 xl\:text-\[20px\] {
        font-size: 20px
    }
}

@property --un-ring-offset-opacity {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@font-face {
    font-family: Inter Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/caise27/assets/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");
    unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}

@font-face {
    font-family: Inter Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/caise27/assets/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");
    unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116
}

@font-face {
    font-family: Inter Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/caise27/assets/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");
    unicode-range: U+1F??
}

@font-face {
    font-family: Inter Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/caise27/assets/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");
    unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF
}

@font-face {
    font-family: Inter Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/caise27/assets/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");
    unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB
}

@font-face {
    font-family: Inter Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/caise27/assets/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");
    unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: Inter Variable;
    font-style: normal;
    font-display: swap;
    font-weight: 100 900;
    src: url(/caise27/assets/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");
    unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

.btn {
    font-size: var(--text-base-fontSize);
    line-height: var(--un-leading, var(--text-base-lineHeight));
    --un-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --un-font-weight: var(--fontWeight-medium);
    font-weight: var(--fontWeight-medium);
    padding-block: calc(var(--spacing) * 3.5);
    padding-inline: calc(var(--spacing) * 6);
    text-align: center;
    border-width: 1px;
    border-color: color-mix(in srgb, var(--colors-gray-400) var(--un-border-opacity), transparent);
    cursor: pointer;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, --un-gradient-from, --un-gradient-via, --un-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
    transition-timing-function: var(--un-ease, var(--default-transition-timingFunction));
    transition-duration: var(--un-duration, var(--default-transition-duration));
    --un-duration: .2s;
    --un-ease: var(--ease-in);
    transition-duration: .2s;
    transition-timing-function: var(--ease-in);
    background-color: #0000;
    border-radius: 3.40282e38px;
    justify-content: center;
    align-items: center;
    display: inline-flex
}

.dark .btn {
    color: color-mix(in srgb, var(--colors-slate-300) var(--un-text-opacity), transparent);
    border-color: color-mix(in srgb, var(--colors-slate-500) var(--un-border-opacity), transparent)
}

@supports (color:color-mix(in lab, red, red)) {
    .dark .btn {
        color: color-mix(in oklab, var(--colors-slate-300) var(--un-text-opacity), transparent);
        border-color: color-mix(in oklab, var(--colors-slate-500) var(--un-border-opacity), transparent)
    }

    .btn {
        border-color: color-mix(in oklab, var(--colors-gray-400) var(--un-border-opacity), transparent)
    }
}

.btn:hover {
    border-color: color-mix(in srgb, var(--colors-gray-600) var(--un-border-opacity), transparent);
    background-color: color-mix(in srgb, var(--colors-gray-100) var(--un-bg-opacity), transparent)
}

@supports (color:color-mix(in lab, red, red)) {
    .btn:hover {
        border-color: color-mix(in oklab, var(--colors-gray-600) var(--un-border-opacity), transparent);
        background-color: color-mix(in oklab, var(--colors-gray-100) var(--un-bg-opacity), transparent)
    }
}

.dark .btn:hover {
    border-color: color-mix(in srgb, var(--colors-slate-800) var(--un-border-opacity), transparent);
    background-color: color-mix(in srgb, var(--colors-slate-800) var(--un-bg-opacity), transparent)
}

@supports (color:color-mix(in lab, red, red)) {
    .dark .btn:hover {
        border-color: color-mix(in oklab, var(--colors-slate-800) var(--un-border-opacity), transparent);
        background-color: color-mix(in oklab, var(--colors-slate-800) var(--un-bg-opacity), transparent)
    }
}

.btn:focus {
    --un-ring-shadow: var(--un-ring-inset, ) 0 0 0 calc(2px + var(--un-ring-offset-width)) var(--un-ring-color, currentColor);
    box-shadow: var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
    --un-ring-color: color-mix(in srgb, var(--colors-blue-500) var(--un-ring-opacity), transparent);
    --un-ring-offset-width: 2px;
    --un-ring-offset-shadow: var(--un-ring-inset, ) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);
    --un-ring-offset-color: color-mix(in srgb, var(--colors-blue-200) var(--un-ring-offset-opacity), transparent)
}

@supports (color:color-mix(in lab, red, red)) {
    .btn:focus {
        --un-ring-color: color-mix(in oklab, var(--colors-blue-500) var(--un-ring-opacity), transparent);
        --un-ring-offset-color: color-mix(in oklab, var(--colors-blue-200) var(--un-ring-offset-opacity), transparent)
    }
}

@media (width>=48rem) {
    .btn {
        padding-inline: calc(var(--spacing) * 8)
    }
}

.btn-primary {
    color: color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);
    --un-font-weight: var(--fontWeight-semibold);
    font-weight: var(--fontWeight-semibold);
    border-color: color-mix(in srgb, var(--colors-primary) var(--un-border-opacity), transparent);
    background-color: color-mix(in srgb, var(--colors-primary) var(--un-bg-opacity), transparent)
}

@supports (color:color-mix(in lab, red, red)) {
    .btn-primary {
        color: color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);
        border-color: color-mix(in oklab, var(--colors-primary) var(--un-border-opacity), transparent);
        background-color: color-mix(in oklab, var(--colors-primary) var(--un-bg-opacity), transparent)
    }
}

.btn-primary:hover {
    color: color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);
    border-color: color-mix(in srgb, var(--colors-secondary) var(--un-border-opacity), transparent);
    background-color: color-mix(in srgb, var(--colors-secondary) var(--un-bg-opacity), transparent)
}

@supports (color:color-mix(in lab, red, red)) {
    .btn-primary:hover {
        color: color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);
        border-color: color-mix(in oklab, var(--colors-secondary) var(--un-border-opacity), transparent);
        background-color: color-mix(in oklab, var(--colors-secondary) var(--un-bg-opacity), transparent)
    }
}

.dark .btn-primary {
    color: color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent);
    border-color: color-mix(in srgb, var(--colors-primary) var(--un-border-opacity), transparent);
    background-color: color-mix(in srgb, var(--colors-primary) var(--un-bg-opacity), transparent)
}

@supports (color:color-mix(in lab, red, red)) {
    .dark .btn-primary {
        color: color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent);
        border-color: color-mix(in oklab, var(--colors-primary) var(--un-border-opacity), transparent);
        background-color: color-mix(in oklab, var(--colors-primary) var(--un-bg-opacity), transparent)
    }
}

.dark .btn-primary:hover {
    border-color: color-mix(in srgb, var(--colors-secondary) var(--un-border-opacity), transparent);
    background-color: color-mix(in srgb, var(--colors-secondary) var(--un-bg-opacity), transparent)
}

@supports (color:color-mix(in lab, red, red)) {
    .dark .btn-primary:hover {
        border-color: color-mix(in oklab, var(--colors-secondary) var(--un-border-opacity), transparent);
        background-color: color-mix(in oklab, var(--colors-secondary) var(--un-bg-opacity), transparent)
    }
}

.btn-tertiary {
    color: color-mix(in srgb, var(--colors-muted) var(--un-text-opacity), transparent);
    --un-border-style: none;
    --un-shadow: 0 0 var(--un-shadow-color, #0000);
    box-shadow: var(--un-inset-shadow), var(--un-inset-ring-shadow), var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);
    border-style: none
}

@supports (color:color-mix(in lab, red, red)) {
    .btn-tertiary {
        color: color-mix(in oklab, var(--colors-muted) var(--un-text-opacity), transparent)
    }
}

.btn-tertiary:hover {
    color: color-mix(in srgb, var(--colors-gray-900) var(--un-text-opacity), transparent)
}

@supports (color:color-mix(in lab, red, red)) {
    .btn-tertiary:hover {
        color: color-mix(in oklab, var(--colors-gray-900) var(--un-text-opacity), transparent)
    }
}

.dark .btn-tertiary {
    color: color-mix(in srgb, var(--colors-gray-400) var(--un-text-opacity), transparent)
}

@supports (color:color-mix(in lab, red, red)) {
    .dark .btn-tertiary {
        color: color-mix(in oklab, var(--colors-gray-400) var(--un-text-opacity), transparent)
    }
}

.dark .btn-tertiary:hover {
    color: color-mix(in srgb, var(--colors-white) var(--un-text-opacity), transparent)
}

@supports (color:color-mix(in lab, red, red)) {
    .dark .btn-tertiary:hover {
        color: color-mix(in oklab, var(--colors-white) var(--un-text-opacity), transparent)
    }
}

* {
    --un-duration: .15s;
    --un-ease: var(--ease-in-out);
    transition-duration: .15s;
    transition-timing-function: var(--ease-in-out);
    transition-property: opacity, background-color
}

[readonly],
[disabled] {
    background-color: #d3d3d3;
    user-select: none !important;
    cursor: not-allowed !important;
    pointer-events: none !important
}

:root {
    & ::selection {
        background-color: #e6e6fa
    }
}

.dark {
    --colors-page: var(--colors-dark) !important;
    --colors-muted: #e5ecf6a8 !important;
    --colors-default: #e5ecf6 !important;

    & ::selection {
        color: snow;
        background-color: #000
    }
}

.astro-route-announcer {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

li[data-astro-cid-kvkoklfc] p[data-astro-cid-kvkoklfc][data-marked-markdown] {
    margin: 0;
    display: inline
}

header[data-astro-cid-nswrv7r3].scroll>div[data-astro-cid-nswrv7r3]:first-child {
    box-shadow: 0 .375rem 1.5rem #8c98a421
}

header[data-astro-cid-nswrv7r3].expanded nav[data-astro-cid-nswrv7r3] {
    padding: 0 5px;
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    bottom: 70px !important
}

header[data-astro-cid-nswrv7r3].expanded {
    position: fixed
}

.dropdown[data-astro-cid-nswrv7r3]:focus .dropdown-menu[data-astro-cid-nswrv7r3],
.dropdown[data-astro-cid-nswrv7r3]:focus-within .dropdown-menu[data-astro-cid-nswrv7r3],
.dropdown[data-astro-cid-nswrv7r3]:hover .dropdown-menu[data-astro-cid-nswrv7r3] {
    display: block
}

.text-bg-shadow[data-astro-cid-k5ixyjp7] {
    background: radial-gradient(ellipse closest-side, color-mix(in srgb, var(--colors-page) 80%, transparent) 0%, color-mix(in srgb, var(--colors-page) 75%, transparent) 30%, color-mix(in srgb, var(--colors-page) 65%, transparent) 50%, color-mix(in srgb, var(--colors-page) 40%, transparent) 85%, color-mix(in srgb, var(--colors-page) 30%, transparent) 92%, color-mix(in srgb, var(--colors-page) 15%, transparent) 95%, color-mix(in srgb, var(--colors-page) 8%, transparent) 97%, color-mix(in srgb, var(--colors-page) 0%, transparent) 100%)
}

.hero-picture[data-astro-cid-lcdefpme] {
    --rest-angle: -9deg;
    --slide-start-x: 0%;
    --slide-start-y: 0%;
    --slide-end-x: 0%;
    --slide-end-y: -10%;
    filter: drop-shadow(0 4px 4px #00000040);
    max-width: 30vw;
    transform: translate(var(--slide-end-x), var(--slide-end-y)) rotate(var(--rest-angle));
    z-index: 11;
    transition-property: transform, filter;
    transition-duration: .3s;
    animation: .5s ease-out slideDown;
    display: inline-block;
    position: relative
}

.hero-picture--odd[data-astro-cid-lcdefpme] {
    --slide-end-x: -50%;
    --rest-angle: 6deg;
    z-index: 0;
    animation-duration: .9s
}

.hero-picture[data-astro-cid-lcdefpme]:hover,
.hero-picture[data-astro-cid-lcdefpme]:focus-within {
    transform: translate(var(--slide-end-x), var(--slide-end-y)) rotate(0) scale(1.25);
    filter: drop-shadow(0 8px 8px #00000080);
    z-index: 12
}

@media (prefers-reduced-motion:reduce) {
    .hero-picture[data-astro-cid-lcdefpme] {
        animation-iteration-count: 0
    }
}

@media (width>=1024px) {
    .hero-picture--odd[data-astro-cid-lcdefpme] {
        --slide-end-x: 20%;
        --slide-end-y: -80%
    }
}

@keyframes slideDown {
    0% {
        transform: translate(var(--slide-start-x), var(--slide-start-y)) rotate(0)
    }

    50% {
        transform: translate(calc(var(--slide-start-x) + var(--slide-end-x) / 2), calc(var(--slide-start-y) + var(--slide-end-y) / 2)) rotate(calc(-1 * var(--rest-angle) / 4))
    }

    to {
        transform: translate(var(--slide-end-x), var(--slide-end-y)) rotate(var(--rest-angle))
    }
}

/*$vite$:1*/