/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */

@layer properties;

@layer theme,
base,
components,
utilities;

@layer theme {

    :root,
    :host {

        --font-sans: ui-sans-serif, system-ui, 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;

        --color-sky-200: oklch(90.1% 0.058 230.902);

        --color-sky-300: oklch(82.8% 0.111 230.318);

        --color-sky-400: oklch(74.6% 0.16 232.661);

        --color-sky-500: oklch(68.5% 0.169 237.323);

        --color-sky-600: oklch(58.8% 0.158 241.966);

        --color-sky-700: oklch(50% 0.134 242.749);

        --color-sky-800: oklch(44.3% 0.11 240.79);

        --color-slate-50: oklch(98.4% 0.003 247.858);

        --color-slate-100: oklch(96.8% 0.007 247.896);

        --color-slate-200: oklch(92.9% 0.013 255.508);

        --color-slate-500: oklch(55.4% 0.046 257.417);

        --color-slate-600: oklch(44.6% 0.043 257.281);

        --color-slate-700: oklch(37.2% 0.044 257.287);

        --color-slate-800: oklch(27.9% 0.041 260.031);

        --color-slate-900: oklch(20.8% 0.042 265.755);

        --color-gray-200: oklch(92.8% 0.006 264.531);

        --color-gray-500: oklch(55.1% 0.027 264.364);

        --color-white: #fff;

        --spacing: 0.25rem;

        --container-lg: 32rem;

        --container-2xl: 42rem;

        --container-5xl: 64rem;

        --container-6xl: 72rem;

        --container-7xl: 80rem;

        --text-xs: 0.75rem;

        --text-xs--line-height: calc(1 / 0.75);

        --text-sm: 0.875rem;

        --text-sm--line-height: calc(1.25 / 0.875);

        --text-base: 1rem;

        --text-base--line-height: calc(1.5 / 1);

        --text-lg: 1.125rem;

        --text-lg--line-height: calc(1.75 / 1.125);

        --text-xl: 1.25rem;

        --text-xl--line-height: calc(1.75 / 1.25);

        --text-2xl: 1.5rem;

        --text-2xl--line-height: calc(2 / 1.5);

        --text-3xl: 1.875rem;

        --text-3xl--line-height: calc(2.25 / 1.875);

        --text-4xl: 2.25rem;

        --text-4xl--line-height: calc(2.5 / 2.25);

        --text-5xl: 3rem;

        --text-5xl--line-height: 1;

        --text-6xl: 3.75rem;

        --text-6xl--line-height: 1;

        --text-7xl: 4.5rem;

        --text-7xl--line-height: 1;

        --font-weight-medium: 500;

        --font-weight-semibold: 600;

        --font-weight-bold: 700;

        --font-weight-black: 900;

        --tracking-tight: -0.025em;

        --tracking-wider: 0.05em;

        --leading-tight: 1.25;

        --leading-relaxed: 1.625;

        --radius-md: 0.375rem;

        --radius-lg: 0.5rem;

        --radius-xl: 0.75rem;

        --radius-2xl: 1rem;

        --radius-3xl: 1.5rem;

        --blur-sm: 8px;

        --default-transition-duration: 150ms;

        --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

        --default-font-family: var(--font-sans);

        --default-mono-font-family: var(--font-mono);

        --font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

        --font-heading: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    }

}

@layer base {

    *,
    ::after,
    ::before,
    ::backdrop,
    ::file-selector-button {

        box-sizing: border-box;

        margin: 0;

        padding: 0;

        border: 0 solid;

    }

    html,
    :host {

        line-height: 1.5;

        -webkit-text-size-adjust: 100%;

        tab-size: 4;

        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:where([title]) {

        -webkit-text-decoration: underline dotted;

        text-decoration: underline dotted;

    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {

        font-size: inherit;

        font-weight: inherit;

    }

    a {

        color: inherit;

        -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 {

        font-size: 75%;

        line-height: 0;

        position: relative;

        vertical-align: baseline;

    }

    sub {

        bottom: -0.25em;

    }

    sup {

        top: -0.5em;

    }

    table {

        text-indent: 0;

        border-color: inherit;

        border-collapse: collapse;

    }

    :-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 {

        display: block;

        vertical-align: middle;

    }

    img,
    video {

        max-width: 100%;

        height: auto;

    }

    button,
    input,
    select,
    optgroup,
    textarea,
    ::file-selector-button {

        font: inherit;

        font-feature-settings: inherit;

        font-variation-settings: inherit;

        letter-spacing: inherit;

        color: inherit;

        border-radius: 0;

        background-color: transparent;

        opacity: 1;

    }

    :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: currentcolor;

            @supports (color: color-mix(in lab, red, red)) {

                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,
    ::-webkit-datetime-edit-year-field,
    ::-webkit-datetime-edit-month-field,
    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute-field,
    ::-webkit-datetime-edit-second-field,
    ::-webkit-datetime-edit-millisecond-field,
    ::-webkit-datetime-edit-meridiem-field {

        padding-block: 0;

    }

    :-moz-ui-invalid {

        box-shadow: none;

    }

    button,
    input:where([type="button"], [type="reset"], [type="submit"]),
    ::file-selector-button {

        appearance: button;

    }

    ::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {

        height: auto;

    }

    [hidden]:where(:not([hidden="until-found"])) {

        display: none !important;

    }

}

@layer utilities {

    .pointer-events-auto {

        pointer-events: auto;

    }

    .absolute {

        position: absolute;

    }

    .fixed {

        position: fixed;

    }

    .relative {

        position: relative;

    }

    .inset-0 {

        inset: calc(var(--spacing) * 0);

    }

    .top-0 {

        top: calc(var(--spacing) * 0);

    }

    .top-1\/2 {

        top: calc(1/2 * 100%);

    }

    .top-4 {

        top: calc(var(--spacing) * 4);

    }

    .top-full {

        top: 100%;

    }

    .right-0 {

        right: calc(var(--spacing) * 0);

    }

    .right-4 {

        right: calc(var(--spacing) * 4);

    }

    .right-6 {

        right: calc(var(--spacing) * 6);

    }

    .bottom-0 {

        bottom: calc(var(--spacing) * 0);

    }

    .bottom-8 {

        bottom: calc(var(--spacing) * 8);

    }

    .left-1\/2 {

        left: calc(1/2 * 100%);

    }

    .left-6 {

        left: calc(var(--spacing) * 6);

    }

    .z-0 {

        z-index: 0;

    }

    .z-10 {

        z-index: 10;

    }

    .z-20 {

        z-index: 20;

    }

    .z-30 {

        z-index: 30;

    }

    .z-50 {

        z-index: 50;

    }

    .container {

        width: 100%;

        @media (width >=40rem) {

            max-width: 40rem;

        }

        @media (width >=48rem) {

            max-width: 48rem;

        }

        @media (width >=64rem) {

            max-width: 64rem;

        }

        @media (width >=80rem) {

            max-width: 80rem;

        }

        @media (width >=96rem) {

            max-width: 96rem;

        }

    }

    .-m-4 {

        margin: calc(var(--spacing) * -4);

    }

    .mx-auto {

        margin-inline: auto;

    }

    .-mt-0\.5 {

        margin-top: calc(var(--spacing) * -0.5);

    }

    .mt-1 {

        margin-top: calc(var(--spacing) * 1);

    }

    .mt-2 {

        margin-top: calc(var(--spacing) * 2);

    }

    .mt-4 {

        margin-top: calc(var(--spacing) * 4);

    }

    .mb-0\.5 {

        margin-bottom: calc(var(--spacing) * 0.5);

    }

    .mb-1 {

        margin-bottom: calc(var(--spacing) * 1);

    }

    .mb-2 {

        margin-bottom: calc(var(--spacing) * 2);

    }

    .mb-3 {

        margin-bottom: calc(var(--spacing) * 3);

    }

    .mb-4 {

        margin-bottom: calc(var(--spacing) * 4);

    }

    .mb-6 {

        margin-bottom: calc(var(--spacing) * 6);

    }

    .mb-8 {

        margin-bottom: calc(var(--spacing) * 8);

    }

    .mb-12 {

        margin-bottom: calc(var(--spacing) * 12);

    }

    .mb-16 {

        margin-bottom: calc(var(--spacing) * 16);

    }

    .block {

        display: block;

    }

    .flex {

        display: flex;

    }

    .grid {

        display: grid;

    }

    .hidden {

        display: none;

    }

    .inline-block {

        display: inline-block;

    }

    .inline-flex {

        display: inline-flex;

    }

    .h-3 {

        height: calc(var(--spacing) * 3);

    }

    .h-4 {

        height: calc(var(--spacing) * 4);

    }

    .h-6 {

        height: calc(var(--spacing) * 6);

    }

    .h-9 {

        height: calc(var(--spacing) * 9);

    }

    .h-14 {

        height: calc(var(--spacing) * 14);

    }

    .h-16 {

        height: calc(var(--spacing) * 16);

    }

    .h-18 {

        height: calc(var(--spacing) * 18);

    }

    .h-20 {

        height: calc(var(--spacing) * 20);

    }

    .h-24 {

        height: calc(var(--spacing) * 24);

    }

    .h-30 {

        height: calc(var(--spacing) * 30);

    }

    .h-56 {

        height: calc(var(--spacing) * 56);

    }

    .h-64 {

        height: calc(var(--spacing) * 64);

    }

    .h-auto {

        height: auto;

    }

    .h-full {

        height: 100%;

    }

    .h-screen {

        height: 100vh;

    }

    .max-h-\[900px\] {

        max-height: 900px;

    }

    .max-h-full {

        max-height: 100%;

    }

    .min-h-\[7rem\] {

        min-height: 7rem;

    }

    .w-0\.5 {

        width: calc(var(--spacing) * 0.5);

    }

    .w-1\/2 {

        width: calc(1/2 * 100%);

    }

    .w-1\/3 {

        width: calc(1/3 * 100%);

    }

    .w-2\/12 {

        width: calc(2/12 * 100%);

    }

    .w-3 {

        width: calc(var(--spacing) * 3);

    }

    .w-4 {

        width: calc(var(--spacing) * 4);

    }

    .w-5\/12 {

        width: calc(5/12 * 100%);

    }

    .w-6 {

        width: calc(var(--spacing) * 6);

    }

    .w-9 {

        width: calc(var(--spacing) * 9);

    }

    .w-14 {

        width: calc(var(--spacing) * 14);

    }

    .w-28 {

        width: calc(var(--spacing) * 28);

    }

    .w-auto {

        width: auto;

    }

    .w-full {

        width: 100%;

    }

    .max-w-2xl {

        max-width: var(--container-2xl);

    }

    .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-\[280px\] {

        max-width: 280px;

    }

    .max-w-full {

        max-width: 100%;

    }

    .max-w-lg {

        max-width: var(--container-lg);

    }

    .min-w-0 {

        min-width: calc(var(--spacing) * 0);

    }

    .min-w-\[120px\] {

        min-width: 120px;

    }

    .flex-1 {

        flex: 1;

    }

    .flex-shrink-0 {

        flex-shrink: 0;

    }

    .-translate-x-1\/2 {

        --tw-translate-x: calc(calc(1/2 * 100%) * -1);

        translate: var(--tw-translate-x) var(--tw-translate-y);

    }

    .-translate-x-px {

        --tw-translate-x: -1px;

        translate: var(--tw-translate-x) var(--tw-translate-y);

    }

    .-translate-y-1\/2 {

        --tw-translate-y: calc(calc(1/2 * 100%) * -1);

        translate: var(--tw-translate-x) var(--tw-translate-y);

    }

    .cursor-pointer {

        cursor: pointer;

    }

    .grid-cols-2 {

        grid-template-columns: repeat(2, minmax(0, 1fr));

    }

    .flex-col {

        flex-direction: column;

    }

    .flex-row {

        flex-direction: row;

    }

    .flex-wrap {

        flex-wrap: wrap;

    }

    .items-center {

        align-items: center;

    }

    .justify-between {

        justify-content: space-between;

    }

    .justify-center {

        justify-content: center;

    }

    .justify-end {

        justify-content: flex-end;

    }

    .gap-2 {

        gap: calc(var(--spacing) * 2);

    }

    .gap-3 {

        gap: calc(var(--spacing) * 3);

    }

    .gap-4 {

        gap: calc(var(--spacing) * 4);

    }

    .gap-6 {

        gap: calc(var(--spacing) * 6);

    }

    .gap-8 {

        gap: calc(var(--spacing) * 8);

    }

    .gap-12 {

        gap: calc(var(--spacing) * 12);

    }

    .gap-16 {

        gap: calc(var(--spacing) * 16);

    }

    .space-y-3 {

        :where(& > :not(:last-child)) {

            --tw-space-y-reverse: 0;

            margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));

            margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));

        }

    }

    .overflow-hidden {

        overflow: hidden;

    }

    .rounded-2xl {

        border-radius: var(--radius-2xl);

    }

    .rounded-3xl {

        border-radius: var(--radius-3xl);

    }

    .rounded-full {

        border-radius: calc(infinity * 1px);

    }

    .rounded-lg {

        border-radius: var(--radius-lg);

    }

    .rounded-md {

        border-radius: var(--radius-md);

    }

    .rounded-xl {

        border-radius: var(--radius-xl);

    }

    .border {

        border-style: var(--tw-border-style);

        border-width: 1px;

    }

    .border-2 {

        border-style: var(--tw-border-style);

        border-width: 2px;

    }

    .border-t {

        border-top-style: var(--tw-border-style);

        border-top-width: 1px;

    }

    .border-b {

        border-bottom-style: var(--tw-border-style);

        border-bottom-width: 1px;

    }

    .border-gray-200 {

        border-color: var(--color-gray-200);

    }

    .border-slate-100 {

        border-color: var(--color-slate-100);

    }

    .border-slate-200 {

        border-color: var(--color-slate-200);

    }

    .border-white {

        border-color: var(--color-white);

    }

    .bg-sky-600 {

        background-color: var(--color-sky-600);

    }

    .bg-slate-50 {

        background-color: var(--color-slate-50);

    }

    .bg-slate-100 {

        background-color: var(--color-slate-100);

    }

    .bg-slate-900 {

        background-color: var(--color-slate-900);

    }

    .bg-white {

        background-color: var(--color-white);

    }

    .bg-white\/10 {

        background-color: color-mix(in srgb, #fff 10%, transparent);

        @supports (color: color-mix(in lab, red, red)) {

            background-color: color-mix(in oklab, var(--color-white) 10%, transparent);

        }

    }

    .bg-white\/40 {

        background-color: color-mix(in srgb, #fff 40%, transparent);

        @supports (color: color-mix(in lab, red, red)) {

            background-color: color-mix(in oklab, var(--color-white) 40%, transparent);

        }

    }

    .bg-gradient-to-b {

        --tw-gradient-position: to bottom in oklab;

        background-image: linear-gradient(var(--tw-gradient-stops));

    }

    .bg-gradient-to-r {

        --tw-gradient-position: to right in oklab;

        background-image: linear-gradient(var(--tw-gradient-stops));

    }

    .from-slate-900\/25 {

        --tw-gradient-from: color-mix(in srgb, oklch(20.8% 0.042 265.755) 25%, transparent);

        @supports (color: color-mix(in lab, red, red)) {

            --tw-gradient-from: color-mix(in oklab, var(--color-slate-900) 25%, transparent);

        }

        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));

    }

    .from-slate-900\/40 {

        --tw-gradient-from: color-mix(in srgb, oklch(20.8% 0.042 265.755) 40%, transparent);

        @supports (color: color-mix(in lab, red, red)) {

            --tw-gradient-from: color-mix(in oklab, var(--color-slate-900) 40%, transparent);

        }

        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));

    }

    .from-slate-900\/70 {

        --tw-gradient-from: color-mix(in srgb, oklch(20.8% 0.042 265.755) 70%, transparent);

        @supports (color: color-mix(in lab, red, red)) {

            --tw-gradient-from: color-mix(in oklab, var(--color-slate-900) 70%, transparent);

        }

        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));

    }

    .via-slate-900\/10 {

        --tw-gradient-via: color-mix(in srgb, oklch(20.8% 0.042 265.755) 10%, transparent);

        @supports (color: color-mix(in lab, red, red)) {

            --tw-gradient-via: color-mix(in oklab, var(--color-slate-900) 10%, transparent);

        }

        --tw-gradient-via-stops: var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-via) var(--tw-gradient-via-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position);

        --tw-gradient-stops: var(--tw-gradient-via-stops);

    }

    .via-slate-900\/20 {

        --tw-gradient-via: color-mix(in srgb, oklch(20.8% 0.042 265.755) 20%, transparent);

        @supports (color: color-mix(in lab, red, red)) {

            --tw-gradient-via: color-mix(in oklab, var(--color-slate-900) 20%, transparent);

        }

        --tw-gradient-via-stops: var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-via) var(--tw-gradient-via-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position);

        --tw-gradient-stops: var(--tw-gradient-via-stops);

    }

    .to-transparent {

        --tw-gradient-to: transparent;

        --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));

    }

    .object-contain {

        object-fit: contain;

    }

    .object-cover {

        object-fit: cover;

    }

    .p-2 {

        padding: calc(var(--spacing) * 2);

    }

    .p-3 {

        padding: calc(var(--spacing) * 3);

    }

    .p-4 {

        padding: calc(var(--spacing) * 4);

    }

    .p-6 {

        padding: calc(var(--spacing) * 6);

    }

    .p-7 {

        padding: calc(var(--spacing) * 7);

    }

    .px-4 {

        padding-inline: calc(var(--spacing) * 4);

    }

    .px-6 {

        padding-inline: calc(var(--spacing) * 6);

    }

    .px-8 {

        padding-inline: calc(var(--spacing) * 8);

    }

    .py-1\.5 {

        padding-block: calc(var(--spacing) * 1.5);

    }

    .py-2 {

        padding-block: calc(var(--spacing) * 2);

    }

    .py-4 {

        padding-block: calc(var(--spacing) * 4);

    }

    .py-10 {

        padding-block: calc(var(--spacing) * 10);

    }

    .py-16 {

        padding-block: calc(var(--spacing) * 16);

    }

    .py-20 {

        padding-block: calc(var(--spacing) * 20);

    }

    .py-24 {

        padding-block: calc(var(--spacing) * 24);

    }

    .pt-8 {

        padding-top: calc(var(--spacing) * 8);

    }

    .pr-10 {

        padding-right: calc(var(--spacing) * 10);

    }

    .pl-10 {

        padding-left: calc(var(--spacing) * 10);

    }

    .text-center {

        text-align: center;

    }

    .text-left {

        text-align: left;

    }

    .font-body {

        font-family: var(--font-body);

    }

    .font-heading {

        font-family: var(--font-heading);

    }

    .text-2xl {

        font-size: var(--text-2xl);

        line-height: var(--tw-leading, var(--text-2xl--line-height));

    }

    .text-3xl {

        font-size: var(--text-3xl);

        line-height: var(--tw-leading, var(--text-3xl--line-height));

    }

    .text-4xl {

        font-size: var(--text-4xl);

        line-height: var(--tw-leading, var(--text-4xl--line-height));

    }

    .text-5xl {

        font-size: var(--text-5xl);

        line-height: var(--tw-leading, var(--text-5xl--line-height));

    }

    .text-base {

        font-size: var(--text-base);

        line-height: var(--tw-leading, var(--text-base--line-height));

    }

    .text-lg {

        font-size: var(--text-lg);

        line-height: var(--tw-leading, var(--text-lg--line-height));

    }

    .text-sm {

        font-size: var(--text-sm);

        line-height: var(--tw-leading, var(--text-sm--line-height));

    }

    .text-xl {

        font-size: var(--text-xl);

        line-height: var(--tw-leading, var(--text-xl--line-height));

    }

    .text-xs {

        font-size: var(--text-xs);

        line-height: var(--tw-leading, var(--text-xs--line-height));

    }

    .leading-none {

        --tw-leading: 1;

        line-height: 1;

    }

    .leading-relaxed {

        --tw-leading: var(--leading-relaxed);

        line-height: var(--leading-relaxed);

    }

    .leading-tight {

        --tw-leading: var(--leading-tight);

        line-height: var(--leading-tight);

    }

    .font-black {

        --tw-font-weight: var(--font-weight-black);

        font-weight: var(--font-weight-black);

    }

    .font-bold {

        --tw-font-weight: var(--font-weight-bold);

        font-weight: var(--font-weight-bold);

    }

    .font-medium {

        --tw-font-weight: var(--font-weight-medium);

        font-weight: var(--font-weight-medium);

    }

    .font-semibold {

        --tw-font-weight: var(--font-weight-semibold);

        font-weight: var(--font-weight-semibold);

    }

    .tracking-tight {

        --tw-tracking: var(--tracking-tight);

        letter-spacing: var(--tracking-tight);

    }

    .tracking-wider {

        --tw-tracking: var(--tracking-wider);

        letter-spacing: var(--tracking-wider);

    }

    .text-gray-500 {

        color: var(--color-gray-500);

    }

    .text-sky-400 {

        color: var(--color-sky-400);

    }

    .text-sky-600 {

        color: var(--color-sky-600);

    }

    .text-slate-100 {

        color: var(--color-slate-100);

    }

    .text-slate-200 {

        color: var(--color-slate-200);

    }

    .text-slate-500 {

        color: var(--color-slate-500);

    }

    .text-slate-600 {

        color: var(--color-slate-600);

    }

    .text-slate-700 {

        color: var(--color-slate-700);

    }

    .text-slate-800 {

        color: var(--color-slate-800);

    }

    .text-slate-900 {

        color: var(--color-slate-900);

    }

    .text-white {

        color: var(--color-white);

    }

    .uppercase {

        text-transform: uppercase;

    }

    .underline {

        text-decoration-line: underline;

    }

    .antialiased {

        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale;

    }

    .opacity-0 {

        opacity: 0%;

    }

    .opacity-100 {

        opacity: 100%;

    }

    .shadow-2xl {

        --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));

        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

    }

    .shadow-md {

        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

    }

    .shadow-sm {

        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

    }

    .shadow-xl {

        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

    }

    .brightness-115 {

        --tw-brightness: brightness(115%);

        filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );

    }

    .backdrop-blur-sm {

        --tw-backdrop-blur: blur(var(--blur-sm));

        -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );

        backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );

    }

    .transition-all {

        transition-property: all;

        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

        transition-duration: var(--tw-duration, var(--default-transition-duration));

    }

    .transition-colors {

        transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;

        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

        transition-duration: var(--tw-duration, var(--default-transition-duration));

    }

    .transition-opacity {

        transition-property: opacity;

        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

        transition-duration: var(--tw-duration, var(--default-transition-duration));

    }

    .transition-transform {

        transition-property: transform, translate, scale, rotate;

        transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

        transition-duration: var(--tw-duration, var(--default-transition-duration));

    }

    .delay-1 {

        transition-delay: 1ms;

    }

    .delay-2 {

        transition-delay: 2ms;

    }

    .delay-3 {

        transition-delay: 3ms;

    }

    .duration-300 {

        --tw-duration: 300ms;

        transition-duration: 300ms;

    }

    .duration-500 {

        --tw-duration: 500ms;

        transition-duration: 500ms;

    }

    .duration-1000 {

        --tw-duration: 1000ms;

        transition-duration: 1000ms;

    }

    .select-none {

        -webkit-user-select: none;

        user-select: none;

    }

    .group-hover\:scale-105 {

        &:is(:where(.group):hover *) {

            @media (hover: hover) {

                --tw-scale-x: 105%;

                --tw-scale-y: 105%;

                --tw-scale-z: 105%;

                scale: var(--tw-scale-x) var(--tw-scale-y);

            }

        }

    }

    .group-hover\:text-sky-600 {

        &:is(:where(.group):hover *) {

            @media (hover: hover) {

                color: var(--color-sky-600);

            }

        }

    }

    .hover\:-translate-y-0\.5 {

        &:hover {

            @media (hover: hover) {

                --tw-translate-y: calc(var(--spacing) * -0.5);

                translate: var(--tw-translate-x) var(--tw-translate-y);

            }

        }

    }

    .hover\:translate-y-\[-2px\] {

        &:hover {

            @media (hover: hover) {

                --tw-translate-y: -2px;

                translate: var(--tw-translate-x) var(--tw-translate-y);

            }

        }

    }

    .hover\:gap-3 {

        &:hover {

            @media (hover: hover) {

                gap: calc(var(--spacing) * 3);

            }

        }

    }

    .hover\:border-sky-200 {

        &:hover {

            @media (hover: hover) {

                border-color: var(--color-sky-200);

            }

        }

    }

    .hover\:border-sky-300 {

        &:hover {

            @media (hover: hover) {

                border-color: var(--color-sky-300);

            }

        }

    }

    .hover\:bg-sky-500 {

        &:hover {

            @media (hover: hover) {

                background-color: var(--color-sky-500);

            }

        }

    }

    .hover\:bg-slate-50 {

        &:hover {

            @media (hover: hover) {

                background-color: var(--color-slate-50);

            }

        }

    }

    .hover\:bg-slate-200 {

        &:hover {

            @media (hover: hover) {

                background-color: var(--color-slate-200);

            }

        }

    }

    .hover\:bg-white\/10 {

        &:hover {

            @media (hover: hover) {

                background-color: color-mix(in srgb, #fff 10%, transparent);

                @supports (color: color-mix(in lab, red, red)) {

                    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);

                }

            }

        }

    }

    .hover\:bg-white\/20 {

        &:hover {

            @media (hover: hover) {

                background-color: color-mix(in srgb, #fff 20%, transparent);

                @supports (color: color-mix(in lab, red, red)) {

                    background-color: color-mix(in oklab, var(--color-white) 20%, transparent);

                }

            }

        }

    }

    .hover\:bg-white\/60 {

        &:hover {

            @media (hover: hover) {

                background-color: color-mix(in srgb, #fff 60%, transparent);

                @supports (color: color-mix(in lab, red, red)) {

                    background-color: color-mix(in oklab, var(--color-white) 60%, transparent);

                }

            }

        }

    }

    .hover\:text-sky-400 {

        &:hover {

            @media (hover: hover) {

                color: var(--color-sky-400);

            }

        }

    }

    .hover\:text-sky-600 {

        &:hover {

            @media (hover: hover) {

                color: var(--color-sky-600);

            }

        }

    }

    .hover\:underline {

        &:hover {

            @media (hover: hover) {

                text-decoration-line: underline;

            }

        }

    }

    .hover\:shadow-lg {

        &:hover {

            @media (hover: hover) {

                --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

            }

        }

    }

    .hover\:shadow-xl {

        &:hover {

            @media (hover: hover) {

                --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));

                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);

            }

        }

    }

    .hover\:shadow-sky-600\/30 {

        &:hover {

            @media (hover: hover) {

                --tw-shadow-color: color-mix(in srgb, oklch(58.8% 0.158 241.966) 30%, transparent);

                @supports (color: color-mix(in lab, red, red)) {

                    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-sky-600) 30%, transparent) var(--tw-shadow-alpha), transparent);

                }

            }

        }

    }

    .sm\:h-72 {

        @media (width >=40rem) {

            height: calc(var(--spacing) * 72);

        }

    }

    .md\:h-\[80vh\] {

        @media (width >=48rem) {

            height: 80vh;

        }

    }

    .md\:w-1\/3 {

        @media (width >=48rem) {

            width: calc(1/3 * 100%);

        }

    }

    .md\:w-1\/6 {

        @media (width >=48rem) {

            width: calc(1/6 * 100%);

        }

    }

    .md\:max-w-\[320px\] {

        @media (width >=48rem) {

            max-width: 320px;

        }

    }

    .md\:grid-cols-3 {

        @media (width >=48rem) {

            grid-template-columns: repeat(3, minmax(0, 1fr));

        }

    }

    .md\:grid-cols-4 {

        @media (width >=48rem) {

            grid-template-columns: repeat(4, minmax(0, 1fr));

        }

    }

    .md\:flex-row {

        @media (width >=48rem) {

            flex-direction: row;

        }

    }

    .md\:text-2xl {

        @media (width >=48rem) {

            font-size: var(--text-2xl);

            line-height: var(--tw-leading, var(--text-2xl--line-height));

        }

    }

    .md\:text-5xl {

        @media (width >=48rem) {

            font-size: var(--text-5xl);

            line-height: var(--tw-leading, var(--text-5xl--line-height));

        }

    }

    .md\:text-6xl {

        @media (width >=48rem) {

            font-size: var(--text-6xl);

            line-height: var(--tw-leading, var(--text-6xl--line-height));

        }

    }

    .md\:text-7xl {

        @media (width >=48rem) {

            font-size: var(--text-7xl);

            line-height: var(--tw-leading, var(--text-7xl--line-height));

        }

    }

    .lg\:flex {

        @media (width >=64rem) {

            display: flex;

        }

    }

    .lg\:hidden {

        @media (width >=64rem) {

            display: none;

        }

    }

    .lg\:h-\[90vh\] {

        @media (width >=64rem) {

            height: 90vh;

        }

    }

    .lg\:w-1\/2 {

        @media (width >=64rem) {

            width: calc(1/2 * 100%);

        }

    }

    .lg\:w-1\/4 {

        @media (width >=64rem) {

            width: calc(1/4 * 100%);

        }

    }

    .lg\:w-1\/9 {

        @media (width >=64rem) {

            width: calc(1/9 * 100%);

        }

    }

    .lg\:flex-row {

        @media (width >=64rem) {

            flex-direction: row;

        }

    }

    .lg\:text-6xl {

        @media (width >=64rem) {

            font-size: var(--text-6xl);

            line-height: var(--tw-leading, var(--text-6xl--line-height));

        }

    }

}

@property --tw-translate-x {

    syntax: "*";

    inherits: false;

    initial-value: 0;

}

@property --tw-translate-y {

    syntax: "*";

    inherits: false;

    initial-value: 0;

}

@property --tw-translate-z {

    syntax: "*";

    inherits: false;

    initial-value: 0;

}

@property --tw-space-y-reverse {

    syntax: "*";

    inherits: false;

    initial-value: 0;

}

@property --tw-border-style {

    syntax: "*";

    inherits: false;

    initial-value: solid;

}

@property --tw-gradient-position {

    syntax: "*";

    inherits: false;

}

@property --tw-gradient-from {

    syntax: "<color>";

    inherits: false;

    initial-value: #0000;

}

@property --tw-gradient-via {

    syntax: "<color>";

    inherits: false;

    initial-value: #0000;

}

@property --tw-gradient-to {

    syntax: "<color>";

    inherits: false;

    initial-value: #0000;

}

@property --tw-gradient-stops {

    syntax: "*";

    inherits: false;

}

@property --tw-gradient-via-stops {

    syntax: "*";

    inherits: false;

}

@property --tw-gradient-from-position {

    syntax: "<length-percentage>";

    inherits: false;

    initial-value: 0%;

}

@property --tw-gradient-via-position {

    syntax: "<length-percentage>";

    inherits: false;

    initial-value: 50%;

}

@property --tw-gradient-to-position {

    syntax: "<length-percentage>";

    inherits: false;

    initial-value: 100%;

}

@property --tw-leading {

    syntax: "*";

    inherits: false;

}

@property --tw-font-weight {

    syntax: "*";

    inherits: false;

}

@property --tw-tracking {

    syntax: "*";

    inherits: false;

}

@property --tw-shadow {

    syntax: "*";

    inherits: false;

    initial-value: 0 0 #0000;

}

@property --tw-shadow-color {

    syntax: "*";

    inherits: false;

}

@property --tw-shadow-alpha {

    syntax: "<percentage>";

    inherits: false;

    initial-value: 100%;

}

@property --tw-inset-shadow {

    syntax: "*";

    inherits: false;

    initial-value: 0 0 #0000;

}

@property --tw-inset-shadow-color {

    syntax: "*";

    inherits: false;

}

@property --tw-inset-shadow-alpha {

    syntax: "<percentage>";

    inherits: false;

    initial-value: 100%;

}

@property --tw-ring-color {

    syntax: "*";

    inherits: false;

}

@property --tw-ring-shadow {

    syntax: "*";

    inherits: false;

    initial-value: 0 0 #0000;

}

@property --tw-inset-ring-color {

    syntax: "*";

    inherits: false;

}

@property --tw-inset-ring-shadow {

    syntax: "*";

    inherits: false;

    initial-value: 0 0 #0000;

}

@property --tw-ring-inset {

    syntax: "*";

    inherits: false;

}

@property --tw-ring-offset-width {

    syntax: "<length>";

    inherits: false;

    initial-value: 0px;

}

@property --tw-ring-offset-color {

    syntax: "*";

    inherits: false;

    initial-value: #fff;

}

@property --tw-ring-offset-shadow {

    syntax: "*";

    inherits: false;

    initial-value: 0 0 #0000;

}

@property --tw-blur {

    syntax: "*";

    inherits: false;

}

@property --tw-brightness {

    syntax: "*";

    inherits: false;

}

@property --tw-contrast {

    syntax: "*";

    inherits: false;

}

@property --tw-grayscale {

    syntax: "*";

    inherits: false;

}

@property --tw-hue-rotate {

    syntax: "*";

    inherits: false;

}

@property --tw-invert {

    syntax: "*";

    inherits: false;

}

@property --tw-opacity {

    syntax: "*";

    inherits: false;

}

@property --tw-saturate {

    syntax: "*";

    inherits: false;

}

@property --tw-sepia {

    syntax: "*";

    inherits: false;

}

@property --tw-drop-shadow {

    syntax: "*";

    inherits: false;

}

@property --tw-drop-shadow-color {

    syntax: "*";

    inherits: false;

}

@property --tw-drop-shadow-alpha {

    syntax: "<percentage>";

    inherits: false;

    initial-value: 100%;

}

@property --tw-drop-shadow-size {

    syntax: "*";

    inherits: false;

}

@property --tw-backdrop-blur {

    syntax: "*";

    inherits: false;

}

@property --tw-backdrop-brightness {

    syntax: "*";

    inherits: false;

}

@property --tw-backdrop-contrast {

    syntax: "*";

    inherits: false;

}

@property --tw-backdrop-grayscale {

    syntax: "*";

    inherits: false;

}

@property --tw-backdrop-hue-rotate {

    syntax: "*";

    inherits: false;

}

@property --tw-backdrop-invert {

    syntax: "*";

    inherits: false;

}

@property --tw-backdrop-opacity {

    syntax: "*";

    inherits: false;

}

@property --tw-backdrop-saturate {

    syntax: "*";

    inherits: false;

}

@property --tw-backdrop-sepia {

    syntax: "*";

    inherits: false;

}

@property --tw-duration {

    syntax: "*";

    inherits: false;

}

@property --tw-scale-x {

    syntax: "*";

    inherits: false;

    initial-value: 1;

}

@property --tw-scale-y {

    syntax: "*";

    inherits: false;

    initial-value: 1;

}

@property --tw-scale-z {

    syntax: "*";

    inherits: false;

    initial-value: 1;

}

@layer properties {

    @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 {

            --tw-translate-x: 0;

            --tw-translate-y: 0;

            --tw-translate-z: 0;

            --tw-space-y-reverse: 0;

            --tw-border-style: solid;

            --tw-gradient-position: initial;

            --tw-gradient-from: #0000;

            --tw-gradient-via: #0000;

            --tw-gradient-to: #0000;

            --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-shadow: 0 0 #0000;

            --tw-shadow-color: initial;

            --tw-shadow-alpha: 100%;

            --tw-inset-shadow: 0 0 #0000;

            --tw-inset-shadow-color: initial;

            --tw-inset-shadow-alpha: 100%;

            --tw-ring-color: initial;

            --tw-ring-shadow: 0 0 #0000;

            --tw-inset-ring-color: initial;

            --tw-inset-ring-shadow: 0 0 #0000;

            --tw-ring-inset: initial;

            --tw-ring-offset-width: 0px;

            --tw-ring-offset-color: #fff;

            --tw-ring-offset-shadow: 0 0 #0000;

            --tw-blur: initial;

            --tw-brightness: initial;

            --tw-contrast: initial;

            --tw-grayscale: initial;

            --tw-hue-rotate: initial;

            --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-rotate: initial;

            --tw-backdrop-invert: initial;

            --tw-backdrop-opacity: initial;

            --tw-backdrop-saturate: initial;

            --tw-backdrop-sepia: initial;

            --tw-duration: initial;

            --tw-scale-x: 1;

            --tw-scale-y: 1;

            --tw-scale-z: 1;

        }

    }

}