/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
    @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-rotate-x: initial;
                --tw-rotate-y: initial;
                --tw-rotate-z: initial;
                --tw-skew-x: initial;
                --tw-skew-y: initial;
                --tw-space-y-reverse: 0;
                --tw-space-x-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-ordinal: initial;
                --tw-slashed-zero: initial;
                --tw-numeric-figure: initial;
                --tw-numeric-spacing: initial;
                --tw-numeric-fraction: 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-outline-style: solid;
                --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-ease: initial;
                --tw-scale-x: 1;
                --tw-scale-y: 1;
                --tw-scale-z: 1;
                --tw-content: "";
                --tw-animation-delay: 0s;
                --tw-animation-direction: normal;
                --tw-animation-duration: initial;
                --tw-animation-fill-mode: none;
                --tw-animation-iteration-count: 1;
                --tw-enter-blur: 0;
                --tw-enter-opacity: 1;
                --tw-enter-rotate: 0;
                --tw-enter-scale: 1;
                --tw-enter-translate-x: 0;
                --tw-enter-translate-y: 0;
                --tw-exit-blur: 0;
                --tw-exit-opacity: 1;
                --tw-exit-rotate: 0;
                --tw-exit-scale: 1;
                --tw-exit-translate-x: 0;
                --tw-exit-translate-y: 0
            }
        }
    }

    @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-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
            --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            --color-red-100: oklch(93.6%.032 17.717);
            --color-red-500: oklch(63.7%.237 25.331);
            --color-red-600: oklch(57.7%.245 27.325);
            --color-orange-500: oklch(70.5%.213 47.604);
            --color-green-50: oklch(98.2%.018 155.826);
            --color-green-200: oklch(92.5%.084 155.995);
            --color-green-500: oklch(72.3%.219 149.579);
            --color-green-600: oklch(62.7%.194 149.214);
            --color-green-800: oklch(44.8%.119 151.328);
            --color-blue-500: oklch(62.3%.214 259.815);
            --color-blue-600: oklch(54.6%.245 262.881);
            --color-blue-700: oklch(48.8%.243 264.376);
            --color-purple-500: oklch(62.7%.265 303.9);
            --color-slate-50: oklch(98.4%.003 247.858);
            --color-slate-100: oklch(96.8%.007 247.896);
            --color-slate-600: oklch(44.6%.043 257.281);
            --color-slate-700: oklch(37.2%.044 257.287);
            --color-slate-900: oklch(20.8%.042 265.755);
            --color-gray-100: oklch(96.7%.003 264.542);
            --color-gray-300: oklch(87.2%.01 258.338);
            --color-gray-500: oklch(55.1%.027 264.364);
            --color-gray-700: oklch(37.3%.034 259.733);
            --color-gray-900: oklch(21%.034 264.665);
            --color-black: #000;
            --color-white: #fff;
            --spacing: .25rem;
            --container-xs: 20rem;
            --container-sm: 24rem;
            --container-md: 28rem;
            --container-lg: 32rem;
            --container-xl: 36rem;
            --container-2xl: 42rem;
            --container-3xl: 48rem;
            --container-4xl: 56rem;
            --container-5xl: 64rem;
            --container-6xl: 72rem;
            --container-7xl: 80rem;
            --text-xs: .75rem;
            --text-xs--line-height: calc(1/.75);
            --text-sm: .875rem;
            --text-sm--line-height: calc(1.25/.875);
            --text-base: 1rem;
            --text-base--line-height: 1.5;
            --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: 1.2;
            --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;
            --font-weight-light: 300;
            --font-weight-normal: 400;
            --font-weight-medium: 500;
            --font-weight-semibold: 600;
            --font-weight-bold: 700;
            --tracking-tight: -.025em;
            --tracking-widest: .1em;
            --leading-tight: 1.25;
            --leading-snug: 1.375;
            --leading-normal: 1.5;
            --leading-relaxed: 1.625;
            --radius-xs: .125rem;
            --radius-2xl: 1rem;
            --radius-3xl: 1.5rem;
            --ease-out: cubic-bezier(0, 0, .2, 1);
            --ease-in-out: cubic-bezier(.4, 0, .2, 1);
            --animate-spin: spin 1s linear infinite;
            --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
            --blur-sm: 8px;
            --blur-md: 12px;
            --blur-2xl: 40px;
            --aspect-video: 16/9;
            --default-transition-duration: .15s;
            --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
            --default-font-family: var(--font-sans);
            --default-mono-font-family: var(--font-mono);
            --color-border: var(--border);
            --font-display: "Playfair Display", serif;
            --font-body: "Source Sans 3", sans-serif
        }
    }

    @layer base {

        *,
        :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, 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
        }

        h2,
        h3,
        h4,
        h5 {
            font-size: inherit
        }

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

        strong {
            font-weight: bolder
        }

        :-moz-focusring {
            outline: auto
        }

        ul {
            list-style: none
        }

        img,
        svg,
        iframe {
            vertical-align: middle;
            display: block
        }

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

        button,
        input,
        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
        }

        ::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)) {
                ::placeholder {
                    color: color-mix(in oklab, currentcolor 50%, transparent)
                }
            }
        }

        ::-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 {
            appearance: button
        }

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

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

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

        * {
            border-color: var(--border);
            outline-color: var(--ring)
        }

        @supports (color:color-mix(in lab, red, red)) {
            * {
                outline-color: color-mix(in oklab, var(--ring) 50%, transparent)
            }
        }

        html {
            scroll-padding-top: 5rem
        }

        body {
            background-color: var(--background);
            color: var(--foreground);
            font-family: var(--font-body)
        }

        h2,
        h3,
        h4,
        h5 {
            font-family: var(--font-display)
        }

        button:not(:disabled),
        [type=button]:not(:disabled),
        [type=submit]:not(:disabled),
        [type=reset]:not(:disabled),
        a[href],
        select:not(:disabled),
        input[type=checkbox]:not(:disabled),
        input[type=radio]:not(:disabled) {
            cursor: pointer
        }
    }

    @layer components {
        .container {
            margin-left: auto;
            margin-right: auto;
            padding-left: 1rem;
            padding-right: 1rem
        }

        .flex {
            min-width: 0;
            min-height: 0
        }

        @media (min-width:640px) {
            .container {
                padding-left: 1.5rem;
                padding-right: 1.5rem
            }
        }

        @media (min-width:1024px) {
            .container {
                max-width: 1280px;
                padding-left: 2rem;
                padding-right: 2rem
            }
        }

        .wave-divider {
            width: 100%;
            line-height: 0;
            overflow: hidden
        }

        .wave-divider svg {
            width: calc(100% + 1.3px);
            height: 80px;
            display: block;
            position: relative
        }

        html {
            scroll-behavior: smooth
        }

        @keyframes logo-rotate {
            0% {
                transform: rotateY(0)
            }

            to {
                transform: rotateY(360deg)
            }
        }

        @keyframes spine-pulse {

            0%,
            to {
                opacity: .8;
                transform: scale(1)
            }

            50% {
                opacity: 1;
                transform: scale(1.15)
            }
        }

        .logo-embossed {
            filter: drop-shadow(0 10px 20px #8b451333) drop-shadow(0 4px 8px #8b451326) drop-shadow(0-2px 4px #ffffff4d);
            transition: filter .3s, transform .3s;
            transform: translateZ(0)
        }

        .logo-embossed:hover {
            filter: drop-shadow(0 15px 30px #8b451340) drop-shadow(0 6px 12px #8b451333) drop-shadow(0-3px 6px #fff6);
            transform: translateZ(0) scale(1.02)
        }

        @keyframes slide-in-right {
            0% {
                opacity: 0;
                transform: translate(100%)
            }

            to {
                opacity: 1;
                transform: translate(0)
            }
        }

        @keyframes slide-out-right {
            0% {
                opacity: 1;
                transform: translate(0)
            }

            to {
                opacity: 0;
                transform: translate(100%)
            }
        }

        @keyframes slide-down {
            0% {
                opacity: 0;
                transform: translateY(-100%)
            }

            to {
                opacity: 1;
                transform: translateY(0)
            }
        }

        @keyframes fade-in {
            0% {
                opacity: 0
            }

            to {
                opacity: 1
            }
        }

        .animate-fade-in {
            animation: .3s ease-out forwards fade-in
        }

        ::-webkit-scrollbar {
            width: 10px
        }

        ::-webkit-scrollbar-track {
            background: #f4ede8
        }

        ::-webkit-scrollbar-thumb {
            background: #a04f27;
            border-radius: 5px
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #934319
        }
    }

    @layer utilities {
        .pointer-events-none {
            pointer-events: none
        }

        .absolute {
            position: absolute
        }

        .fixed {
            position: fixed
        }

        .relative {
            position: relative
        }

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

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

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

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

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

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

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

        .right-full {
            right: 100%
        }

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

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

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

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

        .z-10 {
            z-index: 10
        }

        .z-20 {
            z-index: 20
        }

        .z-50 {
            z-index: 50
        }

        .z-\[60\] {
            z-index: 60
        }

        .order-1 {
            order: 1
        }

        .order-2 {
            order: 2
        }

        .container {
            width: 100%
        }

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

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

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

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

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

        .mx-auto {
            margin-inline: auto
        }

        .mt-0\.5 {
            margin-top: calc(var(--spacing)*.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)
        }

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

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

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

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

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

        .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)
        }

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

        .block {
            display: block
        }

        .flex {
            display: flex
        }

        .grid {
            display: grid
        }

        .hidden {
            display: none
        }

        .inline-block {
            display: inline-block
        }

        .inline-flex {
            display: inline-flex
        }

        .aspect-\[4\/3\] {
            aspect-ratio: 4/3
        }

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

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

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

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

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

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

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

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

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

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

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

        .h-full {
            height: 100%
        }

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

        .min-h-screen {
            min-height: 100vh
        }

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

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

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

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

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

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

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

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

        .w-full {
            width: 100%
        }

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

        .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-xl {
            max-width: var(--container-xl)
        }

        .flex-1 {
            flex: 1
        }

        .flex-shrink-0,
        .shrink-0 {
            flex-shrink: 0
        }

        .-translate-x-1\/2 {
            --tw-translate-x: -50%;
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .-translate-y-1\/2 {
            --tw-translate-y: -50%;
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

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

        .touch-manipulation {
            touch-action: manipulation
        }

        .resize-none {
            resize: none
        }

        .flex-col {
            flex-direction: column
        }

        .items-baseline {
            align-items: baseline
        }

        .items-center {
            align-items: center
        }

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

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

        .justify-center {
            justify-content: center
        }

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

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

        .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)
        }

        :where(.space-y-2>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
        }

        :where(.space-y-3>: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)))
        }

        :where(.space-y-4>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))
        }

        :where(.space-y-5>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing)*5)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-y-reverse)))
        }

        :where(.space-y-6>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))
        }

        :where(.space-y-12>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))
        }

        :where(.space-y-24>:not(:last-child)) {
            --tw-space-y-reverse: 0;
            margin-block-start: calc(calc(var(--spacing)*24)*var(--tw-space-y-reverse));
            margin-block-end: calc(calc(var(--spacing)*24)*calc(1 - var(--tw-space-y-reverse)))
        }

        .overflow-hidden {
            overflow: hidden
        }

        .rounded {
            border-radius: .25rem
        }

        .rounded-2xl {
            border-radius: var(--radius-2xl)
        }

        .rounded-3xl {
            border-radius: var(--radius-3xl)
        }

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

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

        .rounded-md {
            border-radius: calc(var(--radius) - 2px)
        }

        .rounded-xl {
            border-radius: calc(var(--radius) + 4px)
        }

        .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-l-4 {
            border-left-style: var(--tw-border-style);
            border-left-width: 4px
        }

        .border-\[\#7A9B76\] {
            border-color: #7a9b76
        }

        .border-\[\#7A9B76\]\/20 {
            border-color: #7a9b7633
        }

        .border-\[\#7A9B76\]\/30 {
            border-color: #7a9b764d
        }

        .border-\[\#8B4513\] {
            border-color: #8b4513
        }

        .border-\[\#8B4513\]\/20 {
            border-color: #8b451333
        }

        .border-\[\#8B4513\]\/30 {
            border-color: #8b45134d
        }

        .border-\[\#D2691E\] {
            border-color: #d2691e
        }

        .border-\[\#D2691E\]\/30 {
            border-color: #d2691e4d
        }

        .border-accent,
        .border-accent\/20 {
            border-color: var(--accent)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .border-accent\/20 {
                border-color: color-mix(in oklab, var(--accent) 20%, transparent)
            }
        }

        .border-accent\/30 {
            border-color: var(--accent)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .border-accent\/30 {
                border-color: color-mix(in oklab, var(--accent) 30%, transparent)
            }
        }

        .border-border {
            border-color: var(--border)
        }

        .border-primary {
            border-color: var(--primary)
        }

        .border-primary-foreground\/20 {
            border-color: var(--primary-foreground)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .border-primary-foreground\/20 {
                border-color: color-mix(in oklab, var(--primary-foreground) 20%, transparent)
            }
        }

        .border-primary\/20 {
            border-color: var(--primary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .border-primary\/20 {
                border-color: color-mix(in oklab, var(--primary) 20%, transparent)
            }
        }

        .border-secondary,
        .border-secondary\/20 {
            border-color: var(--secondary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .border-secondary\/20 {
                border-color: color-mix(in oklab, var(--secondary) 20%, transparent)
            }
        }

        .border-white {
            border-color: var(--color-white)
        }

        .bg-\[\#7A9B76\] {
            background-color: #7a9b76
        }

        .bg-\[\#7A9B76\]\/10 {
            background-color: #7a9b761a
        }

        .bg-\[\#8B4513\] {
            background-color: #8b4513
        }

        .bg-\[\#8B4513\]\/5 {
            background-color: #8b45130d
        }

        .bg-\[\#8B4513\]\/10 {
            background-color: #8b45131a
        }

        .bg-\[\#25D366\] {
            background-color: #25d366
        }

        .bg-\[\#D2691E\] {
            background-color: #d2691e
        }

        .bg-\[\#D2691E\]\/5 {
            background-color: #d2691e0d
        }

        .bg-\[\#D2691E\]\/10 {
            background-color: #d2691e1a
        }

        .bg-accent\/5 {
            background-color: var(--accent)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .bg-accent\/5 {
                background-color: color-mix(in oklab, var(--accent) 5%, transparent)
            }
        }

        .bg-accent\/10 {
            background-color: var(--accent)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .bg-accent\/10 {
                background-color: color-mix(in oklab, var(--accent) 10%, transparent)
            }
        }

        .bg-card,
        .bg-card\/80 {
            background-color: var(--card)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .bg-card\/80 {
                background-color: color-mix(in oklab, var(--card) 80%, transparent)
            }
        }

        .bg-gray-900 {
            background-color: var(--color-gray-900)
        }

        .bg-primary {
            background-color: var(--primary)
        }

        .bg-primary\/10 {
            background-color: var(--primary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .bg-primary\/10 {
                background-color: color-mix(in oklab, var(--primary) 10%, transparent)
            }
        }

        .bg-secondary,
        .bg-secondary\/10 {
            background-color: var(--secondary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .bg-secondary\/10 {
                background-color: color-mix(in oklab, var(--secondary) 10%, transparent)
            }
        }

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

        .bg-white {
            background-color: var(--color-white)
        }

        .bg-white\/50 {
            background-color: #ffffff80
        }

        @supports (color:color-mix(in lab, red, red)) {
            .bg-white\/50 {
                background-color: color-mix(in oklab, var(--color-white) 50%, transparent)
            }
        }

        .bg-white\/90 {
            background-color: #ffffffe6
        }

        @supports (color:color-mix(in lab, red, red)) {
            .bg-white\/90 {
                background-color: color-mix(in oklab, var(--color-white) 90%, transparent)
            }
        }

        .bg-gradient-to-b {
            --tw-gradient-position: to bottom in oklab;
            background-image: linear-gradient(var(--tw-gradient-stops))
        }

        .bg-gradient-to-br {
            --tw-gradient-position: to bottom right 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-\[\#8B4513\] {
            --tw-gradient-from: #8b4513;
            --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-\[\#8B4513\]\/5 {
            --tw-gradient-from: oklab(47.0784%.0708088 .0869601/.05);
            --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-\[\#8B4513\]\/10 {
            --tw-gradient-from: oklab(47.0784%.0708088 .0869601/.1);
            --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-\[\#D2691E\]\/10 {
            --tw-gradient-from: oklab(63.4398%.099074 .119193/.1);
            --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-\[\#FAFAF9\] {
            --tw-gradient-from: #fafaf9;
            --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-card {
            --tw-gradient-from: var(--card);
            --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-primary\/5 {
            --tw-gradient-from: var(--primary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .from-primary\/5 {
                --tw-gradient-from: color-mix(in oklab, var(--primary) 5%, transparent)
            }
        }

        .from-primary\/5 {
            --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-white {
            --tw-gradient-from: var(--color-white);
            --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-\[\#D2691E\] {
            --tw-gradient-via: #d2691e;
            --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-\[\#D2691E\]\/5 {
            --tw-gradient-via: oklab(63.4398%.099074 .119193/.05);
            --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-\[\#F5E6D3\] {
            --tw-gradient-via: #f5e6d3;
            --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-\[\#7A9B76\] {
            --tw-gradient-to: #7a9b76;
            --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))
        }

        .to-\[\#7A9B76\]\/5 {
            --tw-gradient-to: oklab(65.4308% -.0514381 .0401891/.05);
            --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))
        }

        .to-\[\#7A9B76\]\/10 {
            --tw-gradient-to: oklab(65.4308% -.0514381 .0401891/.1);
            --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))
        }

        .to-\[\#8B4513\]\/10 {
            --tw-gradient-to: oklab(47.0784%.0708088 .0869601/.1);
            --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))
        }

        .to-\[\#D2691E\] {
            --tw-gradient-to: #d2691e;
            --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))
        }

        .to-\[\#F5E6D3\] {
            --tw-gradient-to: #f5e6d3;
            --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))
        }

        .to-\[\#FAFAF9\] {
            --tw-gradient-to: #fafaf9;
            --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))
        }

        .to-background {
            --tw-gradient-to: var(--background);
            --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))
        }

        .to-secondary\/5 {
            --tw-gradient-to: var(--secondary)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .to-secondary\/5 {
                --tw-gradient-to: color-mix(in oklab, var(--secondary) 5%, transparent)
            }
        }

        .to-secondary\/5 {
            --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))
        }

        .fill-card {
            fill: var(--card)
        }

        .fill-current {
            fill: currentColor
        }

        .object-cover {
            object-fit: cover
        }

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

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

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

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

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

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

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

        .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 {
            padding-block: calc(var(--spacing)*1)
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .text-center {
            text-align: center
        }

        .text-left {
            text-align: left
        }

        .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-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-relaxed {
            --tw-leading: var(--leading-relaxed);
            line-height: var(--leading-relaxed)
        }

        .leading-snug {
            --tw-leading: var(--leading-snug);
            line-height: var(--leading-snug)
        }

        .font-bold {
            --tw-font-weight: var(--font-weight-bold);
            font-weight: var(--font-weight-bold)
        }

        .font-light {
            --tw-font-weight: var(--font-weight-light);
            font-weight: var(--font-weight-light)
        }

        .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)
        }

        .whitespace-nowrap {
            white-space: nowrap
        }

        .text-\[\#7A9B76\] {
            color: #7a9b76
        }

        .text-\[\#8B4513\] {
            color: #8b4513
        }

        .text-\[\#D2691E\] {
            color: #d2691e
        }

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

        .text-card-foreground {
            color: var(--card-foreground)
        }

        .text-foreground {
            color: var(--foreground)
        }

        .text-muted-foreground {
            color: var(--muted-foreground)
        }

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

        .text-primary-foreground,
        .text-primary-foreground\/60 {
            color: var(--primary-foreground)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .text-primary-foreground\/60 {
                color: color-mix(in oklab, var(--primary-foreground) 60%, transparent)
            }
        }

        .text-primary-foreground\/80 {
            color: var(--primary-foreground)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .text-primary-foreground\/80 {
                color: color-mix(in oklab, var(--primary-foreground) 80%, transparent)
            }
        }

        .text-secondary {
            color: var(--secondary)
        }

        .text-secondary-foreground {
            color: var(--secondary-foreground)
        }

        .text-white {
            color: var(--color-white)
        }

        .opacity-0 {
            opacity: 0
        }

        .opacity-90 {
            opacity: .9
        }

        .shadow-2xl {
            --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .shadow-lg {
            --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
            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, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
            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, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .shadow-xs {
            --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-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-shadow {
            transition-property: box-shadow;
            transition-timing-function: var(--tw-ease, var(--default-transition-timing-function))
        }

        .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))
        }

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

        .duration-300 {
            --tw-duration: .3s;
            transition-duration: .3s
        }

        .duration-500 {
            --tw-duration: .5s;
            transition-duration: .5s
        }

        .duration-700 {
            --tw-duration: .7s;
            transition-duration: .7s
        }

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

        .outline-none {
            --tw-outline-style: none;
            outline-style: none
        }

        .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
            opacity: 1
        }

        @media (hover:hover) {
            .group-hover\:translate-x-1:is(:where(.group):hover *) {
                --tw-translate-x: calc(var(--spacing)*1);
                translate: var(--tw-translate-x) var(--tw-translate-y)
            }

            .group-hover\:scale-105:is(:where(.group):hover *) {
                --tw-scale-x: 105%;
                --tw-scale-y: 105%;
                --tw-scale-z: 105%;
                scale: var(--tw-scale-x) var(--tw-scale-y)
            }

            .group-hover\:scale-110:is(:where(.group):hover *) {
                --tw-scale-x: 110%;
                --tw-scale-y: 110%;
                --tw-scale-z: 110%;
                scale: var(--tw-scale-x) var(--tw-scale-y)
            }

            .group-hover\:bg-primary:is(:where(.group):hover *) {
                background-color: var(--primary)
            }

            .group-hover\:text-primary-foreground:is(:where(.group):hover *) {
                color: var(--primary-foreground)
            }

            .group-hover\:text-secondary:is(:where(.group):hover *) {
                color: var(--secondary)
            }

            .group-hover\:opacity-100:is(:where(.group):hover *),
            .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
                opacity: 1
            }
        }

        @media (hover:hover) {
            .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover~*) {
                color: var(--sidebar-accent-foreground)
            }
        }

        .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
            cursor: not-allowed
        }

        .peer-disabled\:opacity-50:is(:where(.peer):disabled~*) {
            opacity: .5
        }

        .selection\:bg-primary ::selection {
            background-color: var(--primary)
        }

        .selection\:bg-primary::selection {
            background-color: var(--primary)
        }

        .selection\:text-primary-foreground ::selection {
            color: var(--primary-foreground)
        }

        .selection\:text-primary-foreground::selection {
            color: var(--primary-foreground)
        }

        .file\:inline-flex::file-selector-button {
            display: inline-flex
        }

        .file\:h-7::file-selector-button {
            height: calc(var(--spacing)*7)
        }

        .file\:border-0::file-selector-button {
            border-style: var(--tw-border-style);
            border-width: 0
        }

        .file\:bg-transparent::file-selector-button {
            background-color: #0000
        }

        .file\:text-sm::file-selector-button {
            font-size: var(--text-sm);
            line-height: var(--tw-leading, var(--text-sm--line-height))
        }

        .file\:font-medium::file-selector-button {
            --tw-font-weight: var(--font-weight-medium);
            font-weight: var(--font-weight-medium)
        }

        .file\:text-foreground::file-selector-button {
            color: var(--foreground)
        }

        .placeholder\:text-muted-foreground::placeholder {
            color: var(--muted-foreground)
        }

        .after\:absolute:after {
            content: var(--tw-content);
            position: absolute
        }

        .after\:-inset-2:after {
            content: var(--tw-content);
            inset: calc(var(--spacing)*-2)
        }

        .after\:inset-y-0:after {
            content: var(--tw-content);
            inset-block: calc(var(--spacing)*0)
        }

        .after\:right-0:after {
            content: var(--tw-content);
            right: calc(var(--spacing)*0)
        }

        .after\:bottom-0:after {
            content: var(--tw-content);
            bottom: calc(var(--spacing)*0)
        }

        .after\:left-0:after {
            content: var(--tw-content);
            left: calc(var(--spacing)*0)
        }

        .after\:left-1\/2:after {
            content: var(--tw-content);
            left: 50%
        }

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

        .after\:w-1:after {
            content: var(--tw-content);
            width: calc(var(--spacing)*1)
        }

        .after\:w-\[2px\]:after {
            content: var(--tw-content);
            width: 2px
        }

        .after\:-translate-x-1\/2:after {
            content: var(--tw-content);
            --tw-translate-x: -50%;
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .after\:rounded-full:after {
            content: var(--tw-content);
            border-radius: 3.40282e38px
        }

        .after\:bg-\[\#8B4513\]:after {
            content: var(--tw-content);
            background-color: #8b4513
        }

        .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible=offcanvas] *):after {
            content: var(--tw-content);
            left: 100%
        }

        @media (hover:hover) {
            .hover\:-translate-y-2:hover {
                --tw-translate-y: calc(var(--spacing)*-2);
                translate: var(--tw-translate-x) var(--tw-translate-y)
            }

            .hover\:scale-105:hover {
                --tw-scale-x: 105%;
                --tw-scale-y: 105%;
                --tw-scale-z: 105%;
                scale: var(--tw-scale-x) var(--tw-scale-y)
            }

            .hover\:scale-110:hover {
                --tw-scale-x: 110%;
                --tw-scale-y: 110%;
                --tw-scale-z: 110%;
                scale: var(--tw-scale-x) var(--tw-scale-y)
            }

            .hover\:border-\[\#7A9B76\]:hover {
                border-color: #7a9b76
            }

            .hover\:border-\[\#8B4513\]:hover {
                border-color: #8b4513
            }

            .hover\:border-accent:hover {
                border-color: var(--accent)
            }

            .hover\:border-primary:hover {
                border-color: var(--primary)
            }

            .hover\:border-secondary:hover {
                border-color: var(--secondary)
            }

            .hover\:bg-\[\#1a1a19\]\/90:hover {
                background-color: #1a1a19e6
            }

            .hover\:bg-\[\#5C7A58\]:hover {
                background-color: #5c7a58
            }

            .hover\:bg-\[\#7A9B76\]:hover {
                background-color: #7a9b76
            }

            .hover\:bg-\[\#7A9B76\]\/5:hover {
                background-color: #7a9b760d
            }

            .hover\:bg-\[\#7A9B76\]\/90:hover {
                background-color: #7a9b76e6
            }

            .hover\:bg-\[\#8B4513\]:hover {
                background-color: #8b4513
            }

            .hover\:bg-\[\#8B4513\]\/5:hover {
                background-color: #8b45130d
            }

            .hover\:bg-\[\#8B4513\]\/10:hover {
                background-color: #8b45131a
            }

            .hover\:bg-\[\#8B4513\]\/90:hover {
                background-color: #8b4513e6
            }

            .hover\:bg-\[\#20BA5A\]:hover {
                background-color: #20ba5a
            }

            .hover\:bg-\[\#D2691E\]:hover {
                background-color: #d2691e
            }

            .hover\:bg-\[\#D2691E\]\/90:hover {
                background-color: #d2691ee6
            }

            .hover\:bg-accent:hover,
            .hover\:bg-accent\/50:hover {
                background-color: var(--accent)
            }

            @supports (color:color-mix(in lab, red, red)) {
                .hover\:bg-accent\/50:hover {
                    background-color: color-mix(in oklab, var(--accent) 50%, transparent)
                }
            }

            .hover\:bg-accent\/90:hover {
                background-color: var(--accent)
            }

            @supports (color:color-mix(in lab, red, red)) {
                .hover\:bg-accent\/90:hover {
                    background-color: color-mix(in oklab, var(--accent) 90%, transparent)
                }
            }

            .hover\:bg-blue-700:hover {
                background-color: var(--color-blue-700)
            }

            .hover\:bg-destructive\/90:hover {
                background-color: var(--destructive)
            }

            @supports (color:color-mix(in lab, red, red)) {
                .hover\:bg-destructive\/90:hover {
                    background-color: color-mix(in oklab, var(--destructive) 90%, transparent)
                }
            }

            .hover\:bg-gray-100:hover {
                background-color: var(--color-gray-100)
            }

            .hover\:bg-muted:hover,
            .hover\:bg-muted\/50:hover {
                background-color: var(--muted)
            }

            @supports (color:color-mix(in lab, red, red)) {
                .hover\:bg-muted\/50:hover {
                    background-color: color-mix(in oklab, var(--muted) 50%, transparent)
                }
            }

            .hover\:bg-primary:hover,
            .hover\:bg-primary\/20:hover {
                background-color: var(--primary)
            }

            @supports (color:color-mix(in lab, red, red)) {
                .hover\:bg-primary\/20:hover {
                    background-color: color-mix(in oklab, var(--primary) 20%, transparent)
                }
            }

            .hover\:bg-primary\/90:hover {
                background-color: var(--primary)
            }

            @supports (color:color-mix(in lab, red, red)) {
                .hover\:bg-primary\/90:hover {
                    background-color: color-mix(in oklab, var(--primary) 90%, transparent)
                }
            }

            .hover\:bg-secondary:hover,
            .hover\:bg-secondary\/80:hover {
                background-color: var(--secondary)
            }

            @supports (color:color-mix(in lab, red, red)) {
                .hover\:bg-secondary\/80:hover {
                    background-color: color-mix(in oklab, var(--secondary) 80%, transparent)
                }
            }

            .hover\:bg-secondary\/90:hover {
                background-color: var(--secondary)
            }

            @supports (color:color-mix(in lab, red, red)) {
                .hover\:bg-secondary\/90:hover {
                    background-color: color-mix(in oklab, var(--secondary) 90%, transparent)
                }
            }

            .hover\:bg-sidebar-accent:hover {
                background-color: var(--sidebar-accent)
            }

            .hover\:bg-white\/10:hover {
                background-color: #ffffff1a
            }

            @supports (color:color-mix(in lab, red, red)) {
                .hover\:bg-white\/10:hover {
                    background-color: color-mix(in oklab, var(--color-white) 10%, transparent)
                }
            }

            .hover\:bg-white\/80:hover {
                background-color: #fffc
            }

            @supports (color:color-mix(in lab, red, red)) {
                .hover\:bg-white\/80:hover {
                    background-color: color-mix(in oklab, var(--color-white) 80%, transparent)
                }
            }

            .hover\:text-\[\#8B4513\]:hover {
                color: #8b4513
            }

            .hover\:text-\[\#D2691E\]:hover {
                color: #d2691e
            }

            .hover\:text-accent:hover {
                color: var(--accent)
            }

            .hover\:text-accent-foreground:hover {
                color: var(--accent-foreground)
            }

            .hover\:text-foreground:hover {
                color: var(--foreground)
            }

            .hover\:text-gray-700:hover {
                color: var(--color-gray-700)
            }

            .hover\:text-muted-foreground:hover {
                color: var(--muted-foreground)
            }

            .hover\:text-primary:hover {
                color: var(--primary)
            }

            .hover\:text-primary-foreground:hover {
                color: var(--primary-foreground)
            }

            .hover\:text-secondary:hover {
                color: var(--secondary)
            }

            .hover\:text-sidebar-accent-foreground:hover {
                color: var(--sidebar-accent-foreground)
            }

            .hover\:text-white:hover {
                color: var(--color-white)
            }

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

            .hover\:opacity-90:hover {
                opacity: .9
            }

            .hover\:opacity-100:hover {
                opacity: 1
            }

            .hover\:shadow-2xl:hover {
                --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
                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-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover {
                --tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent)));
                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-lg:hover {
                --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
                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 {
                --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
            }

            .hover\:ring-4:hover {
                --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
                box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
            }

            .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible=offcanvas] *) {
                background-color: var(--sidebar)
            }

            .hover\:after\:bg-sidebar-border:hover:after {
                content: var(--tw-content);
                background-color: var(--sidebar-border)
            }
        }

        .focus\:z-10:focus {
            z-index: 10
        }

        .focus\:bg-accent:focus {
            background-color: var(--accent)
        }

        .focus\:text-accent-foreground:focus {
            color: var(--accent-foreground)
        }

        .focus\:text-destructive:focus {
            color: var(--destructive)
        }

        .focus\:ring-2:focus {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .focus\:ring-\[\#8B4513\]:focus {
            --tw-ring-color: #8b4513
        }

        .focus\:ring-red-500:focus {
            --tw-ring-color: var(--color-red-500)
        }

        .focus\:ring-ring:focus {
            --tw-ring-color: var(--ring)
        }

        .focus\:ring-offset-2:focus {
            --tw-ring-offset-width: 2px;
            --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
        }

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

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

        .focus\:outline-none:focus {
            --tw-outline-style: none;
            outline-style: none
        }

        .focus-visible\:z-10:focus-visible {
            z-index: 10
        }

        .focus-visible\:border-ring:focus-visible {
            border-color: var(--ring)
        }

        .focus-visible\:ring-0:focus-visible {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .focus-visible\:ring-1:focus-visible {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .focus-visible\:ring-2:focus-visible {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

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

        .focus-visible\:ring-\[3px\]:focus-visible {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .focus-visible\:ring-destructive\/20:focus-visible {
            --tw-ring-color: var(--destructive)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .focus-visible\:ring-destructive\/20:focus-visible {
                --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent)
            }
        }

        .focus-visible\:ring-ring:focus-visible,
        .focus-visible\:ring-ring\/50:focus-visible {
            --tw-ring-color: var(--ring)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .focus-visible\:ring-ring\/50:focus-visible {
                --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent)
            }
        }

        .focus-visible\:ring-offset-1:focus-visible {
            --tw-ring-offset-width: 1px;
            --tw-ring-offset-shadow: var(--tw-ring-inset, )0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
        }

        .focus-visible\:outline-hidden:focus-visible {
            --tw-outline-style: none;
            outline-style: none
        }

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

        .focus-visible\:outline-1:focus-visible {
            outline-style: var(--tw-outline-style);
            outline-width: 1px
        }

        .focus-visible\:outline-ring:focus-visible {
            outline-color: var(--ring)
        }

        .active\:scale-95:active {
            --tw-scale-x: 95%;
            --tw-scale-y: 95%;
            --tw-scale-z: 95%;
            scale: var(--tw-scale-x) var(--tw-scale-y)
        }

        .active\:bg-\[\#7A9B76\]\/10:active {
            background-color: #7a9b761a
        }

        .active\:bg-\[\#8B4513\]\/10:active {
            background-color: #8b45131a
        }

        .active\:bg-sidebar-accent:active {
            background-color: var(--sidebar-accent)
        }

        .active\:text-sidebar-accent-foreground:active {
            color: var(--sidebar-accent-foreground)
        }

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

        .disabled\:cursor-not-allowed:disabled {
            cursor: not-allowed
        }

        .disabled\:opacity-50:disabled {
            opacity: .5
        }

        .has-focus\:border-ring:has(:focus) {
            border-color: var(--ring)
        }

        .has-focus\:ring-\[3px\]:has(:focus) {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .has-focus\:ring-ring\/50:has(:focus) {
            --tw-ring-color: var(--ring)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .has-focus\:ring-ring\/50:has(:focus) {
                --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent)
            }
        }

        .has-disabled\:opacity-50:has(:disabled) {
            opacity: .5
        }

        .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot=input-group-control]:focus-visible) {
            border-color: var(--ring)
        }

        .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot=input-group-control]:focus-visible) {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible) {
            --tw-ring-color: var(--ring)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot=input-group-control]:focus-visible) {
                --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent)
            }
        }

        .has-\[\>svg\]\:px-2\.5:has(>svg) {
            padding-inline: calc(var(--spacing)*2.5)
        }

        .has-\[\>svg\]\:px-3:has(>svg) {
            padding-inline: calc(var(--spacing)*3)
        }

        .has-\[\>svg\]\:px-4:has(>svg) {
            padding-inline: calc(var(--spacing)*4)
        }

        @media (hover:hover) {
            .data-\[active\=true\]\:hover\:bg-accent[data-active=true]:hover {
                background-color: var(--accent)
            }
        }

        .data-\[active\=true\]\:focus\:bg-accent[data-active=true]:focus {
            background-color: var(--accent)
        }

        .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction=vertical]:after {
            content: var(--tw-content);
            left: calc(var(--spacing)*0)
        }

        .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction=vertical]:after {
            content: var(--tw-content);
            height: calc(var(--spacing)*1)
        }

        .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction=vertical]:after {
            content: var(--tw-content);
            width: 100%
        }

        .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction=vertical]:after {
            content: var(--tw-content);
            --tw-translate-x: calc(var(--spacing)*0);
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction=vertical]:after {
            content: var(--tw-content);
            --tw-translate-y: -50%;
            translate: var(--tw-translate-x) var(--tw-translate-y)
        }

        :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot=navigation-menu-link]:focus {
            --tw-ring-shadow: var(--tw-ring-inset, )0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
            box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
        }

        :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot=navigation-menu-link]:focus {
            --tw-outline-style: none;
            outline-style: none
        }

        @media (hover:hover) {
            .data-\[state\=open\]\:hover\:bg-accent[data-state=open]:hover {
                background-color: var(--accent)
            }

            .data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state=open]:hover {
                background-color: var(--sidebar-accent)
            }

            .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state=open]:hover {
                color: var(--sidebar-accent-foreground)
            }
        }

        .data-\[state\=open\]\:focus\:bg-accent[data-state=open]:focus {
            background-color: var(--accent)
        }

        .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus {
            background-color: var(--destructive)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus {
                background-color: color-mix(in oklab, var(--destructive) 10%, transparent)
            }
        }

        .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus {
            color: var(--destructive)
        }

        @media (min-width:40rem) {
            .sm\:flex {
                display: flex
            }

            .sm\:hidden {
                display: none
            }

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

            :where(.sm\:space-y-6>:not(:last-child)) {
                --tw-space-y-reverse: 0;
                margin-block-start: calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));
                margin-block-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))
            }

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

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

            .sm\:pr-4 {
                padding-right: calc(var(--spacing)*4)
            }

            .sm\:text-lg {
                font-size: var(--text-lg);
                line-height: var(--tw-leading, var(--text-lg--line-height))
            }
        }

        @media (min-width:48rem) {
            .md\:order-1 {
                order: 1
            }

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

            .md\:block {
                display: block
            }

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

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

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

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

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

            .md\:text-2xl {
                font-size: var(--text-2xl);
                line-height: var(--tw-leading, var(--text-2xl--line-height))
            }

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

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

            .md\:after\:hidden:after {
                content: var(--tw-content);
                display: none
            }
        }

        @media (min-width:64rem) {
            .lg\:flex {
                display: flex
            }

            .lg\:hidden {
                display: none
            }

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

        @media (hover:hover) {
            .dark\:hover\:bg-accent\/50:is(.dark *):hover {
                background-color: var(--accent)
            }

            @supports (color:color-mix(in lab, red, red)) {
                .dark\:hover\:bg-accent\/50:is(.dark *):hover {
                    background-color: color-mix(in oklab, var(--accent) 50%, transparent)
                }
            }

            .dark\:hover\:bg-input\/50:is(.dark *):hover {
                background-color: var(--input)
            }

            @supports (color:color-mix(in lab, red, red)) {
                .dark\:hover\:bg-input\/50:is(.dark *):hover {
                    background-color: color-mix(in oklab, var(--input) 50%, transparent)
                }
            }

            .dark\:hover\:text-accent-foreground:is(.dark *):hover {
                color: var(--accent-foreground)
            }
        }

        .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
            --tw-ring-color: var(--destructive)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible {
                --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent)
            }
        }

        .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus {
            background-color: var(--destructive)
        }

        @supports (color:color-mix(in lab, red, red)) {
            .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus {
                background-color: color-mix(in oklab, var(--destructive) 20%, transparent)
            }
        }

        .\[\&_svg\]\:pointer-events-none svg {
            pointer-events: none
        }

        .\[\&_svg\]\:shrink-0 svg {
            flex-shrink: 0
        }

        .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
            width: calc(var(--spacing)*4);
            height: calc(var(--spacing)*4)
        }

        :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:dir(rtl), [dir=rtl], [dir=rtl] *) *):is(.rdp-button_next>svg),
        :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:dir(rtl), [dir=rtl], [dir=rtl] *) *):is(.rdp-button_previous>svg) {
            rotate: 180deg
        }

        @media (hover:hover) {
            .\[a\]\:hover\:bg-accent\/50:is(a):hover {
                background-color: var(--accent)
            }

            @supports (color:color-mix(in lab, red, red)) {
                .\[a\]\:hover\:bg-accent\/50:is(a):hover {
                    background-color: color-mix(in oklab, var(--accent) 50%, transparent)
                }
            }
        }

        .\[\&\>\*\]\:focus-visible\:relative>:focus-visible {
            position: relative
        }

        .\[\&\>\*\]\:focus-visible\:z-10>:focus-visible {
            z-index: 10
        }

        .\[\&\>a\:hover\]\:text-primary>a:hover {
            color: var(--primary)
        }

        @media (hover:hover) {
            a.\[a\&\]\:hover\:bg-accent:hover {
                background-color: var(--accent)
            }

            a.\[a\&\]\:hover\:bg-destructive\/90:hover {
                background-color: var(--destructive)
            }

            @supports (color:color-mix(in lab, red, red)) {
                a.\[a\&\]\:hover\:bg-destructive\/90:hover {
                    background-color: color-mix(in oklab, var(--destructive) 90%, transparent)
                }
            }

            a.\[a\&\]\:hover\:bg-primary\/90:hover {
                background-color: var(--primary)
            }

            @supports (color:color-mix(in lab, red, red)) {
                a.\[a\&\]\:hover\:bg-primary\/90:hover {
                    background-color: color-mix(in oklab, var(--primary) 90%, transparent)
                }
            }

            a.\[a\&\]\:hover\:bg-secondary\/90:hover {
                background-color: var(--secondary)
            }

            @supports (color:color-mix(in lab, red, red)) {
                a.\[a\&\]\:hover\:bg-secondary\/90:hover {
                    background-color: color-mix(in oklab, var(--secondary) 90%, transparent)
                }
            }

            a.\[a\&\]\:hover\:text-accent-foreground:hover {
                color: var(--accent-foreground)
            }
        }
    }

    @property --tw-animation-delay {
        syntax: "*";
        inherits: false;
        initial-value: 0s
    }

    @property --tw-animation-direction {
        syntax: "*";
        inherits: false;
        initial-value: normal
    }

    @property --tw-animation-duration {
        syntax: "*";
        inherits: false
    }

    @property --tw-animation-fill-mode {
        syntax: "*";
        inherits: false;
        initial-value: none
    }

    @property --tw-animation-iteration-count {
        syntax: "*";
        inherits: false;
        initial-value: 1
    }

    @property --tw-enter-blur {
        syntax: "*";
        inherits: false;
        initial-value: 0
    }

    @property --tw-enter-opacity {
        syntax: "*";
        inherits: false;
        initial-value: 1
    }

    @property --tw-enter-rotate {
        syntax: "*";
        inherits: false;
        initial-value: 0
    }

    @property --tw-enter-scale {
        syntax: "*";
        inherits: false;
        initial-value: 1
    }

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

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

    @property --tw-exit-blur {
        syntax: "*";
        inherits: false;
        initial-value: 0
    }

    @property --tw-exit-opacity {
        syntax: "*";
        inherits: false;
        initial-value: 1
    }

    @property --tw-exit-rotate {
        syntax: "*";
        inherits: false;
        initial-value: 0
    }

    @property --tw-exit-scale {
        syntax: "*";
        inherits: false;
        initial-value: 1
    }

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

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

    :root {
        --primary: oklch(52%.12 45);
        --primary-foreground: oklch(98%.01 45);
        --secondary: oklch(68%.18 65);
        --secondary-foreground: oklch(15%.02 65);
        --accent: oklch(62%.1 125);
        --accent-foreground: oklch(98%.01 125);
        --sidebar-primary: oklch(52%.12 45);
        --sidebar-primary-foreground: oklch(98%.01 45);
        --chart-1: oklch(68%.18 65);
        --chart-2: oklch(62%.1 125);
        --chart-3: oklch(52%.12 45);
        --chart-4: oklch(72%.15 55);
        --chart-5: oklch(58%.08 115);
        --radius: 1rem;
        --background: oklch(98%.005 60);
        --foreground: oklch(25%.02 45);
        --card: oklch(100%0 0);
        --card-foreground: oklch(25%.02 45);
        --popover: oklch(100%0 0);
        --popover-foreground: oklch(25%.02 45);
        --muted: oklch(95%.01 60);
        --muted-foreground: oklch(50%.02 45);
        --destructive: oklch(57.7%.245 27.325);
        --destructive-foreground: oklch(98.5%0 0);
        --border: oklch(88%.02 55);
        --input: oklch(88%.02 55);
        --ring: oklch(52%.12 45);
        --sidebar: oklch(98%.005 60);
        --sidebar-foreground: oklch(25%.02 45);
        --sidebar-accent: oklch(95%.01 60);
        --sidebar-accent-foreground: oklch(25%.02 45);
        --sidebar-border: oklch(88%.02 55);
        --sidebar-ring: oklch(52%.12 45)
    }

    @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-rotate-x {
        syntax: "*";
        inherits: false
    }

    @property --tw-rotate-y {
        syntax: "*";
        inherits: false
    }

    @property --tw-rotate-z {
        syntax: "*";
        inherits: false
    }

    @property --tw-skew-x {
        syntax: "*";
        inherits: false
    }

    @property --tw-skew-y {
        syntax: "*";
        inherits: false
    }

    @property --tw-space-y-reverse {
        syntax: "*";
        inherits: false;
        initial-value: 0
    }

    @property --tw-space-x-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-ordinal {
        syntax: "*";
        inherits: false
    }

    @property --tw-slashed-zero {
        syntax: "*";
        inherits: false
    }

    @property --tw-numeric-figure {
        syntax: "*";
        inherits: false
    }

    @property --tw-numeric-spacing {
        syntax: "*";
        inherits: false
    }

    @property --tw-numeric-fraction {
        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: 0
    }

    @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-outline-style {
        syntax: "*";
        inherits: false;
        initial-value: solid
    }

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

    @property --tw-content {
        syntax: "*";
        inherits: false;
        initial-value: ""
    }

    @keyframes spin {
        to {
            transform: rotate(360deg)
        }
    }

    @keyframes pulse {
        50% {
            opacity: .5
        }
    }

    @keyframes enter {
        0% {
            opacity: var(--tw-enter-opacity, 1);
            transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
            filter: blur(var(--tw-enter-blur, 0))
        }
    }

    @keyframes exit {
        to {
            opacity: var(--tw-exit-opacity, 1);
            transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
            filter: blur(var(--tw-exit-blur, 0))
        }
    }

    @keyframes accordion-down {
        0% {
            height: 0
        }

        to {
            height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))))
        }
    }

    @keyframes accordion-up {
        0% {
            height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto)))))
        }

        to {
            height: 0
        }
    }

    @keyframes caret-blink {

        0%,
        70%,
        to {
            opacity: 1
        }

        20%,
        50% {
            opacity: 0
        }
    }