:host, html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
}
html {
    font-size: 16px; /* 现在 1rem = 20px */
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

 .pr-4 {
     padding-right: 1rem;
 }


 .pl-10 {
     padding-left: 2.5rem;
 }

 .py-3 {
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
 }

.focus\:ring-blue-500:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color:#3b82f6;
}

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

 .focus\:outline-none:focus {
     outline: 4px solid transparent;
     outline-offset: 4px;
 }

 .focus\:border-transparent:focus {
     border-color: transparent;
 }


 .bg-white\/10 {
     background-color: rgb(255 255 255 / 0.1);
 }

 .border-white\/20 {
     border-color: rgb(255 255 255 / 0.2);
 }
:root {
    --g-selection-background: #4d53e8;
    --g-editor-background: #f2f3f5;
    --g-playground-select: var(--g-selection-background);
    --g-playground-hover: var(--g-selection-background);
    --g-playground-line: var(--g-selection-background);
    --g-playground-blur: #999;
    --g-playground-selectBox-outline: var(--g-selection-background);
    --g-playground-selectBox-background: #8d90e71a;
    --g-playground-select-hover-background: #4d53e81a;
    --g-playground-select-control-size: 12px;
}
:root {
    --4-x-position: 20%;
    --4-y-position: 80%;
    --5-x-position: 80%;
    --5-y-position: 20%;
    --6-x-position: 20%;
    --6-y-position: 80%;
    --7-x-position: 20%;
    --7-y-position: 80%;
    --8-x-position: 20%;
    --8-y-position: 80%;
    --9-x-position: 20%;
    --9-y-position: 80%;
    --10-x-position: 20%;
    --10-y-position: 80%;
    --11-x-position: 20%;
    --11-y-position: 80%;
    --12-x-position: 20%;
    --12-y-position: 80%;
    --13-x-position: 20%;
    --13-y-position: 80%;
    --14-x-position: 20%;
    --14-y-position: 80%;
    --15-x-position: 20%;
    --15-y-position: 80%;
    --16-x-position: 20%;
    --16-y-position: 80%;
    --17-x-position: 20%;
    --17-y-position: 80%;
    --18-x-position: 20%;
    --18-y-position: 80%;
    --19-x-position: 20%;
    --19-y-position: 80%;
    --20-x-position: 20%;
    --20-y-position: 80%;
    --21-x-position: 20%;
    --21-y-position: 80%;
    --22-x-position: 20%;
    --22-y-position: 80%;
    --23-x-position: 15.3125%;
    --23-y-position: 85.0781%;
    --24-x-position: 15.3125%;
    --24-y-position: 85.0781%;
    --25-x-position: 15.3125%;
    --25-y-position: 85.0781%;
    --26-x-position: 15.3125%;
    --26-y-position: 85.0781%;
    --27-x-position: 15.3125%;
    --27-y-position: 85.0781%;
    --28-x-position: 15.3125%;
    --28-y-position: 85.0781%;
    显示所有属性（另外 368 个）
}
.dark {
    --accent: #404040;
}
:root {
    --background: oklch(1 0 0);
    --foreground: oklch(.129 .042 264.695);
    --card: oklch(1 0 0);
    --card-foreground: oklch(.129 .042 264.695);
    --popover: oklch(1 0 0);
    --popover-foreground: oklch(.129 .042 264.695);
    --primary: oklch(.208 .042 265.755);
    --primary-foreground: oklch(.984 .003 247.858);
    --secondary: oklch(.968 .007 247.896);
    --secondary-foreground: oklch(.208 .042 265.755);
    --muted: oklch(.968 .007 247.896);
    --muted-foreground: oklch(.554 .046 257.417);
    --accent: oklch(.968 .007 247.896);
    --accent-foreground: oklch(.208 .042 265.755);
    --destructive: oklch(.577 .245 27.325);
    --destructive-foreground: oklch(.577 .245 27.325);
    --border: #52649a21;
    --input: oklch(.929 .013 255.508);
    --ring: oklch(.704 .04 256.788);
    --chart-1: oklch(.646 .222 41.116);
    --chart-2: oklch(.6 .118 184.704);
    --chart-3: oklch(.398 .07 227.392);
    --chart-4: oklch(.828 .189 84.429);
    --chart-5: oklch(.769 .188 70.08);
    --radius: .625rem;
    --sidebar: oklch(.984 .003 247.858);
    --sidebar-foreground: oklch(.129 .042 264.695);
    --sidebar-primary: oklch(.208 .042 265.755);
    --sidebar-primary-foreground: oklch(.984 .003 247.858);
    --sidebar-accent: oklch(.968 .007 247.896);
    --sidebar-accent-foreground: oklch(.208 .042 265.755);
    --sidebar-border: oklch(.929 .013 255.508);
    --sidebar-ring: oklch(.704 .04 256.788);
    --danger: #e53241;
    --app-height: 100dvh;
    --app: 1px;
    --fs-14: 14px;
    --lh-20: 20px;
}
:root {
    --g-selection-background: #4d53e8;
    --g-editor-background: #f2f3f5;
    --g-playground-select: var(--g-selection-background);
    --g-playground-hover: var(--g-selection-background);
    --g-playground-line: var(--g-selection-background);
    --g-playground-blur: #999;
    --g-playground-selectBox-outline: var(--g-selection-background);
    --g-playground-selectBox-background: #8d90e71a;
    --g-playground-select-hover-background: #4d53e81a;
    --g-playground-select-control-size: 12px;
}
:root {
    --4-x-position: 20%;
    --4-y-position: 80%;
    --5-x-position: 80%;
    --5-y-position: 20%;
    --6-x-position: 20%;
    --6-y-position: 80%;
    --7-x-position: 20%;
    --7-y-position: 80%;
    --8-x-position: 20%;
    --8-y-position: 80%;
    --9-x-position: 20%;
    --9-y-position: 80%;
    --10-x-position: 20%;
    --10-y-position: 80%;
    --11-x-position: 20%;
    --11-y-position: 80%;
    --12-x-position: 20%;
    --12-y-position: 80%;
    --13-x-position: 20%;
    --13-y-position: 80%;
    --14-x-position: 20%;
    --14-y-position: 80%;
    --15-x-position: 20%;
    --15-y-position: 80%;
    --16-x-position: 20%;
    --16-y-position: 80%;
    --17-x-position: 20%;
    --17-y-position: 80%;
    --18-x-position: 20%;
    --18-y-position: 80%;
    --19-x-position: 20%;
    --19-y-position: 80%;
    --20-x-position: 20%;
    --20-y-position: 80%;
    --21-x-position: 20%;
    --21-y-position: 80%;
    --22-x-position: 20%;
    --22-y-position: 80%;
    --23-x-position: 15.3125%;
    --23-y-position: 85.0781%;
    --24-x-position: 15.3125%;
    --24-y-position: 85.0781%;
    --25-x-position: 15.3125%;
    --25-y-position: 85.0781%;
    --26-x-position: 15.3125%;
    --26-y-position: 85.0781%;
    --27-x-position: 15.3125%;
    --27-y-position: 85.0781%;
    --28-x-position: 15.3125%;
    --28-y-position: 85.0781%;
    显示所有属性（另外 368 个）
}
.dark {
    --accent: #404040;
}
:root {
    --background: oklch(1 0 0);
    --foreground: oklch(.129 .042 264.695);
    --card: oklch(1 0 0);
    --card-foreground: oklch(.129 .042 264.695);
    --popover: oklch(1 0 0);
    --popover-foreground: oklch(.129 .042 264.695);
    --primary: oklch(.208 .042 265.755);
    --primary-foreground: oklch(.984 .003 247.858);
    --secondary: oklch(.968 .007 247.896);
    --secondary-foreground: oklch(.208 .042 265.755);
    --muted: oklch(.968 .007 247.896);
    --muted-foreground: oklch(.554 .046 257.417);
    --accent: oklch(.968 .007 247.896);
    --accent-foreground: oklch(.208 .042 265.755);
    --destructive: oklch(.577 .245 27.325);
    --destructive-foreground: oklch(.577 .245 27.325);
    --border: #52649a21;
    --input: oklch(.929 .013 255.508);
    --ring: oklch(.704 .04 256.788);
    --chart-1: oklch(.646 .222 41.116);
    --chart-2: oklch(.6 .118 184.704);
    --chart-3: oklch(.398 .07 227.392);
    --chart-4: oklch(.828 .189 84.429);
    --chart-5: oklch(.769 .188 70.08);
    --radius: .625rem;
    --sidebar: oklch(.984 .003 247.858);
    --sidebar-foreground: oklch(.129 .042 264.695);
    --sidebar-primary: oklch(.208 .042 265.755);
    --sidebar-primary-foreground: oklch(.984 .003 247.858);
    --sidebar-accent: oklch(.968 .007 247.896);
    --sidebar-accent-foreground: oklch(.208 .042 265.755);
    --sidebar-border: oklch(.929 .013 255.508);
    --sidebar-ring: oklch(.704 .04 256.788);
    --danger: #e53241;
    --app-height: 100dvh;
    --app: 1px;
    --fs-14: 14px;
    --lh-20: 20px;
}


html, :host {
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
}
* {
    border-color: var(--border);
    outline-color:
            color-mix(in oklab, var(--ring) 50%, transparent);
}
*, :after, :before {
    border-color: var(--color-gray-200, currentColor);
}
*, :after, :before {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
}
:root, :host {
    --font-sans: var(--font-geist-sans);
    --font-mono: var(--font-geist-mono);
    --color-red-200: oklch(.885 .062 18.334);
    --color-red-400: oklch(.704 .191 22.216);
    --color-red-500: oklch(.637 .237 25.331);
    --color-red-600: oklch(.577 .245 27.325);
    --color-red-900: oklch(.396 .141 25.723);
    --color-orange-500: oklch(.705 .213 47.604);
    --color-yellow-400: oklch(.852 .199 91.936);
    --color-green-50: oklch(.982 .018 155.826);
    --color-green-100: oklch(.962 .044 156.743);
    --color-green-200: oklch(.925 .084 155.995);
    --color-green-500: oklch(.723 .219 149.579);
    --color-green-600: oklch(.627 .194 149.214);
    --color-green-700: oklch(.527 .154 150.069);
    --color-green-900: oklch(.393 .095 152.535);
    --color-teal-50: oklch(.984 .014 180.72);
    --color-blue-100: oklch(.932 .032 255.585);
    --color-blue-200: oklch(.882 .059 254.128);
    --color-blue-300: oklch(.809 .105 251.813);
    --color-blue-400: oklch(.707 .165 254.624);
    --color-blue-500: oklch(.623 .214 259.815);
    --color-blue-600: oklch(.546 .245 262.881);
    --color-blue-700: oklch(.488 .243 264.376);
    --color-blue-800: oklch(.424 .199 265.638);
    --color-blue-900: oklch(.379 .146 265.522);
    --color-indigo-50: oklch(.962 .018 272.314);
    --color-indigo-100: oklch(.93 .034 272.788);
    --color-indigo-400: oklch(.673 .182 276.935);
    --color-indigo-500: oklch(.585 .233 277.117);
    --color-indigo-600: oklch(.511 .262 276.966);
    --color-indigo-700: oklch(.457 .24 277.023);
    --color-indigo-800: oklch(.398 .195 277.366);
    --color-purple-100: oklch(.946 .033 307.174);
    --color-purple-600: oklch(.558 .288 302.321);
    --color-purple-700: oklch(.496 .265 301.924);
    --color-purple-800: oklch(.438 .218 303.724);
    --color-pink-50: oklch(.971 .014 343.198);
    --color-slate-50: oklch(.984 .003 247.858);
    --color-slate-100: oklch(.968 .007 247.896);
    --color-slate-200: oklch(.929 .013 255.508);
    --color-slate-300: oklch(.869 .022 252.894);
    --color-slate-400: oklch(.704 .04 256.788);
    --color-slate-500: oklch(.554 .046 257.417);
    --color-slate-600: oklch(.446 .043 257.281);
    --color-slate-800: oklch(.279 .041 260.031);
    --color-slate-900: oklch(.208 .042 265.755);
    --color-gray-50: oklch(.985 .002 247.839);
    --color-gray-100: oklch(.967 .003 264.542);
    --color-gray-200: oklch(.928 .006 264.531);
    --color-gray-300: oklch(.872 .01 258.338);
    --color-gray-400: oklch(.707 .022 261.325);
    --color-gray-500: oklch(.551 .027 264.364);
    --color-gray-600: oklch(.446 .03 256.802);
    --color-gray-700: oklch(.373 .034 259.733);
    --color-gray-800: oklch(.278 .033 256.848);
    --color-gray-900: oklch(.21 .034 264.665);
    --color-zinc-700: oklch(.37 .013 285.805);
    --color-zinc-800: oklch(.274 .006 286.033);
    --color-zinc-900: oklch(.21 .006 285.885);
    --color-neutral-400: oklch(.708 0 0);
    --color-neutral-600: oklch(.439 0 0);
    --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-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: calc(1.5/1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75/1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75/1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2/1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25/1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5/2.25);
    --text-5xl: 3rem;
    --text-5xl--line-height: 1;
    --text-6xl: 3.75rem;
    --text-6xl--line-height: 1;
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --text-8xl: 6rem;
    --text-8xl--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-wide: .025em;
    --tracking-wider: .05em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --leading-loose: 2;
    --radius-xs: .125rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --radius-4xl: 2rem;
    --ease-in: cubic-bezier(.4,0,1,1);
    --ease-out: cubic-bezier(0,0,.2,1);
    --ease-in-out: cubic-bezier(.4,0,.2,1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1) infinite;
    --animate-bounce: bounce 1s infinite;
    --blur-sm: 8px;
    --blur-md: 12px;
    --blur-lg: 16px;
    --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-font-feature-settings: var(--font-sans--font-feature-settings);
    --default-font-variation-settings: var(--font-sans--font-variation-settings);
    --default-mono-font-family: var(--font-mono);
    --default-mono-font-feature-settings: var(--font-mono--font-feature-settings);
    --default-mono-font-variation-settings: var(--font-mono--font-variation-settings);
    --radius: 12px;
    --color-border: var(--border);
}
* {
    border-color: var(--border);
    outline-color:
            color-mix(in oklab, var(--ring) 50%, transparent);
}
*, :after, :before {
    border-color: var(--color-gray-200, currentColor);
}
*, :after, :before {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
}


:root {
    view-transition-name: root;
}
用户代理样式表
html {
    display: block;
}
*, :after, :before {
    border-color: var(--color-gray-200, currentColor);
}
*, :after, :before {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
}
*, :after, :before {
    border-color: var(--color-gray-200, currentColor);
}
*, :after, :before {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
}
::backdrop {
    border-color: var(--color-gray-200, currentColor);
}
::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
}
 *, ::before, ::after {
     --tw-border-spacing-x: 0;
     --tw-border-spacing-y: 0;
     --tw-translate-x: 0;
     --tw-translate-y: 0;
     --tw-rotate: 0;
     --tw-skew-x: 0;
     --tw-skew-y: 0;
     --tw-scale-x: 1;
     --tw-scale-y: 1;
     --tw-pan-x: ;
     --tw-pan-y: ;
     --tw-pinch-zoom: ;
     --tw-scroll-snap-strictness: proximity;
     --tw-gradient-from-position: ;
     --tw-gradient-via-position: ;
     --tw-gradient-to-position: ;
     --tw-ordinal: ;
     --tw-slashed-zero: ;
     --tw-numeric-figure: ;
     --tw-numeric-spacing: ;
     --tw-numeric-fraction: ;
     --tw-ring-inset: ;
     --tw-ring-offset-width: 0px;
     --tw-ring-offset-color: #fff;
     --tw-ring-color: rgb(59 130 246 / 0.5);
     --tw-ring-offset-shadow: 0 0 #0000;
     --tw-ring-shadow: 0 0 #0000;
     --tw-shadow: 0 0 #0000;
     --tw-shadow-colored: 0 0 #0000;
     --tw-blur: ;
     --tw-brightness: ;
     --tw-contrast: ;
     --tw-grayscale: ;
     --tw-hue-rotate: ;
     --tw-invert: ;
     --tw-saturate: ;
     --tw-sepia: ;
     --tw-drop-shadow: ;
     --tw-backdrop-blur: ;
     --tw-backdrop-brightness: ;
     --tw-backdrop-contrast: ;
     --tw-backdrop-grayscale: ;
     --tw-backdrop-hue-rotate: ;
     --tw-backdrop-invert: ;
     --tw-backdrop-opacity: ;
     --tw-backdrop-saturate: ;
     --tw-backdrop-sepia: ;
     --tw-contain-size: ;
     --tw-contain-layout: ;
     --tw-contain-paint: ;
     --tw-contain-style: ;
 }
 ::after, ::before {
     --tw-content: '';
 }
 *, ::after, ::before {
     box-sizing: border-box;
     border-width: 0;
     border-style: solid;
     border-color: #e5e7eb;
 }
 *, ::before, ::after {
     --tw-border-spacing-x: 0;
     --tw-border-spacing-y: 0;
     --tw-translate-x: 0;
     --tw-translate-y: 0;
     --tw-rotate: 0;
     --tw-skew-x: 0;
     --tw-skew-y: 0;
     --tw-scale-x: 1;
     --tw-scale-y: 1;
     --tw-pan-x: ;
     --tw-pan-y: ;
     --tw-pinch-zoom: ;
     --tw-scroll-snap-strictness: proximity;
     --tw-gradient-from-position: ;
     --tw-gradient-via-position: ;
     --tw-gradient-to-position: ;
     --tw-ordinal: ;
     --tw-slashed-zero: ;
     --tw-numeric-figure: ;
     --tw-numeric-spacing: ;
     --tw-numeric-fraction: ;
     --tw-ring-inset: ;
     --tw-ring-offset-width: 0px;
     --tw-ring-offset-color: #fff;
     --tw-ring-color: rgb(59 130 246 / 0.5);
     --tw-ring-offset-shadow: 0 0 #0000;
     --tw-ring-shadow: 0 0 #0000;
     --tw-shadow: 0 0 #0000;
     --tw-shadow-colored: 0 0 #0000;
     --tw-blur: ;
     --tw-brightness: ;
     --tw-contrast: ;
     --tw-grayscale: ;
     --tw-hue-rotate: ;
     --tw-invert: ;
     --tw-saturate: ;
     --tw-sepia: ;
     --tw-drop-shadow: ;
     --tw-backdrop-blur: ;
     --tw-backdrop-brightness: ;
     --tw-backdrop-contrast: ;
     --tw-backdrop-grayscale: ;
     --tw-backdrop-hue-rotate: ;
     --tw-backdrop-invert: ;
     --tw-backdrop-opacity: ;
     --tw-backdrop-saturate: ;
     --tw-backdrop-sepia: ;
     --tw-contain-size: ;
     --tw-contain-layout: ;
     --tw-contain-paint: ;
 }
 ::after, ::before {
     --tw-content: '';
 }
 *, ::after, ::before {
     box-sizing: border-box;
     border-width: 0;
     border-style: solid;
     border-color: #e5e7eb;
 }
 *, ::before, ::after {
     --tw-border-spacing-x: 0;
     --tw-border-spacing-y: 0;
     --tw-translate-x: 0;
     --tw-translate-y: 0;
     --tw-rotate: 0;
     --tw-skew-x: 0;
     --tw-skew-y: 0;
     --tw-scale-x: 1;
     --tw-scale-y: 1;
     --tw-pan-x: ;
     --tw-pan-y: ;
     --tw-pinch-zoom: ;
     --tw-scroll-snap-strictness: proximity;
     --tw-gradient-from-position: ;
     --tw-gradient-via-position: ;
     --tw-gradient-to-position: ;
     --tw-ordinal: ;
     --tw-slashed-zero: ;
     --tw-numeric-figure: ;
     --tw-numeric-spacing: ;
     --tw-numeric-fraction: ;
     --tw-ring-inset: ;
     --tw-ring-offset-width: 0px;
     --tw-ring-offset-color: #fff;
     --tw-ring-color: rgb(59 130 246 / 0.5);
     --tw-ring-offset-shadow: 0 0 #0000;
     --tw-ring-shadow: 0 0 #0000;
     --tw-shadow: 0 0 #0000;
     --tw-shadow-colored: 0 0 #0000;
     --tw-blur: ;
     --tw-brightness: ;
     --tw-contrast: ;
     --tw-grayscale: ;
     --tw-hue-rotate: ;
     --tw-invert: ;
     --tw-saturate: ;
     --tw-sepia: ;
     --tw-drop-shadow: ;
     --tw-backdrop-blur: ;
     --tw-backdrop-brightness: ;
     --tw-backdrop-contrast: ;
     --tw-backdrop-grayscale: ;
     --tw-backdrop-hue-rotate: ;
     --tw-backdrop-invert: ;
     --tw-backdrop-opacity: ;
     --tw-backdrop-saturate: ;
     --tw-backdrop-sepia: ;
     --tw-contain-size: ;
     --tw-contain-layout: ;
     --tw-contain-paint: ;
 }
 ::backdrop {
     --tw-border-spacing-x: 0;
     --tw-border-spacing-y: 0;
     --tw-translate-x: 0;
     --tw-translate-y: 0;
     --tw-rotate: 0;
     --tw-skew-x: 0;
     --tw-skew-y: 0;
     --tw-scale-x: 1;
     --tw-scale-y: 1;
     --tw-pan-x: ;
     --tw-pan-y: ;
     --tw-pinch-zoom: ;
     --tw-scroll-snap-strictness: proximity;
     --tw-gradient-from-position: ;
     --tw-gradient-via-position: ;
     --tw-gradient-to-position: ;
     --tw-ordinal: ;
     --tw-slashed-zero: ;
     --tw-numeric-figure: ;
     --tw-numeric-spacing: ;
     --tw-numeric-fraction: ;
     --tw-ring-inset: ;
     --tw-ring-offset-width: 0px;
     --tw-ring-offset-color: #fff;
     --tw-ring-color: rgb(59 130 246 / 0.5);
     --tw-ring-offset-shadow: 0 0 #0000;
     --tw-ring-shadow: 0 0 #0000;
     --tw-shadow: 0 0 #0000;
     --tw-shadow-colored: 0 0 #0000;
     --tw-blur: ;
     --tw-brightness: ;
     --tw-contrast: ;
     --tw-grayscale: ;
     --tw-hue-rotate: ;
     --tw-invert: ;
     --tw-saturate: ;
     --tw-sepia: ;
     --tw-drop-shadow: ;
     --tw-backdrop-blur: ;
     --tw-backdrop-brightness: ;
     --tw-backdrop-contrast: ;
     --tw-backdrop-grayscale: ;
     --tw-backdrop-hue-rotate: ;
     --tw-backdrop-invert: ;
     --tw-backdrop-opacity: ;
     --tw-backdrop-saturate: ;
     --tw-backdrop-sepia: ;
     --tw-contain-size: ;
     --tw-contain-layout: ;
     --tw-contain-paint: ;
     --tw-contain-style: ;
 }

html{height:100%}
.opacity-10 {
    opacity: 0.1;
}
 .bg-center {
     background-position: center;
 }
 .bg-cover {
     background-size: cover;
 }
 .inset-0 {
     inset: 0px;
 }
 .absolute {
     position: absolute;
 }
.bg-gradient-to-br {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}
.min-h-screen {
    min-height: 100vh;
}
.to-slate-800 {

    background: linear-gradient(to right, #1e293b, #0f172a)
   /*gradient-to: #1e293b;*/
}

 .from-slate-900 {
     gradient-from: #0f172a;
 }

.blur-3xl {
    filter: blur(64px);
}
 .bg-blue-600\/20 {
     background-color: rgb(37 99 235 / 0.2);
 }
 .rounded-full {
     border-radius: 9999px;
 }
 .w-64 {
     width: 36rem;
 }
 .h-64 {
     height: 36rem;
 }
 .top-1\/4 {
     top: 25%;
 }
 .-left-20 {
     left: -9rem;
 }



 .overflow-hidden {
     overflow: hidden;
 }
 .justify-center {
     justify-content: center;
 }
 .items-center {
     align-items: center;
 }
 .min-h-screen {
     min-height: 100vh;
 }
 .flex {
     display: flex;
 }

 .bg-amber-500\/20 {
     background-color: rgb(245 158 11 / 0.2);
 }
 .rounded-full {
     border-radius: 9999px;
 }
 .w-80 {
     width: 36rem;
 }
 .h-80 {
     height: 36rem;
 }
 .bottom-1\/3 {
     bottom: 33.333333%;
 }
 .-right-20 {
     right: -9rem;
 }
.max-w-md {
    max-width: 28rem;
}
 .w-full {
     width: 100%;
 }
 .mx-4 {
     margin-left: 1rem;
     margin-right: 1rem;
 }

 .z-10 {
     z-index: 10;
 }
 .relative {
     position: relative;
 }

.duration-500 {
    transition-duration: 500ms;
}

 .transition-all {
     transition-property: all;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms;
 }

 .backdrop-blur-xl {
     --tw-backdrop-blur: blur(24px);
     -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);
 }

 .shadow-2xl {
     --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
     --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }

 .bg-white\/5 {
     background-color: rgb(255 255 255 / 0.05);
 }

 .border-white\/10 {
     border-color: rgb(255 255 255 / 0.1);
 }

 .border {
     border-width: 1px;
 }

 .rounded-2xl {
     border-radius: 1rem;
 }

 .overflow-hidden {
     overflow: hidden;
 }

.duration-500 {
    transition-duration: 500ms;
}

 .transition-all {
     transition-property: all;
     transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     transition-duration: 150ms;
 }
.p-8 {
    padding: 2rem;
}
.text-center {
    text-align: center;
}
 .mb-8 {
     margin-bottom: 2rem;
 }
.to-emerald-500 {
    --tw-gradient-to: #10b981 var(--tw-gradient-to-position) !important;
}

 .from-blue-500 {
     --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
     --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.fa-classic, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fal, .far, .fas, .fat {
    font-family: "Font Awesome 6 Pro";
}
.fa-brands:before, .fa-classic:before, .fa-duotone:before, .fa-light:before, .fa-regular:before, .fa-sharp-duotone:before, .fa-sharp:before, .fa-solid:before, .fa-thin:before, .fa:before, .fab:before, .fad:before, .fadl:before, .fadr:before, .fadt:before, .fal:before, .far:before, .fas:before, .fasdl:before, .fasdr:before, .fasds:before, .fasdt:before, .fasl:before, .fasr:before, .fass:before, .fast:before, .fat:before {
    content: var(--fa);
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

}

 .text-slate-300 {
     --tw-text-opacity: 1;
     color: rgb(203 213 225 / var(--tw-text-opacity, 1));
 }

 .text-sm {
     font-size: 0.875rem;
     line-height: 1.25rem;
 }
 .font-bold {
     font-weight: 700;
 }

 .text-2xl {
     font-size: 1.5rem;
     line-height: 2rem;
 }

 .mb-1 {
     margin-bottom: 0.25rem;
 }
 .text-2xl {
     font-size: 1.5rem;
     line-height: 2rem;
 }
.fa-solid, .fas {
    font-weight: 900;
}
.fa-wheat-alt, .fa-wheat-awn {
 width: 1.5rem;
}

 .rounded-xl {
     border-radius: 0.75rem;
 }

 .justify-center {
     justify-content: center;
 }

 .items-center {
     align-items: center;
 }

 .w-16 {
     width: 4rem;
 }

 .h-16 {
     height: 4rem;
 }

 .flex {
     display: flex;
 }

 .mb-4 {
     margin-bottom: 1rem;
 }

 .mx-auto {
     margin-left: auto;
     margin-right: auto;
 }
 .backdrop-blur-xl {
     --tw-backdrop-blur: blur(24px);
     -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);
 }

 .shadow-2xl {
     --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
     --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }

 .bg-white\/5 {
     background-color: rgb(255 255 255 / 0.05);
 }

 .border-white\/10 {
     border-color: rgb(255 255 255 / 0.1);
 }

 .border {
     border-width: 1px;
 }

 .rounded-2xl {
     border-radius: 1rem;
 }

 .overflow-hidden {
     overflow: hidden;
 }

 .transform {
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }

 .transform {
     transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }






.text-slate-200 {
    --tw-text-opacity: 1;
    color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

 .font-medium {
     font-weight: 500;
 }
 .text-sm {
     font-size: 0.875rem;
     line-height: 1.25rem;
 }
.space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem* calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem* var(--tw-space-y-reverse));
}
.pl-3 {
    padding-left: 0.75rem;
}
.fa-solid, .fas {
    font-weight: 900;
}
.fa-user {
   width: 1.5rem;
}
.fa-classic, .fa-light, .fa-regular, .fa-solid, .fa-thin, .fal, .far, .fas, .fat {
    font-family: "Font Awesome 6 Pro";
}
 .items-center {
     align-items: center;
 }

 .flex {
     display: flex;
 }

 .left-0 {
     left: 0px;
 }
 .relative {
     position: relative;
 }
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem* calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem* var(--tw-space-y-reverse));
}
.text-slate-300 {
    --tw-text-opacity: 1;
    color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

 .text-sm {
     font-size: 0.875rem;
     line-height: 1.25rem;
 }

 .block {
     display: block;
 }

 .ml-2 {
     margin-left: 0.5rem;margin-bottom:0
 }
 .justify-between {
     justify-content: space-between;
 }
.bg-white\/10 {
    background-color: rgb(255 255 255 / 0.1);
}

 .border-slate-300 {
     --tw-border-opacity: 1;
     border-color: rgb(203 213 225 / var(--tw-border-opacity, 1));
 }


 .border {
     border-width: 1px;
 }

 .rounded {
     border-radius: 0.25rem;
 }

 .w-4 {
     width: 1rem;margin:0 !important;
 }

 .h-4 {
     height: 1rem;
 }

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}


 .font-medium {
     font-weight: 500;
 }

 .text-sm {
     font-size: 0.875rem;
     line-height: 1.25rem;
 }

 .py-3 {
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
 }

 .px-4 {
     padding-left: 1rem;
     padding-right: 1rem;
 }

 .to-blue-600 {
     --tw-gradient-to: #2563eb var(--tw-gradient-to-position) !important; color: #000000;
 }
.text-slate-400 {
    --tw-text-opacity: 1;
    color: rgb(148 163 184 / var(--tw-text-opacity, 1));
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

 .px-8 {
     padding-left: 2rem;
     padding-right: 2rem;
 }

 .bg-white\/5 {
     background-color: rgb(255 255 255 / 0.05);
 }

 .border-white\/10 {
     border-color: rgb(255 255 255 / 0.1);
 }

 .border-t {
     border-top-width: 1px;
 }
 .from-blue-500 {
     --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
     --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
 }

 .bg-gradient-to-r {
     background-image: linear-gradient(to right, var(--tw-gradient-stops));
 }

 .border-transparent {
     border-color: transparent;
 }

 .border {
     border-width: 1px;
 }

 .rounded-xl {
     border-radius: 0.75rem !important;
 }

 .justify-center {
     justify-content: center;
 }

 .w-full {
     width: 100%;
 }
body.signin{
    height:auto;
  -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.signinpanel{width:750px;margin:10% auto 0;color:rgba(255,255,255,.95)}.signinpanel .logopanel{float:none;width:auto;padding:0;background:0}.signinpanel .signin-info ul{list-style:none;padding:0;margin:20px 0}.signinpanel .form-control{display:block;margin-top:15px}.signinpanel .uname{background:#fff url(../img/user.png) no-repeat 95% center;color:#333}.signinpanel .pword{background:#fff url(../img/locked.png) no-repeat 95% center;color:#333}.signinpanel .code{background:#fff no-repeat 95% center;color:#333;margin:0 0 15px 0}.signinpanel .btn{margin-top:15px}.signinpanel form{background:rgb(185 221 251);border:1px solid rgba(255,255,255,.3);-moz-box-shadow:0 3px 0 rgba(12,12,12,.03);-webkit-box-shadow:0 3px 0 rgba(12,12,12,.03);box-shadow:0 3px 0 rgba(12,12,12,.03);-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:30px}.signup-footer{position: absolute;bottom: 0;margin: 10px 0;}@media screen and (max-width:768px){.signinpanel,.signuppanel{margin:0 auto;width:380px!important;padding:20px}.signinpanel form{margin-top:20px}.signup-footer,.signuppanel .form-control{margin-bottom:10px}.signup-footer .pull-left,.signup-footer .pull-right{float:none!important;text-align:center}.signinpanel .signin-info ul{display:none}}@media screen and (max-width:320px){.signinpanel,.signuppanel{margin:0 20px;width:auto}}.checkbox-custom{position:relative;padding:0 15px 0 25px;margin-bottom:7px;display:inline-block}.checkbox-custom input[type="checkbox"]{opacity:0;position:absolute;cursor:pointer;z-index:2;margin:-6px 0 0 0;top:50%;left:3px}.checkbox-custom label:before{content:'';position:absolute;top:50%;left:0;margin-top:-9px;width:18px;height:17px;display:inline-block;border-radius:2px;border:1px solid #bbb;background:#fff}.checkbox-custom input[type="checkbox"]:checked+label:after{position:absolute;display:inline-block;font-family:'Glyphicons Halflings';content:"\e013";top:42%;left:3px;margin-top:-5px;font-size:11px;line-height:1;width:16px;height:16px;color:#333}.checkbox-custom label{cursor:pointer;line-height:1.2;font-weight:normal;margin-bottom:0;text-align:left}.form-control,.form-control:focus,.has-error .form-control:focus,.has-success .form-control:focus,.has-warning .form-control:focus,.navbar-collapse,.navbar-form,.navbar-form-custom .form-control:focus,.navbar-form-custom .form-control:hover,.open .btn.dropdown-toggle,.panel,.popover,.progress,.progress-bar{box-shadow:none}.form-control{border-radius:1px!important;padding:6px 12px!important;height:34px!important}.form-control:focus{border-color:#1ab394!important}