html.native-boot,
html.native-boot body {
    background: #17161c
}

@-webkit-keyframes bl-slide {
    0% {
        -webkit-transform: translate(-100%)
    }

    to {
        -webkit-transform: translate(250%)
    }
}

@keyframes bl-slide {
    0% {
        transform: translate(-100%)
    }

    to {
        transform: translate(250%)
    }
}

*,
:before,
:after {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scale-z: 1;
    --tw-rotate-x: initial;
    --tw-rotate-y: initial;
    --tw-rotate-z: initial;
    --tw-skew-x: initial;
    --tw-skew-y: initial;
    --tw-pan-x: initial;
    --tw-pan-y: initial;
    --tw-pinch-zoom: initial;
    --tw-scroll-snap-strictness: proximity;
    --tw-space-y-reverse: 0;
    --tw-space-x-reverse: 0;
    --tw-divide-x-reverse: 0;
    --tw-border-style: solid;
    --tw-divide-y-reverse: 0;
    --tw-gradient-position: initial;
    --tw-gradient-from: transparent;
    --tw-gradient-via: transparent;
    --tw-gradient-to: transparent;
    --tw-gradient-stops: initial;
    --tw-gradient-via-stops: initial;
    --tw-gradient-from-position: 0%;
    --tw-gradient-via-position: 50%;
    --tw-gradient-to-position: 100%;
    --tw-leading: initial;
    --tw-font-weight: initial;
    --tw-tracking: initial;
    --tw-ordinal: initial;
    --tw-slashed-zero: initial;
    --tw-numeric-figure: initial;
    --tw-numeric-spacing: initial;
    --tw-numeric-fraction: initial;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-color: initial;
    --tw-shadow-alpha: 100%;
    --tw-inset-shadow: 0 0 transparent;
    --tw-inset-shadow-color: initial;
    --tw-inset-shadow-alpha: 100%;
    --tw-ring-color: initial;
    --tw-ring-shadow: 0 0 transparent;
    --tw-inset-ring-color: initial;
    --tw-inset-ring-shadow: 0 0 transparent;
    --tw-ring-inset: initial;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-outline-style: solid;
    --tw-blur: initial;
    --tw-brightness: initial;
    --tw-contrast: initial;
    --tw-grayscale: initial;
    --tw-hue-transform: none;
    --tw-invert: initial;
    --tw-opacity: initial;
    --tw-saturate: initial;
    --tw-sepia: initial;
    --tw-drop-shadow: initial;
    --tw-drop-shadow-color: initial;
    --tw-drop-shadow-alpha: 100%;
    --tw-drop-shadow-size: initial;
    --tw-backdrop-blur: initial;
    --tw-backdrop-brightness: initial;
    --tw-backdrop-contrast: initial;
    --tw-backdrop-grayscale: initial;
    --tw-backdrop-hue-transform: none;
    --tw-backdrop-invert: initial;
    --tw-backdrop-opacity: initial;
    --tw-backdrop-saturate: initial;
    --tw-backdrop-sepia: initial;
    --tw-duration: initial;
    --tw-ease: initial;
    --tw-content: ""
}

::backdrop {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-translate-z: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-scale-z: 1;
    --tw-rotate-x: initial;
    --tw-rotate-y: initial;
    --tw-rotate-z: initial;
    --tw-skew-x: initial;
    --tw-skew-y: initial;
    --tw-pan-x: initial;
    --tw-pan-y: initial;
    --tw-pinch-zoom: initial;
    --tw-scroll-snap-strictness: proximity;
    --tw-space-y-reverse: 0;
    --tw-space-x-reverse: 0;
    --tw-divide-x-reverse: 0;
    --tw-border-style: solid;
    --tw-divide-y-reverse: 0;
    --tw-gradient-position: initial;
    --tw-gradient-from: transparent;
    --tw-gradient-via: transparent;
    --tw-gradient-to: transparent;
    --tw-gradient-stops: initial;
    --tw-gradient-via-stops: initial;
    --tw-gradient-from-position: 0%;
    --tw-gradient-via-position: 50%;
    --tw-gradient-to-position: 100%;
    --tw-leading: initial;
    --tw-font-weight: initial;
    --tw-tracking: initial;
    --tw-ordinal: initial;
    --tw-slashed-zero: initial;
    --tw-numeric-figure: initial;
    --tw-numeric-spacing: initial;
    --tw-numeric-fraction: initial;
    --tw-shadow: 0 0 transparent;
    --tw-shadow-color: initial;
    --tw-shadow-alpha: 100%;
    --tw-inset-shadow: 0 0 transparent;
    --tw-inset-shadow-color: initial;
    --tw-inset-shadow-alpha: 100%;
    --tw-ring-color: initial;
    --tw-ring-shadow: 0 0 transparent;
    --tw-inset-ring-color: initial;
    --tw-inset-ring-shadow: 0 0 transparent;
    --tw-ring-inset: initial;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-outline-style: solid;
    --tw-blur: initial;
    --tw-brightness: initial;
    --tw-contrast: initial;
    --tw-grayscale: initial;
    --tw-hue-transform: none;
    --tw-invert: initial;
    --tw-opacity: initial;
    --tw-saturate: initial;
    --tw-sepia: initial;
    --tw-drop-shadow: initial;
    --tw-drop-shadow-color: initial;
    --tw-drop-shadow-alpha: 100%;
    --tw-drop-shadow-size: initial;
    --tw-backdrop-blur: initial;
    --tw-backdrop-brightness: initial;
    --tw-backdrop-contrast: initial;
    --tw-backdrop-grayscale: initial;
    --tw-backdrop-hue-transform: none;
    --tw-backdrop-invert: initial;
    --tw-backdrop-opacity: initial;
    --tw-backdrop-saturate: initial;
    --tw-backdrop-sepia: initial;
    --tw-duration: initial;
    --tw-ease: initial;
    --tw-content: ""
}

:root {
    --font-sans: "Geist Variable", "Geist", -apple-system, "SF Pro Text", "Segoe UI", "Noto Sans", sans-serif;
    --font-mono: "Geist Mono Variable", "Geist Mono", "SF Mono", ui-monospace, monospace;
    --spacing: .25rem;
    --container-xs: 20rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-xs: 8px;
    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --radius-xl: 28px;
    --radius-2xl: 36px;
    --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: "Geist Variable", "Geist", -apple-system, "SF Pro Text", "Segoe UI", "Noto Sans", sans-serif;
    --default-mono-font-family: "Geist Mono Variable", "Geist Mono", "SF Mono", ui-monospace, monospace;
    --font-display: "Geist Variable", "Geist", -apple-system, "SF Pro Display", "Segoe UI", sans-serif;
    --radius-full: 9999px
}

:host {
    --font-sans: "Geist Variable", "Geist", -apple-system, "SF Pro Text", "Segoe UI", "Noto Sans", sans-serif;
    --font-mono: "Geist Mono Variable", "Geist Mono", "SF Mono", ui-monospace, monospace;
    --spacing: .25rem;
    --container-xs: 20rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-tight: -.025em;
    --tracking-normal: 0em;
    --tracking-wide: .025em;
    --tracking-wider: .05em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-xs: 8px;
    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 22px;
    --radius-xl: 28px;
    --radius-2xl: 36px;
    --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);
    --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --ease-in: cubic-bezier(.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-xl: 24px;
    --blur-2xl: 40px;
    --blur-3xl: 64px;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: "Geist Variable", "Geist", -apple-system, "SF Pro Text", "Segoe UI", "Noto Sans", sans-serif;
    --default-mono-font-family: "Geist Mono Variable", "Geist Mono", "SF Mono", ui-monospace, monospace;
    --font-display: "Geist Variable", "Geist", -apple-system, "SF Pro Display", "Segoe UI", sans-serif;
    --radius-full: 9999px
}

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

::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
}

::-webkit-file-upload-button {
    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 {
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent
}

:host {
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent
}

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

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

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

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp,
pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, 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 {
    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: transparent;
    border-radius: 0
}

::-webkit-file-upload-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: transparent;
    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: transparent;
    border-radius: 0
}

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

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

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

select:-webkit-any([multiple], [size]) optgroup option {
    padding-left: 20px
}

select:-moz-any([multiple], [size]) optgroup option {
    padding-left: 20px
}

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

::-webkit-file-upload-button {
    margin-right: 4px
}

::file-selector-button {
    margin-right: 4px
}

::-webkit-input-placeholder {
    opacity: 1
}

::placeholder {
    opacity: 1
}

::-webkit-input-placeholder {
    color: currentColor
}

::placeholder {
    color: currentColor
}

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-top: 0;
    padding-bottom: 0
}

::-webkit-datetime-edit-year-field {
    padding-top: 0;
    padding-bottom: 0
}

::-webkit-datetime-edit-month-field {
    padding-top: 0;
    padding-bottom: 0
}

::-webkit-datetime-edit-day-field {
    padding-top: 0;
    padding-bottom: 0
}

::-webkit-datetime-edit-hour-field {
    padding-top: 0;
    padding-bottom: 0
}

::-webkit-datetime-edit-minute-field {
    padding-top: 0;
    padding-bottom: 0
}

::-webkit-datetime-edit-second-field {
    padding-top: 0;
    padding-bottom: 0
}

::-webkit-datetime-edit-millisecond-field {
    padding-top: 0;
    padding-bottom: 0
}

::-webkit-datetime-edit-meridiem-field {
    padding-top: 0;
    padding-bottom: 0
}

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

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

button,
input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button
}

::file-selector-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button
}

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

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

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

:root {
    --duration-instant: .1s;
    --duration-fast: .2s;
    --duration-normal: .3s;
    --duration-slow: .5s;
    --duration-emphasis: .8s;
    --ease-out-expo: cubic-bezier(.16, 1, .3, 1);
    --ease-out-quart: cubic-bezier(.25, 1, .5, 1);
    --ease-in-out: cubic-bezier(.65, 0, .35, 1);
    --ease-standard: cubic-bezier(.4, 0, .2, 1);
    --ease-in: cubic-bezier(0, 0, .2, 1);
    --ease-out: var(--ease-out-quart)
}

*,
:before,
:after {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

:focus:not(:focus-visible) {
    -webkit-tap-highlight-color: transparent;
    outline: none
}

button:focus:not(:focus-visible) {
    -webkit-tap-highlight-color: transparent;
    outline: none
}

a:focus:not(:focus-visible) {
    -webkit-tap-highlight-color: transparent;
    outline: none
}

input:focus:not(:focus-visible) {
    -webkit-tap-highlight-color: transparent;
    outline: none
}

textarea:focus:not(:focus-visible) {
    -webkit-tap-highlight-color: transparent;
    outline: none
}

select:focus:not(:focus-visible) {
    -webkit-tap-highlight-color: transparent;
    outline: none
}

[tabindex]:focus:not(:focus-visible) {
    -webkit-tap-highlight-color: transparent;
    outline: none
}

@supports selector(:focus-visible) {
    button:focus-visible {
        outline-offset: 2px;
        outline: 2px solid var(--color-accent) !important
    }

    a:focus-visible {
        outline-offset: 2px;
        outline: 2px solid var(--color-accent) !important
    }

    input:focus-visible {
        outline-offset: 2px;
        outline: 2px solid var(--color-accent) !important
    }

    textarea:focus-visible {
        outline-offset: 2px;
        outline: 2px solid var(--color-accent) !important
    }

    select:focus-visible {
        outline-offset: 2px;
        outline: 2px solid var(--color-accent) !important
    }

    [role=button]:focus-visible {
        outline-offset: 2px;
        outline: 2px solid var(--color-accent) !important
    }

    [tabindex]:focus-visible {
        outline-offset: 2px;
        outline: 2px solid var(--color-accent) !important
    }
}

.field-managed:focus {
    outline: none !important
}

.field-managed:focus-visible {
    outline: none !important
}

html {
    font-family: var(--font-sans);
    font-size: var(--font-base);
    color: var(--color-text-primary);
    background-color: var(--color-bg-page);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
    font-feature-settings: "ss01", "cv11";
    line-height: 1.5
}

body {
    overscroll-behavior-y: contain;
    touch-action: pan-y pinch-zoom;
    -webkit-overflow-scrolling: touch;
    min-height: 100vh
}

@supports (min-height:100dvh) {
    body {
        min-height: 100dvh
    }
}

input,
textarea,
button,
select {
    font-family: inherit;
    font-size: inherit
}

input::-webkit-input-placeholder {
    color: var(--color-text-tertiary);
    opacity: 1
}

input::placeholder {
    color: var(--color-text-tertiary);
    opacity: 1
}

textarea::-webkit-input-placeholder {
    color: var(--color-text-tertiary);
    opacity: 1
}

textarea::placeholder {
    color: var(--color-text-tertiary);
    opacity: 1
}

::-moz-selection {
    background: rgba(var(--color-accent-rgb), .22)
}

::selection {
    background: rgba(var(--color-accent-rgb), .22)
}

.text-gradient-primary {
    color: var(--color-primary)
}

.text-gradient-accent {
    color: var(--color-accent)
}

:root {
    --primary: var(--color-primary);
    --primary-foreground: #fff;
    --secondary: var(--color-bg-elevated);
    --secondary-foreground: var(--color-text-primary);
    --destructive: var(--color-error);
    --destructive-foreground: #fff;
    --muted: var(--color-bg-elevated);
    --muted-foreground: var(--color-text-secondary);
    --accent: var(--color-accent-surface);
    --accent-foreground: var(--color-accent-dark);
    --card: var(--color-bg-card);
    --card-foreground: var(--color-text-primary);
    --popover: var(--color-bg-card);
    --popover-foreground: var(--color-text-primary);
    --border: var(--color-divider);
    --input: var(--color-divider);
    --ring: var(--color-accent);
    --radius: var(--radius-md);
    --background: var(--color-bg-page);
    --foreground: var(--color-text-primary)
}

.rich-text-content {
    color: var(--color-text-primary);
    font-size: 15px;
    line-height: 1.65
}

.rich-text-content img {
    border-radius: var(--radius-md);
    max-width: 100%;
    height: auto;
    margin: var(--space-12) 0
}

.rich-text-content a {
    color: var(--color-accent-dark);
    text-underline-offset: 3px;
    text-decoration: underline
}

.rich-text-content h1 {
    font-family: var(--font-display);
    letter-spacing: var(--tracking-tight);
    margin-bottom: var(--space-12);
    font-size: 24px;
    font-weight: 600
}

.rich-text-content h2 {
    font-family: var(--font-display);
    letter-spacing: var(--tracking-snug);
    margin: var(--space-20) 0 var(--space-8);
    font-size: 19px;
    font-weight: 600
}

.rich-text-content h3 {
    margin-bottom: var(--space-8);
    font-size: 16px;
    font-weight: 600
}

.rich-text-content p {
    margin-bottom: var(--space-12)
}

.rich-text-content ul,
.rich-text-content ol {
    padding-left: var(--space-20);
    margin-bottom: var(--space-12)
}

.rich-text-content ul {
    list-style: outside
}

.rich-text-content ol {
    list-style: decimal
}

.rich-text-content li {
    margin-bottom: var(--space-4)
}

.rich-text-content li::marker {
    color: var(--color-accent)
}

.rich-text-content blockquote {
    border-left: 3px solid var(--color-accent);
    padding: var(--space-8) var(--space-16);
    background: var(--color-bg-elevated);
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
    color: var(--color-text-secondary)
}

.pointer-events-auto {
    pointer-events: auto
}

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

.collapse {
    visibility: collapse
}

.invisible {
    visibility: hidden
}

.visible {
    visibility: visible
}

.sr-only {
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

.not-sr-only {
    -webkit-clip-path: none;
    clip-path: none;
    white-space: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    position: static;
    overflow: visible
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.relative {
    position: relative
}

.static {
    position: static
}

.sticky {
    position: -webkit-sticky;
    position: sticky
}

.inset-0 {
    top: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0)
}

.inset-2 {
    top: calc(var(--spacing) * 2);
    right: calc(var(--spacing) * 2);
    bottom: calc(var(--spacing) * 2);
    left: calc(var(--spacing) * 2)
}

.inset-x-0 {
    left: calc(var(--spacing) * 0);
    right: calc(var(--spacing) * 0)
}

.inset-x-3 {
    left: calc(var(--spacing) * 3);
    right: calc(var(--spacing) * 3)
}

.inset-y-0 {
    top: calc(var(--spacing) * 0);
    bottom: calc(var(--spacing) * 0)
}

.start {
    left: var(--spacing)
}

.end {
    right: var(--spacing)
}

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

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

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

.-top-1\.5 {
    top: calc(var(--spacing) * -1.5)
}

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

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

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

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

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

.-top-\[22px\] {
    top: -22px
}

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

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

.top-1\/2 {
    top: 50%
}

.top-1\/3 {
    top: 33.3333%
}

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

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

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

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

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

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

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

.top-\[30\%\] {
    top: 30%
}

.top-\[52px\] {
    top: 52px
}

.top-\[calc\(100\%-2px\)\] {
    top: calc(100% - 2px)
}

.top-\[calc\(var\(--header-h\)\+env\(safe-area-inset-top\)\)\] {
    top: calc(var(--header-h) + env(safe-area-inset-top))
}

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

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

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

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

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

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

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

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

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

.-right-24 {
    right: calc(var(--spacing) * -24)
}

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

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

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

.right-1\/3 {
    right: 33.3333%
}

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

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

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

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

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

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

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

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

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

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

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

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

.-bottom-\[22px\] {
    bottom: -22px
}