10381 lines
708 KiB
HTML
10381 lines
708 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en" class="scroll-smooth" dir="ltr">
|
||
<head>
|
||
<title>Sheetpress Cassandra - EDC450</title>
|
||
<meta name="description" content="Small sheetpress for small and medium size parts. Ideal for small series and prototyping.">
|
||
<meta property="og:title" content="Sheetpress Cassandra - EDC450">
|
||
<meta property="og:description" content="Small sheetpress for small and medium size parts. Ideal for small series and prototyping.
|
||
">
|
||
<meta property="og:url" content="http://localhost:4321/en/store/products/sheetpress/cassandra-edc-450-rc1">
|
||
<meta property="og:type" content="website">
|
||
<meta property="og:image" content="https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/renderings/1_edc-pers-closed.jpg">
|
||
<meta property="og:image:type" content="image/jpeg">
|
||
<meta property="og:image:width" content="1200">
|
||
<meta property="og:image:height" content="630">
|
||
<meta property="og:locale" content="en_US">
|
||
<meta property="og:site_name" content="Sheetpress Cassandra - EDC450">
|
||
<meta name="twitter:card" content="summary_large_image">
|
||
<meta name="twitter:site" content="@yoursite">
|
||
<meta name="twitter:creator" content="@yourhandle">
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||
<!-- Canonical URL -->
|
||
<link rel="canonical" href="https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1">
|
||
<link key="es" rel="alternate" hreflang="es" href="http://localhost:4321/es/store/products/sheetpress/cassandra-edc-450-rc1">
|
||
<link key="ar" rel="alternate" hreflang="ar" href="http://localhost:4321/ar/store/products/sheetpress/cassandra-edc-450-rc1">
|
||
<link key="de" rel="alternate" hreflang="de" href="http://localhost:4321/de/store/products/sheetpress/cassandra-edc-450-rc1">
|
||
<link key="ja" rel="alternate" hreflang="ja" href="http://localhost:4321/ja/store/products/sheetpress/cassandra-edc-450-rc1">
|
||
<link key="zh" rel="alternate" hreflang="zh" href="http://localhost:4321/zh/store/products/sheetpress/cassandra-edc-450-rc1">
|
||
<link key="fr" rel="alternate" hreflang="fr" href="http://localhost:4321/fr/store/products/sheetpress/cassandra-edc-450-rc1">
|
||
<!-- meta-description -->
|
||
<meta name="description" content="Small sheetpress for small and medium size parts. Ideal for small series and prototyping.
|
||
">
|
||
<!-- meta-keywords -->
|
||
<meta name="keywords" content="Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource
|
||
">
|
||
<meta name="author" content="Polymech
|
||
">
|
||
<!-- Favicons -->
|
||
<link rel="icon" href="/favicons/favicon.ico" sizes="any">
|
||
<link rel="icon" href="/icon.svg" type="image/svg+xml">
|
||
<link rel="apple-touch-icon" href="/favicons/apple-touch-icon.png">
|
||
<link rel="manifest" href="/favicons/site.webmanifest">
|
||
<!-- Favicon for IE -->
|
||
<link rel="shortcut icon" href="/favicons/favicon.ico" type="image/x-icon">
|
||
<!-- Favicons for different sizes -->
|
||
<link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png">
|
||
<!-- Additional SEO -->
|
||
<meta name="robots" content="index, follow">
|
||
<meta name="googlebot" content="index, follow">
|
||
<!-- Apple Touch Icon (already included in favicons, but keeping for backwards compatibility) -->
|
||
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png">
|
||
<!-- Theme Color for Mobile Browsers -->
|
||
<meta name="theme-color" content="#ffffff">
|
||
<!-- For IE -->
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<!--- Inter fonr from rsms.me/inter
|
||
<link rel="preconnect" href="https://rsms.me/" />
|
||
<link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
|
||
-->
|
||
<!--- IBM Plex Mono font from fonts.google.com -->
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
|
||
<script src="https://cdn.jsdelivr.net/npm/flowbite@3.0.0/dist/flowbite.min.js" defer></script>
|
||
<!-- alpine JS -->
|
||
<script src="//unpkg.com/alpinejs" defer></script>
|
||
<script type="application/ld+json">
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "Product",
|
||
"name": "Sheetpress Cassandra - EDC450",
|
||
"description": "plastic sheetpress",
|
||
"sku": "EDC-450",
|
||
"brand": {
|
||
"@type": "Brand",
|
||
"name": "Polymech"
|
||
},
|
||
"image": "https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/renderings/1_edc-pers-closed.jpg",
|
||
"offers": {
|
||
"@type": "Offer",
|
||
"priceCurrency": "EUR",
|
||
"availability": "https://schema.org/MadeToOrder",
|
||
"url": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"itemCondition": "https://schema.org/NewCondition"
|
||
}
|
||
}</script>
|
||
<style data-vite-dev-id="C:/Users/zx/Desktop/polymech/polymech-site/src/styles/flowbite.css">
|
||
/*! tailwindcss v4.0.0-beta.10 | MIT License | https://tailwindcss.com */
|
||
@layer theme {
|
||
:root {
|
||
--font-sans: "Inter","ui-sans-serif","system-ui","-apple-system","system-ui","Segoe UI","Roboto","Helvetica Neue","Arial","Noto Sans","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-50: #fef2f2;
|
||
--color-red-100: #fee2e2;
|
||
--color-red-200: #fecaca;
|
||
--color-red-300: #fca5a5;
|
||
--color-red-400: #f87171;
|
||
--color-red-500: #ef4444;
|
||
--color-red-600: #dc2626;
|
||
--color-red-700: #b91c1c;
|
||
--color-red-800: #991b1b;
|
||
--color-red-900: #7f1d1d;
|
||
--color-red-950: oklch(.258 .092 26.042);
|
||
--color-orange-50: #fffaf0;
|
||
--color-orange-100: #feebc8;
|
||
--color-orange-200: #fbd38d;
|
||
--color-orange-300: #f6ad55;
|
||
--color-orange-400: #ed8936;
|
||
--color-orange-500: #dd6b20;
|
||
--color-orange-600: #c05621;
|
||
--color-orange-700: #9c4221;
|
||
--color-orange-800: #7b341e;
|
||
--color-orange-900: #652b19;
|
||
--color-orange-950: oklch(.266 .079 36.259);
|
||
--color-amber-50: oklch(.987 .022 95.277);
|
||
--color-amber-100: oklch(.962 .059 95.617);
|
||
--color-amber-200: oklch(.924 .12 95.746);
|
||
--color-amber-300: oklch(.879 .169 91.605);
|
||
--color-amber-400: oklch(.828 .189 84.429);
|
||
--color-amber-500: oklch(.769 .188 70.08);
|
||
--color-amber-600: oklch(.666 .179 58.318);
|
||
--color-amber-700: oklch(.555 .163 48.998);
|
||
--color-amber-800: oklch(.473 .137 46.201);
|
||
--color-amber-900: oklch(.414 .112 45.904);
|
||
--color-amber-950: oklch(.279 .077 45.635);
|
||
--color-yellow-50: #fffbeb;
|
||
--color-yellow-100: #fef3c7;
|
||
--color-yellow-200: #fde68a;
|
||
--color-yellow-300: #fcd34d;
|
||
--color-yellow-400: #fbbf24;
|
||
--color-yellow-500: #f59e0b;
|
||
--color-yellow-600: #d97706;
|
||
--color-yellow-700: #b45309;
|
||
--color-yellow-800: #92400e;
|
||
--color-yellow-900: #78350f;
|
||
--color-yellow-950: oklch(.286 .066 53.813);
|
||
--color-lime-50: oklch(.986 .031 120.757);
|
||
--color-lime-100: oklch(.967 .067 122.328);
|
||
--color-lime-200: oklch(.938 .127 124.321);
|
||
--color-lime-300: oklch(.897 .196 126.665);
|
||
--color-lime-400: oklch(.841 .238 128.85);
|
||
--color-lime-500: oklch(.768 .233 130.85);
|
||
--color-lime-600: oklch(.648 .2 131.684);
|
||
--color-lime-700: oklch(.532 .157 131.589);
|
||
--color-lime-800: oklch(.453 .124 130.933);
|
||
--color-lime-900: oklch(.405 .101 131.063);
|
||
--color-lime-950: oklch(.274 .072 132.109);
|
||
--color-green-50: #ecfdf5;
|
||
--color-green-100: #d1fae5;
|
||
--color-green-200: #a7f3d0;
|
||
--color-green-300: #6ee7b7;
|
||
--color-green-400: #34d399;
|
||
--color-green-500: #10b981;
|
||
--color-green-600: #059669;
|
||
--color-green-700: #047857;
|
||
--color-green-800: #065f46;
|
||
--color-green-900: #064e3b;
|
||
--color-green-950: oklch(.266 .065 152.934);
|
||
--color-emerald-50: oklch(.979 .021 166.113);
|
||
--color-emerald-100: oklch(.95 .052 163.051);
|
||
--color-emerald-200: oklch(.905 .093 164.15);
|
||
--color-emerald-300: oklch(.845 .143 164.978);
|
||
--color-emerald-400: oklch(.765 .177 163.223);
|
||
--color-emerald-500: oklch(.696 .17 162.48);
|
||
--color-emerald-600: oklch(.596 .145 163.225);
|
||
--color-emerald-700: oklch(.508 .118 165.612);
|
||
--color-emerald-800: oklch(.432 .095 166.913);
|
||
--color-emerald-900: oklch(.378 .077 168.94);
|
||
--color-emerald-950: oklch(.262 .051 172.552);
|
||
--color-teal-50: #f0fdfa;
|
||
--color-teal-100: #ccfbf1;
|
||
--color-teal-200: #99f6e4;
|
||
--color-teal-300: #5eead4;
|
||
--color-teal-400: #2dd4bf;
|
||
--color-teal-500: #14b8a6;
|
||
--color-teal-600: #0d9488;
|
||
--color-teal-700: #0f766e;
|
||
--color-teal-800: #115e59;
|
||
--color-teal-900: #134e4a;
|
||
--color-teal-950: oklch(.277 .046 192.524);
|
||
--color-cyan-50: #ecfeff;
|
||
--color-cyan-100: #cffafe;
|
||
--color-cyan-200: #a5f3fc;
|
||
--color-cyan-300: #67e8f9;
|
||
--color-cyan-400: #22d3ee;
|
||
--color-cyan-500: #06b6d4;
|
||
--color-cyan-600: #0891b2;
|
||
--color-cyan-700: #0e7490;
|
||
--color-cyan-800: #155e75;
|
||
--color-cyan-900: #164e63;
|
||
--color-cyan-950: oklch(.302 .056 229.695);
|
||
--color-sky-50: oklch(.977 .013 236.62);
|
||
--color-sky-100: oklch(.951 .026 236.824);
|
||
--color-sky-200: oklch(.901 .058 230.902);
|
||
--color-sky-300: oklch(.828 .111 230.318);
|
||
--color-sky-400: oklch(.746 .16 232.661);
|
||
--color-sky-500: oklch(.685 .169 237.323);
|
||
--color-sky-600: oklch(.588 .158 241.966);
|
||
--color-sky-700: oklch(.5 .134 242.749);
|
||
--color-sky-800: oklch(.443 .11 240.79);
|
||
--color-sky-900: oklch(.391 .09 240.876);
|
||
--color-sky-950: oklch(.293 .066 243.157);
|
||
--color-blue-50: #eff6ff;
|
||
--color-blue-100: #dbeafe;
|
||
--color-blue-200: #bfdbfe;
|
||
--color-blue-300: #93c5fd;
|
||
--color-blue-400: #60a5fa;
|
||
--color-blue-500: #3b82f6;
|
||
--color-blue-600: #2563eb;
|
||
--color-blue-700: #1d4ed8;
|
||
--color-blue-800: #1e40af;
|
||
--color-blue-900: #1e3a8a;
|
||
--color-blue-950: oklch(.282 .091 267.935);
|
||
--color-indigo-50: #eef2ff;
|
||
--color-indigo-100: #e0e7ff;
|
||
--color-indigo-200: #c7d2fe;
|
||
--color-indigo-300: #a5b4fc;
|
||
--color-indigo-400: #818cf8;
|
||
--color-indigo-500: #6366f1;
|
||
--color-indigo-600: #4f46e5;
|
||
--color-indigo-700: #4338ca;
|
||
--color-indigo-800: #3730a3;
|
||
--color-indigo-900: #312e81;
|
||
--color-indigo-950: oklch(.257 .09 281.288);
|
||
--color-violet-50: oklch(.969 .016 293.756);
|
||
--color-violet-100: oklch(.943 .029 294.588);
|
||
--color-violet-200: oklch(.894 .057 293.283);
|
||
--color-violet-300: oklch(.811 .111 293.571);
|
||
--color-violet-400: oklch(.702 .183 293.541);
|
||
--color-violet-500: oklch(.606 .25 292.717);
|
||
--color-violet-600: oklch(.541 .281 293.009);
|
||
--color-violet-700: oklch(.491 .27 292.581);
|
||
--color-violet-800: oklch(.432 .232 292.759);
|
||
--color-violet-900: oklch(.38 .189 293.745);
|
||
--color-violet-950: oklch(.283 .141 291.089);
|
||
--color-purple-50: #f5f3ff;
|
||
--color-purple-100: #ede9fe;
|
||
--color-purple-200: #ddd6fe;
|
||
--color-purple-300: #c4b5fd;
|
||
--color-purple-400: #a78bfa;
|
||
--color-purple-500: #8b5cf6;
|
||
--color-purple-600: #7c3aed;
|
||
--color-purple-700: #6d28d9;
|
||
--color-purple-800: #5b21b6;
|
||
--color-purple-900: #4c1d95;
|
||
--color-purple-950: oklch(.291 .149 302.717);
|
||
--color-fuchsia-50: oklch(.977 .017 320.058);
|
||
--color-fuchsia-100: oklch(.952 .037 318.852);
|
||
--color-fuchsia-200: oklch(.903 .076 319.62);
|
||
--color-fuchsia-300: oklch(.833 .145 321.434);
|
||
--color-fuchsia-400: oklch(.74 .238 322.16);
|
||
--color-fuchsia-500: oklch(.667 .295 322.15);
|
||
--color-fuchsia-600: oklch(.591 .293 322.896);
|
||
--color-fuchsia-700: oklch(.518 .253 323.949);
|
||
--color-fuchsia-800: oklch(.452 .211 324.591);
|
||
--color-fuchsia-900: oklch(.401 .17 325.612);
|
||
--color-fuchsia-950: oklch(.293 .136 325.661);
|
||
--color-pink-50: #fdf2f8;
|
||
--color-pink-100: #fce7f3;
|
||
--color-pink-200: #fbcfe8;
|
||
--color-pink-300: #f9a8d4;
|
||
--color-pink-400: #f472b6;
|
||
--color-pink-500: #ec4899;
|
||
--color-pink-600: #db2777;
|
||
--color-pink-700: #be185d;
|
||
--color-pink-800: #9d174d;
|
||
--color-pink-900: #831843;
|
||
--color-pink-950: oklch(.284 .109 3.907);
|
||
--color-rose-50: oklch(.969 .015 12.422);
|
||
--color-rose-100: oklch(.941 .03 12.58);
|
||
--color-rose-200: oklch(.892 .058 10.001);
|
||
--color-rose-300: oklch(.81 .117 11.638);
|
||
--color-rose-400: oklch(.712 .194 13.428);
|
||
--color-rose-500: oklch(.645 .246 16.439);
|
||
--color-rose-600: oklch(.586 .253 17.585);
|
||
--color-rose-700: oklch(.514 .222 16.935);
|
||
--color-rose-800: oklch(.455 .188 13.697);
|
||
--color-rose-900: oklch(.41 .159 10.272);
|
||
--color-rose-950: oklch(.271 .105 12.094);
|
||
--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-700: oklch(.372 .044 257.287);
|
||
--color-slate-800: oklch(.279 .041 260.031);
|
||
--color-slate-900: oklch(.208 .042 265.755);
|
||
--color-slate-950: oklch(.129 .042 264.695);
|
||
--color-gray-50: #f9fafb;
|
||
--color-gray-100: #f3f4f6;
|
||
--color-gray-200: #e5e7eb;
|
||
--color-gray-300: #d1d5db;
|
||
--color-gray-400: #9ca3af;
|
||
--color-gray-500: #6b7280;
|
||
--color-gray-600: #4b5563;
|
||
--color-gray-700: #374151;
|
||
--color-gray-800: #1f2937;
|
||
--color-gray-900: #111827;
|
||
--color-gray-950: oklch(.13 .028 261.692);
|
||
--color-zinc-50: oklch(.985 0 0);
|
||
--color-zinc-100: oklch(.967 .001 286.375);
|
||
--color-zinc-200: oklch(.92 .004 286.32);
|
||
--color-zinc-300: oklch(.871 .006 286.286);
|
||
--color-zinc-400: oklch(.705 .015 286.067);
|
||
--color-zinc-500: oklch(.552 .016 285.938);
|
||
--color-zinc-600: oklch(.442 .017 285.786);
|
||
--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-zinc-950: oklch(.141 .005 285.823);
|
||
--color-neutral-50: oklch(.985 0 0);
|
||
--color-neutral-100: oklch(.97 0 0);
|
||
--color-neutral-200: oklch(.922 0 0);
|
||
--color-neutral-300: oklch(.87 0 0);
|
||
--color-neutral-400: oklch(.708 0 0);
|
||
--color-neutral-500: oklch(.556 0 0);
|
||
--color-neutral-600: oklch(.439 0 0);
|
||
--color-neutral-700: oklch(.371 0 0);
|
||
--color-neutral-800: oklch(.269 0 0);
|
||
--color-neutral-900: oklch(.205 0 0);
|
||
--color-neutral-950: oklch(.145 0 0);
|
||
--color-stone-50: oklch(.985 .001 106.423);
|
||
--color-stone-100: oklch(.97 .001 106.424);
|
||
--color-stone-200: oklch(.923 .003 48.717);
|
||
--color-stone-300: oklch(.869 .005 56.366);
|
||
--color-stone-400: oklch(.709 .01 56.259);
|
||
--color-stone-500: oklch(.553 .013 58.071);
|
||
--color-stone-600: oklch(.444 .011 73.639);
|
||
--color-stone-700: oklch(.374 .01 67.558);
|
||
--color-stone-800: oklch(.268 .007 34.298);
|
||
--color-stone-900: oklch(.216 .006 56.043);
|
||
--color-stone-950: oklch(.147 .004 49.25);
|
||
--color-black: #000;
|
||
--color-white: #fff;
|
||
--spacing: .25rem;
|
||
--breakpoint-sm: 40rem;
|
||
--breakpoint-md: 48rem;
|
||
--breakpoint-lg: 64rem;
|
||
--breakpoint-xl: 80rem;
|
||
--breakpoint-2xl: 96rem;
|
||
--container-3xs: 16rem;
|
||
--container-2xs: 18rem;
|
||
--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: 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;
|
||
--text-9xl: 8rem;
|
||
--text-9xl--line-height: 1;
|
||
--font-weight-thin: 100;
|
||
--font-weight-extralight: 200;
|
||
--font-weight-light: 300;
|
||
--font-weight-normal: 400;
|
||
--font-weight-medium: 500;
|
||
--font-weight-semibold: 600;
|
||
--font-weight-bold: 700;
|
||
--font-weight-extrabold: 800;
|
||
--font-weight-black: 900;
|
||
--tracking-tighter: -.05em;
|
||
--tracking-tight: -.025em;
|
||
--tracking-normal: 0em;
|
||
--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-sm: .25rem;
|
||
--radius-md: .375rem;
|
||
--radius-lg: .5rem;
|
||
--radius-xl: .75rem;
|
||
--radius-2xl: 1rem;
|
||
--radius-3xl: 1.5rem;
|
||
--radius-4xl: 2rem;
|
||
--shadow-2xs: 0 1px #0000000d;
|
||
--shadow-xs: 0 1px 2px 0 #0000000d;
|
||
--shadow-sm: 0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;
|
||
--shadow-md: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;
|
||
--shadow-lg: 0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;
|
||
--shadow-xl: 0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;
|
||
--shadow-2xl: 0 25px 50px -12px #00000040;
|
||
--inset-shadow-2xs: inset 0 1px #0000000d;
|
||
--inset-shadow-xs: inset 0 1px 1px #0000000d;
|
||
--inset-shadow-sm: inset 0 2px 4px #0000000d;
|
||
--drop-shadow-xs: 0 1px 1px #0000000d;
|
||
--drop-shadow-sm: 0 1px 2px #00000026;
|
||
--drop-shadow-md: 0 3px 3px #0000001f;
|
||
--drop-shadow-lg: 0 4px 4px #00000026;
|
||
--drop-shadow-xl: 0 9px 7px #0000001a;
|
||
--drop-shadow-2xl: 0 25px 25px #00000026;
|
||
--ease-in: cubic-bezier(.4,0,1,1);
|
||
--ease-out: cubic-bezier(0,0,.2,1);
|
||
--ease-in-out: cubic-bezier(.4,0,.2,1);
|
||
--animate-spin: spin 1s linear infinite;
|
||
--animate-ping: ping 1s cubic-bezier(0,0,.2,1)infinite;
|
||
--animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1)infinite;
|
||
--animate-bounce: bounce 1s infinite;
|
||
--blur-xs: 4px;
|
||
--blur-sm: 8px;
|
||
--blur-md: 12px;
|
||
--blur-lg: 16px;
|
||
--blur-xl: 24px;
|
||
--blur-2xl: 40px;
|
||
--blur-3xl: 64px;
|
||
--perspective-dramatic: 100px;
|
||
--perspective-near: 300px;
|
||
--perspective-normal: 500px;
|
||
--perspective-midrange: 800px;
|
||
--perspective-distant: 1200px;
|
||
--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);
|
||
--color-transparent: transparent;
|
||
--font-body: "Inter","ui-sans-serif","system-ui","-apple-system","system-ui","Segoe UI","Roboto","Helvetica Neue","Arial","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
|
||
--spacing-8xl: 90rem;
|
||
--text-2xs: .625rem
|
||
}
|
||
}
|
||
|
||
@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%;
|
||
-moz-tab-size: 4;
|
||
-o-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
|
||
}
|
||
|
||
body {
|
||
line-height: inherit
|
||
}
|
||
|
||
hr {
|
||
height: 0;
|
||
color: inherit;
|
||
border-top-width: 1px
|
||
}
|
||
|
||
abbr: where([title]) {
|
||
-webkit-text-decoration:underline dotted;
|
||
text-decoration: underline dotted
|
||
}
|
||
|
||
h1,h2,h3,h4,h5,h6 {
|
||
font-size: inherit;
|
||
font-weight: inherit
|
||
}
|
||
|
||
a {
|
||
color: inherit;
|
||
-webkit-text-decoration: inherit;
|
||
-webkit-text-decoration: inherit;
|
||
-webkit-text-decoration: inherit;
|
||
text-decoration: inherit
|
||
}
|
||
|
||
b,strong {
|
||
font-weight: bolder
|
||
}
|
||
|
||
code,kbd,samp,pre {
|
||
font-family: var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
|
||
font-feature-settings: var(--default-mono-font-feature-settings,normal);
|
||
font-variation-settings: var(--default-mono-font-variation-settings,normal);
|
||
font-size: 1em
|
||
}
|
||
|
||
small {
|
||
font-size: 80%
|
||
}
|
||
|
||
sub,sup {
|
||
vertical-align: baseline;
|
||
font-size: 75%;
|
||
line-height: 0;
|
||
position: relative
|
||
}
|
||
|
||
sub {
|
||
bottom: -.25em
|
||
}
|
||
|
||
sup {
|
||
top: -.5em
|
||
}
|
||
|
||
table {
|
||
text-indent: 0;
|
||
border-color: inherit;
|
||
border-collapse: collapse
|
||
}
|
||
|
||
:-moz-focusring {
|
||
outline: auto
|
||
}
|
||
|
||
progress {
|
||
vertical-align: baseline
|
||
}
|
||
|
||
summary {
|
||
display: list-item
|
||
}
|
||
|
||
ol,ul,menu {
|
||
list-style: none
|
||
}
|
||
|
||
img,svg,video,canvas,audio,iframe,embed,object {
|
||
vertical-align: middle;
|
||
display: block
|
||
}
|
||
|
||
img,video {
|
||
max-width: 100%;
|
||
height: auto
|
||
}
|
||
|
||
button,input,select,optgroup,textarea {
|
||
font: inherit;
|
||
font-feature-settings: inherit;
|
||
font-variation-settings: inherit;
|
||
letter-spacing: inherit;
|
||
color: inherit;
|
||
opacity: 1;
|
||
background-color: #0000;
|
||
border-radius: 0
|
||
}
|
||
|
||
::file-selector-button {
|
||
font: inherit;
|
||
font-feature-settings: inherit;
|
||
font-variation-settings: inherit;
|
||
letter-spacing: inherit;
|
||
color: inherit;
|
||
opacity: 1;
|
||
background-color: #0000;
|
||
border-radius: 0
|
||
}
|
||
|
||
:where(select: is([multiple],[size])) optgroup {
|
||
font-weight:bolder
|
||
}
|
||
|
||
:where(select: is([multiple],[size])) optgroup option {
|
||
padding-inline-start:20px
|
||
}
|
||
|
||
::file-selector-button {
|
||
margin-inline-end:4px}
|
||
|
||
::-moz-placeholder {
|
||
opacity: 1;
|
||
color: color-mix(in oklab,currentColor 50%,transparent)
|
||
}
|
||
|
||
::placeholder {
|
||
opacity: 1;
|
||
color: color-mix(in oklab,currentColor 50%,transparent)
|
||
}
|
||
|
||
textarea {
|
||
resize: vertical
|
||
}
|
||
|
||
::-webkit-search-decoration {
|
||
-webkit-appearance: none
|
||
}
|
||
|
||
::-webkit-date-and-time-value {
|
||
min-height: 1lh;
|
||
text-align: inherit
|
||
}
|
||
|
||
::-webkit-datetime-edit {
|
||
display: inline-flex
|
||
}
|
||
|
||
::-webkit-datetime-edit {
|
||
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}
|
||
|
||
:-moz-ui-invalid {
|
||
box-shadow: none
|
||
}
|
||
|
||
button,input: where([type=button],[type=reset],[type=submit]) {
|
||
-webkit-appearance:button;
|
||
-moz-appearance: button;
|
||
appearance: button
|
||
}
|
||
|
||
::file-selector-button {
|
||
-webkit-appearance: button;
|
||
-moz-appearance: button;
|
||
appearance: button
|
||
}
|
||
|
||
::-webkit-inner-spin-button {
|
||
height: auto
|
||
}
|
||
|
||
::-webkit-outer-spin-button {
|
||
height: auto
|
||
}
|
||
|
||
[hidden]: where(:not([hidden=until-found])) {
|
||
display:none!important
|
||
}
|
||
|
||
.tooltip-arrow,.tooltip-arrow:before {
|
||
background: inherit;
|
||
width: 8px;
|
||
height: 8px;
|
||
position: absolute
|
||
}
|
||
|
||
.tooltip-arrow {
|
||
visibility: hidden
|
||
}
|
||
|
||
.tooltip-arrow:before {
|
||
content: "";
|
||
visibility: visible;
|
||
transform: rotate(45deg)
|
||
}
|
||
|
||
[data-tooltip-style^=light]+.tooltip>.tooltip-arrow: before {
|
||
border-style:solid;
|
||
border-color: var(--color-gray-200)
|
||
}
|
||
|
||
[data-tooltip-style^=light]+.tooltip[data-popper-placement^=top]>.tooltip-arrow: before {
|
||
border-bottom-width:1px;
|
||
border-right-width: 1px
|
||
}
|
||
|
||
[data-tooltip-style^=light]+.tooltip[data-popper-placement^=right]>.tooltip-arrow: before {
|
||
border-bottom-width:1px;
|
||
border-left-width: 1px
|
||
}
|
||
|
||
[data-tooltip-style^=light]+.tooltip[data-popper-placement^=bottom]>.tooltip-arrow: before {
|
||
border-top-width:1px;
|
||
border-left-width: 1px
|
||
}
|
||
|
||
[data-tooltip-style^=light]+.tooltip[data-popper-placement^=left]>.tooltip-arrow: before {
|
||
border-top-width:1px;
|
||
border-right-width: 1px
|
||
}
|
||
|
||
.tooltip[data-popper-placement^=top]>.tooltip-arrow {
|
||
bottom: -4px
|
||
}
|
||
|
||
.tooltip[data-popper-placement^=bottom]>.tooltip-arrow {
|
||
top: -4px
|
||
}
|
||
|
||
.tooltip[data-popper-placement^=left]>.tooltip-arrow {
|
||
right: -4px
|
||
}
|
||
|
||
.tooltip[data-popper-placement^=right]>.tooltip-arrow {
|
||
left: -4px
|
||
}
|
||
|
||
.tooltip.invisible>.tooltip-arrow:before {
|
||
visibility: hidden
|
||
}
|
||
|
||
[data-popper-arrow],[data-popper-arrow]: before {
|
||
background:inherit;
|
||
width: 8px;
|
||
height: 8px;
|
||
position: absolute
|
||
}
|
||
|
||
[data-popper-arrow] {
|
||
visibility: hidden
|
||
}
|
||
|
||
[data-popper-arrow]: before {
|
||
content:"";
|
||
visibility: visible;
|
||
transform: rotate(45deg)
|
||
}
|
||
|
||
[data-popper-arrow]: after {
|
||
content:"";
|
||
visibility: visible;
|
||
background: inherit;
|
||
width: 9px;
|
||
height: 9px;
|
||
position: absolute;
|
||
transform: rotate(45deg)
|
||
}
|
||
|
||
[role=tooltip]>[data-popper-arrow]: before {
|
||
border-style:solid;
|
||
border-color: var(--color-gray-200)
|
||
}
|
||
|
||
.dark [role=tooltip]>[data-popper-arrow]: before {
|
||
border-style:solid;
|
||
border-color: var(--color-gray-600)
|
||
}
|
||
|
||
[role=tooltip]>[data-popper-arrow]: after {
|
||
border-style:solid;
|
||
border-color: var(--color-gray-200)
|
||
}
|
||
|
||
.dark [role=tooltip]>[data-popper-arrow]: after {
|
||
border-style:solid;
|
||
border-color: var(--color-gray-600)
|
||
}
|
||
|
||
[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]: before,[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:after {
|
||
border-bottom-width:1px;
|
||
border-right-width: 1px
|
||
}
|
||
|
||
[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]: before,[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:after {
|
||
border-bottom-width:1px;
|
||
border-left-width: 1px
|
||
}
|
||
|
||
[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]: before,[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:after {
|
||
border-top-width:1px;
|
||
border-left-width: 1px
|
||
}
|
||
|
||
[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]: before,[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:after {
|
||
border-top-width:1px;
|
||
border-right-width: 1px
|
||
}
|
||
|
||
[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow] {
|
||
bottom: -5px
|
||
}
|
||
|
||
[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow] {
|
||
top: -5px
|
||
}
|
||
|
||
[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow] {
|
||
right: -5px
|
||
}
|
||
|
||
[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow] {
|
||
left: -5px
|
||
}
|
||
|
||
[role=tooltip].invisible>[data-popper-arrow]: before,[role=tooltip].invisible>[data-popper-arrow]:after {
|
||
visibility:hidden
|
||
}
|
||
|
||
[type=text],[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select {
|
||
-webkit-appearance: none;
|
||
-moz-appearance: none;
|
||
appearance: none;
|
||
border-color: var(--color-gray-500);
|
||
--tw-shadow: 0 0 #0000;
|
||
background-color: #fff;
|
||
border-width: 1px;
|
||
border-radius: 0;
|
||
padding: .5rem .75rem;
|
||
font-size: 1rem;
|
||
line-height: 1.5rem
|
||
}
|
||
|
||
:is([type=text],[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select): focus {
|
||
outline-offset:2px;
|
||
--tw-ring-inset: var(--tw-empty, );
|
||
--tw-ring-offset-width: 0px;
|
||
--tw-ring-offset-color: #fff;
|
||
--tw-ring-color: var(--color-blue-600);
|
||
--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(1px + var(--tw-ring-offset-width))var(--tw-ring-color);
|
||
box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
|
||
border-color: var(--color-blue-600);
|
||
outline: 2px solid #0000
|
||
}
|
||
|
||
input: :-moz-placeholder, textarea::-moz-placeholder {
|
||
color:var(--color-gray-500);
|
||
opacity: 1
|
||
}
|
||
|
||
input: :placeholder,textarea::placeholder {
|
||
color:var(--color-gray-500);
|
||
opacity: 1
|
||
}
|
||
|
||
::-webkit-datetime-edit-fields-wrapper {
|
||
padding: 0
|
||
}
|
||
|
||
input[type=time]: :-webkit-calendar-picker-indicator {
|
||
background:0 0
|
||
}
|
||
|
||
select: not([size]) {
|
||
-webkit-print-color-adjust:exact;
|
||
print-color-adjust: exact;
|
||
background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 10 6'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3e %3c/svg%3e");
|
||
background-position: right .75rem center;
|
||
background-repeat: no-repeat;
|
||
background-size: .75em .75em;
|
||
padding-right: 2.5rem
|
||
}
|
||
|
||
[dir=rtl] select: not([size]) {
|
||
background-position:.75rem;
|
||
padding-left: 0;
|
||
padding-right: .75rem
|
||
}
|
||
|
||
[multiple] {
|
||
background-image: initial;
|
||
background-position: initial;
|
||
background-repeat: unset;
|
||
background-size: initial;
|
||
-webkit-print-color-adjust: unset;
|
||
print-color-adjust: unset;
|
||
padding-right: .75rem
|
||
}
|
||
|
||
[type=checkbox],[type=radio] {
|
||
-webkit-appearance: none;
|
||
-moz-appearance: none;
|
||
appearance: none;
|
||
-webkit-print-color-adjust: exact;
|
||
print-color-adjust: exact;
|
||
vertical-align: middle;
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
user-select: none;
|
||
width: 1rem;
|
||
height: 1rem;
|
||
color: var(--color-blue-600);
|
||
border-color: --color-gray-500;
|
||
--tw-shadow: 0 0 #0000;
|
||
background-color: #fff;
|
||
background-origin: border-box;
|
||
border-width: 1px;
|
||
flex-shrink: 0;
|
||
padding: 0;
|
||
display: inline-block
|
||
}
|
||
|
||
[type=checkbox] {
|
||
border-radius: 0
|
||
}
|
||
|
||
[type=radio] {
|
||
border-radius: 100%
|
||
}
|
||
|
||
[type=checkbox]: focus,[type=radio]:focus {
|
||
outline-offset:2px;
|
||
--tw-ring-inset: var(--tw-empty, );
|
||
--tw-ring-offset-width: 2px;
|
||
--tw-ring-offset-color: #fff;
|
||
--tw-ring-color: var(--color-blue-600);
|
||
--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(2px + var(--tw-ring-offset-width))var(--tw-ring-color);
|
||
box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);
|
||
outline: 2px solid #0000
|
||
}
|
||
|
||
[type=checkbox]: checked,[type=radio]:checked,.dark [type=checkbox]:checked,.dark [type=radio]:checked {
|
||
background-position:50%;
|
||
background-repeat: no-repeat;
|
||
background-size: .55em .55em;
|
||
background-color: currentColor!important;
|
||
border-color: #0000!important
|
||
}
|
||
|
||
[type=checkbox]: checked {
|
||
-webkit-print-color-adjust:exact;
|
||
print-color-adjust: exact;
|
||
background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3e %3c/svg%3e");
|
||
background-repeat: no-repeat;
|
||
background-size: .55em .55em
|
||
}
|
||
|
||
[type=radio]: checked,.dark [type=radio]:checked {
|
||
background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
|
||
background-size: 1em 1em
|
||
}
|
||
|
||
[type=checkbox]: indeterminate {
|
||
-webkit-print-color-adjust:exact;
|
||
print-color-adjust: exact;
|
||
background-image: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 12'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M0.5 6h14'/%3e %3c/svg%3e");
|
||
background-position: 50%;
|
||
background-repeat: no-repeat;
|
||
background-size: .55em .55em;
|
||
background-color: currentColor!important;
|
||
border-color: #0000!important
|
||
}
|
||
|
||
[type=checkbox]: indeterminate:hover,[type=checkbox]:indeterminate:focus {
|
||
background-color:currentColor!important;
|
||
border-color: #0000!important
|
||
}
|
||
|
||
[type=file] {
|
||
background: unset;
|
||
border-color: inherit;
|
||
font-size: unset;
|
||
line-height: inherit;
|
||
border-width: 0;
|
||
border-radius: 0;
|
||
padding: 0
|
||
}
|
||
|
||
[type=file]: focus {
|
||
outline:1px auto inherit
|
||
}
|
||
|
||
input[type=file]: :file-selector-button {
|
||
color:#fff;
|
||
background: var(--color-gray-800);
|
||
cursor: pointer;
|
||
border: 0;
|
||
margin-inline:-1rem 1rem;padding: .625rem 1rem .625rem 2rem;
|
||
font-size: .875rem;
|
||
font-weight: 500
|
||
}
|
||
|
||
input[type=file]: :file-selector-button:hover {
|
||
background:var(--color-gray-700)
|
||
}
|
||
|
||
[dir=rtl] input[type=file]: :file-selector-button {
|
||
padding-left:1rem;
|
||
padding-right: 2rem
|
||
}
|
||
|
||
.dark input[type=file]: :file-selector-button {
|
||
color:#fff;
|
||
background: var(--color-gray-600)
|
||
}
|
||
|
||
.dark input[type=file]: :file-selector-button:hover {
|
||
background:var(--color-gray-500)
|
||
}
|
||
|
||
input[type=range]: :-webkit-slider-thumb {
|
||
background:var(--color-blue-600);
|
||
-webkit-appearance: none;
|
||
appearance: none;
|
||
cursor: pointer;
|
||
border: 0;
|
||
border-radius: 9999px;
|
||
width: 1.25rem;
|
||
height: 1.25rem
|
||
}
|
||
|
||
input[type=range]: disabled::-webkit-slider-thumb {
|
||
background:var(--color-gray-400)
|
||
}
|
||
|
||
.dark input[type=range]: disabled::-webkit-slider-thumb {
|
||
background:var(--color-gray-500)
|
||
}
|
||
|
||
input[type=range]: focus::-webkit-slider-thumb {
|
||
outline-offset:2px;
|
||
--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(4px + 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);
|
||
--tw-ring-opacity: 1;
|
||
--tw-ring-color: rgb(164 202 254/var(--tw-ring-opacity));
|
||
outline: 2px solid #0000
|
||
}
|
||
|
||
input[type=range]: :-moz-range-thumb {
|
||
background:var(--color-blue-600);
|
||
-moz-appearance: none;
|
||
appearance: none;
|
||
cursor: pointer;
|
||
border: 0;
|
||
border-radius: 9999px;
|
||
width: 1.25rem;
|
||
height: 1.25rem
|
||
}
|
||
|
||
input[type=range]: disabled::-moz-range-thumb {
|
||
background:var(--color-gray-400)
|
||
}
|
||
|
||
.dark input[type=range]: disabled::-moz-range-thumb {
|
||
background:var(--color-gray-500)
|
||
}
|
||
|
||
input[type=range]: :-moz-range-progress {
|
||
background:var(--color-blue-500)
|
||
}
|
||
|
||
input[type=range]: :-ms-fill-lower {
|
||
background:var(--color-blue-500)
|
||
}
|
||
|
||
input[type=range].range-sm: :-webkit-slider-thumb {
|
||
width:1rem;
|
||
height: 1rem
|
||
}
|
||
|
||
input[type=range].range-lg: :-webkit-slider-thumb {
|
||
width:1.5rem;
|
||
height: 1.5rem
|
||
}
|
||
|
||
input[type=range].range-sm: :-moz-range-thumb {
|
||
width:1rem;
|
||
height: 1rem
|
||
}
|
||
|
||
input[type=range].range-lg: :-moz-range-thumb {
|
||
width:1.5rem;
|
||
height: 1.5rem
|
||
}
|
||
|
||
.toggle-bg:after {
|
||
content: "";
|
||
border-color: var(--color-gray-300);
|
||
width: 1.25rem;
|
||
height: 1.25rem;
|
||
box-shadow: var(--tw-ring-inset)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color);
|
||
background: #fff;
|
||
border-width: 1px;
|
||
border-radius: 9999px;
|
||
transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;
|
||
transition-duration: .15s;
|
||
position: absolute;
|
||
top: .125rem;
|
||
left: .125rem
|
||
}
|
||
|
||
input: checked+.toggle-bg:after {
|
||
border-color:#fff;
|
||
transform: translate(100%)
|
||
}
|
||
|
||
input: checked+.toggle-bg {
|
||
background:var(--color-blue-600);
|
||
border-color: var(--color-blue-600)
|
||
}
|
||
}
|
||
|
||
@layer components;@layer utilities {
|
||
.pointer-events-none {
|
||
pointer-events: none
|
||
}
|
||
|
||
.collapse {
|
||
visibility: collapse
|
||
}
|
||
|
||
.invisible {
|
||
visibility: hidden
|
||
}
|
||
|
||
.visible {
|
||
visibility: visible
|
||
}
|
||
|
||
.datatable-wrapper {
|
||
width: 100%
|
||
}
|
||
|
||
@media (width>=640px) {
|
||
.datatable-wrapper .datatable-top {
|
||
flex-direction: row-reverse;
|
||
align-items: center
|
||
}
|
||
}
|
||
|
||
@media (width>=640px) {
|
||
.datatable-wrapper .datatable-bottom {
|
||
flex-direction: row;
|
||
align-items: center
|
||
}
|
||
}
|
||
|
||
.datatable-wrapper .datatable-bottom {
|
||
flex-direction: column;
|
||
justify-content: space-between;
|
||
align-items: start;
|
||
gap: 1rem;
|
||
margin-top: 1rem;
|
||
display: flex
|
||
}
|
||
|
||
@media (width>=640px) {
|
||
.datatable-wrapper .datatable-bottom {
|
||
flex-direction: row;
|
||
align-items: center
|
||
}
|
||
}
|
||
|
||
.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link {
|
||
color: var(--color-gray-500);
|
||
border-top: 1px solid var(--color-gray-300);
|
||
border-bottom: 1px solid var(--color-gray-300);
|
||
border-right: 1px solid var(--color-gray-300);
|
||
align-items: center;
|
||
height: 2rem;
|
||
padding-left: .75rem;
|
||
padding-right: .75rem;
|
||
font-size: .875rem;
|
||
font-weight: 500;
|
||
display: flex
|
||
}
|
||
|
||
.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover {
|
||
background-color: var(--color-gray-50);
|
||
color: var(--color-gray-700)
|
||
}
|
||
|
||
.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type,.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type {
|
||
position: relative
|
||
}
|
||
|
||
.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link,.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link,.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link,.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link {
|
||
color: #0000
|
||
}
|
||
|
||
.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:after {
|
||
content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e");
|
||
width: 1.3rem;
|
||
height: 1.3rem;
|
||
position: absolute;
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%,-50%)
|
||
}
|
||
|
||
.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover:after {
|
||
content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e")
|
||
}
|
||
|
||
.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:after {
|
||
content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e");
|
||
width: 1.3rem;
|
||
height: 1.3rem;
|
||
position: absolute;
|
||
top: 50%;
|
||
right: 50%;
|
||
transform: translate(50%,-50%)
|
||
}
|
||
|
||
.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover:after {
|
||
content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e")
|
||
}
|
||
|
||
.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link {
|
||
border-left: 1px solid var(--color-gray-300);
|
||
border-top-left-radius: .5rem;
|
||
border-bottom-left-radius: .5rem
|
||
}
|
||
|
||
.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link {
|
||
border-left: 0;
|
||
border-top-right-radius: .5rem;
|
||
border-bottom-right-radius: .5rem
|
||
}
|
||
|
||
.sr-only {
|
||
clip: rect(0,0,0,0);
|
||
white-space: nowrap;
|
||
border-width: 0;
|
||
width: 1px;
|
||
height: 1px;
|
||
margin: -1px;
|
||
padding: 0;
|
||
position: absolute;
|
||
overflow: hidden
|
||
}
|
||
|
||
.absolute {
|
||
position: absolute
|
||
}
|
||
|
||
.fixed {
|
||
position: fixed
|
||
}
|
||
|
||
.relative {
|
||
position: relative
|
||
}
|
||
|
||
.static {
|
||
position: static
|
||
}
|
||
|
||
.sticky {
|
||
position: sticky
|
||
}
|
||
|
||
.inset-0 {
|
||
inset: calc(var(--spacing)*0)
|
||
}
|
||
|
||
.inset-y-0 {
|
||
inset-block: calc(var(--spacing)*0)
|
||
}
|
||
|
||
.-start-1\.5 {
|
||
inset-inline-start: calc(var(--spacing)*-1.5)
|
||
}
|
||
|
||
.-start-3 {
|
||
inset-inline-start: calc(var(--spacing)*-3)
|
||
}
|
||
|
||
.-start-3\.5 {
|
||
inset-inline-start: calc(var(--spacing)*-3.5)
|
||
}
|
||
|
||
.-start-4 {
|
||
inset-inline-start: calc(var(--spacing)*-4)
|
||
}
|
||
|
||
.-start-14 {
|
||
inset-inline-start: calc(var(--spacing)*-14)
|
||
}
|
||
|
||
.-start-\[17px\] {
|
||
inset-inline-start: -17px
|
||
}
|
||
|
||
.start-0 {
|
||
inset-inline-start: calc(var(--spacing)*0)
|
||
}
|
||
|
||
.start-1 {
|
||
inset-inline-start: calc(var(--spacing)*1)
|
||
}
|
||
|
||
.start-1\/2 {
|
||
inset-inline-start: 50%
|
||
}
|
||
|
||
.start-1\/3 {
|
||
inset-inline-start: 33.3333%
|
||
}
|
||
|
||
.start-2\.5 {
|
||
inset-inline-start: calc(var(--spacing)*2.5)
|
||
}
|
||
|
||
.start-2\/3 {
|
||
inset-inline-start: 66.6667%
|
||
}
|
||
|
||
.start-6 {
|
||
inset-inline-start: calc(var(--spacing)*6)
|
||
}
|
||
|
||
.start-7 {
|
||
inset-inline-start: calc(var(--spacing)*7)
|
||
}
|
||
|
||
.-end-2 {
|
||
inset-inline-end: calc(var(--spacing)*-2)
|
||
}
|
||
|
||
.-end-\[16px\] {
|
||
inset-inline-end: -16px
|
||
}
|
||
|
||
.-end-\[17px\] {
|
||
inset-inline-end: -17px
|
||
}
|
||
|
||
.end-0 {
|
||
inset-inline-end: calc(var(--spacing)*0)
|
||
}
|
||
|
||
.end-2 {
|
||
inset-inline-end: calc(var(--spacing)*2)
|
||
}
|
||
|
||
.end-2\.5 {
|
||
inset-inline-end: calc(var(--spacing)*2.5)
|
||
}
|
||
|
||
.end-6 {
|
||
inset-inline-end: calc(var(--spacing)*6)
|
||
}
|
||
|
||
.end-24 {
|
||
inset-inline-end: calc(var(--spacing)*24)
|
||
}
|
||
|
||
.-top-0\.5 {
|
||
top: calc(var(--spacing)*-.5)
|
||
}
|
||
|
||
.-top-2 {
|
||
top: calc(var(--spacing)*-2)
|
||
}
|
||
|
||
.-top-\[140px\] {
|
||
top: -140px
|
||
}
|
||
|
||
.top-0 {
|
||
top: calc(var(--spacing)*0)
|
||
}
|
||
|
||
.top-1 {
|
||
top: calc(var(--spacing)*1)
|
||
}
|
||
|
||
.top-1\/2 {
|
||
top: 50%
|
||
}
|
||
|
||
.top-2 {
|
||
top: calc(var(--spacing)*2)
|
||
}
|
||
|
||
.top-2\.5 {
|
||
top: calc(var(--spacing)*2.5)
|
||
}
|
||
|
||
.top-2\/4 {
|
||
top: 50%
|
||
}
|
||
|
||
.top-3 {
|
||
top: calc(var(--spacing)*3)
|
||
}
|
||
|
||
.top-4 {
|
||
top: calc(var(--spacing)*4)
|
||
}
|
||
|
||
.top-5 {
|
||
top: calc(var(--spacing)*5)
|
||
}
|
||
|
||
.top-6 {
|
||
top: calc(var(--spacing)*6)
|
||
}
|
||
|
||
.top-28 {
|
||
top: calc(var(--spacing)*28)
|
||
}
|
||
|
||
.top-\[40px\] {
|
||
top: 40px
|
||
}
|
||
|
||
.top-\[72px\] {
|
||
top: 72px
|
||
}
|
||
|
||
.top-\[88px\] {
|
||
top: 88px
|
||
}
|
||
|
||
.top-\[124px\] {
|
||
top: 124px
|
||
}
|
||
|
||
.top-\[142px\] {
|
||
top: 142px
|
||
}
|
||
|
||
.top-\[178px\] {
|
||
top: 178px
|
||
}
|
||
|
||
.right-0 {
|
||
right: calc(var(--spacing)*0)
|
||
}
|
||
|
||
.right-1\/2 {
|
||
right: 50%
|
||
}
|
||
|
||
.right-2\.5 {
|
||
right: calc(var(--spacing)*2.5)
|
||
}
|
||
|
||
.right-5 {
|
||
right: calc(var(--spacing)*5)
|
||
}
|
||
|
||
.right-6 {
|
||
right: calc(var(--spacing)*6)
|
||
}
|
||
|
||
.right-24 {
|
||
right: calc(var(--spacing)*24)
|
||
}
|
||
|
||
.right-auto {
|
||
right: auto
|
||
}
|
||
|
||
.-bottom-6 {
|
||
bottom: calc(var(--spacing)*-6)
|
||
}
|
||
|
||
.bottom-0 {
|
||
bottom: calc(var(--spacing)*0)
|
||
}
|
||
|
||
.bottom-1 {
|
||
bottom: calc(var(--spacing)*1)
|
||
}
|
||
|
||
.bottom-2 {
|
||
bottom: calc(var(--spacing)*2)
|
||
}
|
||
|
||
.bottom-2\.5 {
|
||
bottom: calc(var(--spacing)*2.5)
|
||
}
|
||
|
||
.bottom-3 {
|
||
bottom: calc(var(--spacing)*3)
|
||
}
|
||
|
||
.bottom-4 {
|
||
bottom: calc(var(--spacing)*4)
|
||
}
|
||
|
||
.bottom-5 {
|
||
bottom: calc(var(--spacing)*5)
|
||
}
|
||
|
||
.bottom-6 {
|
||
bottom: calc(var(--spacing)*6)
|
||
}
|
||
|
||
.bottom-\[\*px\] {
|
||
bottom: *px
|
||
}
|
||
|
||
.bottom-\[60px\] {
|
||
bottom: 60px
|
||
}
|
||
|
||
.-left-1 {
|
||
left: calc(var(--spacing)*-1)
|
||
}
|
||
|
||
.left-0 {
|
||
left: calc(var(--spacing)*0)
|
||
}
|
||
|
||
.left-1\/2 {
|
||
left: 50%
|
||
}
|
||
|
||
.left-5 {
|
||
left: calc(var(--spacing)*5)
|
||
}
|
||
|
||
.left-7 {
|
||
left: calc(var(--spacing)*7)
|
||
}
|
||
|
||
.left-8 {
|
||
left: calc(var(--spacing)*8)
|
||
}
|
||
|
||
.left-auto {
|
||
left: auto
|
||
}
|
||
|
||
.-z-10 {
|
||
z-index: calc(10*-1)
|
||
}
|
||
|
||
.z-0 {
|
||
z-index: 0
|
||
}
|
||
|
||
.z-10 {
|
||
z-index: 10
|
||
}
|
||
|
||
.z-20 {
|
||
z-index: 20
|
||
}
|
||
|
||
.z-30 {
|
||
z-index: 30
|
||
}
|
||
|
||
.z-40 {
|
||
z-index: 40
|
||
}
|
||
|
||
.z-50 {
|
||
z-index: 50
|
||
}
|
||
|
||
.col-span-1 {
|
||
grid-column: span 1/span 1
|
||
}
|
||
|
||
.col-span-2 {
|
||
grid-column: span 2/span 2
|
||
}
|
||
|
||
.col-span-3 {
|
||
grid-column: span 3/span 3
|
||
}
|
||
|
||
.col-span-6 {
|
||
grid-column: span 6/span 6
|
||
}
|
||
|
||
.container {
|
||
width: 100%
|
||
}
|
||
|
||
@media (width>=40rem) {
|
||
.container {
|
||
max-width: 40rem
|
||
}
|
||
}
|
||
|
||
@media (width>=48rem) {
|
||
.container {
|
||
max-width: 48rem
|
||
}
|
||
}
|
||
|
||
@media (width>=64rem) {
|
||
.container {
|
||
max-width: 64rem
|
||
}
|
||
}
|
||
|
||
@media (width>=80rem) {
|
||
.container {
|
||
max-width: 80rem
|
||
}
|
||
}
|
||
|
||
@media (width>=96rem) {
|
||
.container {
|
||
max-width: 96rem
|
||
}
|
||
}
|
||
|
||
.format {
|
||
color: var(--tw-format-body);
|
||
--tw-format-body: oklch(.551 .027 264.364);
|
||
--tw-format-headings: oklch(.21 .034 264.665);
|
||
--tw-format-lead: oklch(.551 .027 264.364);
|
||
--tw-format-links: oklch(.446 .03 256.802);
|
||
--tw-format-bold: oklch(.21 .034 264.665);
|
||
--tw-format-counters: oklch(.551 .027 264.364);
|
||
--tw-format-bullets: oklch(.551 .027 264.364);
|
||
--tw-format-hr: oklch(.928 .006 264.531);
|
||
--tw-format-quotes: oklch(.21 .034 264.665);
|
||
--tw-format-quote-borders: oklch(.928 .006 264.531);
|
||
--tw-format-captions: oklch(.551 .027 264.364);
|
||
--tw-format-code: oklch(.21 .034 264.665);
|
||
--tw-format-code-bg: oklch(.967 .003 264.542);
|
||
--tw-format-pre-code: oklch(.446 .03 256.802);
|
||
--tw-format-pre-bg: oklch(.967 .003 264.542);
|
||
--tw-format-th-borders: oklch(.928 .006 264.531);
|
||
--tw-format-th-bg: oklch(.985 .002 247.839);
|
||
--tw-format-td-borders: oklch(.928 .006 264.531);
|
||
--tw-format-invert-body: oklch(.707 .022 261.325);
|
||
--tw-format-invert-headings: #fff;
|
||
--tw-format-invert-lead: oklch(.707 .022 261.325);
|
||
--tw-format-invert-links: #fff;
|
||
--tw-format-invert-bold: #fff;
|
||
--tw-format-invert-counters: oklch(.707 .022 261.325);
|
||
--tw-format-invert-bullets: oklch(.446 .03 256.802);
|
||
--tw-format-invert-hr: oklch(.373 .034 259.733);
|
||
--tw-format-invert-quotes: oklch(.967 .003 264.542);
|
||
--tw-format-invert-quote-borders: oklch(.373 .034 259.733);
|
||
--tw-format-invert-captions: oklch(.707 .022 261.325);
|
||
--tw-format-invert-code: #fff;
|
||
--tw-format-invert-code-bg: oklch(.278 .033 256.848);
|
||
--tw-format-invert-pre-code: oklch(.872 .01 258.338);
|
||
--tw-format-invert-pre-bg: oklch(.373 .034 259.733);
|
||
--tw-format-invert-th-borders: oklch(.446 .03 256.802);
|
||
--tw-format-invert-td-borders: oklch(.373 .034 259.733);
|
||
--tw-format-invert-th-bg: oklch(.373 .034 259.733);
|
||
max-width: 65ch;
|
||
font-size: 1rem;
|
||
line-height: 1.75
|
||
}
|
||
|
||
.format :where([class~=lead]): not(:where([class~=not-format] *)) {
|
||
color:var(--tw-format-lead);
|
||
margin-top: 1.2em;
|
||
margin-bottom: 1.2em;
|
||
font-size: 1.25em;
|
||
line-height: 1.6
|
||
}
|
||
|
||
.format :where(a): not(:where([class~=not-format] *)) {
|
||
color:var(--tw-format-links);
|
||
font-weight: 500;
|
||
text-decoration: underline
|
||
}
|
||
|
||
.format :where(a): not(:where([class~=not-format] *)):hover {
|
||
text-decoration:none
|
||
}
|
||
|
||
.format :where(strong): not(:where([class~=not-format] *)) {
|
||
color:var(--tw-format-bold);
|
||
font-weight: 700
|
||
}
|
||
|
||
.format :where(a strong): not(:where([class~=not-format] *)),.format :where(blockquote strong):not(:where([class~=not-format] *)),.format :where(thead th strong):not(:where([class~=not-format] *)) {
|
||
color:inherit
|
||
}
|
||
|
||
.format :where(ol): not(:where([class~=not-format] *)) {
|
||
margin-top:1.25em;
|
||
margin-bottom: 1.25em;
|
||
padding-left: 1.625em;
|
||
list-style-type: decimal
|
||
}
|
||
|
||
.format :where(ol[type=A]): not(:where([class~=not-format] *)) {
|
||
list-style-type:upper-alpha
|
||
}
|
||
|
||
.format :where(ol[type=a]): not(:where([class~=not-format] *)) {
|
||
list-style-type:lower-alpha
|
||
}
|
||
|
||
.format :where(ol[type=A s]): not(:where([class~=not-format] *)) {
|
||
list-style-type:upper-alpha
|
||
}
|
||
|
||
.format :where(ol[type=a s]): not(:where([class~=not-format] *)) {
|
||
list-style-type:lower-alpha
|
||
}
|
||
|
||
.format :where(ol[type=I]): not(:where([class~=not-format] *)) {
|
||
list-style-type:upper-roman
|
||
}
|
||
|
||
.format :where(ol[type=i]): not(:where([class~=not-format] *)) {
|
||
list-style-type:lower-roman
|
||
}
|
||
|
||
.format :where(ol[type=I s]): not(:where([class~=not-format] *)) {
|
||
list-style-type:upper-roman
|
||
}
|
||
|
||
.format :where(ol[type=i s]): not(:where([class~=not-format] *)) {
|
||
list-style-type:lower-roman
|
||
}
|
||
|
||
.format :where(ol[type="1"]): not(:where([class~=not-format] *)) {
|
||
list-style-type:decimal
|
||
}
|
||
|
||
.format :where(ul): not(:where([class~=not-format] *)) {
|
||
margin-top:1.25em;
|
||
margin-bottom: 1.25em;
|
||
padding-left: 1.625em;
|
||
list-style-type: disc
|
||
}
|
||
|
||
.format :where(ol>li): not(:where([class~=not-format] *))::marker {
|
||
color:var(--tw-format-counters);
|
||
font-weight: 400
|
||
}
|
||
|
||
.format :where(ul>li): not(:where([class~=not-format] *))::marker {
|
||
color:var(--tw-format-bullets)
|
||
}
|
||
|
||
.format :where(hr): not(:where([class~=not-format] *)) {
|
||
border-color:var(--tw-format-hr);
|
||
border-top-width: 1px;
|
||
margin-top: 3em;
|
||
margin-bottom: 3em
|
||
}
|
||
|
||
.format :where(blockquote): not(:where([class~=not-format] *)) {
|
||
color:var(--tw-format-quotes);
|
||
quotes: "“""”""‘""’";
|
||
margin-bottom: 1.6em;
|
||
font-size: 1.11111em;
|
||
font-style: italic;
|
||
font-weight: 700
|
||
}
|
||
|
||
.format :where(blockquote): not(:where([class~=not-format] *)):before {
|
||
content:"";
|
||
color: var(--tw-format-quotes);
|
||
background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='24' viewBox='0 0 32 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.6893 24V14.1453C18.6893 6.54 23.664 1.38533 30.6667 -7.15256e-07L31.9933 2.868C28.7507 4.09066 26.6667 7.71867 26.6667 10.6667H32V24H18.6893ZM-9.53674e-07 24V14.1453C-9.53674e-07 6.54 4.99733 1.384 12 -7.15256e-07L13.328 2.868C10.084 4.09066 8 7.71867 8 10.6667L13.3107 10.6667V24H-9.53674e-07Z' fill='%239CA3AF'/%3E%3C/svg%3E%0A");
|
||
background-repeat: no-repeat;
|
||
width: 1.77778em;
|
||
height: 1.33333em;
|
||
margin-top: 1.6em;
|
||
display: block
|
||
}
|
||
|
||
.format :where(blockquote p: first-of-type):not(:where([class~=not-format] *)):before {
|
||
content:open-quote
|
||
}
|
||
|
||
.format :where(blockquote p: last-of-type):not(:where([class~=not-format] *)):after {
|
||
content:close-quote
|
||
}
|
||
|
||
.format :where(h1): not(:where([class~=not-format] *)) {
|
||
color:var(--tw-format-headings);
|
||
margin-top: 0;
|
||
margin-bottom: .888889em;
|
||
font-size: 2.25em;
|
||
font-weight: 800;
|
||
line-height: 1.11111
|
||
}
|
||
|
||
.format :where(h1 strong): not(:where([class~=not-format] *)) {
|
||
color:inherit;
|
||
font-weight: 900
|
||
}
|
||
|
||
.format :where(h2): not(:where([class~=not-format] *)) {
|
||
color:var(--tw-format-headings);
|
||
margin-top: 0;
|
||
margin-bottom: 1em;
|
||
font-size: 1.5em;
|
||
font-weight: 700;
|
||
line-height: 1.33333
|
||
}
|
||
|
||
.format :where(h2 strong): not(:where([class~=not-format] *)) {
|
||
color:inherit;
|
||
font-weight: 800
|
||
}
|
||
|
||
.format :where(h3): not(:where([class~=not-format] *)) {
|
||
color:var(--tw-format-headings);
|
||
margin-top: 0;
|
||
margin-bottom: .6em;
|
||
font-size: 1.25em;
|
||
font-weight: 700;
|
||
line-height: 1.6
|
||
}
|
||
|
||
.format :where(h3 strong): not(:where([class~=not-format] *)) {
|
||
color:inherit;
|
||
font-weight: 800
|
||
}
|
||
|
||
.format :where(h4): not(:where([class~=not-format] *)) {
|
||
color:var(--tw-format-headings);
|
||
margin-top: 0;
|
||
margin-bottom: .5em;
|
||
font-weight: 600;
|
||
line-height: 1.5
|
||
}
|
||
|
||
.format :where(h4 strong): not(:where([class~=not-format] *)) {
|
||
color:inherit;
|
||
font-weight: 700
|
||
}
|
||
|
||
.format :where(img): not(:where([class~=not-format] *)) {
|
||
margin-top:2em;
|
||
margin-bottom: 2em
|
||
}
|
||
|
||
.format :where(figure>*): not(:where([class~=not-format] *)) {
|
||
margin-top:0;
|
||
margin-bottom: 0
|
||
}
|
||
|
||
.format :where(figcaption): not(:where([class~=not-format] *)) {
|
||
color:var(--tw-format-captions);
|
||
margin-top: .857143em;
|
||
font-size: .875em;
|
||
line-height: 1.42857
|
||
}
|
||
|
||
.format :where(code): not(:where([class~=not-format] *)) {
|
||
color:var(--tw-format-code);
|
||
background-color: var(--tw-format-code-bg);
|
||
border-radius: .222222em;
|
||
padding: .333333em .555556em;
|
||
font-size: .875em;
|
||
font-weight: 600
|
||
}
|
||
|
||
.format :where(a code): not(:where([class~=not-format] *)),.format :where(h1 code):not(:where([class~=not-format] *)) {
|
||
color:inherit
|
||
}
|
||
|
||
.format :where(h2 code): not(:where([class~=not-format] *)) {
|
||
color:inherit;
|
||
font-size: .875em
|
||
}
|
||
|
||
.format :where(h3 code): not(:where([class~=not-format] *)) {
|
||
color:inherit;
|
||
font-size: .9em
|
||
}
|
||
|
||
.format :where(h4 code): not(:where([class~=not-format] *)),.format :where(blockquote code):not(:where([class~=not-format] *)),.format :where(thead th code):not(:where([class~=not-format] *)) {
|
||
color:inherit
|
||
}
|
||
|
||
.format :where(pre): not(:where([class~=not-format] *)) {
|
||
color:var(--tw-format-pre-code);
|
||
background-color: var(--tw-format-pre-bg);
|
||
border-radius: .375rem;
|
||
margin-top: 1.71429em;
|
||
margin-bottom: 1.71429em;
|
||
padding: .857143em 1.14286em;
|
||
font-size: .875em;
|
||
font-weight: 400;
|
||
line-height: 1.71429;
|
||
overflow-x: auto
|
||
}
|
||
|
||
.format :where(pre code): not(:where([class~=not-format] *)) {
|
||
font-weight:inherit;
|
||
color: inherit;
|
||
font-size: inherit;
|
||
font-family: inherit;
|
||
line-height: inherit;
|
||
background-color: #0000;
|
||
border-width: 0;
|
||
border-radius: 0;
|
||
padding: 0
|
||
}
|
||
|
||
.format :where(pre code): not(:where([class~=not-format] *)):before,.format :where(pre code):not(:where([class~=not-format] *)):after {
|
||
content:none
|
||
}
|
||
|
||
.format :where(table): not(:where([class~=not-format] *)) {
|
||
table-layout:auto;
|
||
text-align: left;
|
||
width: 100%;
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
font-size: .875em;
|
||
line-height: 1.71429
|
||
}
|
||
|
||
.format :where(thead): not(:where([class~=not-format] *)) {
|
||
background-color:var(--tw-format-th-bg);
|
||
border-radius: .277778em
|
||
}
|
||
|
||
.format :where(thead th): not(:where([class~=not-format] *)) {
|
||
background-color:var(--tw-format-th-bg);
|
||
color: var(--tw-format-headings);
|
||
vertical-align: bottom;
|
||
padding: .555556em .571429em .571429em;
|
||
font-weight: 600
|
||
}
|
||
|
||
.format :where(tbody th): not(:where([class~=not-format] *)) {
|
||
background-color:var(--tw-format-th-bg);
|
||
color: var(--tw-format-headings);
|
||
vertical-align: bottom;
|
||
padding: .555556em;
|
||
font-weight: 600
|
||
}
|
||
|
||
.format :where(tbody tr th p,tbody tr td p): not(:where([class~=not-format] *)) {
|
||
margin:0!important
|
||
}
|
||
|
||
.format :where(tbody tr th,tbody tr td): not(:where([class~=not-format] *)) {
|
||
padding:.666667em!important
|
||
}
|
||
|
||
.format :where(tbody tr): not(:where([class~=not-format] *)) {
|
||
border-bottom-width:1px;
|
||
border-bottom-color: var(--tw-format-td-borders)
|
||
}
|
||
|
||
.format :where(tbody tr: last-child):not(:where([class~=not-format] *)) {
|
||
border-bottom-width:0
|
||
}
|
||
|
||
.format :where(tbody td): not(:where([class~=not-format] *)) {
|
||
vertical-align:baseline
|
||
}
|
||
|
||
.format :where(tfoot): not(:where([class~=not-format] *)) {
|
||
border-top-width:1px;
|
||
border-top-color: var(--tw-format-th-borders)
|
||
}
|
||
|
||
.format :where(tfoot td): not(:where([class~=not-format] *)) {
|
||
vertical-align:top
|
||
}
|
||
|
||
.format :where(p): not(:where([class~=not-format] *)) {
|
||
margin-top:1.25em;
|
||
margin-bottom: 1.25em
|
||
}
|
||
|
||
.format :where(blockquote>p: first-child):not(:where([class~=not-format] *)) {
|
||
margin-top:0
|
||
}
|
||
|
||
.format :where(video): not(:where([class~=not-format] *)),.format :where(figure):not(:where([class~=not-format] *)) {
|
||
margin-top:2em;
|
||
margin-bottom: 2em
|
||
}
|
||
|
||
.format :where(li): not(:where([class~=not-format] *)) {
|
||
margin-top:.5em;
|
||
margin-bottom: .5em
|
||
}
|
||
|
||
.format :where(ol>li): not(:where([class~=not-format] *)),.format :where(ul>li):not(:where([class~=not-format] *)) {
|
||
padding-left:.375em
|
||
}
|
||
|
||
.format :where(.format>ul>li p): not(:where([class~=not-format] *)) {
|
||
margin-top:.75em;
|
||
margin-bottom: .75em
|
||
}
|
||
|
||
.format :where(.format>ul>li>: first-child):not(:where([class~=not-format] *)) {
|
||
margin-top:1.25em
|
||
}
|
||
|
||
.format :where(.format>ul>li>: last-child):not(:where([class~=not-format] *)) {
|
||
margin-bottom:1.25em
|
||
}
|
||
|
||
.format :where(.format>ol>li>: first-child):not(:where([class~=not-format] *)) {
|
||
margin-top:1.25em
|
||
}
|
||
|
||
.format :where(.format>ol>li>: last-child):not(:where([class~=not-format] *)) {
|
||
margin-bottom:1.25em
|
||
}
|
||
|
||
.format :where(ul ul,ul ol,ol ul,ol ol): not(:where([class~=not-format] *)) {
|
||
margin-top:.75em;
|
||
margin-bottom: .75em
|
||
}
|
||
|
||
.format :where(hr+*): not(:where([class~=not-format] *)),.format :where(h2+*):not(:where([class~=not-format] *)),.format :where(h3+*):not(:where([class~=not-format] *)),.format :where(h4+*):not(:where([class~=not-format] *)) {
|
||
margin-top:0
|
||
}
|
||
|
||
.format :where(thead th: last-child):not(:where([class~=not-format] *)) {
|
||
padding-right:0
|
||
}
|
||
|
||
.format :where(tbody td,tfoot td): not(:where([class~=not-format] *)) {
|
||
padding:.571429em
|
||
}
|
||
|
||
.format :where(tbody td: last-child,tfoot td:last-child):not(:where([class~=not-format] *)) {
|
||
padding-right:0
|
||
}
|
||
|
||
.format :where(.format>:first-child):not(:where([class~=not-format] *)) {
|
||
margin-top: 0
|
||
}
|
||
|
||
.format :where(.format>:last-child):not(:where([class~=not-format] *)) {
|
||
margin-bottom: 0
|
||
}
|
||
|
||
.m-0\.5 {
|
||
margin: calc(var(--spacing)*.5)
|
||
}
|
||
|
||
.m-2\.5 {
|
||
margin: calc(var(--spacing)*2.5)
|
||
}
|
||
|
||
.m-4 {
|
||
margin: calc(var(--spacing)*4)
|
||
}
|
||
|
||
.m-361 {
|
||
margin: calc(var(--spacing)*361)
|
||
}
|
||
|
||
.-mx-1\.5 {
|
||
margin-inline: calc(var(--spacing)*-1.5)
|
||
}
|
||
|
||
.mx-1 {
|
||
margin-inline:calc(var(--spacing)*1)}
|
||
|
||
.mx-1\.5 {
|
||
margin-inline: calc(var(--spacing)*1.5)
|
||
}
|
||
|
||
.mx-2 {
|
||
margin-inline:calc(var(--spacing)*2)}
|
||
|
||
.mx-4 {
|
||
margin-inline: calc(var(--spacing)*4)
|
||
}
|
||
|
||
.mx-auto {
|
||
margin-inline:auto}
|
||
|
||
.-my-1\.5 {
|
||
margin-block: calc(var(--spacing)*-1.5)
|
||
}
|
||
|
||
.my-2 {
|
||
margin-block:calc(var(--spacing)*2)}
|
||
|
||
.my-2\.5 {
|
||
margin-block: calc(var(--spacing)*2.5)
|
||
}
|
||
|
||
.my-3 {
|
||
margin-block:calc(var(--spacing)*3)}
|
||
|
||
.my-4 {
|
||
margin-block: calc(var(--spacing)*4)
|
||
}
|
||
|
||
.my-5 {
|
||
margin-block:calc(var(--spacing)*5)}
|
||
|
||
.my-6 {
|
||
margin-block: calc(var(--spacing)*6)
|
||
}
|
||
|
||
.my-7 {
|
||
margin-block:calc(var(--spacing)*7)}
|
||
|
||
.my-8 {
|
||
margin-block: calc(var(--spacing)*8)
|
||
}
|
||
|
||
.my-10 {
|
||
margin-block:calc(var(--spacing)*10)}
|
||
|
||
.my-12 {
|
||
margin-block: calc(var(--spacing)*12)
|
||
}
|
||
|
||
.-ms-1 {
|
||
margin-inline-start:calc(var(--spacing)*-1)}
|
||
|
||
.ms-0 {
|
||
margin-inline-start: calc(var(--spacing)*0)
|
||
}
|
||
|
||
.ms-0\.5 {
|
||
margin-inline-start: calc(var(--spacing)*.5)
|
||
}
|
||
|
||
.ms-1 {
|
||
margin-inline-start:calc(var(--spacing)*1)}
|
||
|
||
.ms-1\.5 {
|
||
margin-inline-start: calc(var(--spacing)*1.5)
|
||
}
|
||
|
||
.ms-2 {
|
||
margin-inline-start:calc(var(--spacing)*2)}
|
||
|
||
.ms-2\.5 {
|
||
margin-inline-start: calc(var(--spacing)*2.5)
|
||
}
|
||
|
||
.ms-3 {
|
||
margin-inline-start:calc(var(--spacing)*3)}
|
||
|
||
.ms-3\.5 {
|
||
margin-inline-start: calc(var(--spacing)*3.5)
|
||
}
|
||
|
||
.ms-4 {
|
||
margin-inline-start:calc(var(--spacing)*4)}
|
||
|
||
.ms-5 {
|
||
margin-inline-start: calc(var(--spacing)*5)
|
||
}
|
||
|
||
.ms-6 {
|
||
margin-inline-start:calc(var(--spacing)*6)}
|
||
|
||
.ms-8 {
|
||
margin-inline-start: calc(var(--spacing)*8)
|
||
}
|
||
|
||
.ms-auto {
|
||
margin-inline-start:auto}
|
||
|
||
.-me-0\.5 {
|
||
margin-inline-end: calc(var(--spacing)*-.5)
|
||
}
|
||
|
||
.me-1 {
|
||
margin-inline-end:calc(var(--spacing)*1)}
|
||
|
||
.me-1\.5 {
|
||
margin-inline-end: calc(var(--spacing)*1.5)
|
||
}
|
||
|
||
.me-2 {
|
||
margin-inline-end:calc(var(--spacing)*2)}
|
||
|
||
.me-2\.5 {
|
||
margin-inline-end: calc(var(--spacing)*2.5)
|
||
}
|
||
|
||
.me-3 {
|
||
margin-inline-end:calc(var(--spacing)*3)}
|
||
|
||
.me-4 {
|
||
margin-inline-end: calc(var(--spacing)*4)
|
||
}
|
||
|
||
.me-5 {
|
||
margin-inline-end:calc(var(--spacing)*5)}
|
||
|
||
.me-auto {
|
||
margin-inline-end: auto
|
||
}
|
||
|
||
.-mt-1 {
|
||
margin-top: calc(var(--spacing)*-1)
|
||
}
|
||
|
||
.-mt-5 {
|
||
margin-top: calc(var(--spacing)*-5)
|
||
}
|
||
|
||
.mt-0 {
|
||
margin-top: calc(var(--spacing)*0)
|
||
}
|
||
|
||
.mt-1 {
|
||
margin-top: calc(var(--spacing)*1)
|
||
}
|
||
|
||
.mt-1\.5 {
|
||
margin-top: calc(var(--spacing)*1.5)
|
||
}
|
||
|
||
.mt-2 {
|
||
margin-top: calc(var(--spacing)*2)
|
||
}
|
||
|
||
.mt-2\.5 {
|
||
margin-top: calc(var(--spacing)*2.5)
|
||
}
|
||
|
||
.mt-3 {
|
||
margin-top: calc(var(--spacing)*3)
|
||
}
|
||
|
||
.mt-4 {
|
||
margin-top: calc(var(--spacing)*4)
|
||
}
|
||
|
||
.mt-5 {
|
||
margin-top: calc(var(--spacing)*5)
|
||
}
|
||
|
||
.mt-6 {
|
||
margin-top: calc(var(--spacing)*6)
|
||
}
|
||
|
||
.mt-7 {
|
||
margin-top: calc(var(--spacing)*7)
|
||
}
|
||
|
||
.mt-8 {
|
||
margin-top: calc(var(--spacing)*8)
|
||
}
|
||
|
||
.mt-10 {
|
||
margin-top: calc(var(--spacing)*10)
|
||
}
|
||
|
||
.mt-14 {
|
||
margin-top: calc(var(--spacing)*14)
|
||
}
|
||
|
||
.mt-\[2px\] {
|
||
margin-top: 2px
|
||
}
|
||
|
||
.apexcharts-canvas .apexcharts-tooltip {
|
||
color: var(--color-gray-700)!important;
|
||
background-color: #fff!important;
|
||
border: 0!important;
|
||
border-radius: .25rem!important;
|
||
box-shadow: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important
|
||
}
|
||
|
||
.datatable-wrapper .datatable-top {
|
||
flex-direction: column-reverse;
|
||
justify-content: space-between;
|
||
align-items: start;
|
||
gap: 1rem;
|
||
margin-bottom: 1rem;
|
||
display: flex
|
||
}
|
||
|
||
@media (width>=640px) {
|
||
.datatable-wrapper .datatable-top {
|
||
flex-direction: row-reverse;
|
||
align-items: center
|
||
}
|
||
}
|
||
|
||
.datatable-wrapper .datatable-top .datatable-dropdown {
|
||
color: var(--color-gray-500);
|
||
font-size: .875rem
|
||
}
|
||
|
||
.datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector {
|
||
background-color: var(--color-gray-50);
|
||
color: var(--color-gray-900);
|
||
border: 1px solid var(--color-gray-300);
|
||
border-radius: .5rem;
|
||
min-width: 4rem;
|
||
margin-right: .25rem;
|
||
font-size: .875rem
|
||
}
|
||
|
||
.apexcharts-canvas .apexcharts-legend-series {
|
||
align-items: center!important;
|
||
margin-bottom: .25rem!important;
|
||
margin-left: .5rem!important;
|
||
margin-right: .5rem!important;
|
||
display: flex!important
|
||
}
|
||
|
||
[dir=rtl] .apexcharts-tooltip .apexcharts-tooltip-marker {
|
||
margin-right: 0!important;
|
||
margin-left: e!important
|
||
}
|
||
|
||
.-mr-1 {
|
||
margin-right: calc(var(--spacing)*-1)
|
||
}
|
||
|
||
.mr-1 {
|
||
margin-right: calc(var(--spacing)*1)
|
||
}
|
||
|
||
.mr-2 {
|
||
margin-right: calc(var(--spacing)*2)
|
||
}
|
||
|
||
.mr-3 {
|
||
margin-right: calc(var(--spacing)*3)
|
||
}
|
||
|
||
.mr-5 {
|
||
margin-right: calc(var(--spacing)*5)
|
||
}
|
||
|
||
.mr-8 {
|
||
margin-right: calc(var(--spacing)*8)
|
||
}
|
||
|
||
.mr-auto {
|
||
margin-right: auto
|
||
}
|
||
|
||
.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
|
||
background-color: var(--color-gray-100)!important;
|
||
border-bottom-color: var(--color-gray-200)!important;
|
||
color: var(--color-gray-500)!important;
|
||
margin-bottom: .75rem!important;
|
||
padding: .5rem .75rem!important;
|
||
font-size: .875rem!important;
|
||
font-weight: 400!important
|
||
}
|
||
|
||
.-mb-5 {
|
||
margin-bottom: calc(var(--spacing)*-5)
|
||
}
|
||
|
||
.-mb-px {
|
||
margin-bottom: -1px
|
||
}
|
||
|
||
.mb-0 {
|
||
margin-bottom: calc(var(--spacing)*0)
|
||
}
|
||
|
||
.mb-1 {
|
||
margin-bottom: calc(var(--spacing)*1)
|
||
}
|
||
|
||
.mb-1\.5 {
|
||
margin-bottom: calc(var(--spacing)*1.5)
|
||
}
|
||
|
||
.mb-2 {
|
||
margin-bottom: calc(var(--spacing)*2)
|
||
}
|
||
|
||
.mb-2\.5 {
|
||
margin-bottom: calc(var(--spacing)*2.5)
|
||
}
|
||
|
||
.mb-3 {
|
||
margin-bottom: calc(var(--spacing)*3)
|
||
}
|
||
|
||
.mb-4 {
|
||
margin-bottom: calc(var(--spacing)*4)
|
||
}
|
||
|
||
.mb-5 {
|
||
margin-bottom: calc(var(--spacing)*5)
|
||
}
|
||
|
||
.mb-6 {
|
||
margin-bottom: calc(var(--spacing)*6)
|
||
}
|
||
|
||
.mb-7 {
|
||
margin-bottom: calc(var(--spacing)*7)
|
||
}
|
||
|
||
.mb-8 {
|
||
margin-bottom: calc(var(--spacing)*8)
|
||
}
|
||
|
||
.mb-10 {
|
||
margin-bottom: calc(var(--spacing)*10)
|
||
}
|
||
|
||
.mb-px {
|
||
margin-bottom: 1px
|
||
}
|
||
|
||
.apexcharts-canvas .apexcharts-xaxistooltip {
|
||
color: var(--color-gray-500)!important;
|
||
background-color: #fff!important;
|
||
border-color: #0000!important;
|
||
border-radius: .25rem!important;
|
||
padding: .5rem .75rem!important;
|
||
box-shadow: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important
|
||
}
|
||
|
||
.apexcharts-canvas .apexcharts-xaxistooltip:after,.apexcharts-canvas .apexcharts-xaxistooltip:before {
|
||
border-bottom-color: #fff!important
|
||
}
|
||
|
||
.apexcharts-canvas .apexcharts-xaxistooltip:after {
|
||
border-width: 8px!important;
|
||
margin-left: -8px!important
|
||
}
|
||
|
||
.apexcharts-canvas .apexcharts-xaxistooltip:before {
|
||
border-width: 10px!important;
|
||
margin-left: -10px!important
|
||
}
|
||
|
||
.-ml-1 {
|
||
margin-left: calc(var(--spacing)*-1)
|
||
}
|
||
|
||
.ml-0 {
|
||
margin-left: calc(var(--spacing)*0)
|
||
}
|
||
|
||
.ml-1 {
|
||
margin-left: calc(var(--spacing)*1)
|
||
}
|
||
|
||
.ml-1\.5 {
|
||
margin-left: calc(var(--spacing)*1.5)
|
||
}
|
||
|
||
.ml-2 {
|
||
margin-left: calc(var(--spacing)*2)
|
||
}
|
||
|
||
.ml-2\.5 {
|
||
margin-left: calc(var(--spacing)*2.5)
|
||
}
|
||
|
||
.ml-3 {
|
||
margin-left: calc(var(--spacing)*3)
|
||
}
|
||
|
||
.ml-6 {
|
||
margin-left: calc(var(--spacing)*6)
|
||
}
|
||
|
||
.ml-auto {
|
||
margin-left: auto
|
||
}
|
||
|
||
.datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list {
|
||
align-items: center;
|
||
height: 2rem;
|
||
font-size: .875rem;
|
||
display: flex
|
||
}
|
||
|
||
.block {
|
||
display: block
|
||
}
|
||
|
||
.contents {
|
||
display: contents
|
||
}
|
||
|
||
.flex {
|
||
display: flex
|
||
}
|
||
|
||
.flow-root {
|
||
display: flow-root
|
||
}
|
||
|
||
.grid {
|
||
display: grid
|
||
}
|
||
|
||
.hidden {
|
||
display: none
|
||
}
|
||
|
||
.inline {
|
||
display: inline
|
||
}
|
||
|
||
.inline-block {
|
||
display: inline-block
|
||
}
|
||
|
||
.inline-flex {
|
||
display: inline-flex
|
||
}
|
||
|
||
.table {
|
||
display: table
|
||
}
|
||
|
||
.h-0 {
|
||
height: calc(var(--spacing)*0)
|
||
}
|
||
|
||
.h-0\.5 {
|
||
height: calc(var(--spacing)*.5)
|
||
}
|
||
|
||
.h-1 {
|
||
height: calc(var(--spacing)*1)
|
||
}
|
||
|
||
.h-1\.5 {
|
||
height: calc(var(--spacing)*1.5)
|
||
}
|
||
|
||
.h-2 {
|
||
height: calc(var(--spacing)*2)
|
||
}
|
||
|
||
.h-2\.5 {
|
||
height: calc(var(--spacing)*2.5)
|
||
}
|
||
|
||
.h-3 {
|
||
height: calc(var(--spacing)*3)
|
||
}
|
||
|
||
.h-3\.5 {
|
||
height: calc(var(--spacing)*3.5)
|
||
}
|
||
|
||
.h-4 {
|
||
height: calc(var(--spacing)*4)
|
||
}
|
||
|
||
.h-4\.5 {
|
||
height: calc(var(--spacing)*4.5)
|
||
}
|
||
|
||
.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-11 {
|
||
height: calc(var(--spacing)*11)
|
||
}
|
||
|
||
.h-12 {
|
||
height: calc(var(--spacing)*12)
|
||
}
|
||
|
||
.h-14 {
|
||
height: calc(var(--spacing)*14)
|
||
}
|
||
|
||
.h-16 {
|
||
height: calc(var(--spacing)*16)
|
||
}
|
||
|
||
.h-20 {
|
||
height: calc(var(--spacing)*20)
|
||
}
|
||
|
||
.h-24 {
|
||
height: calc(var(--spacing)*24)
|
||
}
|
||
|
||
.h-28 {
|
||
height: calc(var(--spacing)*28)
|
||
}
|
||
|
||
.h-36 {
|
||
height: calc(var(--spacing)*36)
|
||
}
|
||
|
||
.h-48 {
|
||
height: calc(var(--spacing)*48)
|
||
}
|
||
|
||
.h-56 {
|
||
height: calc(var(--spacing)*56)
|
||
}
|
||
|
||
.h-64 {
|
||
height: calc(var(--spacing)*64)
|
||
}
|
||
|
||
.h-72 {
|
||
height: calc(var(--spacing)*72)
|
||
}
|
||
|
||
.h-80 {
|
||
height: calc(var(--spacing)*80)
|
||
}
|
||
|
||
.h-96 {
|
||
height: calc(var(--spacing)*96)
|
||
}
|
||
|
||
.h-\[1\.1rem\] {
|
||
height: 1.1rem
|
||
}
|
||
|
||
.h-\[5px\] {
|
||
height: 5px
|
||
}
|
||
|
||
.h-\[24px\] {
|
||
height: 24px
|
||
}
|
||
|
||
.h-\[32px\] {
|
||
height: 32px
|
||
}
|
||
|
||
.h-\[41px\] {
|
||
height: 41px
|
||
}
|
||
|
||
.h-\[46px\] {
|
||
height: 46px
|
||
}
|
||
|
||
.h-\[48px\] {
|
||
height: 48px
|
||
}
|
||
|
||
.h-\[52px\] {
|
||
height: 52px
|
||
}
|
||
|
||
.h-\[55px\] {
|
||
height: 55px
|
||
}
|
||
|
||
.h-\[63px\] {
|
||
height: 63px
|
||
}
|
||
|
||
.h-\[64px\] {
|
||
height: 64px
|
||
}
|
||
|
||
.h-\[140px\] {
|
||
height: 140px
|
||
}
|
||
|
||
.h-\[156px\] {
|
||
height: 156px
|
||
}
|
||
|
||
.h-\[172px\] {
|
||
height: 172px
|
||
}
|
||
|
||
.h-\[17px\] {
|
||
height: 17px
|
||
}
|
||
|
||
.h-\[18px\] {
|
||
height: 18px
|
||
}
|
||
|
||
.h-\[56px\] {
|
||
height: 56px
|
||
}
|
||
|
||
.h-\[78px\] {
|
||
height: 78px
|
||
}
|
||
|
||
.h-\[193px\] {
|
||
height: 193px
|
||
}
|
||
|
||
.h-\[213px\] {
|
||
height: 213px
|
||
}
|
||
|
||
.h-\[426px\] {
|
||
height: 426px
|
||
}
|
||
|
||
.h-\[454px\] {
|
||
height: 454px
|
||
}
|
||
|
||
.h-\[572px\] {
|
||
height: 572px
|
||
}
|
||
|
||
.h-\[600px\] {
|
||
height: 600px
|
||
}
|
||
|
||
.h-\[calc\(100\%-1rem\)\] {
|
||
height: calc(100% - 1rem)
|
||
}
|
||
|
||
.h-\[calc\(100vh-5rem\)\] {
|
||
height: calc(100vh - 5rem)
|
||
}
|
||
|
||
.h-auto {
|
||
height: auto
|
||
}
|
||
|
||
.h-full {
|
||
height: 100%
|
||
}
|
||
|
||
.h-px {
|
||
height: 1px
|
||
}
|
||
|
||
.h-screen {
|
||
height: 100vh
|
||
}
|
||
|
||
.max-h-72 {
|
||
max-height: calc(var(--spacing)*72)
|
||
}
|
||
|
||
.max-h-\[48px\] {
|
||
max-height: 48px
|
||
}
|
||
|
||
.max-h-full {
|
||
max-height: 100%
|
||
}
|
||
|
||
.datatable-wrapper .datatable-table {
|
||
width: 100%;
|
||
color: var(--color-gray-500);
|
||
text-align: left;
|
||
font-size: .875rem
|
||
}
|
||
|
||
.datatable-wrapper .datatable-table thead {
|
||
color: var(--color-gray-500);
|
||
background-color: var(--color-gray-50);
|
||
font-size: .75rem
|
||
}
|
||
|
||
.datatable-wrapper .datatable-table thead th {
|
||
white-space: nowrap;
|
||
padding: .75rem 1.5rem;
|
||
width: auto!important
|
||
}
|
||
|
||
.datatable-wrapper .datatable-table tbody th,.datatable-wrapper .datatable-table tbody td {
|
||
padding: .75rem 1.5rem;
|
||
width: auto!important
|
||
}
|
||
|
||
.datatable-wrapper .datatable-table thead th .datatable-sorter,.datatable-wrapper .datatable-table thead th {
|
||
text-transform: uppercase
|
||
}
|
||
|
||
.datatable-wrapper .datatable-table tbody tr {
|
||
border-bottom: 1px solid var(--color-gray-200)
|
||
}
|
||
|
||
.w-1 {
|
||
width: calc(var(--spacing)*1)
|
||
}
|
||
|
||
.w-1\/2 {
|
||
width: 50%
|
||
}
|
||
|
||
.w-2 {
|
||
width: calc(var(--spacing)*2)
|
||
}
|
||
|
||
.w-2\.5 {
|
||
width: calc(var(--spacing)*2.5)
|
||
}
|
||
|
||
.w-2\/4 {
|
||
width: 50%
|
||
}
|
||
|
||
.w-3 {
|
||
width: calc(var(--spacing)*3)
|
||
}
|
||
|
||
.w-3\.5 {
|
||
width: calc(var(--spacing)*3.5)
|
||
}
|
||
|
||
.w-4 {
|
||
width: calc(var(--spacing)*4)
|
||
}
|
||
|
||
.w-4\.5 {
|
||
width: calc(var(--spacing)*4.5)
|
||
}
|
||
|
||
.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-9 {
|
||
width: calc(var(--spacing)*9)
|
||
}
|
||
|
||
.w-10 {
|
||
width: calc(var(--spacing)*10)
|
||
}
|
||
|
||
.w-11 {
|
||
width: calc(var(--spacing)*11)
|
||
}
|
||
|
||
.w-12 {
|
||
width: calc(var(--spacing)*12)
|
||
}
|
||
|
||
.w-14 {
|
||
width: calc(var(--spacing)*14)
|
||
}
|
||
|
||
.w-16 {
|
||
width: calc(var(--spacing)*16)
|
||
}
|
||
|
||
.w-20 {
|
||
width: calc(var(--spacing)*20)
|
||
}
|
||
|
||
.w-24 {
|
||
width: calc(var(--spacing)*24)
|
||
}
|
||
|
||
.w-32 {
|
||
width: calc(var(--spacing)*32)
|
||
}
|
||
|
||
.w-36 {
|
||
width: calc(var(--spacing)*36)
|
||
}
|
||
|
||
.w-40 {
|
||
width: calc(var(--spacing)*40)
|
||
}
|
||
|
||
.w-44 {
|
||
width: calc(var(--spacing)*44)
|
||
}
|
||
|
||
.w-48 {
|
||
width: calc(var(--spacing)*48)
|
||
}
|
||
|
||
.w-52 {
|
||
width: calc(var(--spacing)*52)
|
||
}
|
||
|
||
.w-56 {
|
||
width: calc(var(--spacing)*56)
|
||
}
|
||
|
||
.w-60 {
|
||
width: calc(var(--spacing)*60)
|
||
}
|
||
|
||
.w-64 {
|
||
width: calc(var(--spacing)*64)
|
||
}
|
||
|
||
.w-72 {
|
||
width: calc(var(--spacing)*72)
|
||
}
|
||
|
||
.w-80 {
|
||
width: calc(var(--spacing)*80)
|
||
}
|
||
|
||
.w-96 {
|
||
width: calc(var(--spacing)*96)
|
||
}
|
||
|
||
.w-\[1\.1rem\] {
|
||
width: 1.1rem
|
||
}
|
||
|
||
.w-\[208px\] {
|
||
width: 208px
|
||
}
|
||
|
||
.w-\[272px\] {
|
||
width: 272px
|
||
}
|
||
|
||
.w-\[300px\] {
|
||
width: 300px
|
||
}
|
||
|
||
.w-\[3px\] {
|
||
width: 3px
|
||
}
|
||
|
||
.w-\[6px\] {
|
||
width: 6px
|
||
}
|
||
|
||
.w-\[16rem\] {
|
||
width: 16rem
|
||
}
|
||
|
||
.w-\[48px\] {
|
||
width: 48px
|
||
}
|
||
|
||
.w-\[52px\] {
|
||
width: 52px
|
||
}
|
||
|
||
.w-\[56px\] {
|
||
width: 56px
|
||
}
|
||
|
||
.w-\[145px\] {
|
||
width: 145px
|
||
}
|
||
|
||
.w-\[148px\] {
|
||
width: 148px
|
||
}
|
||
|
||
.w-\[188px\] {
|
||
width: 188px
|
||
}
|
||
|
||
.w-\[calc\(100\%-2rem\)\] {
|
||
width: calc(100% - 2rem)
|
||
}
|
||
|
||
.w-auto {
|
||
width: auto
|
||
}
|
||
|
||
.w-full {
|
||
width: 100%
|
||
}
|
||
|
||
.w-px {
|
||
width: 1px
|
||
}
|
||
|
||
.max-w-2xl {
|
||
max-width: var(--container-2xl)
|
||
}
|
||
|
||
.max-w-2xs {
|
||
max-width: var(--container-2xs)
|
||
}
|
||
|
||
.max-w-4xl {
|
||
max-width: var(--container-4xl)
|
||
}
|
||
|
||
.max-w-7xl {
|
||
max-width: var(--container-7xl)
|
||
}
|
||
|
||
.max-w-8xl {
|
||
max-width: var(--spacing-8xl)
|
||
}
|
||
|
||
.max-w-\[2\.5rem\] {
|
||
max-width: 2.5rem
|
||
}
|
||
|
||
.max-w-\[7rem\] {
|
||
max-width: 7rem
|
||
}
|
||
|
||
.max-w-\[8\.5rem\] {
|
||
max-width: 8.5rem
|
||
}
|
||
|
||
.max-w-\[8rem\] {
|
||
max-width: 8rem
|
||
}
|
||
|
||
.max-w-\[11rem\] {
|
||
max-width: 11rem
|
||
}
|
||
|
||
.max-w-\[23rem\] {
|
||
max-width: 23rem
|
||
}
|
||
|
||
.max-w-\[24rem\] {
|
||
max-width: 24rem
|
||
}
|
||
|
||
.max-w-\[48px\] {
|
||
max-width: 48px
|
||
}
|
||
|
||
.max-w-\[128px\] {
|
||
max-width: 128px
|
||
}
|
||
|
||
.max-w-\[133px\] {
|
||
max-width: 133px
|
||
}
|
||
|
||
.max-w-\[13rem\] {
|
||
max-width: 13rem
|
||
}
|
||
|
||
.max-w-\[16rem\] {
|
||
max-width: 16rem
|
||
}
|
||
|
||
.max-w-\[18rem\] {
|
||
max-width: 18rem
|
||
}
|
||
|
||
.max-w-\[83px\] {
|
||
max-width: 83px
|
||
}
|
||
|
||
.max-w-\[300px\] {
|
||
max-width: 300px
|
||
}
|
||
|
||
.max-w-\[301px\] {
|
||
max-width: 301px
|
||
}
|
||
|
||
.max-w-\[320px\] {
|
||
max-width: 320px
|
||
}
|
||
|
||
.max-w-\[326px\] {
|
||
max-width: 326px
|
||
}
|
||
|
||
.max-w-\[330px\] {
|
||
max-width: 330px
|
||
}
|
||
|
||
.max-w-\[341px\] {
|
||
max-width: 341px
|
||
}
|
||
|
||
.max-w-\[351px\] {
|
||
max-width: 351px
|
||
}
|
||
|
||
.max-w-\[360px\] {
|
||
max-width: 360px
|
||
}
|
||
|
||
.max-w-\[380px\] {
|
||
max-width: 380px
|
||
}
|
||
|
||
.max-w-\[400px\] {
|
||
max-width: 400px
|
||
}
|
||
|
||
.max-w-\[440px\] {
|
||
max-width: 440px
|
||
}
|
||
|
||
.max-w-\[450px\] {
|
||
max-width: 450px
|
||
}
|
||
|
||
.max-w-\[460px\] {
|
||
max-width: 460px
|
||
}
|
||
|
||
.max-w-\[480px\] {
|
||
max-width: 480px
|
||
}
|
||
|
||
.max-w-\[500px\] {
|
||
max-width: 500px
|
||
}
|
||
|
||
.max-w-\[540px\] {
|
||
max-width: 540px
|
||
}
|
||
|
||
.max-w-\[640px\] {
|
||
max-width: 640px
|
||
}
|
||
|
||
.max-w-full {
|
||
max-width: 100%
|
||
}
|
||
|
||
.max-w-lg {
|
||
max-width: var(--container-lg)
|
||
}
|
||
|
||
.max-w-md {
|
||
max-width: var(--container-md)
|
||
}
|
||
|
||
.max-w-none {
|
||
max-width: none
|
||
}
|
||
|
||
.max-w-screen-md {
|
||
max-width: var(--breakpoint-md)
|
||
}
|
||
|
||
.max-w-screen-xl {
|
||
max-width: var(--breakpoint-xl)
|
||
}
|
||
|
||
.max-w-sm {
|
||
max-width: var(--container-sm)
|
||
}
|
||
|
||
.max-w-xl {
|
||
max-width: var(--container-xl)
|
||
}
|
||
|
||
.max-w-xs {
|
||
max-width: var(--container-xs)
|
||
}
|
||
|
||
.datatable-wrapper .datatable-search .datatable-input,.datatable-wrapper .datatable-input {
|
||
color: var(--color-gray-900);
|
||
border: 1px solid var(--color-gray-300);
|
||
background-color: var(--color-gray-50);
|
||
border-radius: .5rem;
|
||
min-width: 16rem;
|
||
font-size: .875rem
|
||
}
|
||
|
||
.datatable-wrapper thead th .datatable-input {
|
||
color: var(--color-gray-900);
|
||
background-color: #fff;
|
||
min-width: 0;
|
||
padding-top: .35rem;
|
||
padding-bottom: .35rem;
|
||
font-weight: 400
|
||
}
|
||
|
||
.datatable-wrapper .datatable-search .datatable-input {
|
||
color: var(--color-gray-900);
|
||
border: 1px solid var(--color-gray-300);
|
||
background-color: var(--color-gray-50);
|
||
border-radius: .5rem;
|
||
min-width: 16rem;
|
||
font-size: .875rem
|
||
}
|
||
|
||
.dark .datatable-wrapper .datatable-search .datatable-input {
|
||
color: #fff;
|
||
background-color: var(--color-gray-800);
|
||
border: 1px solid var(--color-gray-700)
|
||
}
|
||
|
||
.datatable-wrapper .datatable-search .datatable-input:focus {
|
||
border-color: var(--color-blue-600)
|
||
}
|
||
|
||
.min-w-0 {
|
||
min-width: calc(var(--spacing)*0)
|
||
}
|
||
|
||
.min-w-\[4rem\] {
|
||
min-width: 4rem
|
||
}
|
||
|
||
.min-w-max {
|
||
min-width: -moz-max-content;
|
||
min-width: max-content
|
||
}
|
||
|
||
.flex-1 {
|
||
flex: 1
|
||
}
|
||
|
||
.flex-auto {
|
||
flex: auto
|
||
}
|
||
|
||
.flex-none {
|
||
flex: none
|
||
}
|
||
|
||
.flex-shrink {
|
||
flex-shrink: 1
|
||
}
|
||
|
||
.shrink-0 {
|
||
flex-shrink: 0
|
||
}
|
||
|
||
.grow {
|
||
flex-grow: 1
|
||
}
|
||
|
||
.origin-\[0\] {
|
||
transform-origin: 0
|
||
}
|
||
|
||
.-translate-x-1\/2 {
|
||
--tw-translate-x: calc(calc(1/2*100%)*-1);
|
||
translate: var(--tw-translate-x)var(--tw-translate-y)
|
||
}
|
||
|
||
.-translate-x-full {
|
||
--tw-translate-x: -100%;
|
||
translate: var(--tw-translate-x)var(--tw-translate-y)
|
||
}
|
||
|
||
.-translate-y-1\/2 {
|
||
--tw-translate-y: calc(calc(1/2*100%)*-1);
|
||
translate: var(--tw-translate-x)var(--tw-translate-y)
|
||
}
|
||
|
||
.-translate-y-3 {
|
||
--tw-translate-y: calc(var(--spacing)*-3);
|
||
translate: var(--tw-translate-x)var(--tw-translate-y)
|
||
}
|
||
|
||
.-translate-y-4 {
|
||
--tw-translate-y: calc(var(--spacing)*-4);
|
||
translate: var(--tw-translate-x)var(--tw-translate-y)
|
||
}
|
||
|
||
.-translate-y-6 {
|
||
--tw-translate-y: calc(var(--spacing)*-6);
|
||
translate: var(--tw-translate-x)var(--tw-translate-y)
|
||
}
|
||
|
||
.-translate-y-full {
|
||
--tw-translate-y: -100%;
|
||
translate: var(--tw-translate-x)var(--tw-translate-y)
|
||
}
|
||
|
||
.translate-x-0 {
|
||
--tw-translate-x: calc(var(--spacing)*0);
|
||
translate: var(--tw-translate-x)var(--tw-translate-y)
|
||
}
|
||
|
||
.translate-x-1\/2 {
|
||
--tw-translate-x: calc(1/2*100%);
|
||
translate: var(--tw-translate-x)var(--tw-translate-y)
|
||
}
|
||
|
||
.translate-x-full {
|
||
--tw-translate-x: 100%;
|
||
translate: var(--tw-translate-x)var(--tw-translate-y)
|
||
}
|
||
|
||
.translate-y-1\/2 {
|
||
--tw-translate-y: calc(1/2*100%);
|
||
translate: var(--tw-translate-x)var(--tw-translate-y)
|
||
}
|
||
|
||
.translate-y-1\/4 {
|
||
--tw-translate-y: calc(1/4*100%);
|
||
translate: var(--tw-translate-x)var(--tw-translate-y)
|
||
}
|
||
|
||
.translate-y-full {
|
||
--tw-translate-y: 100%;
|
||
translate: var(--tw-translate-x)var(--tw-translate-y)
|
||
}
|
||
|
||
.scale-75 {
|
||
--tw-scale-x: 75%;
|
||
--tw-scale-y: 75%;
|
||
--tw-scale-z: 75%;
|
||
scale: var(--tw-scale-x)var(--tw-scale-y)
|
||
}
|
||
|
||
.rotate-45 {
|
||
rotate: 45deg
|
||
}
|
||
|
||
.rotate-90 {
|
||
rotate: 90deg
|
||
}
|
||
|
||
.rotate-180 {
|
||
rotate: 180deg
|
||
}
|
||
|
||
.transform {
|
||
transform: var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)
|
||
}
|
||
|
||
.transform-none {
|
||
transform: none
|
||
}
|
||
|
||
.animate-pulse {
|
||
animation: var(--animate-pulse)
|
||
}
|
||
|
||
.animate-spin {
|
||
animation: var(--animate-spin)
|
||
}
|
||
|
||
.cursor-not-allowed {
|
||
cursor: not-allowed
|
||
}
|
||
|
||
.cursor-pointer {
|
||
cursor: pointer
|
||
}
|
||
|
||
.list-inside {
|
||
list-style-position: inside
|
||
}
|
||
|
||
.list-decimal {
|
||
list-style-type: decimal
|
||
}
|
||
|
||
.list-disc {
|
||
list-style-type: disc
|
||
}
|
||
|
||
.list-none {
|
||
list-style-type: none
|
||
}
|
||
|
||
.appearance-none {
|
||
-webkit-appearance: none;
|
||
-moz-appearance: none;
|
||
appearance: none
|
||
}
|
||
|
||
.grid-cols-1 {
|
||
grid-template-columns: repeat(1,minmax(0,1fr))
|
||
}
|
||
|
||
.grid-cols-2 {
|
||
grid-template-columns: repeat(2,minmax(0,1fr))
|
||
}
|
||
|
||
.grid-cols-3 {
|
||
grid-template-columns: repeat(3,minmax(0,1fr))
|
||
}
|
||
|
||
.grid-cols-4 {
|
||
grid-template-columns: repeat(4,minmax(0,1fr))
|
||
}
|
||
|
||
.grid-cols-5 {
|
||
grid-template-columns: repeat(5,minmax(0,1fr))
|
||
}
|
||
|
||
.grid-cols-6 {
|
||
grid-template-columns: repeat(6,minmax(0,1fr))
|
||
}
|
||
|
||
.grid-cols-7 {
|
||
grid-template-columns: repeat(7,minmax(0,1fr))
|
||
}
|
||
|
||
.grid-cols-8 {
|
||
grid-template-columns: repeat(8,minmax(0,1fr))
|
||
}
|
||
|
||
.grid-cols-10 {
|
||
grid-template-columns: repeat(10,minmax(0,1fr))
|
||
}
|
||
|
||
.flex-col {
|
||
flex-direction: column
|
||
}
|
||
|
||
.flex-row {
|
||
flex-direction: row
|
||
}
|
||
|
||
.flex-wrap {
|
||
flex-wrap: wrap
|
||
}
|
||
|
||
.items-baseline {
|
||
align-items: baseline
|
||
}
|
||
|
||
.items-center {
|
||
align-items: center
|
||
}
|
||
|
||
.items-end {
|
||
align-items: flex-end
|
||
}
|
||
|
||
.items-start {
|
||
align-items: flex-start
|
||
}
|
||
|
||
.justify-between {
|
||
justify-content: space-between
|
||
}
|
||
|
||
.justify-center {
|
||
justify-content: center
|
||
}
|
||
|
||
.justify-end {
|
||
justify-content: flex-end
|
||
}
|
||
|
||
.justify-start {
|
||
justify-content: flex-start
|
||
}
|
||
|
||
.gap-1 {
|
||
gap: calc(var(--spacing)*1)
|
||
}
|
||
|
||
.gap-2 {
|
||
gap: calc(var(--spacing)*2)
|
||
}
|
||
|
||
.gap-2\.5 {
|
||
gap: calc(var(--spacing)*2.5)
|
||
}
|
||
|
||
.gap-3 {
|
||
gap: calc(var(--spacing)*3)
|
||
}
|
||
|
||
.gap-4 {
|
||
gap: calc(var(--spacing)*4)
|
||
}
|
||
|
||
.gap-5 {
|
||
gap: calc(var(--spacing)*5)
|
||
}
|
||
|
||
.gap-6 {
|
||
gap: calc(var(--spacing)*6)
|
||
}
|
||
|
||
.gap-8 {
|
||
gap: calc(var(--spacing)*8)
|
||
}
|
||
|
||
.gap-12 {
|
||
gap: calc(var(--spacing)*12)
|
||
}
|
||
|
||
.gap-16 {
|
||
gap: calc(var(--spacing)*16)
|
||
}
|
||
|
||
.gap-x-4 {
|
||
-moz-column-gap: calc(var(--spacing)*4);
|
||
column-gap: calc(var(--spacing)*4)
|
||
}
|
||
|
||
.gap-x-16 {
|
||
-moz-column-gap: calc(var(--spacing)*16);
|
||
column-gap: calc(var(--spacing)*16)
|
||
}
|
||
|
||
:where(.space-y-0\.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-1>:not(:last-child)) {
|
||
--tw-space-y-reverse: 0;
|
||
margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))
|
||
}
|
||
|
||
:where(.space-y-1\.5>: not(:last-child)) {
|
||
--tw-space-y-reverse:0;
|
||
margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))
|
||
}
|
||
|
||
: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-2\.5>: not(:last-child)) {
|
||
--tw-space-y-reverse:0;
|
||
margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing)*2.5)*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-8>:not(:last-child)) {
|
||
--tw-space-y-reverse: 0;
|
||
margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))
|
||
}
|
||
|
||
:where(.-space-x-3>:not(:last-child)) {
|
||
--tw-space-x-reverse: 0;
|
||
margin-inline-start:calc(calc(var(--spacing)*-3)*var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing)*-3)*calc(1 - var(--tw-space-x-reverse)))
|
||
}
|
||
|
||
:where(.-space-x-4>:not(:last-child)) {
|
||
--tw-space-x-reverse: 0;
|
||
margin-inline-start:calc(calc(var(--spacing)*-4)*var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing)*-4)*calc(1 - var(--tw-space-x-reverse)))
|
||
}
|
||
|
||
:where(.-space-x-px>:not(:last-child)) {
|
||
--tw-space-x-reverse: 0;
|
||
margin-inline-start:calc(-1px*var(--tw-space-x-reverse));margin-inline-end: calc(-1px*calc(1 - var(--tw-space-x-reverse)))
|
||
}
|
||
|
||
.gap-y-3 {
|
||
row-gap: calc(var(--spacing)*3)
|
||
}
|
||
|
||
:where(.space-x-0>:not(:last-child)) {
|
||
--tw-space-x-reverse: 0;
|
||
margin-inline-start:calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))
|
||
}
|
||
|
||
:where(.space-x-0\.5>: not(:last-child)) {
|
||
--tw-space-x-reverse:0;
|
||
margin-inline-start:calc(calc(var(--spacing)*.5)*var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing)*.5)*calc(1 - var(--tw-space-x-reverse)))
|
||
}
|
||
|
||
:where(.space-x-1>:not(:last-child)) {
|
||
--tw-space-x-reverse: 0;
|
||
margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))
|
||
}
|
||
|
||
:where(.space-x-1\.5>: not(:last-child)) {
|
||
--tw-space-x-reverse:0;
|
||
margin-inline-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-x-reverse)))
|
||
}
|
||
|
||
:where(.space-x-2>:not(:last-child)) {
|
||
--tw-space-x-reverse: 0;
|
||
margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))
|
||
}
|
||
|
||
:where(.space-x-2\.5>: not(:last-child)) {
|
||
--tw-space-x-reverse:0;
|
||
margin-inline-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-x-reverse)))
|
||
}
|
||
|
||
:where(.space-x-3>:not(:last-child)) {
|
||
--tw-space-x-reverse: 0;
|
||
margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))
|
||
}
|
||
|
||
:where(.space-x-4>:not(:last-child)) {
|
||
--tw-space-x-reverse: 0;
|
||
margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))
|
||
}
|
||
|
||
:where(.space-x-5>:not(:last-child)) {
|
||
--tw-space-x-reverse: 0;
|
||
margin-inline-start:calc(calc(var(--spacing)*5)*var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-x-reverse)))
|
||
}
|
||
|
||
:where(.space-x-6>:not(:last-child)) {
|
||
--tw-space-x-reverse: 0;
|
||
margin-inline-start:calc(calc(var(--spacing)*6)*var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-x-reverse)))
|
||
}
|
||
|
||
:where(.space-x-8>:not(:last-child)) {
|
||
--tw-space-x-reverse: 0;
|
||
margin-inline-start:calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));margin-inline-end: calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))
|
||
}
|
||
|
||
:where(.divide-x>:not(:last-child)) {
|
||
--tw-divide-x-reverse: 0;
|
||
border-inline-style:var(--tw-border-style);border-inline-start-width: calc(1px*var(--tw-divide-x-reverse));
|
||
border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}
|
||
|
||
: where(.divide-x-2>:not(:last-child)) {
|
||
--tw-divide-x-reverse:0;
|
||
border-inline-style:var(--tw-border-style);border-inline-start-width: calc(2px*var(--tw-divide-x-reverse));
|
||
border-inline-end-width:calc(2px*calc(1 - var(--tw-divide-x-reverse)))}
|
||
|
||
: where(.divide-y>:not(:last-child)) {
|
||
--tw-divide-y-reverse:0;
|
||
border-bottom-style: var(--tw-border-style);
|
||
border-top-style: var(--tw-border-style);
|
||
border-top-width: calc(1px*var(--tw-divide-y-reverse));
|
||
border-bottom-width: calc(1px*calc(1 - var(--tw-divide-y-reverse)))
|
||
}
|
||
|
||
:where(.divide-gray-100>:not(:last-child)) {
|
||
border-color: var(--color-gray-100)
|
||
}
|
||
|
||
:where(.divide-gray-200>:not(:last-child)) {
|
||
border-color: var(--color-gray-200)
|
||
}
|
||
|
||
:where(.divide-gray-300>:not(:last-child)) {
|
||
border-color: var(--color-gray-300)
|
||
}
|
||
|
||
:where(.divide-gray-500>:not(:last-child)) {
|
||
border-color: var(--color-gray-500)
|
||
}
|
||
|
||
.place-self-center {
|
||
place-self: center
|
||
}
|
||
|
||
.self-center {
|
||
align-self: center
|
||
}
|
||
|
||
.truncate {
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
overflow: hidden
|
||
}
|
||
|
||
.overflow-hidden {
|
||
overflow: hidden
|
||
}
|
||
|
||
.overflow-scroll {
|
||
overflow: scroll
|
||
}
|
||
|
||
.datatable-wrapper .datatable-container,.overflow-x-auto {
|
||
overflow-x: auto
|
||
}
|
||
|
||
.overflow-x-hidden {
|
||
overflow-x: hidden
|
||
}
|
||
|
||
.overflow-y-auto {
|
||
overflow-y: auto
|
||
}
|
||
|
||
.overflow-y-scroll {
|
||
overflow-y: scroll
|
||
}
|
||
|
||
.rounded {
|
||
border-radius: .25rem
|
||
}
|
||
|
||
.rounded-\[2\.5rem\] {
|
||
border-radius: 2.5rem
|
||
}
|
||
|
||
.rounded-\[2rem\] {
|
||
border-radius: 2rem
|
||
}
|
||
|
||
.rounded-full {
|
||
border-radius: 3.40282e38px
|
||
}
|
||
|
||
.rounded-lg {
|
||
border-radius: var(--radius-lg)
|
||
}
|
||
|
||
.rounded-md {
|
||
border-radius: var(--radius-md)
|
||
}
|
||
|
||
.rounded-none {
|
||
border-radius: 0
|
||
}
|
||
|
||
.rounded-sm {
|
||
border-radius: var(--radius-sm)
|
||
}
|
||
|
||
.rounded-xl {
|
||
border-radius: var(--radius-xl)
|
||
}
|
||
|
||
.rounded-xs {
|
||
border-radius: var(--radius-xs)
|
||
}
|
||
|
||
.rounded-s {
|
||
border-start-start-radius: .25rem;
|
||
border-end-start-radius: .25rem
|
||
}
|
||
|
||
.rounded-s-full {
|
||
border-start-start-radius: 3.40282e38px;
|
||
border-end-start-radius: 3.40282e38px
|
||
}
|
||
|
||
.rounded-s-lg {
|
||
border-start-start-radius: var(--radius-lg);
|
||
border-end-start-radius: var(--radius-lg)
|
||
}
|
||
|
||
.rounded-s-md {
|
||
border-start-start-radius: var(--radius-md);
|
||
border-end-start-radius: var(--radius-md)
|
||
}
|
||
|
||
.rounded-ss-lg {
|
||
border-start-start-radius: var(--radius-lg)
|
||
}
|
||
|
||
.rounded-e {
|
||
border-start-end-radius: .25rem;
|
||
border-end-end-radius: .25rem
|
||
}
|
||
|
||
.rounded-e-full {
|
||
border-start-end-radius: 3.40282e38px;
|
||
border-end-end-radius: 3.40282e38px
|
||
}
|
||
|
||
.rounded-e-lg {
|
||
border-start-end-radius: var(--radius-lg);
|
||
border-end-end-radius: var(--radius-lg)
|
||
}
|
||
|
||
.rounded-e-md {
|
||
border-start-end-radius: var(--radius-md);
|
||
border-end-end-radius: var(--radius-md)
|
||
}
|
||
|
||
.rounded-e-xl {
|
||
border-start-end-radius: var(--radius-xl);
|
||
border-end-end-radius: var(--radius-xl)
|
||
}
|
||
|
||
.rounded-se-lg {
|
||
border-start-end-radius: var(--radius-lg)
|
||
}
|
||
|
||
.rounded-es-xl {
|
||
border-end-start-radius: var(--radius-xl)
|
||
}
|
||
|
||
.rounded-l-lg {
|
||
border-top-left-radius: var(--radius-lg);
|
||
border-bottom-left-radius: var(--radius-lg)
|
||
}
|
||
|
||
.rounded-t {
|
||
border-top-left-radius: .25rem;
|
||
border-top-right-radius: .25rem
|
||
}
|
||
|
||
.rounded-t-\[2\.5rem\] {
|
||
border-top-left-radius: 2.5rem;
|
||
border-top-right-radius: 2.5rem
|
||
}
|
||
|
||
.rounded-t-lg {
|
||
border-top-left-radius: var(--radius-lg);
|
||
border-top-right-radius: var(--radius-lg)
|
||
}
|
||
|
||
.rounded-t-md {
|
||
border-top-left-radius: var(--radius-md);
|
||
border-top-right-radius: var(--radius-md)
|
||
}
|
||
|
||
.rounded-t-sm {
|
||
border-top-left-radius: var(--radius-sm);
|
||
border-top-right-radius: var(--radius-sm)
|
||
}
|
||
|
||
.rounded-t-xl {
|
||
border-top-left-radius: var(--radius-xl);
|
||
border-top-right-radius: var(--radius-xl)
|
||
}
|
||
|
||
.rounded-r-lg {
|
||
border-top-right-radius: var(--radius-lg);
|
||
border-bottom-right-radius: var(--radius-lg)
|
||
}
|
||
|
||
.rounded-b {
|
||
border-bottom-right-radius: .25rem;
|
||
border-bottom-left-radius: .25rem
|
||
}
|
||
|
||
.rounded-b-\[1rem\] {
|
||
border-bottom-right-radius: 1rem;
|
||
border-bottom-left-radius: 1rem
|
||
}
|
||
|
||
.rounded-b-\[2\.5rem\] {
|
||
border-bottom-right-radius: 2.5rem;
|
||
border-bottom-left-radius: 2.5rem
|
||
}
|
||
|
||
.rounded-b-lg {
|
||
border-bottom-right-radius: var(--radius-lg);
|
||
border-bottom-left-radius: var(--radius-lg)
|
||
}
|
||
|
||
.rounded-b-xl {
|
||
border-bottom-right-radius: var(--radius-xl);
|
||
border-bottom-left-radius: var(--radius-xl)
|
||
}
|
||
|
||
.border {
|
||
border-style: var(--tw-border-style);
|
||
border-width: 1px
|
||
}
|
||
|
||
.border-0 {
|
||
border-style: var(--tw-border-style);
|
||
border-width: 0
|
||
}
|
||
|
||
.border-1 {
|
||
border-style: var(--tw-border-style);
|
||
border-width: 1px
|
||
}
|
||
|
||
.border-2 {
|
||
border-style: var(--tw-border-style);
|
||
border-width: 2px
|
||
}
|
||
|
||
.border-\[8px\] {
|
||
border-style: var(--tw-border-style);
|
||
border-width: 8px
|
||
}
|
||
|
||
.border-\[10px\] {
|
||
border-style: var(--tw-border-style);
|
||
border-width: 10px
|
||
}
|
||
|
||
.border-\[14px\] {
|
||
border-style: var(--tw-border-style);
|
||
border-width: 14px
|
||
}
|
||
|
||
.border-\[16px\] {
|
||
border-style: var(--tw-border-style);
|
||
border-width: 16px
|
||
}
|
||
|
||
.border-x {
|
||
border-inline-style:var(--tw-border-style);border-inline-width: 1px
|
||
}
|
||
|
||
.border-x-0 {
|
||
border-inline-style:var(--tw-border-style);border-inline-width: 0
|
||
}
|
||
|
||
.border-y {
|
||
border-block-style:var(--tw-border-style);border-block-width: 1px
|
||
}
|
||
|
||
.border-s {
|
||
border-inline-start-style:var(--tw-border-style);border-inline-start-width: 1px
|
||
}
|
||
|
||
.border-s-0 {
|
||
border-inline-start-style:var(--tw-border-style);border-inline-start-width: 0
|
||
}
|
||
|
||
.border-s-2 {
|
||
border-inline-start-style:var(--tw-border-style);border-inline-start-width: 2px
|
||
}
|
||
|
||
.border-s-4 {
|
||
border-inline-start-style:var(--tw-border-style);border-inline-start-width: 4px
|
||
}
|
||
|
||
.border-e {
|
||
border-inline-end-style:var(--tw-border-style);border-inline-end-width: 1px
|
||
}
|
||
|
||
.border-e-0 {
|
||
border-inline-end-style:var(--tw-border-style);border-inline-end-width: 0
|
||
}
|
||
|
||
.border-e-2 {
|
||
border-inline-end-style:var(--tw-border-style);border-inline-end-width: 2px
|
||
}
|
||
|
||
.border-t {
|
||
border-top-style: var(--tw-border-style);
|
||
border-top-width: 1px
|
||
}
|
||
|
||
.border-t-0 {
|
||
border-top-style: var(--tw-border-style);
|
||
border-top-width: 0
|
||
}
|
||
|
||
.border-t-4 {
|
||
border-top-style: var(--tw-border-style);
|
||
border-top-width: 4px
|
||
}
|
||
|
||
.border-r {
|
||
border-right-style: var(--tw-border-style);
|
||
border-right-width: 1px
|
||
}
|
||
|
||
.border-b {
|
||
border-bottom-style: var(--tw-border-style);
|
||
border-bottom-width: 1px
|
||
}
|
||
|
||
.border-b-0 {
|
||
border-bottom-style: var(--tw-border-style);
|
||
border-bottom-width: 0
|
||
}
|
||
|
||
.border-b-2 {
|
||
border-bottom-style: var(--tw-border-style);
|
||
border-bottom-width: 2px
|
||
}
|
||
|
||
.border-l {
|
||
border-left-style: var(--tw-border-style);
|
||
border-left-width: 1px
|
||
}
|
||
|
||
.border-dashed {
|
||
--tw-border-style: dashed;
|
||
border-style: dashed
|
||
}
|
||
|
||
.dark .apexcharts-canvas .apexcharts-tooltip {
|
||
background-color: var(--color-gray-700)!important;
|
||
color: var(--color-gray-400)!important;
|
||
border-color: #0000!important;
|
||
box-shadow: 0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important
|
||
}
|
||
|
||
.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
|
||
background-color: var(--color-gray-600)!important;
|
||
border-color: var(--color-gray-500)!important;
|
||
color: var(--color-gray-500)!important
|
||
}
|
||
|
||
.dark .apexcharts-canvas .apexcharts-xaxistooltip {
|
||
color: var(--color-gray-400)!important;
|
||
background-color: var(--color-gray-700)!important
|
||
}
|
||
|
||
.dark .apexcharts-canvas .apexcharts-xaxistooltip:after,.dark .apexcharts-canvas .apexcharts-xaxistooltip:before {
|
||
border-bottom-color: var(--color-gray-700)!important
|
||
}
|
||
|
||
.dark .apexcharts-gridline,.dark .apexcharts-xcrosshairs,.dark .apexcharts-ycrosshairs {
|
||
stroke: var(--color-gray-700)!important
|
||
}
|
||
|
||
.dark .datatable-wrapper .datatable-search .datatable-input,.dark .datatable-wrapper .datatable-input {
|
||
color: #fff;
|
||
background-color: var(--color-gray-800);
|
||
border: 1px solid var(--color-gray-700)
|
||
}
|
||
|
||
.dark .datatable-wrapper thead th .datatable-input {
|
||
background-color: var(--color-gray-700);
|
||
border-color: var(--color-gray-600);
|
||
color: #fff
|
||
}
|
||
|
||
.dark .datatable-wrapper .datatable-top .datatable-dropdown {
|
||
color: var(--color-gray-400)
|
||
}
|
||
|
||
.dark .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector {
|
||
background-color: var(--color-gray-800);
|
||
border: 1px solid var(--color-gray-700);
|
||
color: #fff
|
||
}
|
||
|
||
.dark .datatable-wrapper .datatable-table {
|
||
color: var(--color-gray-400)
|
||
}
|
||
|
||
.dark .datatable-wrapper .datatable-table thead {
|
||
color: var(--color-gray-400);
|
||
background-color: var(--color-gray-800)
|
||
}
|
||
|
||
.dark .datatable-wrapper .datatable-table tbody tr {
|
||
border-bottom: 1px solid var(--color-gray-700)
|
||
}
|
||
|
||
.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link {
|
||
color: var(--color-gray-400);
|
||
border-color: var(--color-gray-700)
|
||
}
|
||
|
||
.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link,.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link {
|
||
color: #0000
|
||
}
|
||
|
||
.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:after {
|
||
content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e")
|
||
}
|
||
|
||
.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover:after {
|
||
content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3e %3c/svg%3e")
|
||
}
|
||
|
||
.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:after {
|
||
content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e")
|
||
}
|
||
|
||
.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover:after {
|
||
content: url("data:image/svg+xml,%3csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 24 24'%3e %3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3e %3c/svg%3e")
|
||
}
|
||
|
||
.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link {
|
||
border-left: 1px solid var(--color-gray-700)
|
||
}
|
||
|
||
.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover {
|
||
background-color: var(--color-gray-700);
|
||
color: #fff
|
||
}
|
||
|
||
.\!border-blue-700 {
|
||
border-color: var(--color-blue-700)!important
|
||
}
|
||
|
||
.border-blue-100 {
|
||
border-color: var(--color-blue-100)
|
||
}
|
||
|
||
.border-blue-300 {
|
||
border-color: var(--color-blue-300)
|
||
}
|
||
|
||
.border-blue-400 {
|
||
border-color: var(--color-blue-400)
|
||
}
|
||
|
||
.border-blue-600 {
|
||
border-color: var(--color-blue-600)
|
||
}
|
||
|
||
.border-blue-700 {
|
||
border-color: var(--color-blue-700)
|
||
}
|
||
|
||
.border-blue-800 {
|
||
border-color: var(--color-blue-800)
|
||
}
|
||
|
||
.border-gray-100 {
|
||
border-color: var(--color-gray-100)
|
||
}
|
||
|
||
.border-gray-200 {
|
||
border-color: var(--color-gray-200)
|
||
}
|
||
|
||
.border-gray-300 {
|
||
border-color: var(--color-gray-300)
|
||
}
|
||
|
||
.border-gray-500 {
|
||
border-color: var(--color-gray-500)
|
||
}
|
||
|
||
.border-gray-700 {
|
||
border-color: var(--color-gray-700)
|
||
}
|
||
|
||
.border-gray-800 {
|
||
border-color: var(--color-gray-800)
|
||
}
|
||
|
||
.border-gray-900 {
|
||
border-color: var(--color-gray-900)
|
||
}
|
||
|
||
.border-green-300 {
|
||
border-color: var(--color-green-300)
|
||
}
|
||
|
||
.border-green-400 {
|
||
border-color: var(--color-green-400)
|
||
}
|
||
|
||
.border-green-500 {
|
||
border-color: var(--color-green-500)
|
||
}
|
||
|
||
.border-green-600 {
|
||
border-color: var(--color-green-600)
|
||
}
|
||
|
||
.border-green-700 {
|
||
border-color: var(--color-green-700)
|
||
}
|
||
|
||
.border-green-800 {
|
||
border-color: var(--color-green-800)
|
||
}
|
||
|
||
.border-indigo-400 {
|
||
border-color: var(--color-indigo-400)
|
||
}
|
||
|
||
.border-pink-400 {
|
||
border-color: var(--color-pink-400)
|
||
}
|
||
|
||
.border-purple-400 {
|
||
border-color: var(--color-purple-400)
|
||
}
|
||
|
||
.border-purple-600 {
|
||
border-color: var(--color-purple-600)
|
||
}
|
||
|
||
.border-purple-700 {
|
||
border-color: var(--color-purple-700)
|
||
}
|
||
|
||
.border-red-300 {
|
||
border-color: var(--color-red-300)
|
||
}
|
||
|
||
.border-red-400 {
|
||
border-color: var(--color-red-400)
|
||
}
|
||
|
||
.border-red-500 {
|
||
border-color: var(--color-red-500)
|
||
}
|
||
|
||
.border-red-600 {
|
||
border-color: var(--color-red-600)
|
||
}
|
||
|
||
.border-red-700 {
|
||
border-color: var(--color-red-700)
|
||
}
|
||
|
||
.border-red-800 {
|
||
border-color: var(--color-red-800)
|
||
}
|
||
|
||
.border-transparent {
|
||
border-color: #0000
|
||
}
|
||
|
||
.border-white {
|
||
border-color: var(--color-white)
|
||
}
|
||
|
||
.border-yellow-300 {
|
||
border-color: var(--color-yellow-300)
|
||
}
|
||
|
||
.border-yellow-400 {
|
||
border-color: var(--color-yellow-400)
|
||
}
|
||
|
||
.border-yellow-800 {
|
||
border-color: var(--color-yellow-800)
|
||
}
|
||
|
||
.border-s-gray-50 {
|
||
border-inline-start-color:var(--color-gray-50)}
|
||
|
||
.border-s-gray-100 {
|
||
border-inline-start-color: var(--color-gray-100)
|
||
}
|
||
|
||
.border-e-gray-50 {
|
||
border-inline-end-color:var(--color-gray-50)}
|
||
|
||
.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group {
|
||
padding: 0!important
|
||
}
|
||
|
||
.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active {
|
||
color: var(--color-gray-500)!important;
|
||
background-color: #fff!important;
|
||
padding-bottom: .75rem!important;
|
||
padding-left: .75rem!important;
|
||
padding-right: .75rem!important
|
||
}
|
||
|
||
.dark .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active {
|
||
background-color: var(--color-gray-700)!important;
|
||
color: var(--color-gray-400)!important
|
||
}
|
||
|
||
.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active:first-of-type {
|
||
padding-top: .75rem!important
|
||
}
|
||
|
||
.\!bg-gray-50 {
|
||
background-color: var(--color-gray-50)!important
|
||
}
|
||
|
||
.\!bg-gray-200 {
|
||
background-color: var(--color-gray-200)!important
|
||
}
|
||
|
||
.bg-\[\#1da1f2\] {
|
||
background-color: #1da1f2
|
||
}
|
||
|
||
.bg-\[\#3b5998\] {
|
||
background-color: #3b5998
|
||
}
|
||
|
||
.bg-\[\#2557D6\] {
|
||
background-color: #2557d6
|
||
}
|
||
|
||
.bg-\[\#4285F4\] {
|
||
background-color: #4285f4
|
||
}
|
||
|
||
.bg-\[\#24292F\] {
|
||
background-color: #24292f
|
||
}
|
||
|
||
.bg-\[\#050708\] {
|
||
background-color: #050708
|
||
}
|
||
|
||
.bg-\[\#F7BE38\] {
|
||
background-color: #f7be38
|
||
}
|
||
|
||
.bg-\[\#FF9119\] {
|
||
background-color: #ff9119
|
||
}
|
||
|
||
.bg-\[\#hex\] {
|
||
background-color: #hex
|
||
}
|
||
|
||
.bg-blue-50 {
|
||
background-color: var(--color-blue-50)
|
||
}
|
||
|
||
.bg-blue-100 {
|
||
background-color: var(--color-blue-100)
|
||
}
|
||
|
||
.bg-blue-200 {
|
||
background-color: var(--color-blue-200)
|
||
}
|
||
|
||
.bg-blue-300 {
|
||
background-color: var(--color-blue-300)
|
||
}
|
||
|
||
.bg-blue-400 {
|
||
background-color: var(--color-blue-400)
|
||
}
|
||
|
||
.bg-blue-500 {
|
||
background-color: var(--color-blue-500)
|
||
}
|
||
|
||
.bg-blue-600 {
|
||
background-color: var(--color-blue-600)
|
||
}
|
||
|
||
.bg-blue-700 {
|
||
background-color: var(--color-blue-700)
|
||
}
|
||
|
||
.bg-blue-800 {
|
||
background-color: var(--color-blue-800)
|
||
}
|
||
|
||
.bg-blue-900 {
|
||
background-color: var(--color-blue-900)
|
||
}
|
||
|
||
.bg-gray-50 {
|
||
background-color: var(--color-gray-50)
|
||
}
|
||
|
||
.bg-gray-100 {
|
||
background-color: var(--color-gray-100)
|
||
}
|
||
|
||
.bg-gray-200 {
|
||
background-color: var(--color-gray-200)
|
||
}
|
||
|
||
.bg-gray-300 {
|
||
background-color: var(--color-gray-300)
|
||
}
|
||
|
||
.bg-gray-400 {
|
||
background-color: var(--color-gray-400)
|
||
}
|
||
|
||
.bg-gray-500 {
|
||
background-color: var(--color-gray-500)
|
||
}
|
||
|
||
.bg-gray-600 {
|
||
background-color: var(--color-gray-600)
|
||
}
|
||
|
||
.bg-gray-700 {
|
||
background-color: var(--color-gray-700)
|
||
}
|
||
|
||
.bg-gray-800 {
|
||
background-color: var(--color-gray-800)
|
||
}
|
||
|
||
.bg-gray-900 {
|
||
background-color: var(--color-gray-900)
|
||
}
|
||
|
||
.bg-gray-900\/50 {
|
||
background-color: color-mix(in oklab,var(--color-gray-900)50%,transparent)
|
||
}
|
||
|
||
.bg-gray-900\/90 {
|
||
background-color: color-mix(in oklab,var(--color-gray-900)90%,transparent)
|
||
}
|
||
|
||
.bg-green-50 {
|
||
background-color: var(--color-green-50)
|
||
}
|
||
|
||
.bg-green-100 {
|
||
background-color: var(--color-green-100)
|
||
}
|
||
|
||
.bg-green-200 {
|
||
background-color: var(--color-green-200)
|
||
}
|
||
|
||
.bg-green-300 {
|
||
background-color: var(--color-green-300)
|
||
}
|
||
|
||
.bg-green-400 {
|
||
background-color: var(--color-green-400)
|
||
}
|
||
|
||
.bg-green-500 {
|
||
background-color: var(--color-green-500)
|
||
}
|
||
|
||
.bg-green-600 {
|
||
background-color: var(--color-green-600)
|
||
}
|
||
|
||
.bg-green-700 {
|
||
background-color: var(--color-green-700)
|
||
}
|
||
|
||
.bg-green-800 {
|
||
background-color: var(--color-green-800)
|
||
}
|
||
|
||
.bg-green-900 {
|
||
background-color: var(--color-green-900)
|
||
}
|
||
|
||
.bg-indigo-50 {
|
||
background-color: var(--color-indigo-50)
|
||
}
|
||
|
||
.bg-indigo-100 {
|
||
background-color: var(--color-indigo-100)
|
||
}
|
||
|
||
.bg-indigo-200 {
|
||
background-color: var(--color-indigo-200)
|
||
}
|
||
|
||
.bg-indigo-300 {
|
||
background-color: var(--color-indigo-300)
|
||
}
|
||
|
||
.bg-indigo-400 {
|
||
background-color: var(--color-indigo-400)
|
||
}
|
||
|
||
.bg-indigo-500 {
|
||
background-color: var(--color-indigo-500)
|
||
}
|
||
|
||
.bg-indigo-600 {
|
||
background-color: var(--color-indigo-600)
|
||
}
|
||
|
||
.bg-indigo-700 {
|
||
background-color: var(--color-indigo-700)
|
||
}
|
||
|
||
.bg-indigo-800 {
|
||
background-color: var(--color-indigo-800)
|
||
}
|
||
|
||
.bg-indigo-900 {
|
||
background-color: var(--color-indigo-900)
|
||
}
|
||
|
||
.bg-orange-50 {
|
||
background-color: var(--color-orange-50)
|
||
}
|
||
|
||
.bg-orange-100 {
|
||
background-color: var(--color-orange-100)
|
||
}
|
||
|
||
.bg-orange-300 {
|
||
background-color: var(--color-orange-300)
|
||
}
|
||
|
||
.bg-orange-500 {
|
||
background-color: var(--color-orange-500)
|
||
}
|
||
|
||
.bg-pink-50 {
|
||
background-color: var(--color-pink-50)
|
||
}
|
||
|
||
.bg-pink-100 {
|
||
background-color: var(--color-pink-100)
|
||
}
|
||
|
||
.bg-pink-200 {
|
||
background-color: var(--color-pink-200)
|
||
}
|
||
|
||
.bg-pink-300 {
|
||
background-color: var(--color-pink-300)
|
||
}
|
||
|
||
.bg-pink-400 {
|
||
background-color: var(--color-pink-400)
|
||
}
|
||
|
||
.bg-pink-500 {
|
||
background-color: var(--color-pink-500)
|
||
}
|
||
|
||
.bg-pink-600 {
|
||
background-color: var(--color-pink-600)
|
||
}
|
||
|
||
.bg-pink-700 {
|
||
background-color: var(--color-pink-700)
|
||
}
|
||
|
||
.bg-pink-800 {
|
||
background-color: var(--color-pink-800)
|
||
}
|
||
|
||
.bg-pink-900 {
|
||
background-color: var(--color-pink-900)
|
||
}
|
||
|
||
.bg-purple-50 {
|
||
background-color: var(--color-purple-50)
|
||
}
|
||
|
||
.bg-purple-100 {
|
||
background-color: var(--color-purple-100)
|
||
}
|
||
|
||
.bg-purple-200 {
|
||
background-color: var(--color-purple-200)
|
||
}
|
||
|
||
.bg-purple-300 {
|
||
background-color: var(--color-purple-300)
|
||
}
|
||
|
||
.bg-purple-400 {
|
||
background-color: var(--color-purple-400)
|
||
}
|
||
|
||
.bg-purple-500 {
|
||
background-color: var(--color-purple-500)
|
||
}
|
||
|
||
.bg-purple-600 {
|
||
background-color: var(--color-purple-600)
|
||
}
|
||
|
||
.bg-purple-700 {
|
||
background-color: var(--color-purple-700)
|
||
}
|
||
|
||
.bg-purple-800 {
|
||
background-color: var(--color-purple-800)
|
||
}
|
||
|
||
.bg-purple-900 {
|
||
background-color: var(--color-purple-900)
|
||
}
|
||
|
||
.bg-red-50 {
|
||
background-color: var(--color-red-50)
|
||
}
|
||
|
||
.bg-red-100 {
|
||
background-color: var(--color-red-100)
|
||
}
|
||
|
||
.bg-red-200 {
|
||
background-color: var(--color-red-200)
|
||
}
|
||
|
||
.bg-red-300 {
|
||
background-color: var(--color-red-300)
|
||
}
|
||
|
||
.bg-red-400 {
|
||
background-color: var(--color-red-400)
|
||
}
|
||
|
||
.bg-red-500 {
|
||
background-color: var(--color-red-500)
|
||
}
|
||
|
||
.bg-red-600 {
|
||
background-color: var(--color-red-600)
|
||
}
|
||
|
||
.bg-red-700 {
|
||
background-color: var(--color-red-700)
|
||
}
|
||
|
||
.bg-red-800 {
|
||
background-color: var(--color-red-800)
|
||
}
|
||
|
||
.bg-red-900 {
|
||
background-color: var(--color-red-900)
|
||
}
|
||
|
||
.bg-teal-50 {
|
||
background-color: var(--color-teal-50)
|
||
}
|
||
|
||
.bg-teal-100 {
|
||
background-color: var(--color-teal-100)
|
||
}
|
||
|
||
.bg-teal-500 {
|
||
background-color: var(--color-teal-500)
|
||
}
|
||
|
||
.bg-transparent {
|
||
background-color: #0000
|
||
}
|
||
|
||
.bg-white {
|
||
background-color: var(--color-white)
|
||
}
|
||
|
||
.bg-white\/30 {
|
||
background-color: color-mix(in oklab,var(--color-white)30%,transparent)
|
||
}
|
||
|
||
.bg-white\/50 {
|
||
background-color: color-mix(in oklab,var(--color-white)50%,transparent)
|
||
}
|
||
|
||
.bg-yellow-50 {
|
||
background-color: var(--color-yellow-50)
|
||
}
|
||
|
||
.bg-yellow-100 {
|
||
background-color: var(--color-yellow-100)
|
||
}
|
||
|
||
.bg-yellow-200 {
|
||
background-color: var(--color-yellow-200)
|
||
}
|
||
|
||
.bg-yellow-300 {
|
||
background-color: var(--color-yellow-300)
|
||
}
|
||
|
||
.bg-yellow-400 {
|
||
background-color: var(--color-yellow-400)
|
||
}
|
||
|
||
.bg-yellow-500 {
|
||
background-color: var(--color-yellow-500)
|
||
}
|
||
|
||
.bg-yellow-600 {
|
||
background-color: var(--color-yellow-600)
|
||
}
|
||
|
||
.bg-yellow-700 {
|
||
background-color: var(--color-yellow-700)
|
||
}
|
||
|
||
.bg-yellow-800 {
|
||
background-color: var(--color-yellow-800)
|
||
}
|
||
|
||
.bg-yellow-900 {
|
||
background-color: var(--color-yellow-900)
|
||
}
|
||
|
||
.dark .selectedCell {
|
||
background-color: var(--color-gray-700)
|
||
}
|
||
|
||
.datatable-wrapper .datatable-table tbody tr.selected {
|
||
background-color: var(--color-gray-100)
|
||
}
|
||
|
||
.dark .datatable-wrapper .datatable-table tbody tr.selected {
|
||
background-color: var(--color-gray-700)
|
||
}
|
||
|
||
.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))
|
||
}
|
||
|
||
.bg-\[url\(\'https\:\/\/flowbite\.s3\.amazonaws\.com\/docs\/jumbotron\/conference\.jpg\'\)\]{background-image:url(https://flowbite.s3.amazonaws.com/docs/jumbotron/conference.jpg)}.bg-\[url\(\'https\:\/\/flowbite\.s3\.amazonaws\.com\/docs\/jumbotron\/hero-pattern\.svg\'\)\]{background-image:url(https://flowbite.s3.amazonaws.com/docs/jumbotron/hero-pattern.svg)}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--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-blue-500{--tw-gradient-from:var(--color-blue-500);--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-cyan-400{--tw-gradient-from:var(--color-cyan-400);--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-cyan-500{--tw-gradient-from:var(--color-cyan-500);--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-green-400{--tw-gradient-from:var(--color-green-400);--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-lime-200{--tw-gradient-from:var(--color-lime-200);--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-pink-400{--tw-gradient-from:var(--color-pink-400);--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-pink-500{--tw-gradient-from:var(--color-pink-500);--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-purple-500{--tw-gradient-from:var(--color-purple-500);--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-purple-600{--tw-gradient-from:var(--color-purple-600);--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-red-200{--tw-gradient-from:var(--color-red-200);--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-red-400{--tw-gradient-from:var(--color-red-400);--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-sky-400{--tw-gradient-from:var(--color-sky-400);--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-teal-200{--tw-gradient-from:var(--color-teal-200);--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-teal-300{--tw-gradient-from:var(--color-teal-300);--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-teal-400{--tw-gradient-from:var(--color-teal-400);--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-blue-600{--tw-gradient-via:var(--color-blue-600);--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-cyan-500{--tw-gradient-via:var(--color-cyan-500);--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-green-500{--tw-gradient-via:var(--color-green-500);--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-lime-400{--tw-gradient-via:var(--color-lime-400);--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-pink-500{--tw-gradient-via:var(--color-pink-500);--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-purple-600{--tw-gradient-via:var(--color-purple-600);--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-red-300{--tw-gradient-via:var(--color-red-300);--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-red-500{--tw-gradient-via:var(--color-red-500);--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-teal-500{--tw-gradient-via:var(--color-teal-500);--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-blue-500{--tw-gradient-to:var(--color-blue-500);--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-blue-600{--tw-gradient-to:var(--color-blue-600);--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-blue-700{--tw-gradient-to:var(--color-blue-700);--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-cyan-600{--tw-gradient-to:var(--color-cyan-600);--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-emerald-600{--tw-gradient-to:var(--color-emerald-600);--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-green-600{--tw-gradient-to:var(--color-green-600);--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-lime-200{--tw-gradient-to:var(--color-lime-200);--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-lime-300{--tw-gradient-to:var(--color-lime-300);--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-lime-500{--tw-gradient-to:var(--color-lime-500);--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-orange-400{--tw-gradient-to:var(--color-orange-400);--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-pink-500{--tw-gradient-to:var(--color-pink-500);--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-pink-600{--tw-gradient-to:var(--color-pink-600);--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-purple-700{--tw-gradient-to:var(--color-purple-700);--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-red-600{--tw-gradient-to:var(--color-red-600);--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-teal-600{--tw-gradient-to:var(--color-teal-600);--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-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position,)var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-yellow-200{--tw-gradient-to:var(--color-yellow-200);--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))}.bg-cover{background-size:cover}.bg-local{background-attachment:local}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value{fill:var(--color-gray-900)!important;font-size:1.875rem,[object Object]!important;font-weight:700!important}.dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value{fill:#fff!important}.apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label{fill:var(--color-gray-500)!important;font-size:1rem,[object Object]!important;font-weight:400!important}.dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label{fill:var(--color-gray-400)!important}.fill-blue-600{fill:var(--color-blue-600)}.fill-gray-500{fill:var(--color-gray-500)}.fill-gray-600{fill:var(--color-gray-600)}.fill-green-500{fill:var(--color-green-500)}.fill-pink-600{fill:var(--color-pink-600)}.fill-purple-600{fill:var(--color-purple-600)}.fill-red-600{fill:var(--color-red-600)}.fill-yellow-400{fill:var(--color-yellow-400)}.apexcharts-gridline{stroke:var(--color-gray-200)!important}.dark .apexcharts-gridline{stroke:var(--color-gray-700)!important}.apexcharts-xcrosshairs{stroke:var(--color-gray-200)!important}.dark .apexcharts-xcrosshairs{stroke:var(--color-gray-700)!important}.apexcharts-ycrosshairs{stroke:var(--color-gray-200)!important}.dark .apexcharts-ycrosshairs{stroke:var(--color-gray-700)!important}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-0{padding:calc(var(--spacing)*0)!important}.apexcharts-canvas .apexcharts-legend,.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group{padding:0!important}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-px{padding:1px}.px-0{padding-inline:calc(var(--spacing)*0)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-16{padding-inline:calc(var(--spacing)*16)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-24{padding-block:calc(var(--spacing)*24)}.py-48{padding-block:calc(var(--spacing)*48)}.py-px{padding-block:1px}.ps-0{padding-inline-start:calc(var(--spacing)*0)}.ps-1\.5{padding-inline-start:calc(var(--spacing)*1.5)}.ps-2{padding-inline-start:calc(var(--spacing)*2)}.ps-2\.5{padding-inline-start:calc(var(--spacing)*2.5)}.ps-3{padding-inline-start:calc(var(--spacing)*3)}.ps-3\.5{padding-inline-start:calc(var(--spacing)*3.5)}.ps-4{padding-inline-start:calc(var(--spacing)*4)}.ps-5{padding-inline-start:calc(var(--spacing)*5)}.ps-6{padding-inline-start:calc(var(--spacing)*6)}.ps-10{padding-inline-start:calc(var(--spacing)*10)}.pe-0{padding-inline-end:calc(var(--spacing)*0)}.pe-1{padding-inline-end:calc(var(--spacing)*1)}.pe-3{padding-inline-end:calc(var(--spacing)*3)}.pe-3\.5{padding-inline-end:calc(var(--spacing)*3.5)}.pe-4{padding-inline-end:calc(var(--spacing)*4)}.pe-5{padding-inline-end:calc(var(--spacing)*5)}.pe-10{padding-inline-end:calc(var(--spacing)*10)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-16{padding-top:calc(var(--spacing)*16)}.pt-20{padding-top:calc(var(--spacing)*20)}.pt-24{padding-top:calc(var(--spacing)*24)}.pt-32{padding-top:calc(var(--spacing)*32)}.pt-36{padding-top:calc(var(--spacing)*36)}.pt-52{padding-top:calc(var(--spacing)*52)}.pt-60{padding-top:calc(var(--spacing)*60)}.pt-64{padding-top:calc(var(--spacing)*64)}.pt-80{padding-top:calc(var(--spacing)*80)}.datatable-wrapper .datatable-container thead tr.search-filtering-row th{padding-top:0}.apexcharts-canvas .apexcharts-legend-text{color:var(--color-gray-500)!important;padding-left:1.25rem!important;font-size:.75rem!important;font-weight:500!important}[dir=rtl] .apexcharts-canvas .apexcharts-legend-text{padding-right:.5rem!important}.apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover{color:var(--color-gray-900)!important}.dark .apexcharts-canvas .apexcharts-legend-text{color:var(--color-gray-400)!important}.dark .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover{color:#fff!important}.pr-4{padding-right:calc(var(--spacing)*4)}.pr-5{padding-right:calc(var(--spacing)*5)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-1\.5{padding-bottom:calc(var(--spacing)*1.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-2\.5{padding-bottom:calc(var(--spacing)*2.5)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.pb-48{padding-bottom:calc(var(--spacing)*48)}.pb-96{padding-bottom:calc(var(--spacing)*96)}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-3\.5{padding-left:calc(var(--spacing)*3.5)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-10{padding-left:calc(var(--spacing)*10)}.pl-11{padding-left:calc(var(--spacing)*11)}.datatable-wrapper .datatable-table .datatable-empty,.text-center{text-align:center}.text-justify{text-align:justify}.text-left{text-align:left}.text-right{text-align:right}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-2xs{font-size:var(--text-2xs)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.text-9xl{font-size:var(--text-9xl);line-height:var(--tw-leading,var(--text-9xl--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))}.apexcharts-canvas .apexcharts-datalabels .apexcharts-text.apexcharts-pie-label{font-size:.75rem,[object Object]!important;text-shadow:none!important;filter:none!important;font-weight:600!important;font-size:.75rem,[object Object]!important;font-weight:600!important}.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label{color:var(--color-gray-500)!important;font-size:.875rem!important}.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label{color:var(--color-gray-400)!important}.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value{color:var(--color-gray-900);font-size:.875rem!important}.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value{color:#fff!important}.apexcharts-canvas .apexcharts-xaxistooltip-text{font-size:.875rem!important;font-weight:400!important}.datatable-wrapper .datatable-bottom .datatable-info{color:var(--color-gray-500);font-size:.875rem}.dark .datatable-wrapper .datatable-bottom .datatable-info{color:var(--color-gray-400)}.leading-1\.5{--tw-leading:calc(var(--spacing)*1.5);line-height:calc(var(--spacing)*1.5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-9{--tw-leading:calc(var(--spacing)*9);line-height:calc(var(--spacing)*9)}.leading-loose{--tw-leading:var(--leading-loose);line-height:var(--leading-loose)}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-extralight{--tw-font-weight:var(--font-weight-extralight);font-weight:var(--font-weight-extralight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.font-thin{--tw-font-weight:var(--font-weight-thin);font-weight:var(--font-weight-thin)}.tracking-normal{--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.datatable-wrapper .datatable-table thead th .datatable-sorter{text-transform:uppercase}.datatable-wrapper .datatable-table thead th .datatable-sorter:hover,.datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter,.datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter{color:var(--color-gray-900)}.dark .datatable-wrapper .datatable-table thead th .datatable-sorter:hover,.dark .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter,.dark .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter{color:#fff}.\!text-blue-700{color:var(--color-blue-700)!important}.datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter{color:var(--color-gray-900)}.dark .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter{color:#fff}.datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter{color:var(--color-gray-900)}.dark .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter{color:#fff}.text-\[\#1434CB\]{color:#1434cb}.text-\[\#626890\]{color:#626890}.text-\[\#ff2d20\]{color:#ff2d20}.text-blue-50{color:var(--color-blue-50)}.text-blue-100{color:var(--color-blue-100)}.text-blue-400{color:var(--color-blue-400)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-600\/25{color:color-mix(in oklab,var(--color-blue-600)25%,transparent)}.text-blue-600\/50{color:color-mix(in oklab,var(--color-blue-600)50%,transparent)}.text-blue-600\/75{color:color-mix(in oklab,var(--color-blue-600)75%,transparent)}.text-blue-600\/100{color:color-mix(in oklab,var(--color-blue-600)100%,transparent)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-400{color:var(--color-green-400)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-indigo-400{color:var(--color-indigo-400)}.text-indigo-700{color:var(--color-indigo-700)}.text-indigo-800{color:var(--color-indigo-800)}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-orange-800{color:var(--color-orange-800)}.text-pink-400{color:var(--color-pink-400)}.text-pink-800{color:var(--color-pink-800)}.text-purple-400{color:var(--color-purple-400)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-purple-800{color:var(--color-purple-800)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-sky-500{color:var(--color-sky-500)}.text-teal-600{color:var(--color-teal-600)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-yellow-300{color:var(--color-yellow-300)}.text-yellow-400{color:var(--color-yellow-400)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.not-italic{font-style:normal}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.decoration-blue-400{text-decoration-color:var(--color-blue-400)}.decoration-blue-500{text-decoration-color:var(--color-blue-500)}.decoration-gray-500{text-decoration-color:var(--color-gray-500)}.decoration-green-500{text-decoration-color:var(--color-green-500)}.decoration-indigo-500{text-decoration-color:var(--color-indigo-500)}.decoration-red-500{text-decoration-color:var(--color-red-500)}.decoration-sky-500{text-decoration-color:var(--color-sky-500)}.decoration-dashed{text-decoration-style:dashed}.decoration-dotted{text-decoration-style:dotted}.decoration-double{text-decoration-style:double}.decoration-wavy{text-decoration-style:wavy}.decoration-8{text-decoration-thickness:8px}.underline-offset-3{text-underline-offset:3px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-green-700::-moz-placeholder{color:var(--color-green-700)}.placeholder-green-700::placeholder{color:var(--color-green-700)}.placeholder-red-700::-moz-placeholder{color:var(--color-red-700)}.placeholder-red-700::placeholder{color:var(--color-red-700)}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-100{opacity:1}.bg-blend-multiply{background-blend-mode:multiply}.ring-0{--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)}.ring-2{--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)}.ring-4{--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)}.ring-8{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(8px + 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)}.shadow{--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-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-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px 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)}.shadow-blue-500\/50{--tw-shadow-color:color-mix(in oklab,var(--color-blue-500)50%,transparent)}.shadow-cyan-500\/50{--tw-shadow-color:color-mix(in oklab,var(--color-cyan-500)50%,transparent)}.shadow-green-500\/50{--tw-shadow-color:color-mix(in oklab,var(--color-green-500)50%,transparent)}.shadow-lime-500\/50{--tw-shadow-color:color-mix(in oklab,var(--color-lime-500)50%,transparent)}.shadow-pink-500\/50{--tw-shadow-color:color-mix(in oklab,var(--color-pink-500)50%,transparent)}.shadow-purple-500\/50{--tw-shadow-color:color-mix(in oklab,var(--color-purple-500)50%,transparent)}.shadow-red-500\/50{--tw-shadow-color:color-mix(in oklab,var(--color-red-500)50%,transparent)}.shadow-teal-500\/50{--tw-shadow-color:color-mix(in oklab,var(--color-teal-500)50%,transparent)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.ring-white{--tw-ring-color:var(--color-white)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-xs{--tw-blur:blur(var(--blur-xs));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-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{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-75{--tw-duration:75ms;transition-duration:75ms}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-linear{--tw-ease:linear;transition-timing-function:linear}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.format-blue{--tw-format-links:oklch(.546 .245 262.881);--tw-format-invert-links:oklch(.623 .214 259.815)}.format-red{--tw-format-links:oklch(.577 .245 27.325);--tw-format-invert-links:oklch(.637 .237 25.331)}@media (hover:hover){.group-hover\:rotate-45:is(:where(.group):hover *){rotate:45deg}.group-hover\:bg-gray-50:is(:where(.group):hover *){background-color:var(--color-gray-50)}.group-hover\:bg-transparent:is(:where(.group):hover *){background-color:#0000}.group-hover\:bg-white\/50:is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-white)50%,transparent)}.group-hover\:from-cyan-500:is(:where(.group):hover *){--tw-gradient-from:var(--color-cyan-500);--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))}.group-hover\:from-green-400:is(:where(.group):hover *){--tw-gradient-from:var(--color-green-400);--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))}.group-hover\:from-pink-500:is(:where(.group):hover *){--tw-gradient-from:var(--color-pink-500);--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))}.group-hover\:from-purple-500:is(:where(.group):hover *){--tw-gradient-from:var(--color-purple-500);--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))}.group-hover\:from-purple-600:is(:where(.group):hover *){--tw-gradient-from:var(--color-purple-600);--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))}.group-hover\:from-red-200:is(:where(.group):hover *){--tw-gradient-from:var(--color-red-200);--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))}.group-hover\:from-teal-300:is(:where(.group):hover *){--tw-gradient-from:var(--color-teal-300);--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))}.group-hover\:via-red-300:is(:where(.group):hover *){--tw-gradient-via:var(--color-red-300);--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)}.group-hover\:to-blue-500:is(:where(.group):hover *){--tw-gradient-to:var(--color-blue-500);--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))}.group-hover\:to-blue-600:is(:where(.group):hover *){--tw-gradient-to:var(--color-blue-600);--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))}.group-hover\:to-lime-300:is(:where(.group):hover *){--tw-gradient-to:var(--color-lime-300);--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))}.group-hover\:to-orange-400:is(:where(.group):hover *){--tw-gradient-to:var(--color-orange-400);--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))}.group-hover\:to-pink-500:is(:where(.group):hover *){--tw-gradient-to:var(--color-pink-500);--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))}.group-hover\:to-yellow-200:is(:where(.group):hover *){--tw-gradient-to:var(--color-yellow-200);--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))}.group-hover\:text-blue-600:is(:where(.group):hover *){color:var(--color-blue-600)}.group-hover\:text-gray-500:is(:where(.group):hover *){color:var(--color-gray-500)}.group-hover\:text-gray-900:is(:where(.group):hover *){color:var(--color-gray-900)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.group-focus\:text-gray-900:is(:where(.group):focus *){color:var(--color-gray-900)}.group-focus\:ring-4:is(:where(.group):focus *){--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)}.group-focus\:ring-white:is(:where(.group):focus *){--tw-ring-color:var(--color-white)}.group-focus\:outline-none:is(:where(.group):focus *){--tw-outline-style:none;outline-style:none}.peer-checked\:border-blue-600:is(:where(.peer):checked~*){border-color:var(--color-blue-600)}.peer-checked\:border-blue-700:is(:where(.peer):checked~*){border-color:var(--color-blue-700)}.peer-checked\:bg-blue-50:is(:where(.peer):checked~*){background-color:var(--color-blue-50)}.peer-checked\:bg-blue-600:is(:where(.peer):checked~*){background-color:var(--color-blue-600)}.peer-checked\:bg-green-600:is(:where(.peer):checked~*){background-color:var(--color-green-600)}.peer-checked\:bg-orange-500:is(:where(.peer):checked~*){background-color:var(--color-orange-500)}.peer-checked\:bg-purple-600:is(:where(.peer):checked~*){background-color:var(--color-purple-600)}.peer-checked\:bg-red-600:is(:where(.peer):checked~*){background-color:var(--color-red-600)}.peer-checked\:bg-teal-600:is(:where(.peer):checked~*){background-color:var(--color-teal-600)}.peer-checked\:bg-yellow-400:is(:where(.peer):checked~*){background-color:var(--color-yellow-400)}.peer-checked\:text-blue-600:is(:where(.peer):checked~*){color:var(--color-blue-600)}.peer-checked\:text-blue-700:is(:where(.peer):checked~*){color:var(--color-blue-700)}.peer-checked\:text-gray-600:is(:where(.peer):checked~*){color:var(--color-gray-600)}.peer-checked\:text-white:is(:where(.peer):checked~*){color:var(--color-white)}.peer-placeholder-shown\:start-6:is(:where(.peer):-moz-placeholder-shown~*){inset-inline-start:calc(var(--spacing)*6)}.peer-placeholder-shown\:start-6:is(:where(.peer):placeholder-shown~*){inset-inline-start:calc(var(--spacing)*6)}.peer-placeholder-shown\:top-1\/2:is(:where(.peer):-moz-placeholder-shown~*){top:50%}.peer-placeholder-shown\:top-1\/2:is(:where(.peer):placeholder-shown~*){top:50%}.peer-placeholder-shown\:-translate-y-1\/2:is(:where(.peer):-moz-placeholder-shown~*){--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-placeholder-shown\:-translate-y-1\/2:is(:where(.peer):placeholder-shown~*){--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-placeholder-shown\:translate-y-0:is(:where(.peer):-moz-placeholder-shown~*){--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-placeholder-shown\:translate-y-0:is(:where(.peer):placeholder-shown~*){--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-placeholder-shown\:scale-100:is(:where(.peer):-moz-placeholder-shown~*){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.peer-placeholder-shown\:scale-100:is(:where(.peer):placeholder-shown~*){--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.peer-focus\:start-0:is(:where(.peer):focus~*){inset-inline-start:calc(var(--spacing)*0)}.peer-focus\:top-1:is(:where(.peer):focus~*){top:calc(var(--spacing)*1)}.peer-focus\:top-2:is(:where(.peer):focus~*){top:calc(var(--spacing)*2)}.peer-focus\:-translate-y-3:is(:where(.peer):focus~*){--tw-translate-y:calc(var(--spacing)*-3);translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-focus\:-translate-y-4:is(:where(.peer):focus~*){--tw-translate-y:calc(var(--spacing)*-4);translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-focus\:-translate-y-6:is(:where(.peer):focus~*){--tw-translate-y:calc(var(--spacing)*-6);translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-focus\:scale-75:is(:where(.peer):focus~*){--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.peer-focus\:px-2:is(:where(.peer):focus~*){padding-inline:calc(var(--spacing)*2)}.peer-focus\:font-medium:is(:where(.peer):focus~*){--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.peer-focus\:text-blue-600:is(:where(.peer):focus~*){color:var(--color-blue-600)}.peer-focus\:ring-4:is(:where(.peer):focus~*){--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)}.peer-focus\:ring-blue-300:is(:where(.peer):focus~*){--tw-ring-color:var(--color-blue-300)}.peer-focus\:ring-green-300:is(:where(.peer):focus~*){--tw-ring-color:var(--color-green-300)}.peer-focus\:ring-orange-300:is(:where(.peer):focus~*){--tw-ring-color:var(--color-orange-300)}.peer-focus\:ring-purple-300:is(:where(.peer):focus~*){--tw-ring-color:var(--color-purple-300)}.peer-focus\:ring-red-300:is(:where(.peer):focus~*){--tw-ring-color:var(--color-red-300)}.peer-focus\:ring-teal-300:is(:where(.peer):focus~*){--tw-ring-color:var(--color-teal-300)}.peer-focus\:ring-yellow-300:is(:where(.peer):focus~*){--tw-ring-color:var(--color-yellow-300)}.peer-focus\:outline-none:is(:where(.peer):focus~*){--tw-outline-style:none;outline-style:none}.first-letter\:float-start:first-letter{float:inline-start}.first-letter\:me-3:first-letter{margin-inline-end:calc(var(--spacing)*3)}.first-letter\:text-7xl:first-letter{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.first-letter\:font-bold:first-letter{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.first-letter\:text-gray-900:first-letter{color:var(--color-gray-900)}.first-line\:tracking-widest:first-line{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.first-line\:uppercase:first-line{text-transform:uppercase}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:start-\[2px\]:after{content:var(--tw-content);inset-inline-start:2px}.after\:start-\[4px\]:after{content:var(--tw-content);inset-inline-start:4px}.after\:top-0\.5:after{content:var(--tw-content);top:calc(var(--spacing)*.5)}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:mx-2:after{content:var(--tw-content);margin-inline:calc(var(--spacing)*2)}.after\:mx-6:after{content:var(--tw-content);margin-inline:calc(var(--spacing)*6)}.after\:hidden:after{content:var(--tw-content);display:none}.after\:inline-block:after{content:var(--tw-content);display:inline-block}.after\:h-1:after{content:var(--tw-content);height:calc(var(--spacing)*1)}.after\:h-4:after{content:var(--tw-content);height:calc(var(--spacing)*4)}.after\:h-5:after{content:var(--tw-content);height:calc(var(--spacing)*5)}.after\:h-6:after{content:var(--tw-content);height:calc(var(--spacing)*6)}.after\:w-4:after{content:var(--tw-content);width:calc(var(--spacing)*4)}.after\:w-5:after{content:var(--tw-content);width:calc(var(--spacing)*5)}.after\:w-6:after{content:var(--tw-content);width:calc(var(--spacing)*6)}.after\:w-full:after{content:var(--tw-content);width:100%}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:border:after,.after\:border-1:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:1px}.after\:border-4:after{content:var(--tw-content);border-style:var(--tw-border-style);border-width:4px}.after\:border-b:after{content:var(--tw-content);border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.after\:border-blue-100:after{content:var(--tw-content);border-color:var(--color-blue-100)}.after\:border-gray-100:after{content:var(--tw-content);border-color:var(--color-gray-100)}.after\:border-gray-200:after{content:var(--tw-content);border-color:var(--color-gray-200)}.after\:border-gray-300:after{content:var(--tw-content);border-color:var(--color-gray-300)}.after\:bg-white:after{content:var(--tw-content);background-color:var(--color-white)}.after\:text-gray-200:after{content:var(--tw-content);color:var(--color-gray-200)}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:content-\[\'\'\]:after{content:var(--tw-content);--tw-content:"";content:var(--tw-content)}.after\:content-\[\'\/\'\]:after{content:var(--tw-content);--tw-content:"/";content:var(--tw-content)}.peer-checked\:after\:translate-x-full:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-checked\:after\:border-white:is(:where(.peer):checked~*):after{content:var(--tw-content);border-color:var(--color-white)}.odd\:bg-white:nth-child(odd){background-color:var(--color-white)}.even\:bg-gray-50:nth-child(2n){background-color:var(--color-gray-50)}.focus-within\:z-10:focus-within{z-index:10}@media (hover:hover){.hover\:border-blue-700:hover{border-color:var(--color-blue-700)}.hover\:border-blue-800:hover{border-color:var(--color-blue-800)}.hover\:border-gray-200:hover{border-color:var(--color-gray-200)}.hover\:border-gray-300:hover{border-color:var(--color-gray-300)}.hover\:bg-\[\#1da1f2\]\/90:hover{background-color:oklab(68.1797% -.0710534 -.141606/.9)}.hover\:bg-\[\#3b5998\]\/90:hover{background-color:oklab(47.2423% -.0121128 -.107642/.9)}.hover\:bg-\[\#2557D6\]\/90:hover{background-color:oklab(50.5418% -.021006 -.201479/.9)}.hover\:bg-\[\#4285F4\]\/90:hover{background-color:oklab(63.0386% -.0313976 -.177268/.9)}.hover\:bg-\[\#24292F\]\/90:hover{background-color:oklab(27.8502% -.00385141 -.0126262/.9)}.hover\:bg-\[\#050708\]\/80:hover{background-color:oklab(12.5951% -.00372608 -.00386472/.8)}.hover\:bg-\[\#050708\]\/90:hover{background-color:oklab(12.5951% -.00372608 -.00386472/.9)}.hover\:bg-\[\#F7BE38\]\/90:hover{background-color:oklab(83.1765% .0161951 .153769/.9)}.hover\:bg-\[\#FF9119\]\/80:hover{background-color:oklab(75.9167% .0886233 .149248/.8)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-200:hover{background-color:var(--color-blue-200)}.hover\:bg-blue-500:hover{background-color:var(--color-blue-500)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-blue-800:hover{background-color:var(--color-blue-800)}.hover\:bg-blue-900:hover{background-color:var(--color-blue-900)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-gray-300:hover{background-color:var(--color-gray-300)}.hover\:bg-gray-500:hover{background-color:var(--color-gray-500)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-gray-800:hover{background-color:var(--color-gray-800)}.hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}.hover\:bg-gray-900\/50:hover{background-color:color-mix(in oklab,var(--color-gray-900)50%,transparent)}.hover\:bg-green-200:hover{background-color:var(--color-green-200)}.hover\:bg-green-800:hover{background-color:var(--color-green-800)}.hover\:bg-green-900:hover{background-color:var(--color-green-900)}.hover\:bg-indigo-200:hover{background-color:var(--color-indigo-200)}.hover\:bg-pink-200:hover{background-color:var(--color-pink-200)}.hover\:bg-purple-200:hover{background-color:var(--color-purple-200)}.hover\:bg-purple-800:hover{background-color:var(--color-purple-800)}.hover\:bg-red-200:hover{background-color:var(--color-red-200)}.hover\:bg-red-800:hover{background-color:var(--color-red-800)}.hover\:bg-red-900:hover{background-color:var(--color-red-900)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:bg-white\/50:hover{background-color:color-mix(in oklab,var(--color-white)50%,transparent)}.hover\:bg-yellow-200:hover{background-color:var(--color-yellow-200)}.hover\:bg-yellow-500:hover{background-color:var(--color-yellow-500)}.hover\:bg-yellow-900:hover{background-color:var(--color-yellow-900)}.hover\:bg-gradient-to-bl:hover{--tw-gradient-position:to bottom left in oklab,;background-image:linear-gradient(var(--tw-gradient-stops))}.hover\:bg-gradient-to-br:hover{--tw-gradient-position:to bottom right in oklab,;background-image:linear-gradient(var(--tw-gradient-stops))}.hover\:bg-gradient-to-l:hover{--tw-gradient-position:to left in oklab,;background-image:linear-gradient(var(--tw-gradient-stops))}.hover\:from-teal-200:hover{--tw-gradient-from:var(--color-teal-200);--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))}.hover\:to-lime-200:hover{--tw-gradient-to:var(--color-lime-200);--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))}.hover\:\!text-blue-700:hover{color:var(--color-blue-700)!important}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:text-blue-900:hover{color:var(--color-blue-900)}.hover\:text-gray-500:hover{color:var(--color-gray-500)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-green-900:hover{color:var(--color-green-900)}.hover\:text-indigo-900:hover{color:var(--color-indigo-900)}.hover\:text-pink-900:hover{color:var(--color-pink-900)}.hover\:text-purple-600:hover{color:var(--color-purple-600)}.hover\:text-purple-900:hover{color:var(--color-purple-900)}.hover\:text-red-900:hover{color:var(--color-red-900)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-yellow-900:hover{color:var(--color-yellow-900)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}.hover\:bg-blend-soft-light:hover{background-blend-mode:soft-light}.hover\:shadow:hover{--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)}.hover\:blur-none:hover{--tw-blur: ;filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.hover\:grayscale-0:hover{--tw-grayscale:grayscale(0%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.focus\:z-10:focus{z-index:10}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-blue-600:focus{border-color:var(--color-blue-600)}.focus\:border-gray-200:focus{border-color:var(--color-gray-200)}.focus\:border-green-500:focus{border-color:var(--color-green-500)}.focus\:border-green-600:focus{border-color:var(--color-green-600)}.focus\:border-red-500:focus{border-color:var(--color-red-500)}.focus\:border-red-600:focus{border-color:var(--color-red-600)}.focus\:bg-gray-100:focus{background-color:var(--color-gray-100)}.focus\:bg-gray-900:focus{background-color:var(--color-gray-900)}.focus\:text-blue-700:focus{color:var(--color-blue-700)}.focus\:text-white:focus{color:var(--color-white)}.focus\:ring-0: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)}.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-3: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)}.focus\:ring-4:focus{--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\:ring-\[\#1da1f2\]\/50:focus{--tw-ring-color:oklab(68.1797% -.0710534 -.141606/.5)}.focus\:ring-\[\#3b5998\]\/50:focus{--tw-ring-color:oklab(47.2423% -.0121128 -.107642/.5)}.focus\:ring-\[\#2557D6\]\/50:focus{--tw-ring-color:oklab(50.5418% -.021006 -.201479/.5)}.focus\:ring-\[\#4285F4\]\/50:focus{--tw-ring-color:oklab(63.0386% -.0313976 -.177268/.5)}.focus\:ring-\[\#24292F\]\/50:focus{--tw-ring-color:oklab(27.8502% -.00385141 -.0126262/.5)}.focus\:ring-\[\#050708\]\/50:focus{--tw-ring-color:oklab(12.5951% -.00372608 -.00386472/.5)}.focus\:ring-\[\#F7BE38\]\/50:focus{--tw-ring-color:oklab(83.1765% .0161951 .153769/.5)}.focus\:ring-\[\#FF9119\]\/50:focus{--tw-ring-color:oklab(75.9167% .0886233 .149248/.5)}.focus\:ring-blue-200:focus{--tw-ring-color:var(--color-blue-200)}.focus\:ring-blue-300:focus{--tw-ring-color:var(--color-blue-300)}.focus\:ring-blue-400:focus{--tw-ring-color:var(--color-blue-400)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-blue-600:focus{--tw-ring-color:var(--color-blue-600)}.focus\:ring-blue-700:focus{--tw-ring-color:var(--color-blue-700)}.focus\:ring-cyan-200:focus{--tw-ring-color:var(--color-cyan-200)}.focus\:ring-cyan-300:focus{--tw-ring-color:var(--color-cyan-300)}.focus\:ring-gray-50:focus{--tw-ring-color:var(--color-gray-50)}.focus\:ring-gray-100:focus{--tw-ring-color:var(--color-gray-100)}.focus\:ring-gray-200:focus{--tw-ring-color:var(--color-gray-200)}.focus\:ring-gray-300:focus{--tw-ring-color:var(--color-gray-300)}.focus\:ring-gray-400:focus{--tw-ring-color:var(--color-gray-400)}.focus\:ring-gray-500:focus{--tw-ring-color:var(--color-gray-500)}.focus\:ring-gray-700:focus{--tw-ring-color:var(--color-gray-700)}.focus\:ring-green-200:focus{--tw-ring-color:var(--color-green-200)}.focus\:ring-green-300:focus{--tw-ring-color:var(--color-green-300)}.focus\:ring-green-400:focus{--tw-ring-color:var(--color-green-400)}.focus\:ring-green-500:focus{--tw-ring-color:var(--color-green-500)}.focus\:ring-lime-200:focus{--tw-ring-color:var(--color-lime-200)}.focus\:ring-lime-300:focus{--tw-ring-color:var(--color-lime-300)}.focus\:ring-orange-500:focus{--tw-ring-color:var(--color-orange-500)}.focus\:ring-pink-200:focus{--tw-ring-color:var(--color-pink-200)}.focus\:ring-pink-300:focus{--tw-ring-color:var(--color-pink-300)}.focus\:ring-purple-200:focus{--tw-ring-color:var(--color-purple-200)}.focus\:ring-purple-300:focus{--tw-ring-color:var(--color-purple-300)}.focus\:ring-purple-500:focus{--tw-ring-color:var(--color-purple-500)}.focus\:ring-red-100:focus{--tw-ring-color:var(--color-red-100)}.focus\:ring-red-300:focus{--tw-ring-color:var(--color-red-300)}.focus\:ring-red-400:focus{--tw-ring-color:var(--color-red-400)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-teal-300:focus{--tw-ring-color:var(--color-teal-300)}.focus\:ring-teal-500:focus{--tw-ring-color:var(--color-teal-500)}.focus\:ring-yellow-300:focus{--tw-ring-color:var(--color-yellow-300)}.focus\:ring-yellow-400:focus{--tw-ring-color:var(--color-yellow-400)}.focus\:ring-yellow-500:focus{--tw-ring-color:var(--color-yellow-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (width>=40rem){.sm\:order-last{order:calc(infinity)}.sm\:col-span-1{grid-column:span 1/span 1}.sm\:col-span-3{grid-column:span 3/span 3}.sm\:mx-0{margin-inline:calc(var(--spacing)*0)}.sm\:mx-auto{margin-inline:auto}.sm\:ms-2{margin-inline-start:calc(var(--spacing)*2)}.sm\:ms-4{margin-inline-start:calc(var(--spacing)*4)}.sm\:ms-7{margin-inline-start:calc(var(--spacing)*7)}.sm\:ms-auto{margin-inline-start:auto}.sm\:mt-0{margin-top:calc(var(--spacing)*0)}.sm\:mb-0{margin-bottom:calc(var(--spacing)*0)}.sm\:mb-4{margin-bottom:calc(var(--spacing)*4)}.sm\:mb-5{margin-bottom:calc(var(--spacing)*5)}.sm\:ml-3{margin-left:calc(var(--spacing)*3)}.sm\:ml-64{margin-left:calc(var(--spacing)*64)}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:inline-flex{display:inline-flex}.sm\:h-4{height:calc(var(--spacing)*4)}.sm\:h-7{height:calc(var(--spacing)*7)}.sm\:h-9{height:calc(var(--spacing)*9)}.sm\:h-64{height:calc(var(--spacing)*64)}.sm\:h-96{height:calc(var(--spacing)*96)}.sm\:w-4{width:calc(var(--spacing)*4)}.sm\:w-96{width:calc(var(--spacing)*96)}.sm\:w-auto{width:auto}.sm\:max-w-\[15rem\]{max-width:15rem}.sm\:translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-center{justify-content:center}.sm\:gap-6{gap:calc(var(--spacing)*6)}:where(.sm\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.sm\:space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.sm\:space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}:where(.sm\:space-x-5>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*5)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*5)*calc(1 - var(--tw-space-x-reverse)))}:where(.sm\:space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))}:where(.sm\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:border-s{border-inline-start-style:var(--tw-border-style);border-inline-start-width:1px}.sm\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.sm\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.sm\:p-4{padding:calc(var(--spacing)*4)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:p-8{padding:calc(var(--spacing)*8)}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:px-5{padding-inline:calc(var(--spacing)*5)}.sm\:px-16{padding-inline:calc(var(--spacing)*16)}.sm\:py-4{padding-block:calc(var(--spacing)*4)}.sm\:py-16{padding-block:calc(var(--spacing)*16)}.sm\:ps-2{padding-inline-start:calc(var(--spacing)*2)}.sm\:ps-4{padding-inline-start:calc(var(--spacing)*4)}.sm\:ps-5{padding-inline-start:calc(var(--spacing)*5)}.sm\:pe-4{padding-inline-end:calc(var(--spacing)*4)}.sm\:pe-8{padding-inline-end:calc(var(--spacing)*8)}.sm\:pt-4{padding-top:calc(var(--spacing)*4)}.sm\:pb-4{padding-bottom:calc(var(--spacing)*4)}.sm\:text-center{text-align:center}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:ring-8{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(8px + 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)}.sm\:after\:hidden:after{content:var(--tw-content);display:none}.sm\:after\:inline-block:after{content:var(--tw-content);display:inline-block}.sm\:after\:content-\[\'\'\]:after{content:var(--tw-content);--tw-content:"";content:var(--tw-content)}}@media (width>=48rem){.md\:absolute{position:absolute}.md\:relative{position:relative}.md\:inset-0{inset:calc(var(--spacing)*0)}.md\:end-auto{inset-inline-end:auto}.md\:top-auto{top:auto}.md\:order-1{order:1}.md\:order-2{order:2}.md\:m-0{margin:calc(var(--spacing)*0)}.md\:mx-2{margin-inline:calc(var(--spacing)*2)}.md\:my-0{margin-block:calc(var(--spacing)*0)}.md\:my-10{margin-block:calc(var(--spacing)*10)}.md\:my-12{margin-block:calc(var(--spacing)*12)}.md\:ms-1{margin-inline-start:calc(var(--spacing)*1)}.md\:ms-2{margin-inline-start:calc(var(--spacing)*2)}.md\:me-0{margin-inline-end:calc(var(--spacing)*0)}.md\:me-4{margin-inline-end:calc(var(--spacing)*4)}.md\:me-6{margin-inline-end:calc(var(--spacing)*6)}.md\:me-24{margin-inline-end:calc(var(--spacing)*24)}.md\:mt-0{margin-top:calc(var(--spacing)*0)}.md\:mt-6{margin-top:calc(var(--spacing)*6)}.md\:mr-0{margin-right:calc(var(--spacing)*0)}.md\:mb-0{margin-bottom:calc(var(--spacing)*0)}.md\:mb-5{margin-bottom:calc(var(--spacing)*5)}.md\:mb-12{margin-bottom:calc(var(--spacing)*12)}.md\:ml-2{margin-left:calc(var(--spacing)*2)}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:inline{display:inline}.md\:inline-flex{display:inline-flex}.md\:h-96{height:calc(var(--spacing)*96)}.md\:h-\[8px\]{height:8px}.md\:h-\[21px\]{height:21px}.md\:h-\[40px\]{height:40px}.md\:h-\[42px\]{height:42px}.md\:h-\[95px\]{height:95px}.md\:h-\[262px\]{height:262px}.md\:h-\[278px\]{height:278px}.md\:h-\[294px\]{height:294px}.md\:h-\[654px\]{height:654px}.md\:h-\[682px\]{height:682px}.md\:h-auto{height:auto}.md\:w-32{width:calc(var(--spacing)*32)}.md\:w-48{width:calc(var(--spacing)*48)}.md\:w-64{width:calc(var(--spacing)*64)}.md\:w-\[96px\]{width:96px}.md\:w-\[185px\]{width:185px}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:max-w-\[142px\]{max-width:142px}.md\:max-w-\[512px\]{max-width:512px}.md\:max-w-\[597px\]{max-width:597px}.md\:max-w-screen-md{max-width:var(--breakpoint-md)}.md\:max-w-xl{max-width:var(--container-xl)}.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\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:gap-6{gap:calc(var(--spacing)*6)}.md\:gap-8{gap:calc(var(--spacing)*8)}.md\:gap-12{gap:calc(var(--spacing)*12)}:where(.md\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.md\:space-x-0>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))}:where(.md\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.md\:space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.md\:space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}:where(.md\:space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))}.md\:rounded-none{border-radius:0}.md\:rounded-s-lg{border-start-start-radius:var(--radius-lg);border-end-start-radius:var(--radius-lg)}.md\:rounded-ss-lg{border-start-start-radius:var(--radius-lg)}.md\:rounded-se-lg{border-start-end-radius:var(--radius-lg)}.md\:rounded-es-lg{border-end-start-radius:var(--radius-lg)}.md\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.md\:border-0{border-style:var(--tw-border-style);border-width:0}.md\:border-e{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px}.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.md\:bg-transparent{background-color:#0000}.md\:bg-white{background-color:var(--color-white)}.md\:p-0{padding:calc(var(--spacing)*0)}.md\:p-5{padding:calc(var(--spacing)*5)}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:p-12{padding:calc(var(--spacing)*12)}.md\:px-4{padding-inline:calc(var(--spacing)*4)}.md\:px-5{padding-inline:calc(var(--spacing)*5)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:py-2\.5{padding-block:calc(var(--spacing)*2.5)}.md\:py-8{padding-block:calc(var(--spacing)*8)}.md\:pe-4{padding-inline-end:calc(var(--spacing)*4)}.md\:pt-0{padding-top:calc(var(--spacing)*0)}.md\:pb-0{padding-bottom:calc(var(--spacing)*0)}.md\:pb-4{padding-bottom:calc(var(--spacing)*4)}.md\:pb-5{padding-bottom:calc(var(--spacing)*5)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.md\:font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.md\:text-blue-700{color:var(--color-blue-700)}.md\:text-green-700{color:var(--color-green-700)}@media (hover:hover){.md\:hover\:bg-transparent:hover{background-color:#0000}.md\:hover\:text-blue-600:hover{color:var(--color-blue-600)}.md\:hover\:text-blue-700:hover{color:var(--color-blue-700)}.md\:hover\:text-green-700:hover{color:var(--color-green-700)}}}@media (width>=64rem){.lg\:static{position:static}.lg\:sticky{position:sticky}.lg\:top-28{top:calc(var(--spacing)*28)}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:my-8{margin-block:calc(var(--spacing)*8)}.lg\:my-12{margin-block:calc(var(--spacing)*12)}.lg\:format-lg{font-size:1.125rem;line-height:1.77778}.lg\:format-lg :where(p):not(:where([class~=not-format] *)){margin-top:1.33333em;margin-bottom:1.33333em}.lg\:format-lg :where([class~=lead]):not(:where([class~=not-format] *)){margin-top:1.09091em;margin-bottom:1.09091em;font-size:1.22222em;line-height:1.45455}.lg\:format-lg :where(blockquote):not(:where([class~=not-format] *)):before{margin-top:1.66667em}.lg\:format-lg :where(blockquote>p:first-child):not(:where([class~=not-format] *)){margin-top:.5em}.lg\:format-lg :where(h1):not(:where([class~=not-format] *)){margin-top:0;margin-bottom:.833333em;font-size:2.66667em;line-height:1}.lg\:format-lg :where(h2):not(:where([class~=not-format] *)){margin-top:0;margin-bottom:.666667em;font-size:2em;line-height:1.33333}.lg\:format-lg :where(h3):not(:where([class~=not-format] *)){margin-top:0;margin-bottom:.666667em;font-size:1.33333em;line-height:1.5}.lg\:format-lg :where(h4):not(:where([class~=not-format] *)){margin-top:0;margin-bottom:.444444em;line-height:1.55556}.lg\:format-lg :where(img):not(:where([class~=not-format] *)),.lg\:format-lg :where(video):not(:where([class~=not-format] *)),.lg\:format-lg :where(figure):not(:where([class~=not-format] *)){margin-top:1.77778em;margin-bottom:1.77778em}.lg\:format-lg :where(figure>*):not(:where([class~=not-format] *)){margin-top:0;margin-bottom:0}.lg\:format-lg :where(figcaption):not(:where([class~=not-format] *)){margin-top:1em;font-size:.888889em;line-height:1.5}.lg\:format-lg :where(code):not(:where([class~=not-format] *)){font-size:.888889em}.lg\:format-lg :where(h2 code):not(:where([class~=not-format] *)){font-size:.866667em}.lg\:format-lg :where(h3 code):not(:where([class~=not-format] *)){font-size:.875em}.lg\:format-lg :where(pre):not(:where([class~=not-format] *)){border-radius:.375rem;margin-top:2em;margin-bottom:2em;padding:1em 1.5em;font-size:.888889em;line-height:1.75}.lg\:format-lg :where(ol):not(:where([class~=not-format] *)),.lg\:format-lg :where(ul):not(:where([class~=not-format] *)){margin-top:1.33333em;margin-bottom:1.33333em;padding-left:1.55556em}.lg\:format-lg :where(li):not(:where([class~=not-format] *)){margin-top:.666667em;margin-bottom:.666667em}.lg\:format-lg :where(ol>li):not(:where([class~=not-format] *)),.lg\:format-lg :where(ul>li):not(:where([class~=not-format] *)){padding-left:.444444em}.lg\:format-lg :where(.format>ul>li p):not(:where([class~=not-format] *)){margin-top:.888889em;margin-bottom:.888889em}.lg\:format-lg :where(.format>ul>li>:first-child):not(:where([class~=not-format] *)){margin-top:1.33333em}.lg\:format-lg :where(.format>ul>li>:last-child):not(:where([class~=not-format] *)){margin-bottom:1.33333em}.lg\:format-lg :where(.format>ol>li>:first-child):not(:where([class~=not-format] *)){margin-top:1.33333em}.lg\:format-lg :where(.format>ol>li>:last-child):not(:where([class~=not-format] *)){margin-bottom:1.33333em}.lg\:format-lg :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-format] *)){margin-top:.888889em;margin-bottom:.888889em}.lg\:format-lg :where(hr):not(:where([class~=not-format] *)){margin-top:3.11111em;margin-bottom:3.11111em}.lg\:format-lg :where(hr+*):not(:where([class~=not-format] *)),.lg\:format-lg :where(h2+*):not(:where([class~=not-format] *)),.lg\:format-lg :where(h3+*):not(:where([class~=not-format] *)),.lg\:format-lg :where(h4+*):not(:where([class~=not-format] *)){margin-top:0}.lg\:format-lg :where(table):not(:where([class~=not-format] *)){font-size:.888889em;line-height:1.5}.lg\:format-lg :where(thead th):not(:where([class~=not-format] *)){padding-bottom:.75em;padding-left:.75em;padding-right:.75em}.lg\:format-lg :where(thead th:last-child):not(:where([class~=not-format] *)){padding-right:0}.lg\:format-lg :where(tbody td,tfoot td):not(:where([class~=not-format] *)){padding:.75em}.lg\:format-lg :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-format] *)){padding-right:0}.lg\:format-lg :where(.format>:first-child):not(:where([class~=not-format] *)){margin-top:0}.lg\:format-lg :where(.format>:last-child):not(:where([class~=not-format] *)){margin-bottom:0}.lg\:mt-0{margin-top:calc(var(--spacing)*0)}.lg\:mt-10{margin-top:calc(var(--spacing)*10)}.lg\:mr-0{margin-right:calc(var(--spacing)*0)}.lg\:mb-0{margin-bottom:calc(var(--spacing)*0)}.lg\:mb-8{margin-bottom:calc(var(--spacing)*8)}.lg\:mb-16{margin-bottom:calc(var(--spacing)*16)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-4{height:calc(var(--spacing)*4)}.lg\:h-5{height:calc(var(--spacing)*5)}.lg\:h-6{height:calc(var(--spacing)*6)}.lg\:h-12{height:calc(var(--spacing)*12)}.lg\:h-\[calc\(100vh-3rem\)\]{height:calc(100vh - 3rem)}.lg\:h-auto{height:auto}.lg\:max-h-full{max-height:100%}.lg\:w-4{width:calc(var(--spacing)*4)}.lg\:w-5{width:calc(var(--spacing)*5)}.lg\:w-6{width:calc(var(--spacing)*6)}.lg\:w-12{width:calc(var(--spacing)*12)}.lg\:w-48{width:calc(var(--spacing)*48)}.lg\:w-96{width:calc(var(--spacing)*96)}.lg\:w-auto{width:auto}.lg\:max-w-7xl{max-width:var(--container-7xl)}.lg\:max-w-screen-lg{max-width:var(--breakpoint-lg)}.lg\:max-w-xl{max-width:var(--container-xl)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-8{gap:calc(var(--spacing)*8)}.lg\:gap-16{gap:calc(var(--spacing)*16)}:where(.lg\:space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))}.lg\:self-center{align-self:center}.lg\:overflow-visible{overflow:visible}.lg\:overflow-y-visible{overflow-y:visible}.lg\:border-0{border-style:var(--tw-border-style);border-width:0}.lg\:bg-transparent{background-color:#0000}.lg\:p-0{padding:calc(var(--spacing)*0)}.lg\:p-8{padding:calc(var(--spacing)*8)}.lg\:px-2{padding-inline:calc(var(--spacing)*2)}.lg\:px-4{padding-inline:calc(var(--spacing)*4)}.lg\:px-5{padding-inline:calc(var(--spacing)*5)}.lg\:px-6{padding-inline:calc(var(--spacing)*6)}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\:px-12{padding-inline:calc(var(--spacing)*12)}.lg\:px-36{padding-inline:calc(var(--spacing)*36)}.lg\:px-48{padding-inline:calc(var(--spacing)*48)}.lg\:py-0{padding-block:calc(var(--spacing)*0)}.lg\:py-2\.5{padding-block:calc(var(--spacing)*2.5)}.lg\:py-4{padding-block:calc(var(--spacing)*4)}.lg\:py-8{padding-block:calc(var(--spacing)*8)}.lg\:py-16{padding-block:calc(var(--spacing)*16)}.lg\:py-56{padding-block:calc(var(--spacing)*56)}.lg\:pt-0{padding-top:calc(var(--spacing)*0)}.lg\:pt-2{padding-top:calc(var(--spacing)*2)}.lg\:pt-8{padding-top:calc(var(--spacing)*8)}.lg\:pb-16{padding-bottom:calc(var(--spacing)*16)}.lg\:pb-20{padding-bottom:calc(var(--spacing)*20)}.lg\:pl-0{padding-left:calc(var(--spacing)*0)}.lg\:pl-3{padding-left:calc(var(--spacing)*3)}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.lg\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.lg\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.lg\:text-blue-700{color:var(--color-blue-700)}@media (hover:hover){.lg\:hover\:bg-transparent:hover{background-color:#0000}.lg\:hover\:text-blue-700:hover{color:var(--color-blue-700)}}}@media (width>=80rem){.xl\:ml-20{margin-left:calc(var(--spacing)*20)}.xl\:block{display:block}.xl\:hidden{display:none}.xl\:inline-flex{display:inline-flex}.xl\:h-80{height:calc(var(--spacing)*80)}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:gap-0{gap:calc(var(--spacing)*0)}.xl\:gap-16{gap:calc(var(--spacing)*16)}.xl\:gap-24{gap:calc(var(--spacing)*24)}.xl\:px-2{padding-inline:calc(var(--spacing)*2)}.xl\:px-48{padding-inline:calc(var(--spacing)*48)}.xl\:pt-24{padding-top:calc(var(--spacing)*24)}.xl\:pb-24{padding-bottom:calc(var(--spacing)*24)}.xl\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.xl\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.xl\:after\:mx-10:after{content:var(--tw-content);margin-inline:calc(var(--spacing)*10)}}@media (width>=96rem){.\32 xl\:block{display:block}.\32 xl\:h-96{height:calc(var(--spacing)*96)}.\32 xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.\32 xl\:gap-x-2{-moz-column-gap:calc(var(--spacing)*2);column-gap:calc(var(--spacing)*2)}:where(.\32 xl\:space-x-0>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*0)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-x-reverse)))}}.rtl\:inset-x-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *){inset-inline:calc(var(--spacing)*0)}.rtl\:right-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *){right:calc(var(--spacing)*0)}.rtl\:ml-0:where(:dir(rtl),[dir=rtl],[dir=rtl] *){margin-left:calc(var(--spacing)*0)}.rtl\:ml-2:where(:dir(rtl),[dir=rtl],[dir=rtl] *){margin-left:calc(var(--spacing)*2)}.rtl\:translate-x-1\/2:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}.rtl\:-rotate-90:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:-90deg}.rtl\:rotate-180:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:180deg}.rtl\:rotate-\[270deg\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *){rotate:270deg}.rtl\:justify-end:where(:dir(rtl),[dir=rtl],[dir=rtl] *){justify-content:flex-end}.rtl\:gap-8:where(:dir(rtl),[dir=rtl],[dir=rtl] *){gap:calc(var(--spacing)*8)}:where(.rtl\:space-x-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>:not(:last-child)){--tw-space-x-reverse:1}.rtl\:text-left:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:left}.rtl\:text-right:where(:dir(rtl),[dir=rtl],[dir=rtl] *){text-align:right}:where(.rtl\:divide-x-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>:not(:last-child)){--tw-divide-x-reverse:1}.rtl\:peer-focus\:left-auto:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.peer):focus~*){left:auto}.rtl\:peer-focus\:translate-x-1\/4:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.peer):focus~*){--tw-translate-x:calc(1/4*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}.rtl\:peer-checked\:after\:-translate-x-full:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.peer):checked~*):after,.rtl\:peer-checked\:after\:translate-x-\[-100\%\]:where(:dir(rtl),[dir=rtl],[dir=rtl] *):is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}@media (width>=40rem){:where(.sm\:rtl\:divide-x-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>:not(:last-child)){--tw-divide-x-reverse:1}}@media (width>=48rem){:where(.md\:rtl\:space-x-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>:not(:last-child)){--tw-space-x-reverse:1}}.dark\:block:where(.dark,.dark *){display:block}.dark\:hidden:where(.dark,.dark *){display:none}.dark\:inline-block:where(.dark,.dark *){display:inline-block}:where(.dark\:divide-gray-600:where(.dark,.dark *)>:not(:last-child)){border-color:var(--color-gray-600)}:where(.dark\:divide-gray-700:where(.dark,.dark *)>:not(:last-child)){border-color:var(--color-gray-700)}.dark\:\!border-blue-500:where(.dark,.dark *){border-color:var(--color-blue-500)!important}.dark\:border-blue-400:where(.dark,.dark *){border-color:var(--color-blue-400)}.dark\:border-blue-500:where(.dark,.dark *){border-color:var(--color-blue-500)}.dark\:border-blue-600:where(.dark,.dark *){border-color:var(--color-blue-600)}.dark\:border-blue-800:where(.dark,.dark *){border-color:var(--color-blue-800)}.dark\:border-gray-400:where(.dark,.dark *){border-color:var(--color-gray-400)}.dark\:border-gray-500:where(.dark,.dark *){border-color:var(--color-gray-500)}.dark\:border-gray-600:where(.dark,.dark *){border-color:var(--color-gray-600)}.dark\:border-gray-700:where(.dark,.dark *){border-color:var(--color-gray-700)}.dark\:border-gray-800:where(.dark,.dark *){border-color:var(--color-gray-800)}.dark\:border-gray-900:where(.dark,.dark *){border-color:var(--color-gray-900)}.dark\:border-green-500:where(.dark,.dark *){border-color:var(--color-green-500)}.dark\:border-green-600:where(.dark,.dark *){border-color:var(--color-green-600)}.dark\:border-green-800:where(.dark,.dark *){border-color:var(--color-green-800)}.dark\:border-purple-400:where(.dark,.dark *){border-color:var(--color-purple-400)}.dark\:border-purple-500:where(.dark,.dark *){border-color:var(--color-purple-500)}.dark\:border-red-500:where(.dark,.dark *){border-color:var(--color-red-500)}.dark\:border-red-600:where(.dark,.dark *){border-color:var(--color-red-600)}.dark\:border-red-800:where(.dark,.dark *){border-color:var(--color-red-800)}.dark\:border-transparent:where(.dark,.dark *){border-color:#0000}.dark\:border-white:where(.dark,.dark *){border-color:var(--color-white)}.dark\:border-yellow-300:where(.dark,.dark *){border-color:var(--color-yellow-300)}.dark\:border-yellow-800:where(.dark,.dark *){border-color:var(--color-yellow-800)}.dark\:border-s-gray-700:where(.dark,.dark *){border-inline-start-color:var(--color-gray-700)}.dark\:border-e-gray-700:where(.dark,.dark *){border-inline-end-color:var(--color-gray-700)}.dark\:\!bg-gray-700:where(.dark,.dark *){background-color:var(--color-gray-700)!important}.dark\:bg-blue-200:where(.dark,.dark *){background-color:var(--color-blue-200)}.dark\:bg-blue-400:where(.dark,.dark *){background-color:var(--color-blue-400)}.dark\:bg-blue-500:where(.dark,.dark *){background-color:var(--color-blue-500)}.dark\:bg-blue-600:where(.dark,.dark *){background-color:var(--color-blue-600)}.dark\:bg-blue-800:where(.dark,.dark *){background-color:var(--color-blue-800)}.dark\:bg-blue-900:where(.dark,.dark *){background-color:var(--color-blue-900)}.dark\:bg-gray-300:where(.dark,.dark *){background-color:var(--color-gray-300)}.dark\:bg-gray-400:where(.dark,.dark *){background-color:var(--color-gray-400)}.dark\:bg-gray-500:where(.dark,.dark *){background-color:var(--color-gray-500)}.dark\:bg-gray-600:where(.dark,.dark *){background-color:var(--color-gray-600)}.dark\:bg-gray-700:where(.dark,.dark *){background-color:var(--color-gray-700)}.dark\:bg-gray-800:where(.dark,.dark *){background-color:var(--color-gray-800)}.dark\:bg-gray-800\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-800)30%,transparent)}.dark\:bg-gray-800\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-800)50%,transparent)}.dark\:bg-gray-900:where(.dark,.dark *){background-color:var(--color-gray-900)}.dark\:bg-gray-900\/60:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-900)60%,transparent)}.dark\:bg-gray-900\/80:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-900)80%,transparent)}.dark\:bg-green-500:where(.dark,.dark *){background-color:var(--color-green-500)}.dark\:bg-green-600:where(.dark,.dark *){background-color:var(--color-green-600)}.dark\:bg-green-800:where(.dark,.dark *){background-color:var(--color-green-800)}.dark\:bg-green-900:where(.dark,.dark *){background-color:var(--color-green-900)}.dark\:bg-indigo-500:where(.dark,.dark *){background-color:var(--color-indigo-500)}.dark\:bg-indigo-900:where(.dark,.dark *){background-color:var(--color-indigo-900)}.dark\:bg-orange-200:where(.dark,.dark *){background-color:var(--color-orange-200)}.dark\:bg-orange-400:where(.dark,.dark *){background-color:var(--color-orange-400)}.dark\:bg-orange-700:where(.dark,.dark *){background-color:var(--color-orange-700)}.dark\:bg-pink-900:where(.dark,.dark *){background-color:var(--color-pink-900)}.dark\:bg-purple-500:where(.dark,.dark *){background-color:var(--color-purple-500)}.dark\:bg-purple-600:where(.dark,.dark *){background-color:var(--color-purple-600)}.dark\:bg-purple-900:where(.dark,.dark *){background-color:var(--color-purple-900)}.dark\:bg-red-500:where(.dark,.dark *){background-color:var(--color-red-500)}.dark\:bg-red-600:where(.dark,.dark *){background-color:var(--color-red-600)}.dark\:bg-red-800:where(.dark,.dark *){background-color:var(--color-red-800)}.dark\:bg-red-900:where(.dark,.dark *){background-color:var(--color-red-900)}.dark\:bg-white:where(.dark,.dark *){background-color:var(--color-white)}.dark\:bg-yellow-300:where(.dark,.dark *){background-color:var(--color-yellow-300)}.dark\:bg-yellow-900:where(.dark,.dark *){background-color:var(--color-yellow-900)}.dark\:bg-\[url\(\'https\:\/\/flowbite\.s3\.amazonaws\.com\/docs\/jumbotron\/hero-pattern-dark\.svg\'\)\]:where(.dark,.dark *){background-image:url(https://flowbite.s3.amazonaws.com/docs/jumbotron/hero-pattern-dark.svg)}.dark\:from-blue-900:where(.dark,.dark *){--tw-gradient-from:var(--color-blue-900);--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))}.dark\:fill-gray-300:where(.dark,.dark *){fill:var(--color-gray-300)}.dark\:fill-gray-400:where(.dark,.dark *){fill:var(--color-gray-400)}.dark\:fill-gray-500:where(.dark,.dark *){fill:var(--color-gray-500)}.dark\:fill-white:where(.dark,.dark *){fill:var(--color-white)}.dark\:\!text-blue-500:where(.dark,.dark *){color:var(--color-blue-500)!important}.dark\:text-blue-100:where(.dark,.dark *){color:var(--color-blue-100)}.dark\:text-blue-200:where(.dark,.dark *){color:var(--color-blue-200)}.dark\:text-blue-300:where(.dark,.dark *){color:var(--color-blue-300)}.dark\:text-blue-400:where(.dark,.dark *){color:var(--color-blue-400)}.dark\:text-blue-500:where(.dark,.dark *){color:var(--color-blue-500)}.dark\:text-blue-500\/25:where(.dark,.dark *){color:color-mix(in oklab,var(--color-blue-500)25%,transparent)}.dark\:text-blue-500\/50:where(.dark,.dark *){color:color-mix(in oklab,var(--color-blue-500)50%,transparent)}.dark\:text-blue-500\/75:where(.dark,.dark *){color:color-mix(in oklab,var(--color-blue-500)75%,transparent)}.dark\:text-blue-500\/100:where(.dark,.dark *){color:color-mix(in oklab,var(--color-blue-500)100%,transparent)}.dark\:text-blue-600:where(.dark,.dark *){color:var(--color-blue-600)}.dark\:text-blue-800:where(.dark,.dark *){color:var(--color-blue-800)}.dark\:text-gray-100:where(.dark,.dark *){color:var(--color-gray-100)}.dark\:text-gray-200:where(.dark,.dark *){color:var(--color-gray-200)}.dark\:text-gray-300:where(.dark,.dark *){color:var(--color-gray-300)}.dark\:text-gray-400:where(.dark,.dark *){color:var(--color-gray-400)}.dark\:text-gray-500:where(.dark,.dark *){color:var(--color-gray-500)}.dark\:text-gray-600:where(.dark,.dark *){color:var(--color-gray-600)}.dark\:text-gray-700:where(.dark,.dark *){color:var(--color-gray-700)}.dark\:text-gray-800:where(.dark,.dark *){color:var(--color-gray-800)}.dark\:text-gray-900:where(.dark,.dark *){color:var(--color-gray-900)}.dark\:text-green-200:where(.dark,.dark *){color:var(--color-green-200)}.dark\:text-green-300:where(.dark,.dark *){color:var(--color-green-300)}.dark\:text-green-400:where(.dark,.dark *){color:var(--color-green-400)}.dark\:text-green-500:where(.dark,.dark *){color:var(--color-green-500)}.dark\:text-green-600:where(.dark,.dark *){color:var(--color-green-600)}.dark\:text-indigo-300:where(.dark,.dark *){color:var(--color-indigo-300)}.dark\:text-indigo-400:where(.dark,.dark *){color:var(--color-indigo-400)}.dark\:text-indigo-500:where(.dark,.dark *){color:var(--color-indigo-500)}.dark\:text-orange-200:where(.dark,.dark *){color:var(--color-orange-200)}.dark\:text-orange-300:where(.dark,.dark *){color:var(--color-orange-300)}.dark\:text-orange-900:where(.dark,.dark *){color:var(--color-orange-900)}.dark\:text-pink-300:where(.dark,.dark *){color:var(--color-pink-300)}.dark\:text-pink-400:where(.dark,.dark *){color:var(--color-pink-400)}.dark\:text-purple-300:where(.dark,.dark *){color:var(--color-purple-300)}.dark\:text-purple-400:where(.dark,.dark *){color:var(--color-purple-400)}.dark\:text-purple-500:where(.dark,.dark *){color:var(--color-purple-500)}.dark\:text-red-200:where(.dark,.dark *){color:var(--color-red-200)}.dark\:text-red-300:where(.dark,.dark *){color:var(--color-red-300)}.dark\:text-red-400:where(.dark,.dark *){color:var(--color-red-400)}.dark\:text-red-500:where(.dark,.dark *){color:var(--color-red-500)}.dark\:text-teal-300:where(.dark,.dark *){color:var(--color-teal-300)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:text-yellow-300:where(.dark,.dark *){color:var(--color-yellow-300)}.dark\:text-yellow-500:where(.dark,.dark *){color:var(--color-yellow-500)}.dark\:decoration-blue-600:where(.dark,.dark *){text-decoration-color:var(--color-blue-600)}.dark\:placeholder-gray-400:where(.dark,.dark *)::-moz-placeholder{color:var(--color-gray-400)}.dark\:placeholder-gray-400:where(.dark,.dark *)::placeholder{color:var(--color-gray-400)}.dark\:placeholder-green-500:where(.dark,.dark *)::-moz-placeholder{color:var(--color-green-500)}.dark\:placeholder-green-500:where(.dark,.dark *)::placeholder{color:var(--color-green-500)}.dark\:placeholder-red-500:where(.dark,.dark *)::-moz-placeholder{color:var(--color-red-500)}.dark\:placeholder-red-500:where(.dark,.dark *)::placeholder{color:var(--color-red-500)}.dark\:shadow-lg:where(.dark,.dark *){--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)}.dark\:shadow-blue-800\/80:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab,var(--color-blue-800)80%,transparent)}.dark\:shadow-cyan-800\/80:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab,var(--color-cyan-800)80%,transparent)}.dark\:shadow-gray-800:where(.dark,.dark *){--tw-shadow-color:var(--color-gray-800)}.dark\:shadow-green-800\/80:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab,var(--color-green-800)80%,transparent)}.dark\:shadow-lime-800\/80:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab,var(--color-lime-800)80%,transparent)}.dark\:shadow-pink-800\/80:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab,var(--color-pink-800)80%,transparent)}.dark\:shadow-purple-800\/80:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab,var(--color-purple-800)80%,transparent)}.dark\:shadow-red-800\/80:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab,var(--color-red-800)80%,transparent)}.dark\:shadow-teal-800\/80:where(.dark,.dark *){--tw-shadow-color:color-mix(in oklab,var(--color-teal-800)80%,transparent)}.dark\:ring-gray-500:where(.dark,.dark *){--tw-ring-color:var(--color-gray-500)}.dark\:ring-gray-700:where(.dark,.dark *){--tw-ring-color:var(--color-gray-700)}.dark\:ring-gray-900:where(.dark,.dark *){--tw-ring-color:var(--color-gray-900)}.dark\:ring-offset-gray-700:where(.dark,.dark *){--tw-ring-offset-color:var(--color-gray-700)}.dark\:ring-offset-gray-800:where(.dark,.dark *){--tw-ring-offset-color:var(--color-gray-800)}.dark\:format-invert:where(.dark,.dark *){--tw-format-body:var(--tw-format-invert-body);--tw-format-headings:var(--tw-format-invert-headings);--tw-format-lead:var(--tw-format-invert-lead);--tw-format-links:var(--tw-format-invert-links);--tw-format-bold:var(--tw-format-invert-bold);--tw-format-counters:var(--tw-format-invert-counters);--tw-format-bullets:var(--tw-format-invert-bullets);--tw-format-hr:var(--tw-format-invert-hr);--tw-format-quotes:var(--tw-format-invert-quotes);--tw-format-quote-borders:var(--tw-format-invert-quote-borders);--tw-format-captions:var(--tw-format-invert-captions);--tw-format-code:var(--tw-format-invert-code);--tw-format-code-bg:var(--tw-format-invert-code-bg);--tw-format-pre-code:var(--tw-format-invert-pre-code);--tw-format-pre-bg:var(--tw-format-invert-pre-bg);--tw-format-th-borders:var(--tw-format-invert-th-borders);--tw-format-td-borders:var(--tw-format-invert-td-borders);--tw-format-th-bg:var(--tw-format-invert-th-bg)}@media (hover:hover){.dark\:group-hover\:bg-gray-700:where(.dark,.dark *):is(:where(.group):hover *){background-color:var(--color-gray-700)}.dark\:group-hover\:bg-gray-800\/60:where(.dark,.dark *):is(:where(.group):hover *){background-color:color-mix(in oklab,var(--color-gray-800)60%,transparent)}.group-hover\:dark\:bg-transparent:is(:where(.group):hover *):where(.dark,.dark *){background-color:#0000}.dark\:group-hover\:text-blue-500:where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-blue-500)}.dark\:group-hover\:text-gray-300:where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-gray-300)}.dark\:group-hover\:text-white:where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-white)}}.dark\:group-focus\:text-white:where(.dark,.dark *):is(:where(.group):focus *){color:var(--color-white)}.dark\:group-focus\:ring-gray-800\/70:where(.dark,.dark *):is(:where(.group):focus *){--tw-ring-color:color-mix(in oklab,var(--color-gray-800)70%,transparent)}.dark\:peer-checked\:border-blue-500:where(.dark,.dark *):is(:where(.peer):checked~*){border-color:var(--color-blue-500)}.dark\:peer-checked\:border-blue-600:where(.dark,.dark *):is(:where(.peer):checked~*){border-color:var(--color-blue-600)}.dark\:peer-checked\:bg-blue-500:where(.dark,.dark *):is(:where(.peer):checked~*){background-color:var(--color-blue-500)}.dark\:peer-checked\:bg-blue-600:where(.dark,.dark *):is(:where(.peer):checked~*){background-color:var(--color-blue-600)}.dark\:peer-checked\:bg-blue-900:where(.dark,.dark *):is(:where(.peer):checked~*){background-color:var(--color-blue-900)}.dark\:peer-checked\:bg-green-600:where(.dark,.dark *):is(:where(.peer):checked~*){background-color:var(--color-green-600)}.dark\:peer-checked\:bg-orange-500:where(.dark,.dark *):is(:where(.peer):checked~*){background-color:var(--color-orange-500)}.dark\:peer-checked\:bg-purple-600:where(.dark,.dark *):is(:where(.peer):checked~*){background-color:var(--color-purple-600)}.dark\:peer-checked\:bg-red-600:where(.dark,.dark *):is(:where(.peer):checked~*){background-color:var(--color-red-600)}.dark\:peer-checked\:bg-teal-600:where(.dark,.dark *):is(:where(.peer):checked~*){background-color:var(--color-teal-600)}.dark\:peer-checked\:bg-yellow-400:where(.dark,.dark *):is(:where(.peer):checked~*){background-color:var(--color-yellow-400)}.dark\:peer-checked\:text-blue-500:where(.dark,.dark *):is(:where(.peer):checked~*){color:var(--color-blue-500)}.dark\:peer-checked\:text-gray-300:where(.dark,.dark *):is(:where(.peer):checked~*){color:var(--color-gray-300)}.dark\:peer-checked\:text-white:where(.dark,.dark *):is(:where(.peer):checked~*){color:var(--color-white)}.peer-focus\:dark\:text-blue-500:is(:where(.peer):focus~*):where(.dark,.dark *){color:var(--color-blue-500)}.dark\:peer-focus\:ring-blue-800:where(.dark,.dark *):is(:where(.peer):focus~*){--tw-ring-color:var(--color-blue-800)}.dark\:peer-focus\:ring-green-800:where(.dark,.dark *):is(:where(.peer):focus~*){--tw-ring-color:var(--color-green-800)}.dark\:peer-focus\:ring-orange-800:where(.dark,.dark *):is(:where(.peer):focus~*){--tw-ring-color:var(--color-orange-800)}.dark\:peer-focus\:ring-purple-800:where(.dark,.dark *):is(:where(.peer):focus~*){--tw-ring-color:var(--color-purple-800)}.dark\:peer-focus\:ring-red-800:where(.dark,.dark *):is(:where(.peer):focus~*){--tw-ring-color:var(--color-red-800)}.dark\:peer-focus\:ring-teal-800:where(.dark,.dark *):is(:where(.peer):focus~*){--tw-ring-color:var(--color-teal-800)}.dark\:peer-focus\:ring-yellow-800:where(.dark,.dark *):is(:where(.peer):focus~*){--tw-ring-color:var(--color-yellow-800)}.dark\:first-letter\:text-gray-100:where(.dark,.dark *):first-letter{color:var(--color-gray-100)}.dark\:after\:border-blue-800:where(.dark,.dark *):after{content:var(--tw-content);border-color:var(--color-blue-800)}.dark\:after\:border-gray-700:where(.dark,.dark *):after{content:var(--tw-content);border-color:var(--color-gray-700)}.dark\:after\:text-gray-500:where(.dark,.dark *):after{content:var(--tw-content);color:var(--color-gray-500)}.odd\:dark\:bg-gray-900:nth-child(odd):where(.dark,.dark *){background-color:var(--color-gray-900)}.even\:dark\:bg-gray-800:nth-child(2n):where(.dark,.dark *){background-color:var(--color-gray-800)}@media (hover:hover){.dark\:hover\:border-blue-600:where(.dark,.dark *):hover{border-color:var(--color-blue-600)}.dark\:hover\:border-blue-700:where(.dark,.dark *):hover{border-color:var(--color-blue-700)}.dark\:hover\:border-gray-500:where(.dark,.dark *):hover{border-color:var(--color-gray-500)}.dark\:hover\:border-gray-600:where(.dark,.dark *):hover{border-color:var(--color-gray-600)}.dark\:hover\:border-gray-700:where(.dark,.dark *):hover{border-color:var(--color-gray-700)}.dark\:hover\:bg-\[\#050708\]\/30:where(.dark,.dark *):hover{background-color:oklab(12.5951% -.00372608 -.00386472/.3)}.dark\:hover\:bg-\[\#050708\]\/40:where(.dark,.dark *):hover{background-color:oklab(12.5951% -.00372608 -.00386472/.4)}.dark\:hover\:bg-\[\#FF9119\]\/80:where(.dark,.dark *):hover{background-color:oklab(75.9167% .0886233 .149248/.8)}.dark\:hover\:bg-blue-500:where(.dark,.dark *):hover{background-color:var(--color-blue-500)}.dark\:hover\:bg-blue-600:where(.dark,.dark *):hover{background-color:var(--color-blue-600)}.dark\:hover\:bg-blue-700:where(.dark,.dark *):hover{background-color:var(--color-blue-700)}.dark\:hover\:bg-blue-800:where(.dark,.dark *):hover{background-color:var(--color-blue-800)}.dark\:hover\:bg-gray-200:where(.dark,.dark *):hover{background-color:var(--color-gray-200)}.dark\:hover\:bg-gray-500:where(.dark,.dark *):hover{background-color:var(--color-gray-500)}.dark\:hover\:bg-gray-600:where(.dark,.dark *):hover{background-color:var(--color-gray-600)}.dark\:hover\:bg-gray-700:where(.dark,.dark *):hover{background-color:var(--color-gray-700)}.dark\:hover\:bg-gray-800:where(.dark,.dark *):hover{background-color:var(--color-gray-800)}.dark\:hover\:bg-green-600:where(.dark,.dark *):hover{background-color:var(--color-green-600)}.dark\:hover\:bg-green-700:where(.dark,.dark *):hover{background-color:var(--color-green-700)}.dark\:hover\:bg-green-800:where(.dark,.dark *):hover{background-color:var(--color-green-800)}.dark\:hover\:bg-indigo-800:where(.dark,.dark *):hover{background-color:var(--color-indigo-800)}.dark\:hover\:bg-pink-800:where(.dark,.dark *):hover{background-color:var(--color-pink-800)}.dark\:hover\:bg-purple-500:where(.dark,.dark *):hover{background-color:var(--color-purple-500)}.dark\:hover\:bg-purple-700:where(.dark,.dark *):hover{background-color:var(--color-purple-700)}.dark\:hover\:bg-purple-800:where(.dark,.dark *):hover{background-color:var(--color-purple-800)}.dark\:hover\:bg-red-600:where(.dark,.dark *):hover{background-color:var(--color-red-600)}.dark\:hover\:bg-red-700:where(.dark,.dark *):hover{background-color:var(--color-red-700)}.dark\:hover\:bg-red-800:where(.dark,.dark *):hover{background-color:var(--color-red-800)}.dark\:hover\:bg-yellow-300:where(.dark,.dark *):hover{background-color:var(--color-yellow-300)}.dark\:hover\:bg-yellow-400:where(.dark,.dark *):hover{background-color:var(--color-yellow-400)}.dark\:hover\:bg-yellow-800:where(.dark,.dark *):hover{background-color:var(--color-yellow-800)}.dark\:hover\:\!text-blue-500:where(.dark,.dark *):hover{color:var(--color-blue-500)!important}.dark\:hover\:text-blue-300:where(.dark,.dark *):hover{color:var(--color-blue-300)}.dark\:hover\:text-blue-400:where(.dark,.dark *):hover{color:var(--color-blue-400)}.dark\:hover\:text-blue-500:where(.dark,.dark *):hover{color:var(--color-blue-500)}.dark\:hover\:text-blue-600:where(.dark,.dark *):hover{color:var(--color-blue-600)}.dark\:hover\:text-blue-700:where(.dark,.dark *):hover{color:var(--color-blue-700)}.dark\:hover\:text-gray-100:where(.dark,.dark *):hover{color:var(--color-gray-100)}.dark\:hover\:text-gray-300:where(.dark,.dark *):hover{color:var(--color-gray-300)}.dark\:hover\:text-gray-400:where(.dark,.dark *):hover{color:var(--color-gray-400)}.dark\:hover\:text-gray-800:where(.dark,.dark *):hover{color:var(--color-gray-800)}.dark\:hover\:text-gray-900:where(.dark,.dark *):hover{color:var(--color-gray-900)}.dark\:hover\:text-green-300:where(.dark,.dark *):hover{color:var(--color-green-300)}.dark\:hover\:text-indigo-300:where(.dark,.dark *):hover{color:var(--color-indigo-300)}.dark\:hover\:text-pink-300:where(.dark,.dark *):hover{color:var(--color-pink-300)}.dark\:hover\:text-purple-300:where(.dark,.dark *):hover{color:var(--color-purple-300)}.dark\:hover\:text-purple-500:where(.dark,.dark *):hover{color:var(--color-purple-500)}.dark\:hover\:text-red-300:where(.dark,.dark *):hover{color:var(--color-red-300)}.dark\:hover\:text-white:where(.dark,.dark *):hover{color:var(--color-white)}.dark\:hover\:text-yellow-300:where(.dark,.dark *):hover{color:var(--color-yellow-300)}.dark\:hover\:bg-blend-darken:where(.dark,.dark *):hover{background-blend-mode:darken}}.dark\:focus\:border-blue-500:where(.dark,.dark *):focus{border-color:var(--color-blue-500)}.dark\:focus\:border-green-500:where(.dark,.dark *):focus{border-color:var(--color-green-500)}.dark\:focus\:border-red-500:where(.dark,.dark *):focus{border-color:var(--color-red-500)}.dark\:focus\:bg-blue-600:where(.dark,.dark *):focus{background-color:var(--color-blue-600)}.dark\:focus\:bg-gray-700:where(.dark,.dark *):focus{background-color:var(--color-gray-700)}.dark\:focus\:text-white:where(.dark,.dark *):focus{color:var(--color-white)}.dark\:focus\:ring-\[\#1da1f2\]\/55:where(.dark,.dark *):focus{--tw-ring-color:oklab(68.1797% -.0710534 -.141606/.55)}.dark\:focus\:ring-\[\#3b5998\]\/55:where(.dark,.dark *):focus{--tw-ring-color:oklab(47.2423% -.0121128 -.107642/.55)}.dark\:focus\:ring-\[\#2557D6\]\/50:where(.dark,.dark *):focus{--tw-ring-color:oklab(50.5418% -.021006 -.201479/.5)}.dark\:focus\:ring-\[\#4285F4\]\/55:where(.dark,.dark *):focus{--tw-ring-color:oklab(63.0386% -.0313976 -.177268/.55)}.dark\:focus\:ring-\[\#050708\]\/50:where(.dark,.dark *):focus{--tw-ring-color:oklab(12.5951% -.00372608 -.00386472/.5)}.dark\:focus\:ring-\[\#F7BE38\]\/50:where(.dark,.dark *):focus{--tw-ring-color:oklab(83.1765% .0161951 .153769/.5)}.dark\:focus\:ring-\[\#FF9119\]\/40:where(.dark,.dark *):focus{--tw-ring-color:oklab(75.9167% .0886233 .149248/.4)}.dark\:focus\:ring-blue-500:where(.dark,.dark *):focus{--tw-ring-color:var(--color-blue-500)}.dark\:focus\:ring-blue-600:where(.dark,.dark *):focus{--tw-ring-color:var(--color-blue-600)}.dark\:focus\:ring-blue-800:where(.dark,.dark *):focus{--tw-ring-color:var(--color-blue-800)}.dark\:focus\:ring-blue-900:where(.dark,.dark *):focus{--tw-ring-color:var(--color-blue-900)}.dark\:focus\:ring-cyan-800:where(.dark,.dark *):focus{--tw-ring-color:var(--color-cyan-800)}.dark\:focus\:ring-gray-400:where(.dark,.dark *):focus{--tw-ring-color:var(--color-gray-400)}.dark\:focus\:ring-gray-500:where(.dark,.dark *):focus{--tw-ring-color:var(--color-gray-500)}.dark\:focus\:ring-gray-600:where(.dark,.dark *):focus{--tw-ring-color:var(--color-gray-600)}.dark\:focus\:ring-gray-700:where(.dark,.dark *):focus{--tw-ring-color:var(--color-gray-700)}.dark\:focus\:ring-gray-800:where(.dark,.dark *):focus{--tw-ring-color:var(--color-gray-800)}.dark\:focus\:ring-green-600:where(.dark,.dark *):focus{--tw-ring-color:var(--color-green-600)}.dark\:focus\:ring-green-800:where(.dark,.dark *):focus{--tw-ring-color:var(--color-green-800)}.dark\:focus\:ring-lime-800:where(.dark,.dark *):focus{--tw-ring-color:var(--color-lime-800)}.dark\:focus\:ring-orange-600:where(.dark,.dark *):focus{--tw-ring-color:var(--color-orange-600)}.dark\:focus\:ring-pink-800:where(.dark,.dark *):focus{--tw-ring-color:var(--color-pink-800)}.dark\:focus\:ring-purple-600:where(.dark,.dark *):focus{--tw-ring-color:var(--color-purple-600)}.dark\:focus\:ring-purple-800:where(.dark,.dark *):focus{--tw-ring-color:var(--color-purple-800)}.dark\:focus\:ring-purple-900:where(.dark,.dark *):focus{--tw-ring-color:var(--color-purple-900)}.dark\:focus\:ring-red-400:where(.dark,.dark *):focus{--tw-ring-color:var(--color-red-400)}.dark\:focus\:ring-red-600:where(.dark,.dark *):focus{--tw-ring-color:var(--color-red-600)}.dark\:focus\:ring-red-800:where(.dark,.dark *):focus{--tw-ring-color:var(--color-red-800)}.dark\:focus\:ring-red-900:where(.dark,.dark *):focus{--tw-ring-color:var(--color-red-900)}.dark\:focus\:ring-teal-600:where(.dark,.dark *):focus{--tw-ring-color:var(--color-teal-600)}.dark\:focus\:ring-teal-700:where(.dark,.dark *):focus{--tw-ring-color:var(--color-teal-700)}.dark\:focus\:ring-teal-800:where(.dark,.dark *):focus{--tw-ring-color:var(--color-teal-800)}.dark\:focus\:ring-yellow-600:where(.dark,.dark *):focus{--tw-ring-color:var(--color-yellow-600)}.dark\:focus\:ring-yellow-800:where(.dark,.dark *):focus{--tw-ring-color:var(--color-yellow-800)}.dark\:focus\:ring-yellow-900:where(.dark,.dark *):focus{--tw-ring-color:var(--color-yellow-900)}.dark\:focus\:ring-offset-gray-700:where(.dark,.dark *):focus{--tw-ring-offset-color:var(--color-gray-700)}.dark\:focus\:ring-offset-gray-800:where(.dark,.dark *):focus{--tw-ring-offset-color:var(--color-gray-800)}@media (width>=48rem){.md\:dark\:bg-gray-900:where(.dark,.dark *){background-color:var(--color-gray-900)}.md\:dark\:bg-transparent:where(.dark,.dark *){background-color:#0000}.md\:dark\:text-blue-500:where(.dark,.dark *){color:var(--color-blue-500)}.md\:dark\:text-white:where(.dark,.dark *){color:var(--color-white)}@media (hover:hover){.md\:dark\:hover\:bg-transparent:where(.dark,.dark *):hover{background-color:#0000}.md\:dark\:hover\:text-blue-500:where(.dark,.dark *):hover{color:var(--color-blue-500)}.md\:dark\:hover\:text-white:where(.dark,.dark *):hover{color:var(--color-white)}}}@media (width>=64rem){@media (hover:hover){.lg\:dark\:hover\:bg-transparent:where(.dark,.dark *):hover{background-color:#0000}.lg\:dark\:hover\:text-white:where(.dark,.dark *):hover{color:var(--color-white)}}}.\[\&_div\>button\]\:bg-gray-50 div>button{background-color:var(--color-gray-50)}.\[\&\>div\]\:mx-auto>div{margin-inline:auto}.\[\&\>div\>div\]\:bg-gray-50>div>div{background-color:var(--color-gray-50)}.\[\&\>div\>div\]\:shadow-none>div>div{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.yt-video{height:250px}@media only screen and (width>=768px){.yt-video{height:350px}}@media only screen and (width>=1024px){.yt-video{height:450px}}@media only screen and (width<=1024px){.collapse.collapsed{display:none}}#TableOfContents>ul{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-500);overflow-x:hidden}#TableOfContents>ul:where(.dark,.dark *){color:var(--color-gray-400)}#TableOfContents>ul>li{padding-block:calc(var(--spacing)*2)}#TableOfContents>ul>li>a{border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--color-white);padding-left:calc(var(--spacing)*2.5);--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);--tw-duration:.2s;transition-property:none;transition-duration:.2s;display:block}#TableOfContents>ul>li>a:after{content:var(--tw-content);margin-left:calc(var(--spacing)*2);content:var(--tw-content);color:var(--color-blue-700);content:var(--tw-content);opacity:0;content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));content:var(--tw-content);--tw-duration:.1s;content:var(--tw-content);--tw-content:"#";content:var(--tw-content);transition-duration:.1s}@media (hover:hover){#TableOfContents>ul>li>a:hover{border-color:var(--color-gray-300);color:var(--color-gray-900)}#TableOfContents>ul>li>a:hover:after{content:var(--tw-content);opacity:1}}#TableOfContents>ul>li>a:where(.dark,.dark *){border-color:var(--color-gray-900)}#TableOfContents>ul>li>a:where(.dark,.dark *):after{content:var(--tw-content);color:var(--color-blue-500)}@media (hover:hover){#TableOfContents>ul>li>a:where(.dark,.dark *):hover{border-color:var(--color-gray-700);color:var(--color-white)}}#TableOfContents>ul>li>ul>li>a{border-left-style:var(--tw-border-style);border-left-width:1px;border-color:var(--color-white);padding-left:calc(var(--spacing)*6);--tw-duration:.2s;transition-property:none;transition-duration:.2s}#TableOfContents>ul>li>ul>li>a:after{content:var(--tw-content);margin-left:calc(var(--spacing)*2);content:var(--tw-content);color:var(--color-blue-700);content:var(--tw-content);opacity:0;content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));content:var(--tw-content);--tw-duration:.1s;content:var(--tw-content);--tw-content:"#";content:var(--tw-content);transition-duration:.1s}@media (hover:hover){#TableOfContents>ul>li>ul>li>a:hover{border-color:var(--color-gray-300);color:var(--color-gray-900)}#TableOfContents>ul>li>ul>li>a:hover:after{content:var(--tw-content);opacity:1}}#TableOfContents>ul>li>ul>li>a:where(.dark,.dark *){border-color:var(--color-gray-900)}#TableOfContents>ul>li>ul>li>a:where(.dark,.dark *):after{content:var(--tw-content);color:var(--color-blue-500)}@media (hover:hover){#TableOfContents>ul>li>ul>li>a:where(.dark,.dark *):hover{border-color:var(--color-gray-700);color:var(--color-white)}}#TableOfContents>ul>li>ul{padding-top:calc(var(--spacing)*2)}#TableOfContents>ul>li>ul>li{padding-block:calc(var(--spacing)*2)}#TableOfContents>ul>li>ul>li:last-of-type{padding-bottom:calc(var(--spacing)*0)}.highlight{overflow:hidden}#mainContent>h2{margin-top:calc(var(--spacing)*8);margin-bottom:calc(var(--spacing)*4);font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}#mainContent>h2:where(.dark,.dark *){color:var(--color-white)}#mainContent>h3,#mainContent>h4{margin-top:calc(var(--spacing)*8);margin-bottom:calc(var(--spacing)*4);font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}:is(#mainContent>h3,#mainContent>h4):where(.dark,.dark *){color:var(--color-white)}#mainContent>p{margin-bottom:calc(var(--spacing)*4);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-gray-600)}#mainContent>p:where(.dark,.dark *){color:var(--color-gray-400)}#mainContent>p>a,#mainContent>ul>li>a,#mainContent>ol>li>a,#mainContent>ul>li>p>a,#mainContent>ol>li>p>a{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-gray-700);text-decoration-line:underline;text-decoration-color:var(--color-blue-600);text-underline-offset:2px;text-decoration-thickness:1px}:is(#mainContent>p>a,#mainContent>ul>li>a,#mainContent>ol>li>a,#mainContent>ul>li>p>a,#mainContent>ol>li>p>a):where(.dark,.dark *){color:var(--color-gray-300);text-decoration-color:var(--color-blue-500)}#mainContent>p>a:hover,#mainContent>ul>li>a:hover,#mainContent>ol>li>a:hover,#mainContent>ul>li>p>a:hover,#mainContent>ol>li>p>a:hover{color:var(--color-gray-900);text-decoration-thickness:2px}:is(#mainContent>p>a:hover,#mainContent>ul>li>a:hover,#mainContent>ol>li>a:hover,#mainContent>ul>li>p>a:hover,#mainContent>ol>li>p>a:hover):where(.dark,.dark *){color:var(--color-white)}#mainContent>p>code,#mainContent>ul>li>code,#mainContent>ol>li>code{padding-inline:calc(var(--spacing)*1);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));word-break:break-all;color:var(--color-blue-600)}:is(#mainContent>p>code,#mainContent>ul>li>code,#mainContent>ol>li>code):where(.dark,.dark *){color:var(--color-blue-400)}#mainContent>ul{list-style:outside}#mainContent>ol{list-style:decimal}#mainContent p>strong{color:var(--color-gray-900)}#mainContent p>strong:where(.dark,.dark *){color:var(--color-white)}#mainContent>ul,#mainContent>ol{padding-left:1rem}#mainContent>ul>li,#mainContent>ol>li{margin-bottom:calc(var(--spacing)*4);font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-gray-600)}:is(#mainContent>ul>li,#mainContent>ol>li):where(.dark,.dark *){color:var(--color-gray-400)}code[class*=language-],pre[class*=language-]{text-align:left;white-space:pre;word-spacing:normal;word-break:normal;text-shadow:none;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none;--tw-font-weight:var(--font-weight-normal);font-family:Menlo,ui-monospace,SFMono-Regular,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.5;font-weight:var(--font-weight-normal);color:var(--color-gray-500);direction:ltr}:is(code[class*=language-],pre[class*=language-]):where(.dark,.dark *){color:var(--color-gray-400)}.highlight pre[class*=language-]{margin:calc(var(--spacing)*0);margin-top:calc(var(--spacing)*4);margin-bottom:calc(var(--spacing)*8);border-radius:var(--radius-xl);background-color:var(--color-gray-50);padding:calc(var(--spacing)*6);padding-top:calc(var(--spacing)*6);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));overflow:auto}.highlight pre[class*=language-]:where(.dark,.dark *){background-color:var(--color-gray-800)}[data-code-wrapper] .highlight pre[class*=language-]{margin-block:calc(var(--spacing)*0)}.code-preview-wrapper+.code-syntax-wrapper>.code-syntax>.relative>[data-code-wrapper] .highlight pre[class*=language-],.code-preview-wrapper+.code-syntax-wrapper>.code-syntax{margin-top:calc(var(--spacing)*0);border-radius:0;overflow:scroll hidden}.code-preview-wrapper+.code-syntax-wrapper{margin-bottom:calc(var(--spacing)*4)}.code-preview-wrapper+.code-syntax-wrapper>.code-syntax>.relative>[data-code-wrapper]>.highlight>pre[class*=language-]{margin:calc(var(--spacing)*0);background-color:var(--color-gray-50);padding:calc(var(--spacing)*4)}.code-preview-wrapper+.code-syntax-wrapper>.code-syntax>.relative>[data-code-wrapper]>.highlight>pre[class*=language-]:where(.dark,.dark *){background-color:var(--color-gray-800)}:not(pre)>code[class*=language-],pre[class*=language-]{background-color:var(--color-gray-50)}:is(:not(pre)>code[class*=language-],pre[class*=language-]):where(.dark,.dark *){background-color:var(--color-gray-800)}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:var(--color-gray-800)}:is(.token.comment,.token.prolog,.token.doctype,.token.cdata):where(.dark,.dark *){color:var(--color-gray-400)}.token.punctuation{color:var(--color-gray-800)}.token.punctuation:where(.dark,.dark *){color:var(--color-gray-400)}.namespace{opacity:.7}.token.property,.token.keyword,.token.tag{color:var(--color-pink-700)}:is(.token.property,.token.keyword,.token.tag):where(.dark,.dark *){color:var(--color-pink-400)}.token.class-name{color:var(--color-violet-700);text-decoration:underline}.token.class-name:where(.dark,.dark *){color:var(--color-violet-400)}.token.boolean,.token.constant{color:var(--color-green-600)}:is(.token.boolean,.token.constant):where(.dark,.dark *){color:var(--color-green-400)}.token.symbol,.token.deleted{color:var(--color-red-500)}:is(.token.symbol,.token.deleted):where(.dark,.dark *){color:var(--color-red-400)}.token.number{color:var(--color-violet-700)}.token.number:where(.dark,.dark *){color:var(--color-violet-400)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--color-sky-600)}:is(.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted):where(.dark,.dark *){color:var(--color-sky-500)}.token.variable{color:var(--color-purple-500)}.token.variable:where(.dark,.dark *){color:var(--color-purple-400)}.token.operator{color:var(--color-gray-500)}.token.operator:where(.dark,.dark *){background-color:var(--color-gray-800);color:var(--color-gray-400)}.token.entity{color:var(--color-yellow-400);cursor:help}.token.entity:where(.dark,.dark *){color:var(--color-yellow-300)}.token.url{color:var(--color-blue-600)}.token.url:where(.dark,.dark *){color:var(--color-blue-500)}.language-css .token.string,.style .token.string{color:var(--color-red-500)}:is(.language-css .token.string,.style .token.string):where(.dark,.dark *){color:var(--color-red-400)}.token.atrule,.token.attr-value{color:var(--color-blue-600)}:is(.token.atrule,.token.attr-value):where(.dark,.dark *){color:var(--color-blue-500)}.token.function{color:var(--color-cyan-700)}.token.function:where(.dark,.dark *){color:var(--color-cyan-500)}.token.regex{color:#e9c062}.token.important{color:#fd971f}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}code.language-bash,pre.language-bash{color:var(--color-blue-600)}:is(code.language-bash,pre.language-bash):where(.dark,.dark *){color:var(--color-blue-400)}code.language-javascript{color:var(--color-blue-600)}code.language-javascript:where(.dark,.dark *){color:var(--color-blue-400)}code.language-javascript .token.function{color:var(--color-green-500)}code.language-javascript .token.function:where(.dark,.dark *){color:var(--color-green-300)}code.language-javascript .token.punctuation{color:var(--color-gray-500)}code.language-javascript .token.punctuation:where(.dark,.dark *){color:var(--color-gray-400)}code.language-javascript .token.keyword{color:var(--color-pink-500)}code.language-javascript .token.keyword:where(.dark,.dark *){color:var(--color-pink-400)}code.language-javascript .token.comment,code.language-javascript .token.comment:where(.dark,.dark *){color:var(--color-gray-500)}code.language-javascript .token.string{color:var(--color-purple-600)}code.language-javascript .token.string:where(.dark,.dark *){color:var(--color-purple-400)}code.language-javascript .token.class-name{color:var(--color-orange-400)}code.language-javascript .token.class-name:where(.dark,.dark *){color:var(--color-orange-300)}code.language-javascript .token{background:0 0}code.language-html .token.tag{color:var(--color-fuchsia-700)}code.language-html .token.tag:where(.dark,.dark *){color:var(--color-fuchsia-400)}code.language-html .token.attr-value{color:var(--color-blue-600)}code.language-html .token.attr-value:where(.dark,.dark *){color:var(--color-blue-400)}code.language-html .token.punctuation{color:var(--color-gray-400)}code.language-html .token.punctuation:where(.dark,.dark *){color:var(--color-gray-500)}code.language-html .token.attr-name{color:var(--color-green-600)}code.language-html .token.attr-name:where(.dark,.dark *){color:var(--color-green-400)}code.language-html .token.comment{color:var(--color-gray-400)}code.language-html .token.comment:where(.dark,.dark *){color:var(--color-gray-500)}.code-responsive-wrapper{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http: //www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23d1d5db' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.dark .code-responsive-wrapper{background-color:#111827;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%236b7280' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}#carbonads *{margin:initial;padding:initial}#carbonads{margin:calc(var(--spacing)*0);z-index:100;background-color:var(--color-white);max-width:330px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;box-shadow:0 1px 4px 1px #0000001a}#carbonads:where(.dark,.dark *){background-color:var(--color-gray-800);color:var(--color-white)}#carbonads a{color:inherit;text-decoration:none}#carbonads a:hover{color:inherit}#carbonads span{display:block;position:relative;overflow:hidden}#carbonads .carbon-wrap{display:flex}#carbonads .carbon-img{margin:0;line-height:1;display:block}#carbonads .carbon-img img{display:block}#carbonads .carbon-text{text-align:left;margin-bottom:16px;padding:10px;font-size:13px;line-height:1.5}#carbonads .carbon-poweredby{background-color:var(--color-gray-100);text-align:center;text-transform:uppercase;letter-spacing:.5px;padding:6px 8px;font-size:8px;font-weight:600;line-height:1;display:block;position:absolute;bottom:0;right:0}#carbonads .carbon-poweredby:where(.dark,.dark *){background-color:var(--color-gray-800)}.DocSearch.DocSearch-Button{margin:calc(var(--spacing)*0);border-radius:var(--radius-lg);border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-white);background-color:var(--color-white);width:40px;height:40px;padding:calc(var(--spacing)*2);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);justify-content:center;align-items:center;display:flex}@media (hover:hover){.DocSearch.DocSearch-Button:hover{background-color:var(--color-gray-100);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.DocSearch.DocSearch-Button:focus{--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);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-gray-200);--tw-outline-style:none;outline-style:none}@media (width>=40rem){.DocSearch.DocSearch-Button{width:calc(var(--spacing)*44)}}@media (width>=48rem){.DocSearch.DocSearch-Button{--tw-border-style:solid;border-style:solid;border-color:var(--color-gray-300);background-color:var(--color-gray-50);justify-content:space-between}}@media (width>=80rem){.DocSearch.DocSearch-Button{width:calc(var(--spacing)*64);padding-left:calc(var(--spacing)*4)}}.DocSearch.DocSearch-Button:where(.dark,.dark *){border-color:var(--color-gray-800);background-color:var(--color-gray-800)}@media (hover:hover){.DocSearch.DocSearch-Button:where(.dark,.dark *):hover{background-color:var(--color-gray-600)}}.DocSearch.DocSearch-Button:where(.dark,.dark *):focus{background-color:var(--color-gray-600);--tw-ring-color:var(--color-gray-700)}@media (width>=48rem){.DocSearch.DocSearch-Button:where(.dark,.dark *){border-color:var(--color-gray-600);background-color:var(--color-gray-700)}}.DocSearch-Button-Placeholder{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-gray-500)}.DocSearch-Button-Placeholder:where(.dark,.dark *){color:var(--color-gray-400)}.DocSearch-Search-Icon{background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 20 20\"><path stroke=\"%236A7280\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z\"/></svg>");height:calc(var(--spacing)*4)!important;width:calc(var(--spacing)*4)!important;color:#0000!important}@media (width>=48rem){.DocSearch-Search-Icon{margin-right:calc(var(--spacing)*1)!important;height:calc(var(--spacing)*3)!important;width:calc(var(--spacing)*3)!important}}.dark .DocSearch-Search-Icon{background-image:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 20 20\"><path stroke=\"%239BA3AF\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z\"/></svg>")}.DocSearch-Button-Keys{min-width:calc(var(--spacing)*0);align-items:center}.DocSearch-Button-Key:first-child{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));margin-right:1px}.DocSearch-Button-Key{margin:calc(var(--spacing)*0);width:auto;padding-top:calc(var(--spacing)*1);padding-bottom:calc(var(--spacing)*0);font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-gray-500);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);background-image:none}.DocSearch-Button-Key:where(.dark,.dark *){color:var(--color-gray-400)}.DocSearch-Button .DocSearch-Search-Icon{color:var(--color-gray-500)}.DocSearch-Hit-icon{display:none}.DocSearch-Hits mark{color:var(--color-blue-600);text-decoration-color:var(--color-blue-600);text-underline-offset:2px;text-decoration-thickness:2px}.DocSearch-Hits mark:where(.dark,.dark *){color:var(--color-white);text-decoration-color:var(--color-white)}.DocSearch-Hit[aria-selected=true] a{background-color:var(--color-blue-700)}.DocSearch-Hit[aria-selected=true] a:where(.dark,.dark *){background-color:var(--color-blue-600)}.DocSearch-Hit-source{background-color:var(--color-white);padding-bottom:calc(var(--spacing)*1);color:var(--color-gray-700)}.DocSearch-Hit-source:where(.dark,.dark *){background-color:var(--color-gray-700);color:var(--color-gray-400)}.DocSearch-Container{background-color:color-mix(in oklab,var(--color-gray-900)50%,transparent)}.DocSearch-Container:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-gray-900)80%,transparent)}.DocSearch-Modal{border-radius:var(--radius-lg);--tw-shadow:0 0 #0000;width:100%;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);margin-inline:auto;margin-top:1rem;overflow:hidden}@media (width>=64rem){.DocSearch-Modal{max-height:none;max-width:var(--container-xl);margin-top:4rem}}.DocSearch-SearchBar{border-bottom-style:var(--tw-border-style);border-bottom-width:1px;border-color:var(--color-gray-100);padding:calc(var(--spacing)*0)}.DocSearch-SearchBar:where(.dark,.dark *){border-color:var(--color-gray-600);background-color:var(--color-gray-700)}.DocSearch-Form{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.DocSearch-Form:where(.dark,.dark *){background-color:var(--color-gray-700)}.DocSearch-Input{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-gray-500);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.DocSearch-Input: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);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.DocSearch-Input:where(.dark,.dark *){background-color:var(--color-gray-700);color:var(--color-white)}.DocSearch-LoadingIndicator svg,.DocSearch-MagnifierLabel svg{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.DocSearch-Commands{display:none}.DocSearch-Footer{height:calc(var(--spacing)*12);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--color-gray-100);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.DocSearch-Footer:where(.dark,.dark *){border-color:var(--color-gray-600);background-color:var(--color-gray-700)}.DocSearch-Dropdown{background-color:var(--color-white)}.DocSearch-Dropdown:where(.dark,.dark *){background-color:var(--color-gray-700)}.DocSearch-Hit{padding-bottom:calc(var(--spacing)*2);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.DocSearch-Hit a{border-radius:var(--radius-lg);background-color:var(--color-gray-50);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.DocSearch-Hit a:where(.dark,.dark *){background-color:var(--color-gray-600)}@media (hover:hover){.DocSearch-Hit a:where(.dark,.dark *):hover{background-color:var(--color-blue-600)}}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon,.DocSearch-Hit-action-button{display:none}.DocSearch-Hit .DocSearch-Hit-action:last-child{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5);background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11 9 3 3-3 3' stroke='%23475569' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action:last-child{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m11 9 3 3-3 3' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.DocSearch-Screen-Icon,.DocSearch-NoResults-Prefill-List,.DocSearch-Cancel{display:none}.DocSearch-Title{margin-bottom:calc(var(--spacing)*1);font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);color:var(--color-gray-700)}.DocSearch-Title:where(.dark,.dark *){color:var(--color-gray-200)}.DocSearch-Hit-Container:where(.dark,.dark *){color:var(--color-gray-300)}.DocSearch-Logo svg:where(.dark,.dark *){color:var(--color-gray-400)}@media (hover:hover){.DocSearch-Reset:hover{color:var(--color-black)}}.DocSearch-Reset:where(.dark,.dark *){color:var(--color-gray-300)}@media (hover:hover){.DocSearch-Reset:where(.dark,.dark *):hover{color:var(--color-white)}}.formkit-alert.formkit-alert-success{margin-bottom:calc(var(--spacing)*4);border-radius:var(--radius-lg);background-color:var(--color-green-100);padding:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium);color:var(--color-green-700)}.formkit-alert.formkit-alert-success:where(.dark,.dark *){background-color:var(--color-gray-800);color:var(--color-green-400)}.formkit-alert.formkit-alert-error:not(:empty){margin-bottom:calc(var(--spacing)*4);border-radius:var(--radius-lg);background-color:var(--color-red-100);padding:calc(var(--spacing)*4);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));color:var(--color-red-700)}.formkit-alert.formkit-alert-error:not(:empty):where(.dark,.dark *){background-color:var(--color-gray-800);color:var(--color-red-400)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@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-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-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@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-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-content{syntax:"*";inherits:false;initial-value:""}</style>
|
||
<style data-vite-dev-id="C:/Users/zx/Desktop/polymech/polymech-site/src/styles/global.css">
|
||
/*! tailwindcss v4.0.7 | MIT License | https://tailwindcss.com */
|
||
@layer theme, base, components, utilities; @layer theme {
|
||
:root, :host {
|
||
--font-sans: "Inter", sans-serif;
|
||
--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
|
||
--font-mono: "IBM PLex Mono", monospace;
|
||
--color-red-50: oklch(0.971 0.013 17.38);
|
||
--color-red-100: oklch(0.936 0.032 17.717);
|
||
--color-red-200: oklch(0.885 0.062 18.334);
|
||
--color-red-300: oklch(0.808 0.114 19.571);
|
||
--color-red-400: oklch(0.704 0.191 22.216);
|
||
--color-red-500: oklch(0.637 0.237 25.331);
|
||
--color-red-600: oklch(0.577 0.245 27.325);
|
||
--color-red-700: oklch(0.505 0.213 27.518);
|
||
--color-red-800: oklch(0.444 0.177 26.899);
|
||
--color-red-900: oklch(0.396 0.141 25.723);
|
||
--color-red-950: oklch(0.258 0.092 26.042);
|
||
--color-orange-50: hsl(22, 100%, 96%);
|
||
--color-orange-100: hsl(25, 100%, 91%);
|
||
--color-orange-200: hsl(22, 100%, 82%);
|
||
--color-orange-300: hsl(20, 100%, 71%);
|
||
--color-orange-400: hsl(16, 100%, 60%);
|
||
--color-orange-500: hsl(14, 100%, 52%);
|
||
--color-orange-600: hsl(9, 100%, 50%);
|
||
--color-orange-700: hsl(6, 98%, 40%);
|
||
--color-orange-800: hsl(4, 87%, 34%);
|
||
--color-orange-900: hsl(4, 83%, 28%);
|
||
--color-orange-950: hsl(1, 89%, 15%);
|
||
--color-amber-50: oklch(0.987 0.022 95.277);
|
||
--color-amber-100: oklch(0.962 0.059 95.617);
|
||
--color-amber-200: oklch(0.924 0.12 95.746);
|
||
--color-amber-300: oklch(0.879 0.169 91.605);
|
||
--color-amber-400: oklch(0.828 0.189 84.429);
|
||
--color-amber-500: oklch(0.769 0.188 70.08);
|
||
--color-amber-600: oklch(0.666 0.179 58.318);
|
||
--color-amber-700: oklch(0.555 0.163 48.998);
|
||
--color-amber-800: oklch(0.473 0.137 46.201);
|
||
--color-amber-900: oklch(0.414 0.112 45.904);
|
||
--color-amber-950: oklch(0.279 0.077 45.635);
|
||
--color-yellow-50: oklch(0.987 0.026 102.212);
|
||
--color-yellow-100: oklch(0.973 0.071 103.193);
|
||
--color-yellow-200: oklch(0.945 0.129 101.54);
|
||
--color-yellow-300: oklch(0.905 0.182 98.111);
|
||
--color-yellow-400: oklch(0.852 0.199 91.936);
|
||
--color-yellow-500: oklch(0.795 0.184 86.047);
|
||
--color-yellow-600: oklch(0.681 0.162 75.834);
|
||
--color-yellow-700: oklch(0.554 0.135 66.442);
|
||
--color-yellow-800: oklch(0.476 0.114 61.907);
|
||
--color-yellow-900: oklch(0.421 0.095 57.708);
|
||
--color-yellow-950: oklch(0.286 0.066 53.813);
|
||
--color-lime-50: oklch(0.986 0.031 120.757);
|
||
--color-lime-100: oklch(0.967 0.067 122.328);
|
||
--color-lime-200: oklch(0.938 0.127 124.321);
|
||
--color-lime-300: oklch(0.897 0.196 126.665);
|
||
--color-lime-400: oklch(0.841 0.238 128.85);
|
||
--color-lime-500: oklch(0.768 0.233 130.85);
|
||
--color-lime-600: oklch(0.648 0.2 131.684);
|
||
--color-lime-700: oklch(0.532 0.157 131.589);
|
||
--color-lime-800: oklch(0.453 0.124 130.933);
|
||
--color-lime-900: oklch(0.405 0.101 131.063);
|
||
--color-lime-950: oklch(0.274 0.072 132.109);
|
||
--color-green-50: oklch(0.982 0.018 155.826);
|
||
--color-green-100: oklch(0.962 0.044 156.743);
|
||
--color-green-200: oklch(0.925 0.084 155.995);
|
||
--color-green-300: oklch(0.871 0.15 154.449);
|
||
--color-green-400: oklch(0.792 0.209 151.711);
|
||
--color-green-500: oklch(0.723 0.219 149.579);
|
||
--color-green-600: oklch(0.627 0.194 149.214);
|
||
--color-green-700: oklch(0.527 0.154 150.069);
|
||
--color-green-800: oklch(0.448 0.119 151.328);
|
||
--color-green-900: oklch(0.393 0.095 152.535);
|
||
--color-green-950: oklch(0.266 0.065 152.934);
|
||
--color-emerald-50: oklch(0.979 0.021 166.113);
|
||
--color-emerald-100: oklch(0.95 0.052 163.051);
|
||
--color-emerald-200: oklch(0.905 0.093 164.15);
|
||
--color-emerald-300: oklch(0.845 0.143 164.978);
|
||
--color-emerald-400: oklch(0.765 0.177 163.223);
|
||
--color-emerald-500: oklch(0.696 0.17 162.48);
|
||
--color-emerald-600: oklch(0.596 0.145 163.225);
|
||
--color-emerald-700: oklch(0.508 0.118 165.612);
|
||
--color-emerald-800: oklch(0.432 0.095 166.913);
|
||
--color-emerald-900: oklch(0.378 0.077 168.94);
|
||
--color-emerald-950: oklch(0.262 0.051 172.552);
|
||
--color-teal-50: oklch(0.984 0.014 180.72);
|
||
--color-teal-100: oklch(0.953 0.051 180.801);
|
||
--color-teal-200: oklch(0.91 0.096 180.426);
|
||
--color-teal-300: oklch(0.855 0.138 181.071);
|
||
--color-teal-400: oklch(0.777 0.152 181.912);
|
||
--color-teal-500: oklch(0.704 0.14 182.503);
|
||
--color-teal-600: oklch(0.6 0.118 184.704);
|
||
--color-teal-700: oklch(0.511 0.096 186.391);
|
||
--color-teal-800: oklch(0.437 0.078 188.216);
|
||
--color-teal-900: oklch(0.386 0.063 188.416);
|
||
--color-teal-950: oklch(0.277 0.046 192.524);
|
||
--color-cyan-50: oklch(0.984 0.019 200.873);
|
||
--color-cyan-100: oklch(0.956 0.045 203.388);
|
||
--color-cyan-200: oklch(0.917 0.08 205.041);
|
||
--color-cyan-300: oklch(0.865 0.127 207.078);
|
||
--color-cyan-400: oklch(0.789 0.154 211.53);
|
||
--color-cyan-500: oklch(0.715 0.143 215.221);
|
||
--color-cyan-600: oklch(0.609 0.126 221.723);
|
||
--color-cyan-700: oklch(0.52 0.105 223.128);
|
||
--color-cyan-800: oklch(0.45 0.085 224.283);
|
||
--color-cyan-900: oklch(0.398 0.07 227.392);
|
||
--color-cyan-950: oklch(0.302 0.056 229.695);
|
||
--color-sky-50: oklch(0.977 0.013 236.62);
|
||
--color-sky-100: oklch(0.951 0.026 236.824);
|
||
--color-sky-200: oklch(0.901 0.058 230.902);
|
||
--color-sky-300: oklch(0.828 0.111 230.318);
|
||
--color-sky-400: oklch(0.746 0.16 232.661);
|
||
--color-sky-500: oklch(0.685 0.169 237.323);
|
||
--color-sky-600: oklch(0.588 0.158 241.966);
|
||
--color-sky-700: oklch(0.5 0.134 242.749);
|
||
--color-sky-800: oklch(0.443 0.11 240.79);
|
||
--color-sky-900: oklch(0.391 0.09 240.876);
|
||
--color-sky-950: oklch(0.293 0.066 243.157);
|
||
--color-blue-50: oklch(0.97 0.014 254.604);
|
||
--color-blue-100: oklch(0.932 0.032 255.585);
|
||
--color-blue-200: oklch(0.882 0.059 254.128);
|
||
--color-blue-300: oklch(0.809 0.105 251.813);
|
||
--color-blue-400: oklch(0.707 0.165 254.624);
|
||
--color-blue-500: oklch(0.623 0.214 259.815);
|
||
--color-blue-600: oklch(0.546 0.245 262.881);
|
||
--color-blue-700: oklch(0.488 0.243 264.376);
|
||
--color-blue-800: oklch(0.424 0.199 265.638);
|
||
--color-blue-900: oklch(0.379 0.146 265.522);
|
||
--color-blue-950: oklch(0.282 0.091 267.935);
|
||
--color-indigo-50: oklch(0.962 0.018 272.314);
|
||
--color-indigo-100: oklch(0.93 0.034 272.788);
|
||
--color-indigo-200: oklch(0.87 0.065 274.039);
|
||
--color-indigo-300: oklch(0.785 0.115 274.713);
|
||
--color-indigo-400: oklch(0.673 0.182 276.935);
|
||
--color-indigo-500: oklch(0.585 0.233 277.117);
|
||
--color-indigo-600: oklch(0.511 0.262 276.966);
|
||
--color-indigo-700: oklch(0.457 0.24 277.023);
|
||
--color-indigo-800: oklch(0.398 0.195 277.366);
|
||
--color-indigo-900: oklch(0.359 0.144 278.697);
|
||
--color-indigo-950: oklch(0.257 0.09 281.288);
|
||
--color-violet-50: oklch(0.969 0.016 293.756);
|
||
--color-violet-100: oklch(0.943 0.029 294.588);
|
||
--color-violet-200: oklch(0.894 0.057 293.283);
|
||
--color-violet-300: oklch(0.811 0.111 293.571);
|
||
--color-violet-400: oklch(0.702 0.183 293.541);
|
||
--color-violet-500: oklch(0.606 0.25 292.717);
|
||
--color-violet-600: oklch(0.541 0.281 293.009);
|
||
--color-violet-700: oklch(0.491 0.27 292.581);
|
||
--color-violet-800: oklch(0.432 0.232 292.759);
|
||
--color-violet-900: oklch(0.38 0.189 293.745);
|
||
--color-violet-950: oklch(0.283 0.141 291.089);
|
||
--color-purple-50: oklch(0.977 0.014 308.299);
|
||
--color-purple-100: oklch(0.946 0.033 307.174);
|
||
--color-purple-200: oklch(0.902 0.063 306.703);
|
||
--color-purple-300: oklch(0.827 0.119 306.383);
|
||
--color-purple-400: oklch(0.714 0.203 305.504);
|
||
--color-purple-500: oklch(0.627 0.265 303.9);
|
||
--color-purple-600: oklch(0.558 0.288 302.321);
|
||
--color-purple-700: oklch(0.496 0.265 301.924);
|
||
--color-purple-800: oklch(0.438 0.218 303.724);
|
||
--color-purple-900: oklch(0.381 0.176 304.987);
|
||
--color-purple-950: oklch(0.291 0.149 302.717);
|
||
--color-fuchsia-50: oklch(0.977 0.017 320.058);
|
||
--color-fuchsia-100: oklch(0.952 0.037 318.852);
|
||
--color-fuchsia-200: oklch(0.903 0.076 319.62);
|
||
--color-fuchsia-300: oklch(0.833 0.145 321.434);
|
||
--color-fuchsia-400: oklch(0.74 0.238 322.16);
|
||
--color-fuchsia-500: oklch(0.667 0.295 322.15);
|
||
--color-fuchsia-600: oklch(0.591 0.293 322.896);
|
||
--color-fuchsia-700: oklch(0.518 0.253 323.949);
|
||
--color-fuchsia-800: oklch(0.452 0.211 324.591);
|
||
--color-fuchsia-900: oklch(0.401 0.17 325.612);
|
||
--color-fuchsia-950: oklch(0.293 0.136 325.661);
|
||
--color-pink-50: oklch(0.971 0.014 343.198);
|
||
--color-pink-100: oklch(0.948 0.028 342.258);
|
||
--color-pink-200: oklch(0.899 0.061 343.231);
|
||
--color-pink-300: oklch(0.823 0.12 346.018);
|
||
--color-pink-400: oklch(0.718 0.202 349.761);
|
||
--color-pink-500: oklch(0.656 0.241 354.308);
|
||
--color-pink-600: oklch(0.592 0.249 0.584);
|
||
--color-pink-700: oklch(0.525 0.223 3.958);
|
||
--color-pink-800: oklch(0.459 0.187 3.815);
|
||
--color-pink-900: oklch(0.408 0.153 2.432);
|
||
--color-pink-950: oklch(0.284 0.109 3.907);
|
||
--color-rose-50: oklch(0.969 0.015 12.422);
|
||
--color-rose-100: oklch(0.941 0.03 12.58);
|
||
--color-rose-200: oklch(0.892 0.058 10.001);
|
||
--color-rose-300: oklch(0.81 0.117 11.638);
|
||
--color-rose-400: oklch(0.712 0.194 13.428);
|
||
--color-rose-500: oklch(0.645 0.246 16.439);
|
||
--color-rose-600: oklch(0.586 0.253 17.585);
|
||
--color-rose-700: oklch(0.514 0.222 16.935);
|
||
--color-rose-800: oklch(0.455 0.188 13.697);
|
||
--color-rose-900: oklch(0.41 0.159 10.272);
|
||
--color-rose-950: oklch(0.271 0.105 12.094);
|
||
--color-slate-50: oklch(0.984 0.003 247.858);
|
||
--color-slate-100: oklch(0.968 0.007 247.896);
|
||
--color-slate-200: oklch(0.929 0.013 255.508);
|
||
--color-slate-300: oklch(0.869 0.022 252.894);
|
||
--color-slate-400: oklch(0.704 0.04 256.788);
|
||
--color-slate-500: oklch(0.554 0.046 257.417);
|
||
--color-slate-600: oklch(0.446 0.043 257.281);
|
||
--color-slate-700: oklch(0.372 0.044 257.287);
|
||
--color-slate-800: oklch(0.279 0.041 260.031);
|
||
--color-slate-900: oklch(0.208 0.042 265.755);
|
||
--color-slate-950: oklch(0.129 0.042 264.695);
|
||
--color-gray-50: oklch(0.985 0.002 247.839);
|
||
--color-gray-100: oklch(0.967 0.003 264.542);
|
||
--color-gray-200: oklch(0.928 0.006 264.531);
|
||
--color-gray-300: oklch(0.872 0.01 258.338);
|
||
--color-gray-400: oklch(0.707 0.022 261.325);
|
||
--color-gray-500: oklch(0.551 0.027 264.364);
|
||
--color-gray-600: oklch(0.446 0.03 256.802);
|
||
--color-gray-700: oklch(0.373 0.034 259.733);
|
||
--color-gray-800: oklch(0.278 0.033 256.848);
|
||
--color-gray-900: oklch(0.21 0.034 264.665);
|
||
--color-gray-950: oklch(0.13 0.028 261.692);
|
||
--color-zinc-50: oklch(0.985 0 0);
|
||
--color-zinc-100: oklch(0.967 0.001 286.375);
|
||
--color-zinc-200: oklch(0.92 0.004 286.32);
|
||
--color-zinc-300: oklch(0.871 0.006 286.286);
|
||
--color-zinc-400: oklch(0.705 0.015 286.067);
|
||
--color-zinc-500: oklch(0.552 0.016 285.938);
|
||
--color-zinc-600: oklch(0.442 0.017 285.786);
|
||
--color-zinc-700: oklch(0.37 0.013 285.805);
|
||
--color-zinc-800: oklch(0.274 0.006 286.033);
|
||
--color-zinc-900: oklch(0.21 0.006 285.885);
|
||
--color-zinc-950: oklch(0.141 0.005 285.823);
|
||
--color-neutral-50: oklch(0.985 0 0);
|
||
--color-neutral-100: oklch(0.97 0 0);
|
||
--color-neutral-200: oklch(0.922 0 0);
|
||
--color-neutral-300: oklch(0.87 0 0);
|
||
--color-neutral-400: oklch(0.708 0 0);
|
||
--color-neutral-500: oklch(0.556 0 0);
|
||
--color-neutral-600: oklch(0.439 0 0);
|
||
--color-neutral-700: oklch(0.371 0 0);
|
||
--color-neutral-800: oklch(0.269 0 0);
|
||
--color-neutral-900: oklch(0.205 0 0);
|
||
--color-neutral-950: oklch(0.145 0 0);
|
||
--color-stone-50: oklch(0.985 0.001 106.423);
|
||
--color-stone-100: oklch(0.97 0.001 106.424);
|
||
--color-stone-200: oklch(0.923 0.003 48.717);
|
||
--color-stone-300: oklch(0.869 0.005 56.366);
|
||
--color-stone-400: oklch(0.709 0.01 56.259);
|
||
--color-stone-500: oklch(0.553 0.013 58.071);
|
||
--color-stone-600: oklch(0.444 0.011 73.639);
|
||
--color-stone-700: oklch(0.374 0.01 67.558);
|
||
--color-stone-800: oklch(0.268 0.007 34.298);
|
||
--color-stone-900: oklch(0.216 0.006 56.043);
|
||
--color-stone-950: oklch(0.147 0.004 49.25);
|
||
--color-black: #12161d;
|
||
--color-white: #fafafa;
|
||
--spacing: 0.25rem;
|
||
--breakpoint-sm: 40rem;
|
||
--breakpoint-md: 48rem;
|
||
--breakpoint-lg: 64rem;
|
||
--breakpoint-xl: 80rem;
|
||
--breakpoint-2xl: 96rem;
|
||
--container-3xs: 16rem;
|
||
--container-2xs: 18rem;
|
||
--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: 1rem;
|
||
--text-xs--line-height: calc(1 / 0.75);
|
||
--text-sm: 0.875rem;
|
||
--text-sm--line-height: calc(1.25 / 0.875);
|
||
--text-base: 1rem;
|
||
--text-base--line-height: calc(1.5 / 1);
|
||
--text-lg: 1.125rem;
|
||
--text-lg--line-height: calc(1.75 / 1.125);
|
||
--text-xl: 1.25rem;
|
||
--text-xl--line-height: calc(1.75 / 1.25);
|
||
--text-2xl: 1.5rem;
|
||
--text-2xl--line-height: calc(2 / 1.5);
|
||
--text-3xl: 1.875rem;
|
||
--text-3xl--line-height: calc(2.25 / 1.875);
|
||
--text-4xl: 2.25rem;
|
||
--text-4xl--line-height: calc(2.5 / 2.25);
|
||
--text-5xl: 3rem;
|
||
--text-5xl--line-height: 1;
|
||
--text-6xl: 3.75rem;
|
||
--text-6xl--line-height: 1;
|
||
--text-7xl: 4.5rem;
|
||
--text-7xl--line-height: 1;
|
||
--text-8xl: 6rem;
|
||
--text-8xl--line-height: 1;
|
||
--text-9xl: 8rem;
|
||
--text-9xl--line-height: 1;
|
||
--font-weight-thin: 100;
|
||
--font-weight-extralight: 200;
|
||
--font-weight-light: 300;
|
||
--font-weight-normal: 400;
|
||
--font-weight-medium: 500;
|
||
--font-weight-semibold: 600;
|
||
--font-weight-bold: 700;
|
||
--font-weight-extrabold: 800;
|
||
--font-weight-black: 900;
|
||
--tracking-tighter: -0.05em;
|
||
--tracking-tight: -0.025em;
|
||
--tracking-normal: 0em;
|
||
--tracking-wide: 0.025em;
|
||
--tracking-wider: 0.05em;
|
||
--tracking-widest: 0.1em;
|
||
--leading-tight: 1.25;
|
||
--leading-snug: 1.375;
|
||
--leading-normal: 1.5;
|
||
--leading-relaxed: 1.625;
|
||
--leading-loose: 2;
|
||
--radius-xs: 0.125rem;
|
||
--radius-sm: 0.25rem;
|
||
--radius-md: 0.375rem;
|
||
--radius-lg: 0.5rem;
|
||
--radius-xl: 0.75rem;
|
||
--radius-2xl: 1rem;
|
||
--radius-3xl: 1.5rem;
|
||
--radius-4xl: 2rem;
|
||
--shadow-2xs: 0 1px rgb(0 0 0 / 0.05);
|
||
--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
||
--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
|
||
--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
||
--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
||
--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
||
--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);
|
||
--inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);
|
||
--inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);
|
||
--inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);
|
||
--drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);
|
||
--drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);
|
||
--drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);
|
||
--drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
|
||
--drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);
|
||
--drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);
|
||
--ease-in: cubic-bezier(0.4, 0, 1, 1);
|
||
--ease-out: cubic-bezier(0, 0, 0.2, 1);
|
||
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
||
--animate-spin: spin 1s linear infinite;
|
||
--animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
|
||
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
||
--animate-bounce: bounce 1s infinite;
|
||
--blur-xs: 4px;
|
||
--blur-sm: 8px;
|
||
--blur-md: 12px;
|
||
--blur-lg: 16px;
|
||
--blur-xl: 24px;
|
||
--blur-2xl: 40px;
|
||
--blur-3xl: 64px;
|
||
--perspective-dramatic: 100px;
|
||
--perspective-near: 300px;
|
||
--perspective-normal: 500px;
|
||
--perspective-midrange: 800px;
|
||
--perspective-distant: 1200px;
|
||
--aspect-video: 16 / 9;
|
||
--default-transition-duration: 150ms;
|
||
--default-transition-timing-function: cubic-bezier(0.4, 0, 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 );
|
||
}
|
||
}
|
||
|
||
@layer base {
|
||
*, ::after, ::before, ::backdrop, ::file-selector-button {
|
||
box-sizing: border-box;
|
||
margin: 0;
|
||
padding: 0;
|
||
border: 0 solid;
|
||
}
|
||
|
||
html, : host {
|
||
line-height: 1.5;
|
||
-webkit-text-size-adjust: 100%;
|
||
-moz-tab-size: 4;
|
||
-o-tab-size: 4;
|
||
tab-size: 4;
|
||
font-family: var( --default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" );
|
||
font-feature-settings: var(--default-font-feature-settings, normal);
|
||
font-variation-settings: var( --default-font-variation-settings, normal );
|
||
-webkit-tap-highlight-color: transparent;
|
||
}
|
||
|
||
body {
|
||
line-height: inherit;
|
||
}
|
||
|
||
hr {
|
||
height: 0;
|
||
color: inherit;
|
||
border-top-width: 1px;
|
||
}
|
||
|
||
abbr: where([title]) {
|
||
-webkit-text-decoration: underline dotted;
|
||
text-decoration: underline dotted;
|
||
}
|
||
|
||
h1, h2, h3, h4, h5, h6 {
|
||
font-size: inherit;
|
||
font-weight: inherit;
|
||
}
|
||
|
||
a {
|
||
color: inherit;
|
||
-webkit-text-decoration: inherit;
|
||
text-decoration: inherit;
|
||
}
|
||
|
||
b, strong {
|
||
font-weight: bolder;
|
||
}
|
||
|
||
code, kbd, samp, pre {
|
||
font-family: var( --default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace );
|
||
font-feature-settings: var( --default-mono-font-feature-settings, normal );
|
||
font-variation-settings: var( --default-mono-font-variation-settings, normal );
|
||
font-size: 1em;
|
||
}
|
||
|
||
small {
|
||
font-size: 80%;
|
||
}
|
||
|
||
sub, sup {
|
||
font-size: 75%;
|
||
line-height: 0;
|
||
position: relative;
|
||
vertical-align: baseline;
|
||
}
|
||
|
||
sub {
|
||
bottom: -0.25em;
|
||
}
|
||
|
||
sup {
|
||
top: -0.5em;
|
||
}
|
||
|
||
table {
|
||
text-indent: 0;
|
||
border-color: inherit;
|
||
border-collapse: collapse;
|
||
}
|
||
|
||
:-moz-focusring {
|
||
outline: auto;
|
||
}
|
||
|
||
progress {
|
||
vertical-align: baseline;
|
||
}
|
||
|
||
summary {
|
||
display: list-item;
|
||
}
|
||
|
||
ol, ul, menu {
|
||
list-style: none;
|
||
}
|
||
|
||
img, svg, video, canvas, audio, iframe, embed, object {
|
||
display: block;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
img, video {
|
||
max-width: 100%;
|
||
height: auto;
|
||
}
|
||
|
||
button, input, select, optgroup, textarea, : :file-selector-button {
|
||
font: inherit;
|
||
font-feature-settings: inherit;
|
||
font-variation-settings: inherit;
|
||
letter-spacing: inherit;
|
||
color: inherit;
|
||
border-radius: 0;
|
||
background-color: transparent;
|
||
opacity: 1;
|
||
}
|
||
|
||
:where(select: is([multiple], [size])) optgroup {
|
||
font-weight: bolder;
|
||
}
|
||
|
||
:where(select: is([multiple], [size])) optgroup option {
|
||
padding-inline-start: 20px;
|
||
}
|
||
|
||
::file-selector-button {
|
||
margin-inline-end: 4px; }
|
||
|
||
::-moz-placeholder {
|
||
opacity: 1;
|
||
color: color-mix(in oklab, currentColor 50%, transparent);
|
||
}
|
||
|
||
::placeholder {
|
||
opacity: 1;
|
||
color: color-mix(in oklab, currentColor 50%, transparent);
|
||
}
|
||
|
||
textarea {
|
||
resize: vertical;
|
||
}
|
||
|
||
::-webkit-search-decoration {
|
||
-webkit-appearance: none;
|
||
}
|
||
|
||
::-webkit-date-and-time-value {
|
||
min-height: 1lh;
|
||
text-align: inherit;
|
||
}
|
||
|
||
::-webkit-datetime-edit {
|
||
display: inline-flex;
|
||
}
|
||
|
||
::-webkit-datetime-edit-fields-wrapper {
|
||
padding: 0;
|
||
}
|
||
|
||
::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
|
||
padding-block: 0; }
|
||
|
||
:-moz-ui-invalid {
|
||
box-shadow: none;
|
||
}
|
||
|
||
button, input: where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
|
||
-webkit-appearance: button;
|
||
-moz-appearance: button;
|
||
appearance: button;
|
||
}
|
||
|
||
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
|
||
height: auto;
|
||
}
|
||
|
||
[hidden]: where(:not([hidden="until-found"])) {
|
||
display: none !important;
|
||
}
|
||
}
|
||
|
||
@layer utilities {
|
||
.collapse {
|
||
visibility: collapse;
|
||
}
|
||
|
||
.visible {
|
||
visibility: visible;
|
||
}
|
||
|
||
.absolute {
|
||
position: absolute;
|
||
}
|
||
|
||
.fixed {
|
||
position: fixed;
|
||
}
|
||
|
||
.relative {
|
||
position: relative;
|
||
}
|
||
|
||
.static {
|
||
position: static;
|
||
}
|
||
|
||
.inset-0 {
|
||
inset: calc(var(--spacing) * 0);
|
||
}
|
||
|
||
.top-0 {
|
||
top: calc(var(--spacing) * 0);
|
||
}
|
||
|
||
.top-1\/2 {
|
||
top: calc(1/2 * 100%);
|
||
}
|
||
|
||
.top-4 {
|
||
top: calc(var(--spacing) * 4);
|
||
}
|
||
|
||
.right-0 {
|
||
right: calc(var(--spacing) * 0);
|
||
}
|
||
|
||
.right-4 {
|
||
right: calc(var(--spacing) * 4);
|
||
}
|
||
|
||
.bottom-0 {
|
||
bottom: calc(var(--spacing) * 0);
|
||
}
|
||
|
||
.left-0 {
|
||
left: calc(var(--spacing) * 0);
|
||
}
|
||
|
||
.left-1\/2 {
|
||
left: calc(1/2 * 100%);
|
||
}
|
||
|
||
.order-last {
|
||
order: 9999;
|
||
}
|
||
|
||
.container {
|
||
width: 100%;
|
||
@media (width >= 40rem) {
|
||
max-width: 40rem;
|
||
}
|
||
|
||
@media (width >= 48rem) {
|
||
max-width: 48rem;
|
||
}
|
||
|
||
@media (width >= 64rem) {
|
||
max-width: 64rem;
|
||
}
|
||
|
||
@media (width >= 80rem) {
|
||
max-width: 80rem;
|
||
}
|
||
|
||
@media (width >= 96rem) {
|
||
max-width: 96rem;
|
||
}
|
||
}
|
||
|
||
.m-2 {
|
||
margin: calc(var(--spacing) * 2);
|
||
}
|
||
|
||
.m-\[8px\] {
|
||
margin: 8px;
|
||
}
|
||
|
||
.m-auto {
|
||
margin: auto;
|
||
}
|
||
|
||
.mx-auto {
|
||
margin-inline: auto; }
|
||
|
||
.mt-0 {
|
||
margin-top: calc(var(--spacing) * 0);
|
||
}
|
||
|
||
.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-12 {
|
||
margin-top: calc(var(--spacing) * 12);
|
||
}
|
||
|
||
.mr-2 {
|
||
margin-right: calc(var(--spacing) * 2);
|
||
}
|
||
|
||
.-mb-px {
|
||
margin-bottom: -1px;
|
||
}
|
||
|
||
.mb-2 {
|
||
margin-bottom: calc(var(--spacing) * 2);
|
||
}
|
||
|
||
.mb-4 {
|
||
margin-bottom: calc(var(--spacing) * 4);
|
||
}
|
||
|
||
.ml-2 {
|
||
margin-left: calc(var(--spacing) * 2);
|
||
}
|
||
|
||
.ml-auto {
|
||
margin-left: auto;
|
||
}
|
||
|
||
.block {
|
||
display: block;
|
||
}
|
||
|
||
.flex {
|
||
display: flex;
|
||
}
|
||
|
||
.grid {
|
||
display: grid;
|
||
}
|
||
|
||
.hidden {
|
||
display: none;
|
||
}
|
||
|
||
.inline {
|
||
display: inline;
|
||
}
|
||
|
||
.inline-block {
|
||
display: inline-block;
|
||
}
|
||
|
||
.table {
|
||
display: table;
|
||
}
|
||
|
||
.aspect-square {
|
||
aspect-ratio: 1 / 1;
|
||
}
|
||
|
||
.size-4 {
|
||
width: calc(var(--spacing) * 4);
|
||
height: calc(var(--spacing) * 4);
|
||
}
|
||
|
||
.size-6 {
|
||
width: calc(var(--spacing) * 6);
|
||
height: calc(var(--spacing) * 6);
|
||
}
|
||
|
||
.size-12 {
|
||
width: calc(var(--spacing) * 12);
|
||
height: calc(var(--spacing) * 12);
|
||
}
|
||
|
||
.h-14 {
|
||
height: calc(var(--spacing) * 14);
|
||
}
|
||
|
||
.h-32 {
|
||
height: calc(var(--spacing) * 32);
|
||
}
|
||
|
||
.h-full {
|
||
height: 100%;
|
||
}
|
||
|
||
.max-h-9 {
|
||
max-height: calc(var(--spacing) * 9);
|
||
}
|
||
|
||
.max-h-\[32vh\] {
|
||
max-height: 32vh;
|
||
}
|
||
|
||
.max-h-\[60vh\] {
|
||
max-height: 60vh;
|
||
}
|
||
|
||
.max-h-\[90vh\] {
|
||
max-height: 90vh;
|
||
}
|
||
|
||
.max-h-full {
|
||
max-height: 100%;
|
||
}
|
||
|
||
.min-h-svh {
|
||
min-height: 100svh;
|
||
}
|
||
|
||
.w-12 {
|
||
width: calc(var(--spacing) * 12);
|
||
}
|
||
|
||
.w-32 {
|
||
width: calc(var(--spacing) * 32);
|
||
}
|
||
|
||
.w-full {
|
||
width: 100%;
|
||
}
|
||
|
||
.max-w-4xl {
|
||
max-width: var(--container-4xl);
|
||
}
|
||
|
||
.max-w-9 {
|
||
max-width: calc(var(--spacing) * 9);
|
||
}
|
||
|
||
.max-w-\[90vw\] {
|
||
max-width: 90vw;
|
||
}
|
||
|
||
.max-w-full {
|
||
max-width: 100%;
|
||
}
|
||
|
||
.max-w-xl {
|
||
max-width: var(--container-xl);
|
||
}
|
||
|
||
.flex-1 {
|
||
flex: 1;
|
||
}
|
||
|
||
.flex-shrink {
|
||
flex-shrink: 1;
|
||
}
|
||
|
||
.flex-grow {
|
||
flex-grow: 1;
|
||
}
|
||
|
||
.grow {
|
||
flex-grow: 1;
|
||
}
|
||
|
||
.border-collapse {
|
||
border-collapse: collapse;
|
||
}
|
||
|
||
.-translate-x-1\/2 {
|
||
--tw-translate-x: calc(calc(1/2 * 100%) * -1);
|
||
translate: var(--tw-translate-x) var(--tw-translate-y);
|
||
}
|
||
|
||
.-translate-y-1\/2 {
|
||
--tw-translate-y: calc(calc(1/2 * 100%) * -1);
|
||
translate: var(--tw-translate-x) var(--tw-translate-y);
|
||
}
|
||
|
||
.-translate-y-7 {
|
||
--tw-translate-y: calc(var(--spacing) * -7);
|
||
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);
|
||
}
|
||
|
||
.cursor-not-allowed {
|
||
cursor: not-allowed;
|
||
}
|
||
|
||
.cursor-pointer {
|
||
cursor: pointer;
|
||
}
|
||
|
||
.list-disc {
|
||
list-style-type: disc;
|
||
}
|
||
|
||
.grid-cols-1 {
|
||
grid-template-columns: repeat(1, minmax(0, 1fr));
|
||
}
|
||
|
||
.flex-col {
|
||
flex-direction: column;
|
||
}
|
||
|
||
.flex-row {
|
||
flex-direction: row;
|
||
}
|
||
|
||
.flex-wrap {
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.items-center {
|
||
align-items: center;
|
||
}
|
||
|
||
.justify-between {
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.justify-center {
|
||
justify-content: center;
|
||
}
|
||
|
||
.justify-end {
|
||
justify-content: flex-end;
|
||
}
|
||
|
||
.gap-2 {
|
||
gap: calc(var(--spacing) * 2);
|
||
}
|
||
|
||
.gap-4 {
|
||
gap: calc(var(--spacing) * 4);
|
||
}
|
||
|
||
.gap-6 {
|
||
gap: calc(var(--spacing) * 6);
|
||
}
|
||
|
||
.gap-12 {
|
||
gap: calc(var(--spacing) * 12);
|
||
}
|
||
|
||
.space-y-1 {
|
||
:where(& > :not(:last-child)) {
|
||
--tw-space-y-reverse: 0;
|
||
margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
|
||
}
|
||
}
|
||
|
||
.space-y-2 {
|
||
:where(& > :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)));
|
||
}
|
||
}
|
||
|
||
.space-x-6 {
|
||
:where(& > :not(:last-child)) {
|
||
--tw-space-x-reverse: 0;
|
||
margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)));
|
||
}
|
||
}
|
||
|
||
.space-x-8 {
|
||
:where(& > :not(:last-child)) {
|
||
--tw-space-x-reverse: 0;
|
||
margin-inline-start: calc(calc(var(--spacing) * 8) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-x-reverse)));
|
||
}
|
||
}
|
||
|
||
.overflow-hidden {
|
||
overflow: hidden;
|
||
}
|
||
|
||
.overflow-x-auto {
|
||
overflow-x: auto;
|
||
}
|
||
|
||
.scroll-smooth {
|
||
scroll-behavior: smooth;
|
||
}
|
||
|
||
.rounded-lg {
|
||
border-radius: var(--radius-lg);
|
||
}
|
||
|
||
.rounded-xl {
|
||
border-radius: var(--radius-xl);
|
||
}
|
||
|
||
.rounded-t-lg {
|
||
border-top-left-radius: var(--radius-lg);
|
||
border-top-right-radius: var(--radius-lg);
|
||
}
|
||
|
||
.border {
|
||
border-style: var(--tw-border-style);
|
||
border-width: 1px;
|
||
}
|
||
|
||
.border-b {
|
||
border-bottom-style: var(--tw-border-style);
|
||
border-bottom-width: 1px;
|
||
}
|
||
|
||
.border-b-2 {
|
||
border-bottom-style: var(--tw-border-style);
|
||
border-bottom-width: 2px;
|
||
}
|
||
|
||
.border-gray-100 {
|
||
border-color: var(--color-gray-100);
|
||
}
|
||
|
||
.border-gray-200 {
|
||
border-color: var(--color-gray-200);
|
||
}
|
||
|
||
.border-orange-600 {
|
||
border-color: var(--color-orange-600);
|
||
}
|
||
|
||
.border-transparent {
|
||
border-color: transparent;
|
||
}
|
||
|
||
.bg-\[white\] {
|
||
background-color: white;
|
||
}
|
||
|
||
.bg-black {
|
||
background-color: var(--color-black);
|
||
}
|
||
|
||
.bg-black\/50 {
|
||
background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
|
||
}
|
||
|
||
.bg-gray-50 {
|
||
background-color: var(--color-gray-50);
|
||
}
|
||
|
||
.bg-gray-100 {
|
||
background-color: var(--color-gray-100);
|
||
}
|
||
|
||
.bg-gray-800\/75 {
|
||
background-color: color-mix(in oklab, var(--color-gray-800) 75%, transparent);
|
||
}
|
||
|
||
.bg-neutral-100 {
|
||
background-color: var(--color-neutral-100);
|
||
}
|
||
|
||
.bg-orange-500 {
|
||
background-color: var(--color-orange-500);
|
||
}
|
||
|
||
.bg-white {
|
||
background-color: var(--color-white);
|
||
}
|
||
|
||
.fill-orange-600 {
|
||
fill: var(--color-orange-600);
|
||
}
|
||
|
||
.fill-white {
|
||
fill: var(--color-white);
|
||
}
|
||
|
||
.object-contain {
|
||
-o-object-fit: contain;
|
||
object-fit: contain;
|
||
}
|
||
|
||
.p-0 {
|
||
padding: calc(var(--spacing) * 0);
|
||
}
|
||
|
||
.p-1 {
|
||
padding: calc(var(--spacing) * 1);
|
||
}
|
||
|
||
.p-2 {
|
||
padding: calc(var(--spacing) * 2);
|
||
}
|
||
|
||
.p-4 {
|
||
padding: calc(var(--spacing) * 4);
|
||
}
|
||
|
||
.p-20 {
|
||
padding: calc(var(--spacing) * 20);
|
||
}
|
||
|
||
.py-2 {
|
||
padding-block: calc(var(--spacing) * 2); }
|
||
|
||
.py-4 {
|
||
padding-block: calc(var(--spacing) * 4);
|
||
}
|
||
|
||
.py-12 {
|
||
padding-block: calc(var(--spacing) * 12); }
|
||
|
||
.py-20 {
|
||
padding-block: calc(var(--spacing) * 20);
|
||
}
|
||
|
||
.pb-4 {
|
||
padding-bottom: calc(var(--spacing) * 4);
|
||
}
|
||
|
||
.pl-4 {
|
||
padding-left: calc(var(--spacing) * 4);
|
||
}
|
||
|
||
.pl-6 {
|
||
padding-left: calc(var(--spacing) * 6);
|
||
}
|
||
|
||
.text-center {
|
||
text-align: center;
|
||
}
|
||
|
||
.font-mono {
|
||
font-family: var(--font-mono);
|
||
}
|
||
|
||
.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-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-5 {
|
||
--tw-leading: calc(var(--spacing) * 5);
|
||
line-height: calc(var(--spacing) * 5);
|
||
}
|
||
|
||
.font-bold {
|
||
--tw-font-weight: var(--font-weight-bold);
|
||
font-weight: var(--font-weight-bold);
|
||
}
|
||
|
||
.font-medium {
|
||
--tw-font-weight: var(--font-weight-medium);
|
||
font-weight: var(--font-weight-medium);
|
||
}
|
||
|
||
.font-semibold {
|
||
--tw-font-weight: var(--font-weight-semibold);
|
||
font-weight: var(--font-weight-semibold);
|
||
}
|
||
|
||
.tracking-tight {
|
||
--tw-tracking: var(--tracking-tight);
|
||
letter-spacing: var(--tracking-tight);
|
||
}
|
||
|
||
.text-balance {
|
||
text-wrap: balance;
|
||
}
|
||
|
||
.text-pretty {
|
||
text-wrap: pretty;
|
||
}
|
||
|
||
.break-all {
|
||
word-break: break-all;
|
||
}
|
||
|
||
.text-blue-400 {
|
||
color: var(--color-blue-400);
|
||
}
|
||
|
||
.text-gray-500 {
|
||
color: var(--color-gray-500);
|
||
}
|
||
|
||
.text-gray-600 {
|
||
color: var(--color-gray-600);
|
||
}
|
||
|
||
.text-neutral-400 {
|
||
color: var(--color-neutral-400);
|
||
}
|
||
|
||
.text-neutral-500 {
|
||
color: var(--color-neutral-500);
|
||
}
|
||
|
||
.text-neutral-600 {
|
||
color: var(--color-neutral-600);
|
||
}
|
||
|
||
.text-orange-600 {
|
||
color: var(--color-orange-600);
|
||
}
|
||
|
||
.text-white {
|
||
color: var(--color-white);
|
||
}
|
||
|
||
.lowercase {
|
||
text-transform: lowercase;
|
||
}
|
||
|
||
.uppercase {
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.underline {
|
||
text-decoration-line: underline;
|
||
}
|
||
|
||
.opacity-50 {
|
||
opacity: 50%;
|
||
}
|
||
|
||
.ring-2 {
|
||
--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);
|
||
}
|
||
|
||
.shadow-md {
|
||
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
||
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
||
}
|
||
|
||
.ring-orange-500 {
|
||
--tw-ring-color: var(--color-orange-500);
|
||
}
|
||
|
||
.blur {
|
||
--tw-blur: blur(8px);
|
||
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
||
}
|
||
|
||
.grayscale {
|
||
--tw-grayscale: grayscale(100%);
|
||
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
||
}
|
||
|
||
.invert {
|
||
--tw-invert: invert(100%);
|
||
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
||
}
|
||
|
||
.\!filter {
|
||
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,) !important;
|
||
}
|
||
|
||
.filter {
|
||
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
||
}
|
||
|
||
.transition {
|
||
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
|
||
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
||
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
||
}
|
||
|
||
.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));
|
||
}
|
||
|
||
.duration-300 {
|
||
--tw-duration: 300ms;
|
||
transition-duration: 300ms;
|
||
}
|
||
|
||
.group-hover\: translate-y-7 {
|
||
&:is(:where(.group):hover *) {
|
||
@media (hover: hover) {
|
||
--tw-translate-y: calc(var(--spacing) * 7);
|
||
translate: var(--tw-translate-x) var(--tw-translate-y); }
|
||
}
|
||
}
|
||
|
||
.group-hover\: opacity-75 {
|
||
&:is(:where(.group):hover *) {
|
||
@media (hover: hover) {
|
||
opacity: 75%;
|
||
}
|
||
}
|
||
}
|
||
|
||
.hover\: border-gray-300 {
|
||
&:hover {
|
||
@media (hover: hover) {
|
||
border-color: var(--color-gray-300);
|
||
}
|
||
}
|
||
}
|
||
|
||
.hover\: bg-black {
|
||
&:hover {
|
||
@media (hover: hover) {
|
||
background-color: var(--color-black);
|
||
}
|
||
}
|
||
}
|
||
|
||
.hover\: bg-gray-700\/75 {
|
||
&:hover {
|
||
@media (hover: hover) {
|
||
background-color: color-mix(in oklab, var(--color-gray-700) 75%, transparent);
|
||
}
|
||
}
|
||
}
|
||
|
||
.hover\: bg-neutral-200 {
|
||
&:hover {
|
||
@media (hover: hover) {
|
||
background-color: var(--color-neutral-200);
|
||
}
|
||
}
|
||
}
|
||
|
||
.hover\: text-blue-800 {
|
||
&:hover {
|
||
@media (hover: hover) {
|
||
color: var(--color-blue-800);
|
||
}
|
||
}
|
||
}
|
||
|
||
.hover\: text-gray-600 {
|
||
&:hover {
|
||
@media (hover: hover) {
|
||
color: var(--color-gray-600);
|
||
}
|
||
}
|
||
}
|
||
|
||
.hover\: text-orange-500 {
|
||
&:hover {
|
||
@media (hover: hover) {
|
||
color: var(--color-orange-500);
|
||
}
|
||
}
|
||
}
|
||
|
||
.hover\: text-orange-600 {
|
||
&:hover {
|
||
@media (hover: hover) {
|
||
color: var(--color-orange-600);
|
||
}
|
||
}
|
||
}
|
||
|
||
.hover\: underline {
|
||
&:hover {
|
||
@media (hover: hover) {
|
||
text-decoration-line: underline;
|
||
}
|
||
}
|
||
}
|
||
|
||
.hover\: ring-2 {
|
||
&:hover {
|
||
@media (hover: hover) {
|
||
--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); }
|
||
}
|
||
}
|
||
|
||
.hover\: ring-blue-500 {
|
||
&:hover {
|
||
@media (hover: hover) {
|
||
--tw-ring-color: var(--color-blue-500);
|
||
}
|
||
}
|
||
}
|
||
|
||
.sm\: grid-cols-2 {
|
||
@media (width >= 40rem) {
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
}
|
||
}
|
||
|
||
.md\: -bottom-32 {
|
||
@media (width >= 48rem) {
|
||
bottom: calc(var(--spacing) * -32);
|
||
}
|
||
}
|
||
|
||
.md\: order-none {
|
||
@media (width >= 48rem) {
|
||
order: 0;
|
||
}
|
||
}
|
||
|
||
.md\: mx-auto {
|
||
@media (width >= 48rem) {
|
||
margin-inline: auto;
|
||
}
|
||
}
|
||
|
||
.md\: mt-16 {
|
||
@media (width >= 48rem) {
|
||
margin-top: calc(var(--spacing) * 16);
|
||
}
|
||
}
|
||
|
||
.md\: mb-16 {
|
||
@media (width >= 48rem) {
|
||
margin-bottom: calc(var(--spacing) * 16);
|
||
}
|
||
}
|
||
|
||
.md\: grid-cols-2 {
|
||
@media (width >= 48rem) {
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
}
|
||
}
|
||
|
||
.md\: grid-cols-3 {
|
||
@media (width >= 48rem) {
|
||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||
}
|
||
}
|
||
|
||
.md\: p-4 {
|
||
@media (width >= 48rem) {
|
||
padding: calc(var(--spacing) * 4);
|
||
}
|
||
}
|
||
|
||
.md\: text-right {
|
||
@media (width >= 48rem) {
|
||
text-align: right;
|
||
}
|
||
}
|
||
|
||
.lg\: grid-cols-2 {
|
||
@media (width >= 64rem) {
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
}
|
||
}
|
||
|
||
.lg\: grid-cols-3 {
|
||
@media (width >= 64rem) {
|
||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||
}
|
||
}
|
||
|
||
.xl\: grid-cols-2 {
|
||
@media (width >= 80rem) {
|
||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||
}
|
||
}
|
||
|
||
.xl\: pb-0 {
|
||
@media (width >= 80rem) {
|
||
padding-bottom: calc(var(--spacing) * 0);
|
||
}
|
||
}
|
||
|
||
.xl\: pb-2 {
|
||
@media (width >= 80rem) {
|
||
padding-bottom: calc(var(--spacing) * 2);
|
||
}
|
||
}
|
||
|
||
.\32 xl\: max-w-4xl {
|
||
@media (width >= 96rem) {
|
||
max-width: var(--container-4xl);
|
||
}
|
||
}
|
||
|
||
.\32 xl\: max-w-7xl {
|
||
@media (width >= 96rem) {
|
||
max-width: var(--container-7xl);
|
||
}
|
||
}
|
||
|
||
.dark\: border-gray-700 {
|
||
@media (prefers-color-scheme: dark) {
|
||
border-color: var(--color-gray-700);
|
||
}
|
||
}
|
||
|
||
.dark\: border-purple-500 {
|
||
@media (prefers-color-scheme: dark) {
|
||
border-color: var(--color-purple-500);
|
||
}
|
||
}
|
||
|
||
.dark\: border-transparent {
|
||
@media (prefers-color-scheme: dark) {
|
||
border-color: transparent;
|
||
}
|
||
}
|
||
|
||
.dark\: bg-gray-800 {
|
||
@media (prefers-color-scheme: dark) {
|
||
background-color: var(--color-gray-800);
|
||
}
|
||
}
|
||
|
||
.dark\: text-gray-400 {
|
||
@media (prefers-color-scheme: dark) {
|
||
color: var(--color-gray-400);
|
||
}
|
||
}
|
||
|
||
.dark\: text-purple-500 {
|
||
@media (prefers-color-scheme: dark) {
|
||
color: var(--color-purple-500);
|
||
}
|
||
}
|
||
|
||
.dark\: hover\:text-gray-300 {
|
||
@media (prefers-color-scheme: dark) {
|
||
&:hover {
|
||
@media (hover: hover) {
|
||
color: var(--color-gray-300);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
.dark\: hover\:text-purple-500 {
|
||
@media (prefers-color-scheme: dark) {
|
||
&:hover {
|
||
@media (hover: hover) {
|
||
color: var(--color-purple-500);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
@layer components {
|
||
.prose-styles {
|
||
color: var(--tw-prose-body);
|
||
max-width: 65ch;
|
||
:where(p): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 1.25em;
|
||
margin-bottom: 1.25em;
|
||
}
|
||
|
||
:where([class~="lead"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-lead);
|
||
font-size: 1.25em;
|
||
line-height: 1.6;
|
||
margin-top: 1.2em;
|
||
margin-bottom: 1.2em;
|
||
}
|
||
|
||
:where(a): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-links);
|
||
text-decoration: underline;
|
||
font-weight: 500;
|
||
}
|
||
|
||
:where(strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-bold);
|
||
font-weight: 600;
|
||
}
|
||
|
||
:where(a strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(blockquote strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(thead th strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(ol): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: decimal;
|
||
margin-top: 1.25em;
|
||
margin-bottom: 1.25em;
|
||
padding-inline-start: 1.625em; }
|
||
|
||
:where(ol[type="A"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: upper-alpha;
|
||
}
|
||
|
||
:where(ol[type="a"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: lower-alpha;
|
||
}
|
||
|
||
:where(ol[type="A" s]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: upper-alpha;
|
||
}
|
||
|
||
:where(ol[type="a" s]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: lower-alpha;
|
||
}
|
||
|
||
:where(ol[type="I"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: upper-roman;
|
||
}
|
||
|
||
:where(ol[type="i"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: lower-roman;
|
||
}
|
||
|
||
:where(ol[type="I" s]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: upper-roman;
|
||
}
|
||
|
||
:where(ol[type="i" s]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: lower-roman;
|
||
}
|
||
|
||
:where(ol[type="1"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: decimal;
|
||
}
|
||
|
||
:where(ul): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: disc;
|
||
margin-top: 1.25em;
|
||
margin-bottom: 1.25em;
|
||
padding-inline-start: 1.625em; }
|
||
|
||
:where(ol > li): not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
|
||
font-weight: 400;
|
||
color: var(--tw-prose-counters);
|
||
}
|
||
|
||
:where(ul > li): not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
|
||
color: var(--tw-prose-bullets);
|
||
}
|
||
|
||
:where(dt): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 600;
|
||
margin-top: 1.25em;
|
||
}
|
||
|
||
:where(hr): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
border-color: var(--tw-prose-hr);
|
||
border-top-width: 1;
|
||
margin-top: 3em;
|
||
margin-bottom: 3em;
|
||
}
|
||
|
||
:where(blockquote): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 500;
|
||
font-style: italic;
|
||
color: var(--tw-prose-quotes);
|
||
border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019";
|
||
margin-top: 1.6em;
|
||
margin-bottom: 1.6em;
|
||
padding-inline-start: 1em; }
|
||
|
||
:where(blockquote p: first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
|
||
content: open-quote;
|
||
}
|
||
|
||
:where(blockquote p: last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
|
||
content: close-quote;
|
||
}
|
||
|
||
:where(h1): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 800;
|
||
font-size: 2.25em;
|
||
margin-top: 0;
|
||
margin-bottom: 0.8888889em;
|
||
line-height: 1.1111111;
|
||
}
|
||
|
||
:where(h1 strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 900;
|
||
color: inherit;
|
||
}
|
||
|
||
:where(h2): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 700;
|
||
font-size: 1.5em;
|
||
margin-top: 2em;
|
||
margin-bottom: 1em;
|
||
line-height: 1.3333333;
|
||
}
|
||
|
||
:where(h2 strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 800;
|
||
color: inherit;
|
||
}
|
||
|
||
:where(h3): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 600;
|
||
font-size: 1.25em;
|
||
margin-top: 1.6em;
|
||
margin-bottom: 0.6em;
|
||
line-height: 1.6;
|
||
}
|
||
|
||
:where(h3 strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 700;
|
||
color: inherit;
|
||
}
|
||
|
||
:where(h4): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 600;
|
||
margin-top: 1.5em;
|
||
margin-bottom: 0.5em;
|
||
line-height: 1.5;
|
||
}
|
||
|
||
:where(h4 strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 700;
|
||
color: inherit;
|
||
}
|
||
|
||
:where(img): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
:where(picture): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
display: block;
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
:where(video): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
:where(kbd): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 500;
|
||
font-family: inherit;
|
||
color: var(--tw-prose-kbd);
|
||
box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
|
||
font-size: 0.875em;
|
||
border-radius: 0.3125rem;
|
||
padding-top: 0.1875em;
|
||
padding-inline-end: 0.375em; padding-bottom: 0.1875em;
|
||
padding-inline-start: 0.375em; }
|
||
|
||
:where(code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-code);
|
||
font-weight: 600;
|
||
font-size: 0.875em;
|
||
}
|
||
|
||
:where(code): not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
|
||
content: "`";
|
||
}
|
||
|
||
:where(code): not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
|
||
content: "`";
|
||
}
|
||
|
||
:where(a code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(h1 code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(h2 code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
font-size: 0.875em;
|
||
}
|
||
|
||
:where(h3 code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
font-size: 0.9em;
|
||
}
|
||
|
||
:where(h4 code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(blockquote code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(thead th code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(pre): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-pre-code);
|
||
background-color: var(--tw-prose-pre-bg);
|
||
overflow-x: auto;
|
||
font-weight: 400;
|
||
font-size: 0.875em;
|
||
line-height: 1.7142857;
|
||
margin-top: 1.7142857em;
|
||
margin-bottom: 1.7142857em;
|
||
border-radius: 0.375rem;
|
||
padding-top: 0.8571429em;
|
||
padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em;
|
||
padding-inline-start: 1.1428571em; }
|
||
|
||
:where(pre code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
background-color: transparent;
|
||
border-width: 0;
|
||
border-radius: 0;
|
||
padding: 0;
|
||
font-weight: inherit;
|
||
color: inherit;
|
||
font-size: inherit;
|
||
font-family: inherit;
|
||
line-height: inherit;
|
||
}
|
||
|
||
:where(pre code): not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
|
||
content: none;
|
||
}
|
||
|
||
:where(pre code): not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
|
||
content: none;
|
||
}
|
||
|
||
:where(table): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
width: 100%;
|
||
table-layout: auto;
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
font-size: 0.875em;
|
||
line-height: 1.7142857;
|
||
}
|
||
|
||
:where(thead): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
border-bottom-width: 1px;
|
||
border-bottom-color: var(--tw-prose-th-borders);
|
||
}
|
||
|
||
:where(thead th): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 600;
|
||
vertical-align: bottom;
|
||
padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em;
|
||
padding-inline-start: 0.5714286em; }
|
||
|
||
:where(tbody tr): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
border-bottom-width: 1px;
|
||
border-bottom-color: var(--tw-prose-td-borders);
|
||
}
|
||
|
||
:where(tbody tr: last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
border-bottom-width: 0;
|
||
}
|
||
|
||
:where(tbody td): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
vertical-align: baseline;
|
||
}
|
||
|
||
:where(tfoot): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
border-top-width: 1px;
|
||
border-top-color: var(--tw-prose-th-borders);
|
||
}
|
||
|
||
:where(tfoot td): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
vertical-align: top;
|
||
}
|
||
|
||
:where(th, td): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
text-align: start;
|
||
}
|
||
|
||
:where(figure > *): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
:where(figcaption): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-captions);
|
||
font-size: 0.875em;
|
||
line-height: 1.4285714;
|
||
margin-top: 0.8571429em;
|
||
}
|
||
|
||
--tw-prose-body: oklch(0.373 0.034 259.733);
|
||
--tw-prose-headings: oklch(0.21 0.034 264.665);
|
||
--tw-prose-lead: oklch(0.446 0.03 256.802);
|
||
--tw-prose-links: oklch(0.21 0.034 264.665);
|
||
--tw-prose-bold: oklch(0.21 0.034 264.665);
|
||
--tw-prose-counters: oklch(0.551 0.027 264.364);
|
||
--tw-prose-bullets: oklch(0.872 0.01 258.338);
|
||
--tw-prose-hr: oklch(0.928 0.006 264.531);
|
||
--tw-prose-quotes: oklch(0.21 0.034 264.665);
|
||
--tw-prose-quote-borders: oklch(0.928 0.006 264.531);
|
||
--tw-prose-captions: oklch(0.551 0.027 264.364);
|
||
--tw-prose-kbd: oklch(0.21 0.034 264.665);
|
||
--tw-prose-kbd-shadows: NaN NaN NaN;
|
||
--tw-prose-code: oklch(0.21 0.034 264.665);
|
||
--tw-prose-pre-code: oklch(0.928 0.006 264.531);
|
||
--tw-prose-pre-bg: oklch(0.278 0.033 256.848);
|
||
--tw-prose-th-borders: oklch(0.872 0.01 258.338);
|
||
--tw-prose-td-borders: oklch(0.928 0.006 264.531);
|
||
--tw-prose-invert-body: oklch(0.872 0.01 258.338);
|
||
--tw-prose-invert-headings: #fff;
|
||
--tw-prose-invert-lead: oklch(0.707 0.022 261.325);
|
||
--tw-prose-invert-links: #fff;
|
||
--tw-prose-invert-bold: #fff;
|
||
--tw-prose-invert-counters: oklch(0.707 0.022 261.325);
|
||
--tw-prose-invert-bullets: oklch(0.446 0.03 256.802);
|
||
--tw-prose-invert-hr: oklch(0.373 0.034 259.733);
|
||
--tw-prose-invert-quotes: oklch(0.967 0.003 264.542);
|
||
--tw-prose-invert-quote-borders: oklch(0.373 0.034 259.733);
|
||
--tw-prose-invert-captions: oklch(0.707 0.022 261.325);
|
||
--tw-prose-invert-kbd: #fff;
|
||
--tw-prose-invert-kbd-shadows: 255 255 255;
|
||
--tw-prose-invert-code: #fff;
|
||
--tw-prose-invert-pre-code: oklch(0.872 0.01 258.338);
|
||
--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
|
||
--tw-prose-invert-th-borders: oklch(0.446 0.03 256.802);
|
||
--tw-prose-invert-td-borders: oklch(0.373 0.034 259.733);
|
||
font-size: 1rem;
|
||
line-height: 1.75;
|
||
:where(picture > img): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
:where(li): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0.5em;
|
||
margin-bottom: 0.5em;
|
||
}
|
||
|
||
:where(ol > li): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-start: 0.375em;
|
||
}
|
||
|
||
:where(ul > li): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-start: 0.375em;
|
||
}
|
||
|
||
:where(.prose > ul > li p): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0.75em;
|
||
margin-bottom: 0.75em;
|
||
}
|
||
|
||
:where(.prose > ul > li > p: first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 1.25em;
|
||
}
|
||
|
||
:where(.prose > ul > li > p: last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-bottom: 1.25em;
|
||
}
|
||
|
||
:where(.prose > ol > li > p: first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 1.25em;
|
||
}
|
||
|
||
:where(.prose > ol > li > p: last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-bottom: 1.25em;
|
||
}
|
||
|
||
:where(ul ul, ul ol, ol ul, ol ol): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0.75em;
|
||
margin-bottom: 0.75em;
|
||
}
|
||
|
||
:where(dl): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 1.25em;
|
||
margin-bottom: 1.25em;
|
||
}
|
||
|
||
:where(dd): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0.5em;
|
||
padding-inline-start: 1.625em; }
|
||
|
||
:where(hr + *): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
}
|
||
|
||
:where(h2 + *): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
}
|
||
|
||
:where(h3 + *): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
}
|
||
|
||
:where(h4 + *): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
}
|
||
|
||
:where(thead th: first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-start: 0;
|
||
}
|
||
|
||
:where(thead th: last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-end: 0;
|
||
}
|
||
|
||
:where(tbody td, tfoot td): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-top: 0.5714286em;
|
||
padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em;
|
||
padding-inline-start: 0.5714286em; }
|
||
|
||
:where(tbody td: first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-start: 0;
|
||
}
|
||
|
||
:where(tbody td: last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-end: 0;
|
||
}
|
||
|
||
:where(figure): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
:where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
}
|
||
|
||
:where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
max-width: none;
|
||
color: var(--color-neutral-600);
|
||
& :is(:where(h1, h2, h3, h4, h5, h6, th): not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
||
--tw-font-weight: var(--font-weight-medium);
|
||
font-weight: var(--font-weight-medium);
|
||
}
|
||
|
||
& :is(:where(h1, h2, h3, h4, h5, h6, th): not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
||
color: var(--color-black);
|
||
}
|
||
|
||
&:hover {
|
||
@media (hover: hover) {
|
||
& :is(:where(a):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
||
color: var(--color-black);
|
||
}
|
||
}
|
||
}
|
||
|
||
& :is(:where(blockquote): not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
||
border-left-color: var(--color-black);
|
||
}
|
||
|
||
& :is(:where(blockquote): not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
||
color: var(--color-neutral-600);
|
||
}
|
||
|
||
& :is(:where(code): not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
||
color: var(--color-black);
|
||
}
|
||
|
||
& :is(:where(pre): not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
||
border-radius: var(--radius-xl);
|
||
}
|
||
|
||
& :is(:where(pre): not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
||
background-color: var(--color-white);
|
||
}
|
||
|
||
& :is(:where(pre): not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
||
padding: calc(var(--spacing) * 4);
|
||
}
|
||
|
||
& :is(:where(pre): not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
||
text-transform: none;
|
||
}
|
||
|
||
margin-inline: auto; color: var(--tw-prose-body);
|
||
max-width: 65ch;
|
||
:where(p): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 1.25em;
|
||
margin-bottom: 1.25em;
|
||
}
|
||
|
||
:where([class~="lead"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-lead);
|
||
font-size: 1.25em;
|
||
line-height: 1.6;
|
||
margin-top: 1.2em;
|
||
margin-bottom: 1.2em;
|
||
}
|
||
|
||
:where(a): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-links);
|
||
text-decoration: underline;
|
||
font-weight: 500;
|
||
}
|
||
|
||
:where(strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-bold);
|
||
font-weight: 600;
|
||
}
|
||
|
||
:where(a strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(blockquote strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(thead th strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(ol): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: decimal;
|
||
margin-top: 1.25em;
|
||
margin-bottom: 1.25em;
|
||
padding-inline-start: 1.625em; }
|
||
|
||
:where(ol[type="A"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: upper-alpha;
|
||
}
|
||
|
||
:where(ol[type="a"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: lower-alpha;
|
||
}
|
||
|
||
:where(ol[type="A" s]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: upper-alpha;
|
||
}
|
||
|
||
:where(ol[type="a" s]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: lower-alpha;
|
||
}
|
||
|
||
:where(ol[type="I"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: upper-roman;
|
||
}
|
||
|
||
:where(ol[type="i"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: lower-roman;
|
||
}
|
||
|
||
:where(ol[type="I" s]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: upper-roman;
|
||
}
|
||
|
||
:where(ol[type="i" s]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: lower-roman;
|
||
}
|
||
|
||
:where(ol[type="1"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: decimal;
|
||
}
|
||
|
||
:where(ul): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: disc;
|
||
margin-top: 1.25em;
|
||
margin-bottom: 1.25em;
|
||
padding-inline-start: 1.625em; }
|
||
|
||
:where(ol > li): not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
|
||
font-weight: 400;
|
||
color: var(--tw-prose-counters);
|
||
}
|
||
|
||
:where(ul > li): not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
|
||
color: var(--tw-prose-bullets);
|
||
}
|
||
|
||
:where(dt): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 600;
|
||
margin-top: 1.25em;
|
||
}
|
||
|
||
:where(hr): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
border-color: var(--tw-prose-hr);
|
||
border-top-width: 1;
|
||
margin-top: 3em;
|
||
margin-bottom: 3em;
|
||
}
|
||
|
||
:where(blockquote): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 500;
|
||
font-style: italic;
|
||
color: var(--tw-prose-quotes);
|
||
border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019";
|
||
margin-top: 1.6em;
|
||
margin-bottom: 1.6em;
|
||
padding-inline-start: 1em; }
|
||
|
||
:where(blockquote p: first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
|
||
content: open-quote;
|
||
}
|
||
|
||
:where(blockquote p: last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
|
||
content: close-quote;
|
||
}
|
||
|
||
:where(h1): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 800;
|
||
font-size: 2.25em;
|
||
margin-top: 0;
|
||
margin-bottom: 0.8888889em;
|
||
line-height: 1.1111111;
|
||
}
|
||
|
||
:where(h1 strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 900;
|
||
color: inherit;
|
||
}
|
||
|
||
:where(h2): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 700;
|
||
font-size: 1.5em;
|
||
margin-top: 2em;
|
||
margin-bottom: 1em;
|
||
line-height: 1.3333333;
|
||
}
|
||
|
||
:where(h2 strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 800;
|
||
color: inherit;
|
||
}
|
||
|
||
:where(h3): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 600;
|
||
font-size: 1.25em;
|
||
margin-top: 1.6em;
|
||
margin-bottom: 0.6em;
|
||
line-height: 1.6;
|
||
}
|
||
|
||
:where(h3 strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 700;
|
||
color: inherit;
|
||
}
|
||
|
||
:where(h4): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 600;
|
||
margin-top: 1.5em;
|
||
margin-bottom: 0.5em;
|
||
line-height: 1.5;
|
||
}
|
||
|
||
:where(h4 strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 700;
|
||
color: inherit;
|
||
}
|
||
|
||
:where(img): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
:where(picture): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
display: block;
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
:where(video): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
:where(kbd): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 500;
|
||
font-family: inherit;
|
||
color: var(--tw-prose-kbd);
|
||
box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
|
||
font-size: 0.875em;
|
||
border-radius: 0.3125rem;
|
||
padding-top: 0.1875em;
|
||
padding-inline-end: 0.375em; padding-bottom: 0.1875em;
|
||
padding-inline-start: 0.375em; }
|
||
|
||
:where(code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-code);
|
||
font-weight: 600;
|
||
font-size: 0.875em;
|
||
}
|
||
|
||
:where(code): not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
|
||
content: "`";
|
||
}
|
||
|
||
:where(code): not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
|
||
content: "`";
|
||
}
|
||
|
||
:where(a code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(h1 code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(h2 code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
font-size: 0.875em;
|
||
}
|
||
|
||
:where(h3 code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
font-size: 0.9em;
|
||
}
|
||
|
||
:where(h4 code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(blockquote code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(thead th code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(pre): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-pre-code);
|
||
background-color: var(--tw-prose-pre-bg);
|
||
overflow-x: auto;
|
||
font-weight: 400;
|
||
font-size: 0.875em;
|
||
line-height: 1.7142857;
|
||
margin-top: 1.7142857em;
|
||
margin-bottom: 1.7142857em;
|
||
border-radius: 0.375rem;
|
||
padding-top: 0.8571429em;
|
||
padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em;
|
||
padding-inline-start: 1.1428571em; }
|
||
|
||
:where(pre code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
background-color: transparent;
|
||
border-width: 0;
|
||
border-radius: 0;
|
||
padding: 0;
|
||
font-weight: inherit;
|
||
color: inherit;
|
||
font-size: inherit;
|
||
font-family: inherit;
|
||
line-height: inherit;
|
||
}
|
||
|
||
:where(pre code): not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
|
||
content: none;
|
||
}
|
||
|
||
:where(pre code): not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
|
||
content: none;
|
||
}
|
||
|
||
:where(table): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
width: 100%;
|
||
table-layout: auto;
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
font-size: 0.875em;
|
||
line-height: 1.7142857;
|
||
}
|
||
|
||
:where(thead): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
border-bottom-width: 1px;
|
||
border-bottom-color: var(--tw-prose-th-borders);
|
||
}
|
||
|
||
:where(thead th): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 600;
|
||
vertical-align: bottom;
|
||
padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em;
|
||
padding-inline-start: 0.5714286em; }
|
||
|
||
:where(tbody tr): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
border-bottom-width: 1px;
|
||
border-bottom-color: var(--tw-prose-td-borders);
|
||
}
|
||
|
||
:where(tbody tr: last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
border-bottom-width: 0;
|
||
}
|
||
|
||
:where(tbody td): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
vertical-align: baseline;
|
||
}
|
||
|
||
:where(tfoot): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
border-top-width: 1px;
|
||
border-top-color: var(--tw-prose-th-borders);
|
||
}
|
||
|
||
:where(tfoot td): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
vertical-align: top;
|
||
}
|
||
|
||
:where(th, td): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
text-align: start;
|
||
}
|
||
|
||
:where(figure > *): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
:where(figcaption): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-captions);
|
||
font-size: 0.875em;
|
||
line-height: 1.4285714;
|
||
margin-top: 0.8571429em;
|
||
}
|
||
|
||
--tw-prose-body: oklch(0.373 0.034 259.733);
|
||
--tw-prose-headings: oklch(0.21 0.034 264.665);
|
||
--tw-prose-lead: oklch(0.446 0.03 256.802);
|
||
--tw-prose-links: oklch(0.21 0.034 264.665);
|
||
--tw-prose-bold: oklch(0.21 0.034 264.665);
|
||
--tw-prose-counters: oklch(0.551 0.027 264.364);
|
||
--tw-prose-bullets: oklch(0.872 0.01 258.338);
|
||
--tw-prose-hr: oklch(0.928 0.006 264.531);
|
||
--tw-prose-quotes: oklch(0.21 0.034 264.665);
|
||
--tw-prose-quote-borders: oklch(0.928 0.006 264.531);
|
||
--tw-prose-captions: oklch(0.551 0.027 264.364);
|
||
--tw-prose-kbd: oklch(0.21 0.034 264.665);
|
||
--tw-prose-kbd-shadows: NaN NaN NaN;
|
||
--tw-prose-code: oklch(0.21 0.034 264.665);
|
||
--tw-prose-pre-code: oklch(0.928 0.006 264.531);
|
||
--tw-prose-pre-bg: oklch(0.278 0.033 256.848);
|
||
--tw-prose-th-borders: oklch(0.872 0.01 258.338);
|
||
--tw-prose-td-borders: oklch(0.928 0.006 264.531);
|
||
--tw-prose-invert-body: oklch(0.872 0.01 258.338);
|
||
--tw-prose-invert-headings: #fff;
|
||
--tw-prose-invert-lead: oklch(0.707 0.022 261.325);
|
||
--tw-prose-invert-links: #fff;
|
||
--tw-prose-invert-bold: #fff;
|
||
--tw-prose-invert-counters: oklch(0.707 0.022 261.325);
|
||
--tw-prose-invert-bullets: oklch(0.446 0.03 256.802);
|
||
--tw-prose-invert-hr: oklch(0.373 0.034 259.733);
|
||
--tw-prose-invert-quotes: oklch(0.967 0.003 264.542);
|
||
--tw-prose-invert-quote-borders: oklch(0.373 0.034 259.733);
|
||
--tw-prose-invert-captions: oklch(0.707 0.022 261.325);
|
||
--tw-prose-invert-kbd: #fff;
|
||
--tw-prose-invert-kbd-shadows: 255 255 255;
|
||
--tw-prose-invert-code: #fff;
|
||
--tw-prose-invert-pre-code: oklch(0.872 0.01 258.338);
|
||
--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
|
||
--tw-prose-invert-th-borders: oklch(0.446 0.03 256.802);
|
||
--tw-prose-invert-td-borders: oklch(0.373 0.034 259.733);
|
||
font-size: 1rem;
|
||
line-height: 1.75;
|
||
:where(picture > img): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
:where(li): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0.5em;
|
||
margin-bottom: 0.5em;
|
||
}
|
||
|
||
:where(ol > li): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-start: 0.375em;
|
||
}
|
||
|
||
:where(ul > li): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-start: 0.375em;
|
||
}
|
||
|
||
:where(.prose > ul > li p): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0.75em;
|
||
margin-bottom: 0.75em;
|
||
}
|
||
|
||
:where(.prose > ul > li > p: first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 1.25em;
|
||
}
|
||
|
||
:where(.prose > ul > li > p: last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-bottom: 1.25em;
|
||
}
|
||
|
||
:where(.prose > ol > li > p: first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 1.25em;
|
||
}
|
||
|
||
:where(.prose > ol > li > p: last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-bottom: 1.25em;
|
||
}
|
||
|
||
:where(ul ul, ul ol, ol ul, ol ol): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0.75em;
|
||
margin-bottom: 0.75em;
|
||
}
|
||
|
||
:where(dl): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 1.25em;
|
||
margin-bottom: 1.25em;
|
||
}
|
||
|
||
:where(dd): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0.5em;
|
||
padding-inline-start: 1.625em; }
|
||
|
||
:where(hr + *): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
}
|
||
|
||
:where(h2 + *): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
}
|
||
|
||
:where(h3 + *): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
}
|
||
|
||
:where(h4 + *): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
}
|
||
|
||
:where(thead th: first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-start: 0;
|
||
}
|
||
|
||
:where(thead th: last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-end: 0;
|
||
}
|
||
|
||
:where(tbody td, tfoot td): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-top: 0.5714286em;
|
||
padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em;
|
||
padding-inline-start: 0.5714286em; }
|
||
|
||
:where(tbody td: first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-start: 0;
|
||
}
|
||
|
||
:where(tbody td: last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-end: 0;
|
||
}
|
||
|
||
:where(figure): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
:where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
}
|
||
|
||
:where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
max-width: var(--container-3xl);
|
||
padding-top: calc(var(--spacing) * 0);
|
||
}
|
||
|
||
.simple-prose-styles {
|
||
color: var(--tw-prose-body);
|
||
max-width: 65ch;
|
||
:where(p): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 1.25em;
|
||
margin-bottom: 1.25em;
|
||
}
|
||
|
||
:where([class~="lead"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-lead);
|
||
font-size: 1.25em;
|
||
line-height: 1.6;
|
||
margin-top: 1.2em;
|
||
margin-bottom: 1.2em;
|
||
}
|
||
|
||
:where(a): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-links);
|
||
text-decoration: underline;
|
||
font-weight: 500;
|
||
}
|
||
|
||
:where(strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-bold);
|
||
font-weight: 600;
|
||
}
|
||
|
||
:where(a strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(blockquote strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(thead th strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(ol): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: decimal;
|
||
margin-top: 1.25em;
|
||
margin-bottom: 1.25em;
|
||
padding-inline-start: 1.625em; }
|
||
|
||
:where(ol[type="A"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: upper-alpha;
|
||
}
|
||
|
||
:where(ol[type="a"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: lower-alpha;
|
||
}
|
||
|
||
:where(ol[type="A" s]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: upper-alpha;
|
||
}
|
||
|
||
:where(ol[type="a" s]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: lower-alpha;
|
||
}
|
||
|
||
:where(ol[type="I"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: upper-roman;
|
||
}
|
||
|
||
:where(ol[type="i"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: lower-roman;
|
||
}
|
||
|
||
:where(ol[type="I" s]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: upper-roman;
|
||
}
|
||
|
||
:where(ol[type="i" s]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: lower-roman;
|
||
}
|
||
|
||
:where(ol[type="1"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: decimal;
|
||
}
|
||
|
||
:where(ul): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: disc;
|
||
margin-top: 1.25em;
|
||
margin-bottom: 1.25em;
|
||
padding-inline-start: 1.625em; }
|
||
|
||
:where(ol > li): not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
|
||
font-weight: 400;
|
||
color: var(--tw-prose-counters);
|
||
}
|
||
|
||
:where(ul > li): not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
|
||
color: var(--tw-prose-bullets);
|
||
}
|
||
|
||
:where(dt): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 600;
|
||
margin-top: 1.25em;
|
||
}
|
||
|
||
:where(hr): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
border-color: var(--tw-prose-hr);
|
||
border-top-width: 1;
|
||
margin-top: 3em;
|
||
margin-bottom: 3em;
|
||
}
|
||
|
||
:where(blockquote): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 500;
|
||
font-style: italic;
|
||
color: var(--tw-prose-quotes);
|
||
border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019";
|
||
margin-top: 1.6em;
|
||
margin-bottom: 1.6em;
|
||
padding-inline-start: 1em; }
|
||
|
||
:where(blockquote p: first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
|
||
content: open-quote;
|
||
}
|
||
|
||
:where(blockquote p: last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
|
||
content: close-quote;
|
||
}
|
||
|
||
:where(h1): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 800;
|
||
font-size: 2.25em;
|
||
margin-top: 0;
|
||
margin-bottom: 0.8888889em;
|
||
line-height: 1.1111111;
|
||
}
|
||
|
||
:where(h1 strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 900;
|
||
color: inherit;
|
||
}
|
||
|
||
:where(h2): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 700;
|
||
font-size: 1.5em;
|
||
margin-top: 2em;
|
||
margin-bottom: 1em;
|
||
line-height: 1.3333333;
|
||
}
|
||
|
||
:where(h2 strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 800;
|
||
color: inherit;
|
||
}
|
||
|
||
:where(h3): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 600;
|
||
font-size: 1.25em;
|
||
margin-top: 1.6em;
|
||
margin-bottom: 0.6em;
|
||
line-height: 1.6;
|
||
}
|
||
|
||
:where(h3 strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 700;
|
||
color: inherit;
|
||
}
|
||
|
||
:where(h4): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 600;
|
||
margin-top: 1.5em;
|
||
margin-bottom: 0.5em;
|
||
line-height: 1.5;
|
||
}
|
||
|
||
:where(h4 strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 700;
|
||
color: inherit;
|
||
}
|
||
|
||
:where(img): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
:where(picture): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
display: block;
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
:where(video): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
:where(kbd): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 500;
|
||
font-family: inherit;
|
||
color: var(--tw-prose-kbd);
|
||
box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
|
||
font-size: 0.875em;
|
||
border-radius: 0.3125rem;
|
||
padding-top: 0.1875em;
|
||
padding-inline-end: 0.375em; padding-bottom: 0.1875em;
|
||
padding-inline-start: 0.375em; }
|
||
|
||
:where(code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-code);
|
||
font-weight: 600;
|
||
font-size: 0.875em;
|
||
}
|
||
|
||
:where(code): not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
|
||
content: "`";
|
||
}
|
||
|
||
:where(code): not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
|
||
content: "`";
|
||
}
|
||
|
||
:where(a code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(h1 code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(h2 code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
font-size: 0.875em;
|
||
}
|
||
|
||
:where(h3 code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
font-size: 0.9em;
|
||
}
|
||
|
||
:where(h4 code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(blockquote code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(thead th code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(pre): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-pre-code);
|
||
background-color: var(--tw-prose-pre-bg);
|
||
overflow-x: auto;
|
||
font-weight: 400;
|
||
font-size: 0.875em;
|
||
line-height: 1.7142857;
|
||
margin-top: 1.7142857em;
|
||
margin-bottom: 1.7142857em;
|
||
border-radius: 0.375rem;
|
||
padding-top: 0.8571429em;
|
||
padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em;
|
||
padding-inline-start: 1.1428571em; }
|
||
|
||
:where(pre code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
background-color: transparent;
|
||
border-width: 0;
|
||
border-radius: 0;
|
||
padding: 0;
|
||
font-weight: inherit;
|
||
color: inherit;
|
||
font-size: inherit;
|
||
font-family: inherit;
|
||
line-height: inherit;
|
||
}
|
||
|
||
:where(pre code): not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
|
||
content: none;
|
||
}
|
||
|
||
:where(pre code): not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
|
||
content: none;
|
||
}
|
||
|
||
:where(table): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
width: 100%;
|
||
table-layout: auto;
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
font-size: 0.875em;
|
||
line-height: 1.7142857;
|
||
}
|
||
|
||
:where(thead): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
border-bottom-width: 1px;
|
||
border-bottom-color: var(--tw-prose-th-borders);
|
||
}
|
||
|
||
:where(thead th): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 600;
|
||
vertical-align: bottom;
|
||
padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em;
|
||
padding-inline-start: 0.5714286em; }
|
||
|
||
:where(tbody tr): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
border-bottom-width: 1px;
|
||
border-bottom-color: var(--tw-prose-td-borders);
|
||
}
|
||
|
||
:where(tbody tr: last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
border-bottom-width: 0;
|
||
}
|
||
|
||
:where(tbody td): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
vertical-align: baseline;
|
||
}
|
||
|
||
:where(tfoot): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
border-top-width: 1px;
|
||
border-top-color: var(--tw-prose-th-borders);
|
||
}
|
||
|
||
:where(tfoot td): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
vertical-align: top;
|
||
}
|
||
|
||
:where(th, td): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
text-align: start;
|
||
}
|
||
|
||
:where(figure > *): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
:where(figcaption): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-captions);
|
||
font-size: 0.875em;
|
||
line-height: 1.4285714;
|
||
margin-top: 0.8571429em;
|
||
}
|
||
|
||
--tw-prose-body: oklch(0.373 0.034 259.733);
|
||
--tw-prose-headings: oklch(0.21 0.034 264.665);
|
||
--tw-prose-lead: oklch(0.446 0.03 256.802);
|
||
--tw-prose-links: oklch(0.21 0.034 264.665);
|
||
--tw-prose-bold: oklch(0.21 0.034 264.665);
|
||
--tw-prose-counters: oklch(0.551 0.027 264.364);
|
||
--tw-prose-bullets: oklch(0.872 0.01 258.338);
|
||
--tw-prose-hr: oklch(0.928 0.006 264.531);
|
||
--tw-prose-quotes: oklch(0.21 0.034 264.665);
|
||
--tw-prose-quote-borders: oklch(0.928 0.006 264.531);
|
||
--tw-prose-captions: oklch(0.551 0.027 264.364);
|
||
--tw-prose-kbd: oklch(0.21 0.034 264.665);
|
||
--tw-prose-kbd-shadows: NaN NaN NaN;
|
||
--tw-prose-code: oklch(0.21 0.034 264.665);
|
||
--tw-prose-pre-code: oklch(0.928 0.006 264.531);
|
||
--tw-prose-pre-bg: oklch(0.278 0.033 256.848);
|
||
--tw-prose-th-borders: oklch(0.872 0.01 258.338);
|
||
--tw-prose-td-borders: oklch(0.928 0.006 264.531);
|
||
--tw-prose-invert-body: oklch(0.872 0.01 258.338);
|
||
--tw-prose-invert-headings: #fff;
|
||
--tw-prose-invert-lead: oklch(0.707 0.022 261.325);
|
||
--tw-prose-invert-links: #fff;
|
||
--tw-prose-invert-bold: #fff;
|
||
--tw-prose-invert-counters: oklch(0.707 0.022 261.325);
|
||
--tw-prose-invert-bullets: oklch(0.446 0.03 256.802);
|
||
--tw-prose-invert-hr: oklch(0.373 0.034 259.733);
|
||
--tw-prose-invert-quotes: oklch(0.967 0.003 264.542);
|
||
--tw-prose-invert-quote-borders: oklch(0.373 0.034 259.733);
|
||
--tw-prose-invert-captions: oklch(0.707 0.022 261.325);
|
||
--tw-prose-invert-kbd: #fff;
|
||
--tw-prose-invert-kbd-shadows: 255 255 255;
|
||
--tw-prose-invert-code: #fff;
|
||
--tw-prose-invert-pre-code: oklch(0.872 0.01 258.338);
|
||
--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
|
||
--tw-prose-invert-th-borders: oklch(0.446 0.03 256.802);
|
||
--tw-prose-invert-td-borders: oklch(0.373 0.034 259.733);
|
||
font-size: 1rem;
|
||
line-height: 1.75;
|
||
:where(picture > img): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
:where(li): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0.5em;
|
||
margin-bottom: 0.5em;
|
||
}
|
||
|
||
:where(ol > li): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-start: 0.375em;
|
||
}
|
||
|
||
:where(ul > li): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-start: 0.375em;
|
||
}
|
||
|
||
:where(.prose > ul > li p): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0.75em;
|
||
margin-bottom: 0.75em;
|
||
}
|
||
|
||
:where(.prose > ul > li > p: first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 1.25em;
|
||
}
|
||
|
||
:where(.prose > ul > li > p: last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-bottom: 1.25em;
|
||
}
|
||
|
||
:where(.prose > ol > li > p: first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 1.25em;
|
||
}
|
||
|
||
:where(.prose > ol > li > p: last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-bottom: 1.25em;
|
||
}
|
||
|
||
:where(ul ul, ul ol, ol ul, ol ol): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0.75em;
|
||
margin-bottom: 0.75em;
|
||
}
|
||
|
||
:where(dl): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 1.25em;
|
||
margin-bottom: 1.25em;
|
||
}
|
||
|
||
:where(dd): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0.5em;
|
||
padding-inline-start: 1.625em; }
|
||
|
||
:where(hr + *): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
}
|
||
|
||
:where(h2 + *): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
}
|
||
|
||
:where(h3 + *): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
}
|
||
|
||
:where(h4 + *): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
}
|
||
|
||
:where(thead th: first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-start: 0;
|
||
}
|
||
|
||
:where(thead th: last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-end: 0;
|
||
}
|
||
|
||
:where(tbody td, tfoot td): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-top: 0.5714286em;
|
||
padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em;
|
||
padding-inline-start: 0.5714286em; }
|
||
|
||
:where(tbody td: first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-start: 0;
|
||
}
|
||
|
||
:where(tbody td: last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-end: 0;
|
||
}
|
||
|
||
:where(figure): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
:where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
}
|
||
|
||
:where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
font-size: var(--text-xs);
|
||
line-height: var(--tw-leading, var(--text-xs--line-height));
|
||
& :is(:where(h1, h2, h3, h4, h5, h6, th): not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
||
font-size: var(--text-xs);
|
||
line-height: var(--tw-leading, var(--text-xs--line-height));
|
||
}
|
||
|
||
& :is(:where(pre): not(:where([class~="not-prose"],[class~="not-prose"] *))) {
|
||
text-transform: none;
|
||
}
|
||
}
|
||
}
|
||
|
||
@layer base {
|
||
a {
|
||
color: var(--color-blue-400);
|
||
text-decoration-line: none;
|
||
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));
|
||
}
|
||
|
||
a: hover {
|
||
text-decoration-line: underline;
|
||
}
|
||
}
|
||
|
||
@layer base {
|
||
table {
|
||
min-width: 100%;
|
||
border-collapse: collapse;
|
||
}
|
||
|
||
table thead {
|
||
background-color: var(--color-gray-200);
|
||
}
|
||
|
||
table th {
|
||
padding-inline: calc(var(--spacing) * 6);
|
||
padding-block: calc(var(--spacing) * 3); text-align: left;
|
||
font-size: var(--text-xs);
|
||
line-height: var(--tw-leading, var(--text-xs--line-height));
|
||
--tw-font-weight: var(--font-weight-medium);
|
||
font-weight: var(--font-weight-medium);
|
||
--tw-tracking: var(--tracking-wider);
|
||
letter-spacing: var(--tracking-wider);
|
||
color: var(--color-gray-600);
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
table td {
|
||
border-bottom-style: var(--tw-border-style);
|
||
border-bottom-width: 1px;
|
||
border-color: var(--color-gray-200);
|
||
padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 4);
|
||
}
|
||
|
||
table tbody tr {
|
||
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));
|
||
}
|
||
|
||
table tbody tr: nth-child(odd) {
|
||
background-color: var(--color-white);
|
||
}
|
||
|
||
table tbody tr: nth-child(even) {
|
||
background-color: var(--color-gray-50);
|
||
}
|
||
|
||
table tbody tr: nth-child(odd):hover {
|
||
background-color: var(--color-orange-50);
|
||
}
|
||
|
||
table tbody tr: nth-child(even):hover {
|
||
background-color: var(--color-orange-100);
|
||
}
|
||
}
|
||
|
||
@layer base {
|
||
.astro-imagetools-img {
|
||
min-width: 100%;
|
||
border-collapse: collapse;
|
||
overflow: hidden;
|
||
border-radius: var(--radius-lg);
|
||
background-image: none !important;
|
||
-o-object-fit: contain;
|
||
object-fit: contain;
|
||
}
|
||
|
||
.lightbox-main {
|
||
background-image: none !important;
|
||
}
|
||
}
|
||
|
||
@layer base {
|
||
.specs-table {
|
||
min-width: 100%;
|
||
border-collapse: collapse;
|
||
overflow: hidden;
|
||
border-radius: var(--radius-lg);
|
||
}
|
||
|
||
.specs-table thead {
|
||
background-color: var(--color-gray-200);
|
||
}
|
||
|
||
.specs-table th {
|
||
padding-inline: calc(var(--spacing) * 6);
|
||
padding-block: calc(var(--spacing) * 3); text-align: left;
|
||
font-size: var(--text-xs);
|
||
line-height: var(--tw-leading, var(--text-xs--line-height));
|
||
--tw-tracking: var(--tracking-wider);
|
||
letter-spacing: var(--tracking-wider);
|
||
color: var(--color-gray-600);
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.specs-table td {
|
||
border-bottom-style: var(--tw-border-style);
|
||
border-bottom-width: 1px;
|
||
border-color: var(--color-gray-200);
|
||
padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 4);
|
||
}
|
||
|
||
.specs-table tbody tr {
|
||
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));
|
||
}
|
||
|
||
.specs-table tbody tr: nth-child(odd) {
|
||
background-color: var(--color-white);
|
||
}
|
||
|
||
.specs-table tbody tr: nth-child(even) {
|
||
background-color: var(--color-gray-50);
|
||
}
|
||
|
||
.specs-table tbody tr: nth-child(odd):hover {
|
||
background-color: var(--color-orange-50);
|
||
}
|
||
|
||
.specs-table tbody tr: nth-child(even):hover {
|
||
background-color: var(--color-orange-100);
|
||
}
|
||
|
||
.specs-table th: first-child, .specs-table td:first-child {
|
||
--tw-font-weight: var(--font-weight-semibold);
|
||
font-weight: var(--font-weight-semibold);
|
||
}
|
||
}
|
||
|
||
@layer components {
|
||
.table-default {
|
||
min-width: 100%;
|
||
border-collapse: collapse;
|
||
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
||
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
||
}
|
||
|
||
.table-default thead {
|
||
background-color: var(--color-gray-200);
|
||
}
|
||
|
||
.table-default th {
|
||
padding-inline: calc(var(--spacing) * 6);
|
||
padding-block: calc(var(--spacing) * 3); text-align: left;
|
||
font-size: var(--text-xs);
|
||
line-height: var(--tw-leading, var(--text-xs--line-height));
|
||
--tw-font-weight: var(--font-weight-medium);
|
||
font-weight: var(--font-weight-medium);
|
||
--tw-tracking: var(--tracking-wider);
|
||
letter-spacing: var(--tracking-wider);
|
||
color: var(--color-gray-600);
|
||
text-transform: uppercase;
|
||
}
|
||
|
||
.table-default td {
|
||
border-bottom-style: var(--tw-border-style);
|
||
border-bottom-width: 1px;
|
||
border-color: var(--color-gray-200);
|
||
padding-inline: calc(var(--spacing) * 6); padding-block: calc(var(--spacing) * 4);
|
||
}
|
||
|
||
.table-default tbody tr {
|
||
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));
|
||
}
|
||
|
||
.table-default tbody tr: nth-child(odd) {
|
||
background-color: var(--color-white);
|
||
}
|
||
|
||
.table-default tbody tr: nth-child(even) {
|
||
background-color: var(--color-gray-50);
|
||
}
|
||
|
||
.table-default tbody tr: nth-child(odd):hover {
|
||
background-color: var(--color-orange-50);
|
||
}
|
||
|
||
.table-default tbody tr: nth-child(even):hover {
|
||
background-color: var(--color-orange-100);
|
||
}
|
||
}
|
||
|
||
@supports (font-variation-settings: normal) {
|
||
:root {
|
||
font-family: InterVariable, sans-serif;
|
||
}
|
||
}
|
||
|
||
:root {
|
||
font-family: Inter, sans-serif;
|
||
font-feature-settings: "liga" 1, "calt" 1, "dlig" 1, "ss07" 1, "ss08" 1, "zero" 1, "tnum" 1, "cv03" 1, "cv04" 1, "cv01" 1, "cv09", "cv02" 1;
|
||
}
|
||
|
||
.markdown-content {
|
||
color: var(--tw-prose-body);
|
||
max-width: 65ch;
|
||
:where(p): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 1.25em;
|
||
margin-bottom: 1.25em;
|
||
}
|
||
|
||
:where([class~="lead"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-lead);
|
||
font-size: 1.25em;
|
||
line-height: 1.6;
|
||
margin-top: 1.2em;
|
||
margin-bottom: 1.2em;
|
||
}
|
||
|
||
:where(a): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-links);
|
||
text-decoration: underline;
|
||
font-weight: 500;
|
||
}
|
||
|
||
:where(strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-bold);
|
||
font-weight: 600;
|
||
}
|
||
|
||
:where(a strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(blockquote strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(thead th strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(ol): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: decimal;
|
||
margin-top: 1.25em;
|
||
margin-bottom: 1.25em;
|
||
padding-inline-start: 1.625em; }
|
||
|
||
:where(ol[type="A"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: upper-alpha;
|
||
}
|
||
|
||
:where(ol[type="a"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: lower-alpha;
|
||
}
|
||
|
||
:where(ol[type="A" s]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: upper-alpha;
|
||
}
|
||
|
||
:where(ol[type="a" s]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: lower-alpha;
|
||
}
|
||
|
||
:where(ol[type="I"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: upper-roman;
|
||
}
|
||
|
||
:where(ol[type="i"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: lower-roman;
|
||
}
|
||
|
||
:where(ol[type="I" s]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: upper-roman;
|
||
}
|
||
|
||
:where(ol[type="i" s]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: lower-roman;
|
||
}
|
||
|
||
:where(ol[type="1"]): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: decimal;
|
||
}
|
||
|
||
:where(ul): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
list-style-type: disc;
|
||
margin-top: 1.25em;
|
||
margin-bottom: 1.25em;
|
||
padding-inline-start: 1.625em; }
|
||
|
||
:where(ol > li): not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
|
||
font-weight: 400;
|
||
color: var(--tw-prose-counters);
|
||
}
|
||
|
||
:where(ul > li): not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {
|
||
color: var(--tw-prose-bullets);
|
||
}
|
||
|
||
:where(dt): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 600;
|
||
margin-top: 1.25em;
|
||
}
|
||
|
||
:where(hr): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
border-color: var(--tw-prose-hr);
|
||
border-top-width: 1;
|
||
margin-top: 3em;
|
||
margin-bottom: 3em;
|
||
}
|
||
|
||
:where(blockquote): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 500;
|
||
font-style: italic;
|
||
color: var(--tw-prose-quotes);
|
||
border-inline-start-width: 0.25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "\201C""\201D""\2018""\2019";
|
||
margin-top: 1.6em;
|
||
margin-bottom: 1.6em;
|
||
padding-inline-start: 1em; }
|
||
|
||
:where(blockquote p: first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
|
||
content: open-quote;
|
||
}
|
||
|
||
:where(blockquote p: last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
|
||
content: close-quote;
|
||
}
|
||
|
||
:where(h1): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 800;
|
||
font-size: 2.25em;
|
||
margin-top: 0;
|
||
margin-bottom: 0.8888889em;
|
||
line-height: 1.1111111;
|
||
}
|
||
|
||
:where(h1 strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 900;
|
||
color: inherit;
|
||
}
|
||
|
||
:where(h2): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 700;
|
||
font-size: 1.5em;
|
||
margin-top: 2em;
|
||
margin-bottom: 1em;
|
||
line-height: 1.3333333;
|
||
}
|
||
|
||
:where(h2 strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 800;
|
||
color: inherit;
|
||
}
|
||
|
||
:where(h3): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 600;
|
||
font-size: 1.25em;
|
||
margin-top: 1.6em;
|
||
margin-bottom: 0.6em;
|
||
line-height: 1.6;
|
||
}
|
||
|
||
:where(h3 strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 700;
|
||
color: inherit;
|
||
}
|
||
|
||
:where(h4): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 600;
|
||
margin-top: 1.5em;
|
||
margin-bottom: 0.5em;
|
||
line-height: 1.5;
|
||
}
|
||
|
||
:where(h4 strong): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 700;
|
||
color: inherit;
|
||
}
|
||
|
||
:where(img): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
:where(picture): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
display: block;
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
:where(video): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
:where(kbd): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
font-weight: 500;
|
||
font-family: inherit;
|
||
color: var(--tw-prose-kbd);
|
||
box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%), 0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%);
|
||
font-size: 0.875em;
|
||
border-radius: 0.3125rem;
|
||
padding-top: 0.1875em;
|
||
padding-inline-end: 0.375em; padding-bottom: 0.1875em;
|
||
padding-inline-start: 0.375em; }
|
||
|
||
:where(code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-code);
|
||
font-weight: 600;
|
||
font-size: 0.875em;
|
||
}
|
||
|
||
:where(code): not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
|
||
content: "`";
|
||
}
|
||
|
||
:where(code): not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
|
||
content: "`";
|
||
}
|
||
|
||
:where(a code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(h1 code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(h2 code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
font-size: 0.875em;
|
||
}
|
||
|
||
:where(h3 code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
font-size: 0.9em;
|
||
}
|
||
|
||
:where(h4 code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(blockquote code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(thead th code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: inherit;
|
||
}
|
||
|
||
:where(pre): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-pre-code);
|
||
background-color: var(--tw-prose-pre-bg);
|
||
overflow-x: auto;
|
||
font-weight: 400;
|
||
font-size: 0.875em;
|
||
line-height: 1.7142857;
|
||
margin-top: 1.7142857em;
|
||
margin-bottom: 1.7142857em;
|
||
border-radius: 0.375rem;
|
||
padding-top: 0.8571429em;
|
||
padding-inline-end: 1.1428571em; padding-bottom: 0.8571429em;
|
||
padding-inline-start: 1.1428571em; }
|
||
|
||
:where(pre code): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
background-color: transparent;
|
||
border-width: 0;
|
||
border-radius: 0;
|
||
padding: 0;
|
||
font-weight: inherit;
|
||
color: inherit;
|
||
font-size: inherit;
|
||
font-family: inherit;
|
||
line-height: inherit;
|
||
}
|
||
|
||
:where(pre code): not(:where([class~="not-prose"],[class~="not-prose"] *))::before {
|
||
content: none;
|
||
}
|
||
|
||
:where(pre code): not(:where([class~="not-prose"],[class~="not-prose"] *))::after {
|
||
content: none;
|
||
}
|
||
|
||
:where(table): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
width: 100%;
|
||
table-layout: auto;
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
font-size: 0.875em;
|
||
line-height: 1.7142857;
|
||
}
|
||
|
||
:where(thead): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
border-bottom-width: 1px;
|
||
border-bottom-color: var(--tw-prose-th-borders);
|
||
}
|
||
|
||
:where(thead th): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-headings);
|
||
font-weight: 600;
|
||
vertical-align: bottom;
|
||
padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em;
|
||
padding-inline-start: 0.5714286em; }
|
||
|
||
:where(tbody tr): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
border-bottom-width: 1px;
|
||
border-bottom-color: var(--tw-prose-td-borders);
|
||
}
|
||
|
||
:where(tbody tr: last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
border-bottom-width: 0;
|
||
}
|
||
|
||
:where(tbody td): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
vertical-align: baseline;
|
||
}
|
||
|
||
:where(tfoot): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
border-top-width: 1px;
|
||
border-top-color: var(--tw-prose-th-borders);
|
||
}
|
||
|
||
:where(tfoot td): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
vertical-align: top;
|
||
}
|
||
|
||
:where(th, td): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
text-align: start;
|
||
}
|
||
|
||
:where(figure > *): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
:where(figcaption): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
color: var(--tw-prose-captions);
|
||
font-size: 0.875em;
|
||
line-height: 1.4285714;
|
||
margin-top: 0.8571429em;
|
||
}
|
||
|
||
--tw-prose-body: oklch(0.373 0.034 259.733);
|
||
--tw-prose-headings: oklch(0.21 0.034 264.665);
|
||
--tw-prose-lead: oklch(0.446 0.03 256.802);
|
||
--tw-prose-links: oklch(0.21 0.034 264.665);
|
||
--tw-prose-bold: oklch(0.21 0.034 264.665);
|
||
--tw-prose-counters: oklch(0.551 0.027 264.364);
|
||
--tw-prose-bullets: oklch(0.872 0.01 258.338);
|
||
--tw-prose-hr: oklch(0.928 0.006 264.531);
|
||
--tw-prose-quotes: oklch(0.21 0.034 264.665);
|
||
--tw-prose-quote-borders: oklch(0.928 0.006 264.531);
|
||
--tw-prose-captions: oklch(0.551 0.027 264.364);
|
||
--tw-prose-kbd: oklch(0.21 0.034 264.665);
|
||
--tw-prose-kbd-shadows: NaN NaN NaN;
|
||
--tw-prose-code: oklch(0.21 0.034 264.665);
|
||
--tw-prose-pre-code: oklch(0.928 0.006 264.531);
|
||
--tw-prose-pre-bg: oklch(0.278 0.033 256.848);
|
||
--tw-prose-th-borders: oklch(0.872 0.01 258.338);
|
||
--tw-prose-td-borders: oklch(0.928 0.006 264.531);
|
||
--tw-prose-invert-body: oklch(0.872 0.01 258.338);
|
||
--tw-prose-invert-headings: #fff;
|
||
--tw-prose-invert-lead: oklch(0.707 0.022 261.325);
|
||
--tw-prose-invert-links: #fff;
|
||
--tw-prose-invert-bold: #fff;
|
||
--tw-prose-invert-counters: oklch(0.707 0.022 261.325);
|
||
--tw-prose-invert-bullets: oklch(0.446 0.03 256.802);
|
||
--tw-prose-invert-hr: oklch(0.373 0.034 259.733);
|
||
--tw-prose-invert-quotes: oklch(0.967 0.003 264.542);
|
||
--tw-prose-invert-quote-borders: oklch(0.373 0.034 259.733);
|
||
--tw-prose-invert-captions: oklch(0.707 0.022 261.325);
|
||
--tw-prose-invert-kbd: #fff;
|
||
--tw-prose-invert-kbd-shadows: 255 255 255;
|
||
--tw-prose-invert-code: #fff;
|
||
--tw-prose-invert-pre-code: oklch(0.872 0.01 258.338);
|
||
--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);
|
||
--tw-prose-invert-th-borders: oklch(0.446 0.03 256.802);
|
||
--tw-prose-invert-td-borders: oklch(0.373 0.034 259.733);
|
||
font-size: 1rem;
|
||
line-height: 1.75;
|
||
:where(picture > img): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
:where(li): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0.5em;
|
||
margin-bottom: 0.5em;
|
||
}
|
||
|
||
:where(ol > li): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-start: 0.375em;
|
||
}
|
||
|
||
:where(ul > li): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-start: 0.375em;
|
||
}
|
||
|
||
:where(.prose > ul > li p): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0.75em;
|
||
margin-bottom: 0.75em;
|
||
}
|
||
|
||
:where(.prose > ul > li > p: first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 1.25em;
|
||
}
|
||
|
||
:where(.prose > ul > li > p: last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-bottom: 1.25em;
|
||
}
|
||
|
||
:where(.prose > ol > li > p: first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 1.25em;
|
||
}
|
||
|
||
:where(.prose > ol > li > p: last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-bottom: 1.25em;
|
||
}
|
||
|
||
:where(ul ul, ul ol, ol ul, ol ol): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0.75em;
|
||
margin-bottom: 0.75em;
|
||
}
|
||
|
||
:where(dl): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 1.25em;
|
||
margin-bottom: 1.25em;
|
||
}
|
||
|
||
:where(dd): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0.5em;
|
||
padding-inline-start: 1.625em; }
|
||
|
||
:where(hr + *): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
}
|
||
|
||
:where(h2 + *): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
}
|
||
|
||
:where(h3 + *): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
}
|
||
|
||
:where(h4 + *): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
}
|
||
|
||
:where(thead th: first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-start: 0;
|
||
}
|
||
|
||
:where(thead th: last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-end: 0;
|
||
}
|
||
|
||
:where(tbody td, tfoot td): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-top: 0.5714286em;
|
||
padding-inline-end: 0.5714286em; padding-bottom: 0.5714286em;
|
||
padding-inline-start: 0.5714286em; }
|
||
|
||
:where(tbody td: first-child, tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-start: 0;
|
||
}
|
||
|
||
:where(tbody td: last-child, tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
padding-inline-end: 0;
|
||
}
|
||
|
||
:where(figure): not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 2em;
|
||
margin-bottom: 2em;
|
||
}
|
||
|
||
:where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-top: 0;
|
||
}
|
||
|
||
:where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {
|
||
margin-bottom: 0;
|
||
}
|
||
|
||
max-width: none;
|
||
font-family: var(--font-mono);
|
||
@media (prefers-color-scheme: dark) {
|
||
--tw-prose-body: var(--tw-prose-invert-body);
|
||
--tw-prose-headings: var(--tw-prose-invert-headings);
|
||
--tw-prose-lead: var(--tw-prose-invert-lead);
|
||
--tw-prose-links: var(--tw-prose-invert-links);
|
||
--tw-prose-bold: var(--tw-prose-invert-bold);
|
||
--tw-prose-counters: var(--tw-prose-invert-counters);
|
||
--tw-prose-bullets: var(--tw-prose-invert-bullets);
|
||
--tw-prose-hr: var(--tw-prose-invert-hr);
|
||
--tw-prose-quotes: var(--tw-prose-invert-quotes);
|
||
--tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);
|
||
--tw-prose-captions: var(--tw-prose-invert-captions);
|
||
--tw-prose-kbd: var(--tw-prose-invert-kbd);
|
||
--tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);
|
||
--tw-prose-code: var(--tw-prose-invert-code);
|
||
--tw-prose-pre-code: var(--tw-prose-invert-pre-code);
|
||
--tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);
|
||
--tw-prose-th-borders: var(--tw-prose-invert-th-borders);
|
||
--tw-prose-td-borders: var(--tw-prose-invert-td-borders);
|
||
}
|
||
}
|
||
|
||
.markdown-content h1 {
|
||
margin-top: calc(var(--spacing) * 5);
|
||
margin-bottom: calc(var(--spacing) * 3);
|
||
font-size: var(--text-xl);
|
||
line-height: var(--tw-leading, var(--text-xl--line-height));
|
||
--tw-font-weight: var(--font-weight-medium);
|
||
font-weight: var(--font-weight-medium);
|
||
@media (width >= 48rem) {
|
||
margin-top: calc(var(--spacing) * 6);
|
||
}
|
||
|
||
@media (width >= 48rem) {
|
||
margin-bottom: calc(var(--spacing) * 4);
|
||
}
|
||
}
|
||
|
||
.markdown-content h2 {
|
||
margin-top: calc(var(--spacing) * 4);
|
||
margin-bottom: calc(var(--spacing) * 2);
|
||
font-size: var(--text-xs);
|
||
line-height: var(--tw-leading, var(--text-xs--line-height));
|
||
--tw-font-weight: var(--font-weight-medium);
|
||
font-weight: var(--font-weight-medium);
|
||
@media (width >= 48rem) {
|
||
margin-top: calc(var(--spacing) * 5);
|
||
}
|
||
|
||
@media (width >= 48rem) {
|
||
margin-bottom: calc(var(--spacing) * 3);
|
||
}
|
||
}
|
||
|
||
.markdown-content h3 {
|
||
margin-top: calc(var(--spacing) * 3);
|
||
margin-bottom: calc(var(--spacing) * 1);
|
||
font-size: var(--text-sm);
|
||
line-height: var(--tw-leading, var(--text-sm--line-height));
|
||
--tw-font-weight: var(--font-weight-medium);
|
||
font-weight: var(--font-weight-medium);
|
||
@media (width >= 48rem) {
|
||
margin-top: calc(var(--spacing) * 4);
|
||
}
|
||
|
||
@media (width >= 48rem) {
|
||
margin-bottom: calc(var(--spacing) * 3);
|
||
}
|
||
}
|
||
|
||
.markdown-content h4 {
|
||
margin-top: calc(var(--spacing) * 3);
|
||
margin-bottom: calc(var(--spacing) * 1);
|
||
--tw-font-weight: var(--font-weight-medium);
|
||
font-weight: var(--font-weight-medium);
|
||
color: var(--color-neutral-500);
|
||
@media (width >= 48rem) {
|
||
margin-top: calc(var(--spacing) * 4);
|
||
}
|
||
|
||
@media (width >= 48rem) {
|
||
margin-bottom: calc(var(--spacing) * 2);
|
||
}
|
||
}
|
||
|
||
.markdown-content h5 {
|
||
margin-top: calc(var(--spacing) * 2);
|
||
margin-bottom: calc(var(--spacing) * 1);
|
||
font-size: var(--text-sm);
|
||
line-height: var(--tw-leading, var(--text-sm--line-height));
|
||
--tw-font-weight: var(--font-weight-medium);
|
||
font-weight: var(--font-weight-medium);
|
||
@media (width >= 48rem) {
|
||
margin-top: calc(var(--spacing) * 3);
|
||
}
|
||
|
||
@media (width >= 48rem) {
|
||
margin-bottom: calc(var(--spacing) * 2);
|
||
}
|
||
}
|
||
|
||
.markdown-content h6 {
|
||
margin-top: calc(var(--spacing) * 2);
|
||
margin-bottom: calc(var(--spacing) * 1);
|
||
font-size: var(--text-xs);
|
||
line-height: var(--tw-leading, var(--text-xs--line-height));
|
||
--tw-font-weight: var(--font-weight-medium);
|
||
font-weight: var(--font-weight-medium);
|
||
text-transform: uppercase;
|
||
@media (width >= 48rem) {
|
||
margin-top: calc(var(--spacing) * 3);
|
||
}
|
||
|
||
@media (width >= 48rem) {
|
||
margin-bottom: calc(var(--spacing) * 2);
|
||
}
|
||
}
|
||
|
||
.markdown-content p {
|
||
margin-bottom: calc(var(--spacing) * 3);
|
||
--tw-leading: var(--leading-relaxed);
|
||
line-height: var(--leading-relaxed);
|
||
color: var(--color-neutral-500);
|
||
@media (width >= 48rem) {
|
||
margin-bottom: calc(var(--spacing) * 4);
|
||
}
|
||
}
|
||
|
||
.markdown-content ul {
|
||
margin-left: calc(var(--spacing) * 0);
|
||
list-style-position: inside;
|
||
list-style-type: disc;
|
||
padding-left: calc(var(--spacing) * 0);
|
||
@media (width >= 48rem) {
|
||
margin-left: calc(var(--spacing) * 5);
|
||
}
|
||
}
|
||
|
||
.markdown-content li {
|
||
--tw-leading: var(--leading-relaxed);
|
||
line-height: var(--leading-relaxed);
|
||
color: var(--color-neutral-500);
|
||
}
|
||
|
||
.markdown-content ol {
|
||
margin-left: calc(var(--spacing) * 3);
|
||
list-style-position: inside;
|
||
list-style-type: decimal;
|
||
@media (width >= 48rem) {
|
||
margin-left: calc(var(--spacing) * 5);
|
||
}
|
||
}
|
||
|
||
.markdown-content pre {
|
||
overflow-x: auto;
|
||
border-radius: var(--radius-md);
|
||
background-color: var(--color-gray-900);
|
||
padding: calc(var(--spacing) * 2);
|
||
color: var(--color-white);
|
||
@media (width >= 48rem) {
|
||
padding: calc(var(--spacing) * 3);
|
||
}
|
||
}
|
||
|
||
.markdown-content code {
|
||
border-radius: var(--radius-md);
|
||
background-color: var(--color-gray-800);
|
||
padding: calc(var(--spacing) * 1);
|
||
font-size: var(--text-xs);
|
||
line-height: var(--tw-leading, var(--text-xs--line-height));
|
||
@media (width >= 48rem) {
|
||
font-size: var(--text-sm);
|
||
line-height: var(--tw-leading, var(--text-sm--line-height)); }
|
||
}
|
||
|
||
.markdown-content a {
|
||
color: var(--color-blue-600);
|
||
&:hover {
|
||
@media (hover: hover) {
|
||
text-decoration-line: underline;
|
||
}
|
||
}
|
||
|
||
@media (prefers-color-scheme: dark) {
|
||
color: var(--color-blue-400);
|
||
}
|
||
}
|
||
|
||
.markdown-content blockquote {
|
||
border-left-style: var(--tw-border-style);
|
||
border-left-width: 4px;
|
||
border-color: var(--color-gray-500);
|
||
padding-left: calc(var(--spacing) * 3);
|
||
color: var(--color-gray-600);
|
||
font-style: italic;
|
||
@media (width >= 48rem) {
|
||
padding-left: calc(var(--spacing) * 4);
|
||
}
|
||
}
|
||
|
||
@layer base {
|
||
[type='text'],input: where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
|
||
-webkit-appearance: none;
|
||
-moz-appearance: none;
|
||
appearance: none;
|
||
background-color: #fff;
|
||
border-color: oklch(0.551 0.027 264.364);
|
||
border-width: 1px;
|
||
border-radius: 0px;
|
||
padding-top: 0.5rem;
|
||
padding-right: 0.75rem;
|
||
padding-bottom: 0.5rem;
|
||
padding-left: 0.75rem;
|
||
font-size: 1rem;
|
||
line-height: 1.5rem;
|
||
--tw-shadow: 0 0 #0000;
|
||
&:focus {
|
||
outline: 2px solid transparent;
|
||
outline-offset: 2px;
|
||
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
|
||
--tw-ring-offset-width: 0px;
|
||
--tw-ring-offset-color: #fff;
|
||
--tw-ring-color: oklch(0.546 0.245 262.881);
|
||
--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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
||
border-color: oklch(0.546 0.245 262.881);
|
||
}
|
||
}
|
||
|
||
input: :-moz-placeholder, textarea::-moz-placeholder {
|
||
color: oklch(0.551 0.027 264.364);
|
||
opacity: 1;
|
||
}
|
||
|
||
input: :placeholder,textarea::placeholder {
|
||
color: oklch(0.551 0.027 264.364);
|
||
opacity: 1;
|
||
}
|
||
|
||
::-webkit-datetime-edit-fields-wrapper {
|
||
padding: 0;
|
||
}
|
||
|
||
::-webkit-date-and-time-value {
|
||
min-height: 1.5em;
|
||
}
|
||
|
||
::-webkit-date-and-time-value {
|
||
text-align: inherit;
|
||
}
|
||
|
||
::-webkit-datetime-edit {
|
||
display: inline-flex;
|
||
}
|
||
|
||
::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {
|
||
padding-top: 0;
|
||
padding-bottom: 0;
|
||
}
|
||
|
||
select {
|
||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(0.551 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
|
||
background-position: right 0.5rem center;
|
||
background-repeat: no-repeat;
|
||
background-size: 1.5em 1.5em;
|
||
padding-right: 2.5rem;
|
||
-webkit-print-color-adjust: exact;
|
||
print-color-adjust: exact;
|
||
}
|
||
|
||
[multiple],[size]: where(select:not([size="1"])) {
|
||
background-image: initial;
|
||
background-position: initial;
|
||
background-repeat: unset;
|
||
background-size: initial;
|
||
padding-right: 0.75rem;
|
||
-webkit-print-color-adjust: unset;
|
||
print-color-adjust: unset;
|
||
}
|
||
|
||
[type='checkbox'],[type='radio'] {
|
||
-webkit-appearance: none;
|
||
-moz-appearance: none;
|
||
appearance: none;
|
||
padding: 0;
|
||
-webkit-print-color-adjust: exact;
|
||
print-color-adjust: exact;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
background-origin: border-box;
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
user-select: none;
|
||
flex-shrink: 0;
|
||
height: 1rem;
|
||
width: 1rem;
|
||
color: oklch(0.546 0.245 262.881);
|
||
background-color: #fff;
|
||
border-color: oklch(0.551 0.027 264.364);
|
||
border-width: 1px;
|
||
--tw-shadow: 0 0 #0000;
|
||
}
|
||
|
||
[type='checkbox'] {
|
||
border-radius: 0px;
|
||
}
|
||
|
||
[type='radio'] {
|
||
border-radius: 100%;
|
||
}
|
||
|
||
[type='checkbox']: focus,[type='radio']:focus {
|
||
outline: 2px solid transparent;
|
||
outline-offset: 2px;
|
||
--tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
|
||
--tw-ring-offset-width: 2px;
|
||
--tw-ring-offset-color: #fff;
|
||
--tw-ring-color: oklch(0.546 0.245 262.881);
|
||
--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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
||
}
|
||
|
||
[type='checkbox']: checked,[type='radio']:checked {
|
||
border-color: transparent;
|
||
background-color: currentColor;
|
||
background-size: 100% 100%;
|
||
background-position: center;
|
||
background-repeat: no-repeat;
|
||
}
|
||
|
||
[type='checkbox']: checked {
|
||
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
|
||
@media (forced-colors: active) {
|
||
-webkit-appearance: auto; -moz-appearance: auto; appearance: auto; }
|
||
}
|
||
|
||
[type='radio']: checked {
|
||
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
|
||
@media (forced-colors: active) {
|
||
-webkit-appearance: auto; -moz-appearance: auto; appearance: auto; }
|
||
}
|
||
|
||
[type='checkbox']: checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
|
||
border-color: transparent;
|
||
background-color: currentColor;
|
||
}
|
||
|
||
[type='checkbox']: indeterminate {
|
||
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
|
||
border-color: transparent;
|
||
background-color: currentColor;
|
||
background-size: 100% 100%;
|
||
background-position: center;
|
||
background-repeat: no-repeat;
|
||
@media (forced-colors: active) {
|
||
-webkit-appearance: auto; -moz-appearance: auto; appearance: auto; }
|
||
}
|
||
|
||
[type='checkbox']: indeterminate:hover,[type='checkbox']:indeterminate:focus {
|
||
border-color: transparent;
|
||
background-color: currentColor;
|
||
}
|
||
|
||
[type='file'] {
|
||
background: unset;
|
||
border-color: inherit;
|
||
border-width: 0;
|
||
border-radius: 0;
|
||
padding: 0;
|
||
font-size: unset;
|
||
line-height: inherit;
|
||
}
|
||
|
||
[type='file']: focus {
|
||
outline: 1px solid ButtonText;
|
||
outline: 1px auto -webkit-focus-ring-color;
|
||
}
|
||
}
|
||
|
||
@keyframes spin {
|
||
to {
|
||
transform: rotate(360deg);
|
||
}
|
||
}
|
||
|
||
@keyframes ping {
|
||
75%, 100% {
|
||
transform: scale(2);
|
||
opacity: 0;
|
||
}
|
||
}
|
||
|
||
@keyframes pulse {
|
||
50% {
|
||
opacity: 0.5;
|
||
}
|
||
}
|
||
|
||
@keyframes bounce {
|
||
0%, 100% {
|
||
transform: translateY(-25%);
|
||
animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
|
||
}
|
||
|
||
50% {
|
||
transform: none;
|
||
animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
||
}
|
||
}
|
||
|
||
@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;
|
||
initial-value: rotateX(0);
|
||
}
|
||
|
||
@property --tw-rotate-y {
|
||
syntax: "*";
|
||
inherits: false;
|
||
initial-value: rotateY(0);
|
||
}
|
||
|
||
@property --tw-rotate-z {
|
||
syntax: "*";
|
||
inherits: false;
|
||
initial-value: rotateZ(0);
|
||
}
|
||
|
||
@property --tw-skew-x {
|
||
syntax: "*";
|
||
inherits: false;
|
||
initial-value: skewX(0);
|
||
}
|
||
|
||
@property --tw-skew-y {
|
||
syntax: "*";
|
||
inherits: false;
|
||
initial-value: skewY(0);
|
||
}
|
||
|
||
@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-leading {
|
||
syntax: "*";
|
||
inherits: false;
|
||
}
|
||
|
||
@property --tw-font-weight {
|
||
syntax: "*";
|
||
inherits: false;
|
||
}
|
||
|
||
@property --tw-tracking {
|
||
syntax: "*";
|
||
inherits: false;
|
||
}
|
||
|
||
@property --tw-shadow {
|
||
syntax: "*";
|
||
inherits: false;
|
||
initial-value: 0 0 #0000;
|
||
}
|
||
|
||
@property --tw-shadow-color {
|
||
syntax: "*";
|
||
inherits: false;
|
||
}
|
||
|
||
@property --tw-inset-shadow {
|
||
syntax: "*";
|
||
inherits: false;
|
||
initial-value: 0 0 #0000;
|
||
}
|
||
|
||
@property --tw-inset-shadow-color {
|
||
syntax: "*";
|
||
inherits: false;
|
||
}
|
||
|
||
@property --tw-ring-color {
|
||
syntax: "*";
|
||
inherits: false;
|
||
}
|
||
|
||
@property --tw-ring-shadow {
|
||
syntax: "*";
|
||
inherits: false;
|
||
initial-value: 0 0 #0000;
|
||
}
|
||
|
||
@property --tw-inset-ring-color {
|
||
syntax: "*";
|
||
inherits: false;
|
||
}
|
||
|
||
@property --tw-inset-ring-shadow {
|
||
syntax: "*";
|
||
inherits: false;
|
||
initial-value: 0 0 #0000;
|
||
}
|
||
|
||
@property --tw-ring-inset {
|
||
syntax: "*";
|
||
inherits: false;
|
||
}
|
||
|
||
@property --tw-ring-offset-width {
|
||
syntax: "<length>";
|
||
inherits: false;
|
||
initial-value: 0px;
|
||
}
|
||
|
||
@property --tw-ring-offset-color {
|
||
syntax: "*";
|
||
inherits: false;
|
||
initial-value: #fff;
|
||
}
|
||
|
||
@property --tw-ring-offset-shadow {
|
||
syntax: "*";
|
||
inherits: false;
|
||
initial-value: 0 0 #0000;
|
||
}
|
||
|
||
@property --tw-blur {
|
||
syntax: "*";
|
||
inherits: false;
|
||
}
|
||
|
||
@property --tw-brightness {
|
||
syntax: "*";
|
||
inherits: false;
|
||
}
|
||
|
||
@property --tw-contrast {
|
||
syntax: "*";
|
||
inherits: false;
|
||
}
|
||
|
||
@property --tw-grayscale {
|
||
syntax: "*";
|
||
inherits: false;
|
||
}
|
||
|
||
@property --tw-hue-rotate {
|
||
syntax: "*";
|
||
inherits: false;
|
||
}
|
||
|
||
@property --tw-invert {
|
||
syntax: "*";
|
||
inherits: false;
|
||
}
|
||
|
||
@property --tw-opacity {
|
||
syntax: "*";
|
||
inherits: false;
|
||
}
|
||
|
||
@property --tw-saturate {
|
||
syntax: "*";
|
||
inherits: false;
|
||
}
|
||
|
||
@property --tw-sepia {
|
||
syntax: "*";
|
||
inherits: false;
|
||
}
|
||
|
||
@property --tw-drop-shadow {
|
||
syntax: "*";
|
||
inherits: false;
|
||
}
|
||
|
||
@property --tw-duration {
|
||
syntax: "*";
|
||
inherits: false;
|
||
}
|
||
</style>
|
||
<style data-vite-dev-id="C:/Users/zx/Desktop/polymech/polymech-site/src/styles/custom.scss">
|
||
@charset "UTF-8"; .p-20 {
|
||
padding: 0px;
|
||
}
|
||
|
||
.content UL, .content LI {
|
||
list-style-type: inherit;
|
||
padding: inherit;
|
||
margin: inherit;
|
||
}
|
||
|
||
.bullets {
|
||
list-style-type: disc;
|
||
padding-left: 1rem;
|
||
}
|
||
|
||
.bullets li {
|
||
list-style-type: inherit;
|
||
}
|
||
|
||
.bullets ul {
|
||
list-style-type: inherit;
|
||
}
|
||
|
||
.specs TABLE {
|
||
width: 100%;
|
||
border-collapse: collapse;
|
||
}
|
||
|
||
.specs TABLE thead {
|
||
display: none;
|
||
}
|
||
|
||
.specs .table TR td:last-child {
|
||
text-align: right;
|
||
}
|
||
|
||
.table td + td, .table th + th {
|
||
text-align: right;
|
||
}
|
||
|
||
.widget-table {
|
||
width: 100%;
|
||
}
|
||
|
||
.widget-table table > tbody > tr > td:nth-of-type(1) {
|
||
/*background: #f1f1f1;*/
|
||
font-weight: 500;
|
||
text-align: left;
|
||
}
|
||
|
||
.widget-table tbody tr:nth-child(even) {
|
||
background-color: rgba(0, 195, 255, 0.0901960784);
|
||
}
|
||
|
||
.widget-table table {
|
||
width: 100%;
|
||
}
|
||
|
||
.widget-table table td {
|
||
border: 0px solid #dfdfdf;
|
||
color: #808080;
|
||
line-height: 1.4;
|
||
position: relative;
|
||
}
|
||
|
||
.widget-table table tbody td {
|
||
padding: 4px;
|
||
text-align: right;
|
||
}
|
||
|
||
.widget-table table thead tr th {
|
||
padding: 4px;
|
||
text-align: right;
|
||
}
|
||
|
||
.border {
|
||
border-style: var(--tw-border-style);
|
||
border-width: 1px;
|
||
border-color: rgba(223, 223, 223, 0.5254901961);
|
||
}
|
||
|
||
.mySwiper .swiper-slide {
|
||
text-align: center;
|
||
}
|
||
|
||
.swiper-slide img {
|
||
display: block;
|
||
width: 100%;
|
||
height: 100%;
|
||
-o-object-fit: contain;
|
||
object-fit: contain;
|
||
}
|
||
|
||
.main-image {
|
||
background-image: none !important;
|
||
width: auto !important;
|
||
}
|
||
|
||
.lightbox {
|
||
display: none;
|
||
}
|
||
|
||
.max-w-9\/10 {
|
||
max-width: 90%;
|
||
}
|
||
|
||
.max-h-9\/10 {
|
||
max-height: 90%;
|
||
}
|
||
|
||
.imagetools-img {
|
||
background-image: none !important;
|
||
}
|
||
</style>
|
||
<script type="module" src="/@vite/client"></script>
|
||
<script type="module" src="/src/styles/flowbite.css"></script>
|
||
<script type="module" src="/src/styles/global.css"></script>
|
||
<script type="module" src="/src/styles/custom.scss"></script>
|
||
</head>
|
||
<body class="bg-neutral-100 mx-auto 2xl:max-w-7xl flex flex-col min-h-svh p-4">
|
||
<div class="max-w-4xl 2xl:max-w-4xl mx-auto w-full">
|
||
<section>
|
||
<div class="relative flex w-full bg-gray-100 items-center flex-row pb-4 mx-auto text-xs text-neutral-600 font-mono tracking-tight uppercase">
|
||
<a href="/" title="link to your page" aria-label="your label" class="hover:text-orange-600"></a>
|
||
<nav class="items-center flex-grow flex justify-end flex-row ml-auto gap-4">
|
||
<a href="/en" title="[object Promise]" aria-label="Home" class="hover:text-orange-600">Home </a>
|
||
<a href="/resources/home" title="[object Promise]" aria-label="Resources" class="hover:text-orange-600">Resources </a>
|
||
</nav>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
<main class="grow">
|
||
<div class="max-w-4xl 2xl:max-w-4xl mx-auto w-full">
|
||
<section>
|
||
<div class="grid sm:grid-cols-2 lg:grid-cols-2 just xl:grid-cols-2 gap-2">
|
||
<div class="flex flex-col gap-2 h-full justify-between">
|
||
<div>
|
||
<article class="markdown-content bg-white rounded-xl p-4">
|
||
<h1 class="text-neutral-500 font-mono font-semibold mb-2 text-2xl">
|
||
<span>
|
||
<div data-widget="polymech.i18n" class>Sheetpress Cassandra - EDC450 </div>
|
||
</span>
|
||
</h1>
|
||
<h1>Flexible, modular dual sheetpress</h1>
|
||
<h2>Details / Features</h2>
|
||
<ul>
|
||
<li>Sheet thickness up to 45mm</li>
|
||
<li>20T of pressure</li>
|
||
<li>Stackable and interlockable (600x1300cm sheets)</li>
|
||
<li>hydraulic jack with pneumatic port</li>
|
||
</ul>
|
||
<h3>Options</h3>
|
||
<ul>
|
||
<li>Precise temperature control &monitoring via Omron-Modbus PID controllers</li>
|
||
<li>active cooling zone</li>
|
||
<li>adaptive pressure control</li>
|
||
<li>oil heating</li>
|
||
</ul>
|
||
</article>
|
||
</div>
|
||
<div class="gap-2 flex flex-col h-full justify-end">
|
||
<a href="https://assets.osr-plastic.org//products\sheetpress\cassandra-edc-450-rc1\cad\Global-SPC-450-Default-RC2.html" title="link to your page" aria-label="your label" class="relative group overflow-hidden pl-4 font-mono h-14 flex space-x-6 items-center bg-white hover:bg-neutral-200 duration-300 rounded-xl w-full justify-between">
|
||
<span class="relative uppercase text-xs text-neutral-600">
|
||
<div data-widget="polymech.i18n" class>3D Preview </div>
|
||
</span>
|
||
<div aria-hidden="true" class="w-12 text-orange-600 transition duration-300 -translate-y-7 group-hover:translate-y-7">
|
||
<div class="h-14 flex">
|
||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 m-auto fill-white">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path>
|
||
</svg>
|
||
</div>
|
||
<div class="h-14 flex">
|
||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6 m-auto fill-white">
|
||
<path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"></path>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<div class="space-y-2">
|
||
<div class="bg-white rounded-xl p-4">
|
||
<h3 class="text-lg text-neutral-600 uppercase font-mono tracking-tight">
|
||
<div data-widget="polymech.i18n" class>License </div>
|
||
</h3>
|
||
<p class="text-neutral-500 mt-4 text-sm">CERN Open Source Hardware License </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex-1 h-full bg-white" style="height: 100%; width: 100%;">
|
||
<div x-data="
|
||
{
|
||
open: false,
|
||
currentIndex: 0,
|
||
total: 3,
|
||
lightboxLoaded: false,
|
||
touchStartX: 0,
|
||
touchEndX: 0,
|
||
mouseStartX: 0,
|
||
mouseEndX: 0,
|
||
mouseIsDown: false,
|
||
minSwipeDistance: 50,
|
||
isSwiping: false,
|
||
images: [{"name":"1_edc-pers-closed","url":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/renderings/1_edc-pers-closed.jpg","src":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/renderings/1_edc-pers-closed.jpg","meta":{"exif":{"Bits Per Sample":{"value":8,"description":"8"},"Image Height":{"value":1536,"description":"1536px"},"Image Width":{"value":1988,"description":"1988px"},"Color Components":{"value":3,"description":"3"},"Subsampling":{"description":"YCbCr4:2:0 (2 2)"},"JFIF Version":{"value":257,"description":"1.1"},"Resolution Unit":{"value":1,"description":"inches"},"XResolution":{"value":96,"description":"96"},"YResolution":{"value":96,"description":"96"},"JFIF Thumbnail Width":{"description":"0px"},"JFIF Thumbnail Height":{"description":"0px"},"FileType":{"value":"jpeg","description":"JPEG"}},"json":{"alt":"","keywords":"","title":"","description":""},"markdown":""},"keywords":[""],"description":"","alt":"","width":1988,"height":1536,"title":"","gps":{}},{"name":"2_perspective-bare","url":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/renderings/2_perspective-bare.jpg","src":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/renderings/2_perspective-bare.jpg","meta":{"exif":{"Bits Per Sample":{"value":8,"description":"8"},"Image Height":{"value":1536,"description":"1536px"},"Image Width":{"value":1988,"description":"1988px"},"Color Components":{"value":3,"description":"3"},"Subsampling":{"description":"YCbCr4:2:0 (2 2)"},"JFIF Version":{"value":257,"description":"1.1"},"Resolution Unit":{"value":1,"description":"inches"},"XResolution":{"value":96,"description":"96"},"YResolution":{"value":96,"description":"96"},"JFIF Thumbnail Width":{"description":"0px"},"JFIF Thumbnail Height":{"description":"0px"},"FileType":{"value":"jpeg","description":"JPEG"}},"json":{"alt":"","keywords":"","title":"","description":""},"markdown":""},"keywords":[""],"description":"","alt":"","width":1988,"height":1536,"title":"","gps":{}},{"name":"3_edc-450-mould-45","url":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/renderings/3_edc-450-mould-45.jpg","src":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/renderings/3_edc-450-mould-45.jpg","meta":{"exif":{"Bits Per Sample":{"value":8,"description":"8"},"Image Height":{"value":1536,"description":"1536px"},"Image Width":{"value":1920,"description":"1920px"},"Color Components":{"value":3,"description":"3"},"Subsampling":{"description":"YCbCr4:2:0 (2 2)"},"JFIF Version":{"value":257,"description":"1.1"},"Resolution Unit":{"value":1,"description":"inches"},"XResolution":{"value":96,"description":"96"},"YResolution":{"value":96,"description":"96"},"JFIF Thumbnail Width":{"description":"0px"},"JFIF Thumbnail Height":{"description":"0px"},"FileType":{"value":"jpeg","description":"JPEG"}},"json":{"alt":"","keywords":"","title":"","description":""},"markdown":""},"keywords":[""],"description":"","alt":"","width":1920,"height":1536,"title":"","gps":{}}],
|
||
handleSwipe(isMouseEvent = false) {
|
||
if (!this.isSwiping && !this.mouseIsDown) return;
|
||
|
||
const startX = isMouseEvent ? this.mouseStartX : this.touchStartX;
|
||
const endX = isMouseEvent ? this.mouseEndX : this.touchEndX;
|
||
const swipeDistance = endX - startX;
|
||
|
||
if (Math.abs(swipeDistance) >= this.minSwipeDistance) {
|
||
if (swipeDistance > 0 && this.currentIndex > 0) {
|
||
// Swiped right, show previous image
|
||
this.currentIndex--;
|
||
} else if (swipeDistance < 0 && this.currentIndex < this.total - 1) {
|
||
// Swiped left, show next image
|
||
this.currentIndex++;
|
||
}
|
||
}
|
||
|
||
this.isSwiping = false;
|
||
this.mouseIsDown = false;
|
||
},
|
||
preloadAndOpen(index = null) {
|
||
// If we're in the middle of a swipe gesture, don't open the lightbox
|
||
if (this.isSwiping || this.mouseIsDown) return;
|
||
|
||
// If an index is provided, update the current index
|
||
if (index !== null) {
|
||
this.currentIndex = index;
|
||
}
|
||
|
||
this.lightboxLoaded = false;
|
||
let img = new Image();
|
||
img.src = this.images[this.currentIndex].src;
|
||
this.lightboxLoaded = true;
|
||
this.open = true;
|
||
img.onload = () => { };
|
||
}
|
||
}
|
||
" @keydown.escape.window="open = false" @keydown.window="if(open){
|
||
if($event.key === 'ArrowRight' && currentIndex < total - 1){
|
||
currentIndex++;
|
||
lightboxLoaded = false;
|
||
preloadAndOpen();
|
||
} else if($event.key === 'ArrowLeft' && currentIndex > 0){
|
||
currentIndex--;
|
||
lightboxLoaded = false;
|
||
preloadAndOpen();
|
||
}
|
||
}" class="product-gallery">
|
||
<div class="flex flex-col h-full">
|
||
<!-- Main Image (with swipe functionality) -->
|
||
<div class="flex-1 p-1 flex items-center justify-center cursor-pointer rounded-lg" @click="preloadAndOpen()" @touchstart="touchStartX = $event.touches[0].clientX; isSwiping = true;" @touchend="touchEndX = $event.changedTouches[0].clientX; handleSwipe();" @touchcancel="isSwiping = false;" @mousedown="mouseStartX = $event.clientX; mouseIsDown = true; $event.preventDefault();" @mousemove="if(mouseIsDown) { mouseEndX = $event.clientX; }" @mouseup="if(mouseIsDown) { mouseEndX = $event.clientX; handleSwipe(true); }" @mouseleave="mouseIsDown = false;">
|
||
<div x-show="currentIndex === 0" key="0" class="w-full h-full flex items-center justify-center">
|
||
<style></style>
|
||
<img src="/_astro/1_edc-pers-closed@1988w.9e91fba5.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/1_edc-pers-closed@320w.8107905a.avif 320w, /_astro/1_edc-pers-closed@737w.3d1eefc8.avif 737w, /_astro/1_edc-pers-closed@1094w.3b1e6545.avif 1094w, /_astro/1_edc-pers-closed@1392w.e606a575.avif 1392w, /_astro/1_edc-pers-closed@1631w.47bd4730.avif 1631w, /_astro/1_edc-pers-closed@1809w.ed4eaf25.avif 1809w, /_astro/1_edc-pers-closed@1928w.f27d99ce.avif 1928w, /_astro/1_edc-pers-closed@1988w.9e91fba5.avif 1988w" sizes="(min-width: 400px) 400px, 400vw" width="1988" height="1536" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-780D7786 main-image p-1 rounded-lg max-h-[60vh] aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
<div x-show="currentIndex === 1" key="1" class="w-full h-full flex items-center justify-center">
|
||
<style></style>
|
||
<img src="/_astro/2_perspective-bare@1988w.7e398d2e.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/2_perspective-bare@320w.312c6a2a.avif 320w, /_astro/2_perspective-bare@737w.665b6a6e.avif 737w, /_astro/2_perspective-bare@1094w.deb3c654.avif 1094w, /_astro/2_perspective-bare@1392w.0a24476c.avif 1392w, /_astro/2_perspective-bare@1631w.927aa0e9.avif 1631w, /_astro/2_perspective-bare@1809w.8475eb8a.avif 1809w, /_astro/2_perspective-bare@1928w.c4c3fc01.avif 1928w, /_astro/2_perspective-bare@1988w.7e398d2e.avif 1988w" sizes="(min-width: 400px) 400px, 400vw" width="1988" height="1536" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-21106E1F main-image p-1 rounded-lg max-h-[60vh] aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
<div x-show="currentIndex === 2" key="2" class="w-full h-full flex items-center justify-center">
|
||
<style></style>
|
||
<img src="/_astro/3_edc-450-mould-45@1920w.40f454ec.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/3_edc-450-mould-45@320w.932a5c33.avif 320w, /_astro/3_edc-450-mould-45@777w.c37c36d4.avif 777w, /_astro/3_edc-450-mould-45@1158w.7097eb5e.avif 1158w, /_astro/3_edc-450-mould-45@1463w.2fcd7e9e.avif 1463w, /_astro/3_edc-450-mould-45@1691w.e234954f.avif 1691w, /_astro/3_edc-450-mould-45@1844w.55766cf0.avif 1844w, /_astro/3_edc-450-mould-45@1920w.40f454ec.avif 1920w" sizes="(min-width: 400px) 400px, 400vw" width="1920" height="1536" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-92F85319 main-image p-1 rounded-lg max-h-[60vh] aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
</div>
|
||
<!-- Image Info -->
|
||
<!-- Thumbnails -->
|
||
<div class="p-1 overflow-x-auto scrollbar-thin scrollbar-thumb-gray-400 scrollbar-track-gray-200">
|
||
<div class="flex p-2 mt-2 ml-2 mr-2 gap-2 items-center justify-center">
|
||
<button key="0" x-on:click="currentIndex = 0;" :class="currentIndex === 0 ? 'ring-2 ring-orange-500' : ''" class="thumbnail thumbnail-btn flex-shrink rounded-lg">
|
||
<style></style>
|
||
<img src="/_astro/1_edc-pers-closed@100w.65c6fe38" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/1_edc-pers-closed@100w.65c6fe38.avif" sizes="(min-width: 120px) 120px, 120vw" width="100" height="77" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-BBB1B5C3 w-32 h-32 rounded-lg hover:ring-2 hover:ring-blue-500 thumbnail-img aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</button>
|
||
<button key="1" x-on:click="currentIndex = 1;" :class="currentIndex === 1 ? 'ring-2 ring-orange-500' : ''" class="thumbnail thumbnail-btn flex-shrink rounded-lg">
|
||
<style></style>
|
||
<img src="/_astro/2_perspective-bare@100w.4639bc3f" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/2_perspective-bare@100w.4639bc3f.avif" sizes="(min-width: 120px) 120px, 120vw" width="100" height="77" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-95499746 w-32 h-32 rounded-lg hover:ring-2 hover:ring-blue-500 thumbnail-img aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</button>
|
||
<button key="2" x-on:click="currentIndex = 2;" :class="currentIndex === 2 ? 'ring-2 ring-orange-500' : ''" class="thumbnail thumbnail-btn flex-shrink rounded-lg">
|
||
<style></style>
|
||
<img src="/_astro/3_edc-450-mould-45@100w.3ebbb80c" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/3_edc-450-mould-45@100w.3ebbb80c.avif" sizes="(min-width: 120px) 120px, 120vw" width="100" height="80" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-45D7B2E6 w-32 h-32 rounded-lg hover:ring-2 hover:ring-blue-500 thumbnail-img aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Lightbox Modal (with swipe functionality) -->
|
||
<div x-show="open" x-transition :class="{ 'lightbox': !lightboxLoaded }" class="fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center lightbox">
|
||
<div class="relative max-w-full max-h-full" @touchstart="touchStartX = $event.touches[0].clientX; isSwiping = true;" @touchend="touchEndX = $event.changedTouches[0].clientX; handleSwipe();" @touchcancel="isSwiping = false;" @mousedown="mouseStartX = $event.clientX; mouseIsDown = true; $event.preventDefault();" @mousemove="if(mouseIsDown) { mouseEndX = $event.clientX; }" @mouseup="if(mouseIsDown) { mouseEndX = $event.clientX; handleSwipe(true); }" @mouseleave="mouseIsDown = false;">
|
||
<div x-show="currentIndex === 0" key="0">
|
||
<style></style>
|
||
<img src="/_astro/1_edc-pers-closed@1988w.9e91fba5.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/1_edc-pers-closed@320w.8107905a.avif 320w, /_astro/1_edc-pers-closed@737w.3d1eefc8.avif 737w, /_astro/1_edc-pers-closed@1094w.3b1e6545.avif 1094w, /_astro/1_edc-pers-closed@1392w.e606a575.avif 1392w, /_astro/1_edc-pers-closed@1631w.47bd4730.avif 1631w, /_astro/1_edc-pers-closed@1809w.ed4eaf25.avif 1809w, /_astro/1_edc-pers-closed@1928w.f27d99ce.avif 1928w, /_astro/1_edc-pers-closed@1988w.9e91fba5.avif 1988w" sizes="(min-width: 1024px) 1024px, 1024vw" width="1988" height="1536" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-19D52FEF max-w-[90vw] max-h-[90vh] object-contain rounded-lg lightbox-main" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
<div class="absolute bottom-0 left-1/2 transform -translate-x-1/2 m-[8px] max-h-[32vh] p-2 text-white bg-black/50 rounded-lg" style="width: 90%;">
|
||
<h3 class="text-xl">
|
||
<div data-widget="polymech.i18n" class></div>
|
||
</h3>
|
||
<p>
|
||
<div data-widget="polymech.i18n" class></div>
|
||
</p></div></div>
|
||
<div x-show="currentIndex === 1" key="1">
|
||
<style></style>
|
||
<img src="/_astro/2_perspective-bare@1988w.7e398d2e.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/2_perspective-bare@320w.312c6a2a.avif 320w, /_astro/2_perspective-bare@737w.665b6a6e.avif 737w, /_astro/2_perspective-bare@1094w.deb3c654.avif 1094w, /_astro/2_perspective-bare@1392w.0a24476c.avif 1392w, /_astro/2_perspective-bare@1631w.927aa0e9.avif 1631w, /_astro/2_perspective-bare@1809w.8475eb8a.avif 1809w, /_astro/2_perspective-bare@1928w.c4c3fc01.avif 1928w, /_astro/2_perspective-bare@1988w.7e398d2e.avif 1988w" sizes="(min-width: 1024px) 1024px, 1024vw" width="1988" height="1536" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-34378661 max-w-[90vw] max-h-[90vh] object-contain rounded-lg lightbox-main" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
<div class="absolute bottom-0 left-1/2 transform -translate-x-1/2 m-[8px] max-h-[32vh] p-2 text-white bg-black/50 rounded-lg" style="width: 90%;">
|
||
<h3 class="text-xl">
|
||
<div data-widget="polymech.i18n" class></div>
|
||
</h3>
|
||
<p>
|
||
<div data-widget="polymech.i18n" class></div>
|
||
</p></div></div>
|
||
<div x-show="currentIndex === 2" key="2">
|
||
<style></style>
|
||
<img src="/_astro/3_edc-450-mould-45@1920w.40f454ec.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/3_edc-450-mould-45@320w.932a5c33.avif 320w, /_astro/3_edc-450-mould-45@777w.c37c36d4.avif 777w, /_astro/3_edc-450-mould-45@1158w.7097eb5e.avif 1158w, /_astro/3_edc-450-mould-45@1463w.2fcd7e9e.avif 1463w, /_astro/3_edc-450-mould-45@1691w.e234954f.avif 1691w, /_astro/3_edc-450-mould-45@1844w.55766cf0.avif 1844w, /_astro/3_edc-450-mould-45@1920w.40f454ec.avif 1920w" sizes="(min-width: 1024px) 1024px, 1024vw" width="1920" height="1536" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-EBEB1C28 max-w-[90vw] max-h-[90vh] object-contain rounded-lg lightbox-main" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
<div class="absolute bottom-0 left-1/2 transform -translate-x-1/2 m-[8px] max-h-[32vh] p-2 text-white bg-black/50 rounded-lg" style="width: 90%;">
|
||
<h3 class="text-xl">
|
||
<div data-widget="polymech.i18n" class></div>
|
||
</h3>
|
||
<p>
|
||
<div data-widget="polymech.i18n" class></div>
|
||
</p></div></div>
|
||
<!-- Close Button -->
|
||
<button x-on:click="open = false" class="absolute top-0 right-0 text-white text-2xl p-4 m-[8px] bg-gray-800/75 bg-opacity-75 rounded-lg lightbox-nav" aria-label="Close">×</button>
|
||
<!-- Navigation Buttons -->
|
||
<button x-show="currentIndex > 0" x-on:click="currentIndex--; lightboxLoaded = false; preloadAndOpen();" :disabled="!lightboxLoaded" class="absolute left-0 top-1/2 transform -translate-y-1/2 p-4 m-[8px] text-white text-3xl bg-gray-800/75 bg-opacity-75 rounded-lg lightbox-nav" :class="{'opacity-50 cursor-not-allowed': !lightboxLoaded, 'hover:bg-gray-700/75': lightboxLoaded}" aria-label="Previous">❮</button>
|
||
<button x-show="currentIndex < total - 1" x-on:click="currentIndex++; lightboxLoaded = false; preloadAndOpen();" :disabled="!lightboxLoaded" class="absolute right-0 top-1/2 transform -translate-y-1/2 p-4 m-[8px] text-white text-3xl bg-gray-800/75 bg-opacity-75 rounded-lg lightbox-nav" :class="{'opacity-50 cursor-not-allowed': !lightboxLoaded, 'hover:bg-gray-700/75': lightboxLoaded}" aria-label="Next">❯</button>
|
||
</div><script type="application/ld+json">
|
||
[
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "ImageObject",
|
||
"inLanguage": "en",
|
||
"contentUrl": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"url": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"name": "1_edc-pers-closed",
|
||
"description": "",
|
||
"height": 1536,
|
||
"width": 1988,
|
||
"identifier": "1_edc-pers-closed",
|
||
"keywords": ""
|
||
},
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "ImageObject",
|
||
"inLanguage": "en",
|
||
"contentUrl": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"url": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"name": "2_perspective-bare",
|
||
"description": "",
|
||
"height": 1536,
|
||
"width": 1988,
|
||
"identifier": "2_perspective-bare",
|
||
"keywords": ""
|
||
},
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "ImageObject",
|
||
"inLanguage": "en",
|
||
"contentUrl": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"url": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"name": "3_edc-450-mould-45",
|
||
"description": "",
|
||
"height": 1536,
|
||
"width": 1920,
|
||
"identifier": "3_edc-450-mould-45",
|
||
"keywords": ""
|
||
}
|
||
]</script>
|
||
</div></div></div></div></section>
|
||
<section>
|
||
<div class="mb-2 md:mb-16 mt-0 md:mt-16 p-2 md:p-4 border-b border-gray-200 dark:border-gray-700">
|
||
<div x-data="
|
||
{
|
||
open: false,
|
||
currentIndex: 0,
|
||
total: 7,
|
||
lightboxLoaded: false,
|
||
touchStartX: 0,
|
||
touchEndX: 0,
|
||
mouseStartX: 0,
|
||
mouseEndX: 0,
|
||
mouseIsDown: false,
|
||
minSwipeDistance: 50,
|
||
isSwiping: false,
|
||
images: [{"name":"3","url":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/showcase/3.jpg","src":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/showcase/3.jpg","meta":{"exif":{"Bits Per Sample":{"value":8,"description":"8"},"Image Height":{"value":1024,"description":"1024px"},"Image Width":{"value":1024,"description":"1024px"},"Color Components":{"value":3,"description":"3"},"Subsampling":{"description":"YCbCr4:2:0 (2 2)"},"Orientation":{"value":1,"description":"top-left"},"XResolution":{"description":"25"},"YResolution":{"description":"25"},"ResolutionUnit":{"value":2,"description":"inches"},"YCbCrPositioning":{"value":1,"description":"centered"},"Exif IFD Pointer":{"value":102,"description":102},"ExifVersion":{"description":"0210"},"ComponentsConfiguration":{"description":""},"FlashpixVersion":{"description":"0100"},"ColorSpace":{"value":65535,"description":"Uncalibrated"},"PixelXDimension":{"value":1024,"description":1024},"PixelYDimension":{"value":1024,"description":1024},"Preferred CMM type":{"value":"lcms","description":"lcms"},"Profile Version":{"value":"4.2.0","description":"4.2.0"},"Profile/Device class":{"value":"mntr","description":"Display Device profile"},"Color Space":{"value":"RGB ","description":"RGB "},"Connection Space":{"value":"XYZ ","description":"XYZ "},"ICC Profile Date":{"value":"2018-03-20T09:14:29.000Z","description":"2018-03-20T09:14:29.000Z"},"ICC Signature":{"value":"acsp","description":"acsp"},"Primary Platform":{"value":"MSFT","description":"Microsoft"},"Device Manufacturer":{"value":"saws","description":"saws"},"Device Model Number":{"value":"ctrl","description":"ctrl"},"Rendering Intent":{"description":"Perceptual"},"Profile Creator":{"value":"hand","description":"hand"},"ICC Description":{"value":"sRGB","description":"sRGB"},"ICC Copyright":{"value":"CC0","description":"CC0"},"FileType":{"value":"jpeg","description":"JPEG"}},"json":{"alt":"","keywords":"","title":"","description":""},"markdown":""},"keywords":[""],"description":"","alt":"","width":1024,"height":1024,"title":"","gps":{}},{"name":"flux-5","url":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/showcase/flux-5.jpg","src":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/showcase/flux-5.jpg","meta":{"exif":{"Bits Per Sample":{"value":8,"description":"8"},"Image Height":{"value":768,"description":"768px"},"Image Width":{"value":1024,"description":"1024px"},"Color Components":{"value":3,"description":"3"},"Subsampling":{"description":"YCbCr4:2:0 (2 2)"},"Orientation":{"value":1,"description":"top-left"},"XResolution":{"description":"72"},"YResolution":{"description":"72"},"ResolutionUnit":{"value":2,"description":"inches"},"YCbCrPositioning":{"value":1,"description":"centered"},"Exif IFD Pointer":{"value":102,"description":102},"ExifVersion":{"description":"0210"},"ComponentsConfiguration":{"description":""},"FlashpixVersion":{"description":"0100"},"ColorSpace":{"value":65535,"description":"Uncalibrated"},"PixelXDimension":{"value":1024,"description":1024},"PixelYDimension":{"value":768,"description":768},"Preferred CMM type":{"value":"lcms","description":"lcms"},"Profile Version":{"value":"4.2.0","description":"4.2.0"},"Profile/Device class":{"value":"mntr","description":"Display Device profile"},"Color Space":{"value":"RGB ","description":"RGB "},"Connection Space":{"value":"XYZ ","description":"XYZ "},"ICC Profile Date":{"value":"2018-03-20T09:14:29.000Z","description":"2018-03-20T09:14:29.000Z"},"ICC Signature":{"value":"acsp","description":"acsp"},"Primary Platform":{"value":"MSFT","description":"Microsoft"},"Device Manufacturer":{"value":"saws","description":"saws"},"Device Model Number":{"value":"ctrl","description":"ctrl"},"Rendering Intent":{"description":"Perceptual"},"Profile Creator":{"value":"hand","description":"hand"},"ICC Description":{"value":"sRGB","description":"sRGB"},"ICC Copyright":{"value":"CC0","description":"CC0"},"FileType":{"value":"jpeg","description":"JPEG"}},"json":{"alt":"","keywords":"","title":"","description":""},"markdown":""},"keywords":[""],"description":"","alt":"","width":1024,"height":768,"title":"","gps":{}},{"name":"flux-6","url":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/showcase/flux-6.jpg","src":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/showcase/flux-6.jpg","meta":{"exif":{"Bits Per Sample":{"value":8,"description":"8"},"Image Height":{"value":768,"description":"768px"},"Image Width":{"value":1024,"description":"1024px"},"Color Components":{"value":3,"description":"3"},"Subsampling":{"description":"YCbCr4:2:0 (2 2)"},"Orientation":{"value":1,"description":"top-left"},"XResolution":{"description":"72"},"YResolution":{"description":"72"},"ResolutionUnit":{"value":2,"description":"inches"},"YCbCrPositioning":{"value":1,"description":"centered"},"Exif IFD Pointer":{"value":102,"description":102},"ExifVersion":{"description":"0210"},"ComponentsConfiguration":{"description":""},"FlashpixVersion":{"description":"0100"},"ColorSpace":{"value":65535,"description":"Uncalibrated"},"PixelXDimension":{"value":1024,"description":1024},"PixelYDimension":{"value":768,"description":768},"Preferred CMM type":{"value":"lcms","description":"lcms"},"Profile Version":{"value":"4.2.0","description":"4.2.0"},"Profile/Device class":{"value":"mntr","description":"Display Device profile"},"Color Space":{"value":"RGB ","description":"RGB "},"Connection Space":{"value":"XYZ ","description":"XYZ "},"ICC Profile Date":{"value":"2018-03-20T09:14:29.000Z","description":"2018-03-20T09:14:29.000Z"},"ICC Signature":{"value":"acsp","description":"acsp"},"Primary Platform":{"value":"MSFT","description":"Microsoft"},"Device Manufacturer":{"value":"saws","description":"saws"},"Device Model Number":{"value":"ctrl","description":"ctrl"},"Rendering Intent":{"description":"Perceptual"},"Profile Creator":{"value":"hand","description":"hand"},"ICC Description":{"value":"sRGB","description":"sRGB"},"ICC Copyright":{"value":"CC0","description":"CC0"},"FileType":{"value":"jpeg","description":"JPEG"}},"json":{"alt":"","keywords":"","title":"","description":""},"markdown":""},"keywords":[""],"description":"","alt":"","width":1024,"height":768,"title":"","gps":{}},{"name":"flux-7-modules","url":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/showcase/flux-7-modules.jpg","src":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/showcase/flux-7-modules.jpg","meta":{"exif":{"Bits Per Sample":{"value":8,"description":"8"},"Image Height":{"value":768,"description":"768px"},"Image Width":{"value":1024,"description":"1024px"},"Color Components":{"value":3,"description":"3"},"Subsampling":{"description":"YCbCr4:2:0 (2 2)"},"Orientation":{"value":1,"description":"top-left"},"XResolution":{"description":"72"},"YResolution":{"description":"72"},"ResolutionUnit":{"value":2,"description":"inches"},"YCbCrPositioning":{"value":1,"description":"centered"},"Exif IFD Pointer":{"value":102,"description":102},"ExifVersion":{"description":"0210"},"ComponentsConfiguration":{"description":""},"FlashpixVersion":{"description":"0100"},"ColorSpace":{"value":65535,"description":"Uncalibrated"},"PixelXDimension":{"value":1024,"description":1024},"PixelYDimension":{"value":768,"description":768},"Preferred CMM type":{"value":"lcms","description":"lcms"},"Profile Version":{"value":"4.2.0","description":"4.2.0"},"Profile/Device class":{"value":"mntr","description":"Display Device profile"},"Color Space":{"value":"RGB ","description":"RGB "},"Connection Space":{"value":"XYZ ","description":"XYZ "},"ICC Profile Date":{"value":"2018-03-20T09:14:29.000Z","description":"2018-03-20T09:14:29.000Z"},"ICC Signature":{"value":"acsp","description":"acsp"},"Primary Platform":{"value":"MSFT","description":"Microsoft"},"Device Manufacturer":{"value":"saws","description":"saws"},"Device Model Number":{"value":"ctrl","description":"ctrl"},"Rendering Intent":{"description":"Perceptual"},"Profile Creator":{"value":"hand","description":"hand"},"ICC Description":{"value":"sRGB","description":"sRGB"},"ICC Copyright":{"value":"CC0","description":"CC0"},"FileType":{"value":"jpeg","description":"JPEG"}},"json":{"alt":"","keywords":"","title":"","description":""},"markdown":""},"keywords":[""],"description":"","alt":"","width":1024,"height":768,"title":"","gps":{}},{"name":"flux-7-modules-sheets","url":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/showcase/flux-7-modules-sheets.jpg","src":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/showcase/flux-7-modules-sheets.jpg","meta":{"exif":{"Bits Per Sample":{"value":8,"description":"8"},"Image Height":{"value":768,"description":"768px"},"Image Width":{"value":1024,"description":"1024px"},"Color Components":{"value":3,"description":"3"},"Subsampling":{"description":"YCbCr4:2:0 (2 2)"},"Orientation":{"value":1,"description":"top-left"},"XResolution":{"description":"72"},"YResolution":{"description":"72"},"ResolutionUnit":{"value":2,"description":"inches"},"YCbCrPositioning":{"value":1,"description":"centered"},"Exif IFD Pointer":{"value":102,"description":102},"ExifVersion":{"description":"0210"},"ComponentsConfiguration":{"description":""},"FlashpixVersion":{"description":"0100"},"ColorSpace":{"value":65535,"description":"Uncalibrated"},"PixelXDimension":{"value":1024,"description":1024},"PixelYDimension":{"value":768,"description":768},"Preferred CMM type":{"value":"lcms","description":"lcms"},"Profile Version":{"value":"4.2.0","description":"4.2.0"},"Profile/Device class":{"value":"mntr","description":"Display Device profile"},"Color Space":{"value":"RGB ","description":"RGB "},"Connection Space":{"value":"XYZ ","description":"XYZ "},"ICC Profile Date":{"value":"2018-03-20T09:14:29.000Z","description":"2018-03-20T09:14:29.000Z"},"ICC Signature":{"value":"acsp","description":"acsp"},"Primary Platform":{"value":"MSFT","description":"Microsoft"},"Device Manufacturer":{"value":"saws","description":"saws"},"Device Model Number":{"value":"ctrl","description":"ctrl"},"Rendering Intent":{"description":"Perceptual"},"Profile Creator":{"value":"hand","description":"hand"},"ICC Description":{"value":"sRGB","description":"sRGB"},"ICC Copyright":{"value":"CC0","description":"CC0"},"FileType":{"value":"jpeg","description":"JPEG"}},"json":{"alt":"","keywords":"","title":"","description":""},"markdown":""},"keywords":[""],"description":"","alt":"","width":1024,"height":768,"title":"","gps":{}},{"name":"O1lwB5myqlZoNflVeM_Zn","url":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/showcase/O1lwB5myqlZoNflVeM_Zn.jpg","src":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/showcase/O1lwB5myqlZoNflVeM_Zn.jpg","meta":{"exif":{"Bits Per Sample":{"value":8,"description":"8"},"Image Height":{"value":768,"description":"768px"},"Image Width":{"value":1024,"description":"1024px"},"Color Components":{"value":3,"description":"3"},"Subsampling":{"description":"YCbCr4:2:0 (2 2)"},"Orientation":{"value":1,"description":"top-left"},"XResolution":{"description":"72"},"YResolution":{"description":"72"},"ResolutionUnit":{"value":2,"description":"inches"},"YCbCrPositioning":{"value":1,"description":"centered"},"Exif IFD Pointer":{"value":102,"description":102},"ExifVersion":{"description":"0210"},"ComponentsConfiguration":{"description":""},"FlashpixVersion":{"description":"0100"},"ColorSpace":{"value":65535,"description":"Uncalibrated"},"PixelXDimension":{"value":1024,"description":1024},"PixelYDimension":{"value":768,"description":768},"Preferred CMM type":{"value":"lcms","description":"lcms"},"Profile Version":{"value":"4.2.0","description":"4.2.0"},"Profile/Device class":{"value":"mntr","description":"Display Device profile"},"Color Space":{"value":"RGB ","description":"RGB "},"Connection Space":{"value":"XYZ ","description":"XYZ "},"ICC Profile Date":{"value":"2018-03-20T09:14:29.000Z","description":"2018-03-20T09:14:29.000Z"},"ICC Signature":{"value":"acsp","description":"acsp"},"Primary Platform":{"value":"MSFT","description":"Microsoft"},"Device Manufacturer":{"value":"saws","description":"saws"},"Device Model Number":{"value":"ctrl","description":"ctrl"},"Rendering Intent":{"description":"Perceptual"},"Profile Creator":{"value":"hand","description":"hand"},"ICC Description":{"value":"sRGB","description":"sRGB"},"ICC Copyright":{"value":"CC0","description":"CC0"},"FileType":{"value":"jpeg","description":"JPEG"}},"json":{"alt":"","keywords":"","title":"","description":""},"markdown":""},"keywords":[""],"description":"","alt":"","width":1024,"height":768,"title":"","gps":{}},{"name":"OQH5trLGAxOLXXNQk2uBE","url":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/showcase/OQH5trLGAxOLXXNQk2uBE.jpg","src":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/showcase/OQH5trLGAxOLXXNQk2uBE.jpg","meta":{"exif":{"Bits Per Sample":{"value":8,"description":"8"},"Image Height":{"value":768,"description":"768px"},"Image Width":{"value":1024,"description":"1024px"},"Color Components":{"value":3,"description":"3"},"Subsampling":{"description":"YCbCr4:2:0 (2 2)"},"Orientation":{"value":1,"description":"top-left"},"XResolution":{"description":"72"},"YResolution":{"description":"72"},"ResolutionUnit":{"value":2,"description":"inches"},"YCbCrPositioning":{"value":1,"description":"centered"},"Exif IFD Pointer":{"value":102,"description":102},"ExifVersion":{"description":"0210"},"ComponentsConfiguration":{"description":""},"FlashpixVersion":{"description":"0100"},"ColorSpace":{"value":65535,"description":"Uncalibrated"},"PixelXDimension":{"value":1024,"description":1024},"PixelYDimension":{"value":768,"description":768},"Preferred CMM type":{"value":"lcms","description":"lcms"},"Profile Version":{"value":"4.2.0","description":"4.2.0"},"Profile/Device class":{"value":"mntr","description":"Display Device profile"},"Color Space":{"value":"RGB ","description":"RGB "},"Connection Space":{"value":"XYZ ","description":"XYZ "},"ICC Profile Date":{"value":"2018-03-20T09:14:29.000Z","description":"2018-03-20T09:14:29.000Z"},"ICC Signature":{"value":"acsp","description":"acsp"},"Primary Platform":{"value":"MSFT","description":"Microsoft"},"Device Manufacturer":{"value":"saws","description":"saws"},"Device Model Number":{"value":"ctrl","description":"ctrl"},"Rendering Intent":{"description":"Perceptual"},"Profile Creator":{"value":"hand","description":"hand"},"ICC Description":{"value":"sRGB","description":"sRGB"},"ICC Copyright":{"value":"CC0","description":"CC0"},"FileType":{"value":"jpeg","description":"JPEG"}},"json":{"alt":"","keywords":"","title":"","description":""},"markdown":""},"keywords":[""],"description":"","alt":"","width":1024,"height":768,"title":"","gps":{}}],
|
||
handleSwipe(isMouseEvent = false) {
|
||
if (!this.isSwiping && !this.mouseIsDown) return;
|
||
|
||
const startX = isMouseEvent ? this.mouseStartX : this.touchStartX;
|
||
const endX = isMouseEvent ? this.mouseEndX : this.touchEndX;
|
||
const swipeDistance = endX - startX;
|
||
|
||
if (Math.abs(swipeDistance) >= this.minSwipeDistance) {
|
||
if (swipeDistance > 0 && this.currentIndex > 0) {
|
||
// Swiped right, show previous image
|
||
this.currentIndex--;
|
||
} else if (swipeDistance < 0 && this.currentIndex < this.total - 1) {
|
||
// Swiped left, show next image
|
||
this.currentIndex++;
|
||
}
|
||
}
|
||
|
||
this.isSwiping = false;
|
||
this.mouseIsDown = false;
|
||
},
|
||
preloadAndOpen(index = null) {
|
||
// If we're in the middle of a swipe gesture, don't open the lightbox
|
||
if (this.isSwiping || this.mouseIsDown) return;
|
||
|
||
// If an index is provided, update the current index
|
||
if (index !== null) {
|
||
this.currentIndex = index;
|
||
}
|
||
|
||
this.lightboxLoaded = false;
|
||
let img = new Image();
|
||
img.src = this.images[this.currentIndex].src;
|
||
this.lightboxLoaded = true;
|
||
this.open = true;
|
||
img.onload = () => { };
|
||
}
|
||
}
|
||
" @keydown.escape.window="open = false" @keydown.window="if(open){
|
||
if($event.key === 'ArrowRight' && currentIndex < total - 1){
|
||
currentIndex++;
|
||
lightboxLoaded = false;
|
||
preloadAndOpen();
|
||
} else if($event.key === 'ArrowLeft' && currentIndex > 0){
|
||
currentIndex--;
|
||
lightboxLoaded = false;
|
||
preloadAndOpen();
|
||
}
|
||
}" class="product-gallery">
|
||
<div class="flex flex-col h-full">
|
||
<!-- Main Image (with swipe functionality) -->
|
||
<div class="flex-1 p-1 flex items-center justify-center cursor-pointer rounded-lg" @click="preloadAndOpen()" @touchstart="touchStartX = $event.touches[0].clientX; isSwiping = true;" @touchend="touchEndX = $event.changedTouches[0].clientX; handleSwipe();" @touchcancel="isSwiping = false;" @mousedown="mouseStartX = $event.clientX; mouseIsDown = true; $event.preventDefault();" @mousemove="if(mouseIsDown) { mouseEndX = $event.clientX; }" @mouseup="if(mouseIsDown) { mouseEndX = $event.clientX; handleSwipe(true); }" @mouseleave="mouseIsDown = false;">
|
||
<div x-show="currentIndex === 0" key="0" class="w-full h-full flex items-center justify-center">
|
||
<style></style>
|
||
<img src="/_astro/3@1024w.028bb8d1.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/3@320w.3f9947ac.avif 320w, /_astro/3@672w.1ccda305.avif 672w, /_astro/3@907w.b797bba0.avif 907w, /_astro/3@1024w.028bb8d1.avif 1024w" sizes="(min-width: 400px) 400px, 400vw" width="1024" height="1024" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-5CED10CE main-image p-1 rounded-lg max-h-[60vh] aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
<div x-show="currentIndex === 1" key="1" class="w-full h-full flex items-center justify-center">
|
||
<style></style>
|
||
<img src="/_astro/flux-5@1024w.92822c53.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/flux-5@320w.fd1d0761.avif 320w, /_astro/flux-5@672w.626dab57.avif 672w, /_astro/flux-5@907w.f02dc3b2.avif 907w, /_astro/flux-5@1024w.92822c53.avif 1024w" sizes="(min-width: 400px) 400px, 400vw" width="1024" height="768" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-B37F0615 main-image p-1 rounded-lg max-h-[60vh] aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
<div x-show="currentIndex === 2" key="2" class="w-full h-full flex items-center justify-center">
|
||
<style></style>
|
||
<img src="/_astro/flux-6@1024w.1ac927f6.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/flux-6@320w.b46ea0aa.avif 320w, /_astro/flux-6@672w.eab2b101.avif 672w, /_astro/flux-6@907w.91656053.avif 907w, /_astro/flux-6@1024w.1ac927f6.avif 1024w" sizes="(min-width: 400px) 400px, 400vw" width="1024" height="768" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-36EBA15C main-image p-1 rounded-lg max-h-[60vh] aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
<div x-show="currentIndex === 3" key="3" class="w-full h-full flex items-center justify-center">
|
||
<style></style>
|
||
<img src="/_astro/flux-7-modules@1024w.22c7435e.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/flux-7-modules@320w.78d73730.avif 320w, /_astro/flux-7-modules@672w.2d8ca1b2.avif 672w, /_astro/flux-7-modules@907w.0be6836a.avif 907w, /_astro/flux-7-modules@1024w.22c7435e.avif 1024w" sizes="(min-width: 400px) 400px, 400vw" width="1024" height="768" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-DC071FF6 main-image p-1 rounded-lg max-h-[60vh] aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
<div x-show="currentIndex === 4" key="4" class="w-full h-full flex items-center justify-center">
|
||
<style></style>
|
||
<img src="/_astro/flux-7-modules-sheets@1024w.17858b66.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/flux-7-modules-sheets@320w.f4a4b268.avif 320w, /_astro/flux-7-modules-sheets@672w.f592db08.avif 672w, /_astro/flux-7-modules-sheets@907w.172b9c9b.avif 907w, /_astro/flux-7-modules-sheets@1024w.17858b66.avif 1024w" sizes="(min-width: 400px) 400px, 400vw" width="1024" height="768" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-730C8555 main-image p-1 rounded-lg max-h-[60vh] aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
<div x-show="currentIndex === 5" key="5" class="w-full h-full flex items-center justify-center">
|
||
<style></style>
|
||
<img src="/_astro/O1lwB5myqlZoNflVeM_Zn@1024w.3950e685.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/O1lwB5myqlZoNflVeM_Zn@320w.7a372dd0.avif 320w, /_astro/O1lwB5myqlZoNflVeM_Zn@672w.3874097a.avif 672w, /_astro/O1lwB5myqlZoNflVeM_Zn@907w.f2f2b32b.avif 907w, /_astro/O1lwB5myqlZoNflVeM_Zn@1024w.3950e685.avif 1024w" sizes="(min-width: 400px) 400px, 400vw" width="1024" height="768" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-39E03A64 main-image p-1 rounded-lg max-h-[60vh] aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
<div x-show="currentIndex === 6" key="6" class="w-full h-full flex items-center justify-center">
|
||
<style></style>
|
||
<img src="/_astro/OQH5trLGAxOLXXNQk2uBE@1024w.1e75f8c5.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/OQH5trLGAxOLXXNQk2uBE@320w.43602266.avif 320w, /_astro/OQH5trLGAxOLXXNQk2uBE@672w.05c83422.avif 672w, /_astro/OQH5trLGAxOLXXNQk2uBE@907w.2384399c.avif 907w, /_astro/OQH5trLGAxOLXXNQk2uBE@1024w.1e75f8c5.avif 1024w" sizes="(min-width: 400px) 400px, 400vw" width="1024" height="768" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-FC6D8540 main-image p-1 rounded-lg max-h-[60vh] aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
</div>
|
||
<!-- Image Info -->
|
||
<!-- Thumbnails -->
|
||
<div class="p-1 overflow-x-auto scrollbar-thin scrollbar-thumb-gray-400 scrollbar-track-gray-200">
|
||
<div class="flex p-2 mt-2 ml-2 mr-2 gap-2 items-center justify-center">
|
||
<button key="0" x-on:click="currentIndex = 0;" :class="currentIndex === 0 ? 'ring-2 ring-orange-500' : ''" class="thumbnail thumbnail-btn flex-shrink rounded-lg">
|
||
<style></style>
|
||
<img src="/_astro/3@100w.189b5b50" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/3@100w.189b5b50.avif" sizes="(min-width: 120px) 120px, 120vw" width="100" height="100" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-7F1C12EE w-32 h-32 rounded-lg hover:ring-2 hover:ring-blue-500 thumbnail-img aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</button>
|
||
<button key="1" x-on:click="currentIndex = 1;" :class="currentIndex === 1 ? 'ring-2 ring-orange-500' : ''" class="thumbnail thumbnail-btn flex-shrink rounded-lg">
|
||
<style></style>
|
||
<img src="/_astro/flux-5@100w.37de7b1c" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/flux-5@100w.37de7b1c.avif" sizes="(min-width: 120px) 120px, 120vw" width="100" height="75" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-7BD32824 w-32 h-32 rounded-lg hover:ring-2 hover:ring-blue-500 thumbnail-img aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</button>
|
||
<button key="2" x-on:click="currentIndex = 2;" :class="currentIndex === 2 ? 'ring-2 ring-orange-500' : ''" class="thumbnail thumbnail-btn flex-shrink rounded-lg">
|
||
<style></style>
|
||
<img src="/_astro/flux-6@100w.bd8b9cf6" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/flux-6@100w.bd8b9cf6.avif" sizes="(min-width: 120px) 120px, 120vw" width="100" height="75" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-B4048074 w-32 h-32 rounded-lg hover:ring-2 hover:ring-blue-500 thumbnail-img aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</button>
|
||
<button key="3" x-on:click="currentIndex = 3;" :class="currentIndex === 3 ? 'ring-2 ring-orange-500' : ''" class="thumbnail thumbnail-btn flex-shrink rounded-lg">
|
||
<style></style>
|
||
<img src="/_astro/flux-7-modules@100w.bdb8eb06" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/flux-7-modules@100w.bdb8eb06.avif" sizes="(min-width: 120px) 120px, 120vw" width="100" height="75" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-B94195E4 w-32 h-32 rounded-lg hover:ring-2 hover:ring-blue-500 thumbnail-img aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</button>
|
||
<button key="4" x-on:click="currentIndex = 4;" :class="currentIndex === 4 ? 'ring-2 ring-orange-500' : ''" class="thumbnail thumbnail-btn flex-shrink rounded-lg">
|
||
<style></style>
|
||
<img src="/_astro/flux-7-modules-sheets@100w.a39f19d3" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/flux-7-modules-sheets@100w.a39f19d3.avif" sizes="(min-width: 120px) 120px, 120vw" width="100" height="75" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-2AF2A485 w-32 h-32 rounded-lg hover:ring-2 hover:ring-blue-500 thumbnail-img aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</button>
|
||
<button key="5" x-on:click="currentIndex = 5;" :class="currentIndex === 5 ? 'ring-2 ring-orange-500' : ''" class="thumbnail thumbnail-btn flex-shrink rounded-lg">
|
||
<style></style>
|
||
<img src="/_astro/O1lwB5myqlZoNflVeM_Zn@100w.abbdca85" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/O1lwB5myqlZoNflVeM_Zn@100w.abbdca85.avif" sizes="(min-width: 120px) 120px, 120vw" width="100" height="75" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-07A52786 w-32 h-32 rounded-lg hover:ring-2 hover:ring-blue-500 thumbnail-img aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</button>
|
||
<button key="6" x-on:click="currentIndex = 6;" :class="currentIndex === 6 ? 'ring-2 ring-orange-500' : ''" class="thumbnail thumbnail-btn flex-shrink rounded-lg">
|
||
<style></style>
|
||
<img src="/_astro/OQH5trLGAxOLXXNQk2uBE@100w.405e13d2" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/OQH5trLGAxOLXXNQk2uBE@100w.405e13d2.avif" sizes="(min-width: 120px) 120px, 120vw" width="100" height="75" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-3E66D287 w-32 h-32 rounded-lg hover:ring-2 hover:ring-blue-500 thumbnail-img aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Lightbox Modal (with swipe functionality) -->
|
||
<div x-show="open" x-transition :class="{ 'lightbox': !lightboxLoaded }" class="fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center lightbox">
|
||
<div class="relative max-w-full max-h-full" @touchstart="touchStartX = $event.touches[0].clientX; isSwiping = true;" @touchend="touchEndX = $event.changedTouches[0].clientX; handleSwipe();" @touchcancel="isSwiping = false;" @mousedown="mouseStartX = $event.clientX; mouseIsDown = true; $event.preventDefault();" @mousemove="if(mouseIsDown) { mouseEndX = $event.clientX; }" @mouseup="if(mouseIsDown) { mouseEndX = $event.clientX; handleSwipe(true); }" @mouseleave="mouseIsDown = false;">
|
||
<div x-show="currentIndex === 0" key="0">
|
||
<style></style>
|
||
<img src="/_astro/3@1024w.028bb8d1.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/3@320w.3f9947ac.avif 320w, /_astro/3@672w.1ccda305.avif 672w, /_astro/3@907w.b797bba0.avif 907w, /_astro/3@1024w.028bb8d1.avif 1024w" sizes="(min-width: 1024px) 1024px, 1024vw" width="1024" height="1024" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-8E654053 max-w-[90vw] max-h-[90vh] object-contain rounded-lg lightbox-main" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
<div x-show="currentIndex === 1" key="1">
|
||
<style></style>
|
||
<img src="/_astro/flux-5@1024w.92822c53.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/flux-5@320w.fd1d0761.avif 320w, /_astro/flux-5@672w.626dab57.avif 672w, /_astro/flux-5@907w.f02dc3b2.avif 907w, /_astro/flux-5@1024w.92822c53.avif 1024w" sizes="(min-width: 1024px) 1024px, 1024vw" width="1024" height="768" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-118B80EE max-w-[90vw] max-h-[90vh] object-contain rounded-lg lightbox-main" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
<div x-show="currentIndex === 2" key="2">
|
||
<style></style>
|
||
<img src="/_astro/flux-6@1024w.1ac927f6.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/flux-6@320w.b46ea0aa.avif 320w, /_astro/flux-6@672w.eab2b101.avif 672w, /_astro/flux-6@907w.91656053.avif 907w, /_astro/flux-6@1024w.1ac927f6.avif 1024w" sizes="(min-width: 1024px) 1024px, 1024vw" width="1024" height="768" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-A596DED8 max-w-[90vw] max-h-[90vh] object-contain rounded-lg lightbox-main" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
<div x-show="currentIndex === 3" key="3">
|
||
<style></style>
|
||
<img src="/_astro/flux-7-modules@1024w.22c7435e.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/flux-7-modules@320w.78d73730.avif 320w, /_astro/flux-7-modules@672w.2d8ca1b2.avif 672w, /_astro/flux-7-modules@907w.0be6836a.avif 907w, /_astro/flux-7-modules@1024w.22c7435e.avif 1024w" sizes="(min-width: 1024px) 1024px, 1024vw" width="1024" height="768" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-B054E23A max-w-[90vw] max-h-[90vh] object-contain rounded-lg lightbox-main" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
<div x-show="currentIndex === 4" key="4">
|
||
<style></style>
|
||
<img src="/_astro/flux-7-modules-sheets@1024w.17858b66.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/flux-7-modules-sheets@320w.f4a4b268.avif 320w, /_astro/flux-7-modules-sheets@672w.f592db08.avif 672w, /_astro/flux-7-modules-sheets@907w.172b9c9b.avif 907w, /_astro/flux-7-modules-sheets@1024w.17858b66.avif 1024w" sizes="(min-width: 1024px) 1024px, 1024vw" width="1024" height="768" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-6B5B2169 max-w-[90vw] max-h-[90vh] object-contain rounded-lg lightbox-main" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
<div x-show="currentIndex === 5" key="5">
|
||
<style></style>
|
||
<img src="/_astro/O1lwB5myqlZoNflVeM_Zn@1024w.3950e685.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/O1lwB5myqlZoNflVeM_Zn@320w.7a372dd0.avif 320w, /_astro/O1lwB5myqlZoNflVeM_Zn@672w.3874097a.avif 672w, /_astro/O1lwB5myqlZoNflVeM_Zn@907w.f2f2b32b.avif 907w, /_astro/O1lwB5myqlZoNflVeM_Zn@1024w.3950e685.avif 1024w" sizes="(min-width: 1024px) 1024px, 1024vw" width="1024" height="768" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-A88229D3 max-w-[90vw] max-h-[90vh] object-contain rounded-lg lightbox-main" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
<div x-show="currentIndex === 6" key="6">
|
||
<style></style>
|
||
<img src="/_astro/OQH5trLGAxOLXXNQk2uBE@1024w.1e75f8c5.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/OQH5trLGAxOLXXNQk2uBE@320w.43602266.avif 320w, /_astro/OQH5trLGAxOLXXNQk2uBE@672w.05c83422.avif 672w, /_astro/OQH5trLGAxOLXXNQk2uBE@907w.2384399c.avif 907w, /_astro/OQH5trLGAxOLXXNQk2uBE@1024w.1e75f8c5.avif 1024w" sizes="(min-width: 1024px) 1024px, 1024vw" width="1024" height="768" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-C4AAACF3 max-w-[90vw] max-h-[90vh] object-contain rounded-lg lightbox-main" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
<!-- Close Button -->
|
||
<button x-on:click="open = false" class="absolute top-0 right-0 text-white text-2xl p-4 m-[8px] bg-gray-800/75 bg-opacity-75 rounded-lg lightbox-nav" aria-label="Close">×</button>
|
||
<!-- Navigation Buttons -->
|
||
<button x-show="currentIndex > 0" x-on:click="currentIndex--; lightboxLoaded = false; preloadAndOpen();" :disabled="!lightboxLoaded" class="absolute left-0 top-1/2 transform -translate-y-1/2 p-4 m-[8px] text-white text-3xl bg-gray-800/75 bg-opacity-75 rounded-lg lightbox-nav" :class="{'opacity-50 cursor-not-allowed': !lightboxLoaded, 'hover:bg-gray-700/75': lightboxLoaded}" aria-label="Previous">❮</button>
|
||
<button x-show="currentIndex < total - 1" x-on:click="currentIndex++; lightboxLoaded = false; preloadAndOpen();" :disabled="!lightboxLoaded" class="absolute right-0 top-1/2 transform -translate-y-1/2 p-4 m-[8px] text-white text-3xl bg-gray-800/75 bg-opacity-75 rounded-lg lightbox-nav" :class="{'opacity-50 cursor-not-allowed': !lightboxLoaded, 'hover:bg-gray-700/75': lightboxLoaded}" aria-label="Next">❯</button>
|
||
</div>
|
||
<script type="application/ld+json">
|
||
[
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "ImageObject",
|
||
"inLanguage": "en",
|
||
"contentUrl": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"url": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"name": "3",
|
||
"description": "",
|
||
"height": 1024,
|
||
"width": 1024,
|
||
"identifier": "3",
|
||
"keywords": ""
|
||
},
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "ImageObject",
|
||
"inLanguage": "en",
|
||
"contentUrl": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"url": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"name": "flux-5",
|
||
"description": "",
|
||
"height": 768,
|
||
"width": 1024,
|
||
"identifier": "flux-5",
|
||
"keywords": ""
|
||
},
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "ImageObject",
|
||
"inLanguage": "en",
|
||
"contentUrl": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"url": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"name": "flux-6",
|
||
"description": "",
|
||
"height": 768,
|
||
"width": 1024,
|
||
"identifier": "flux-6",
|
||
"keywords": ""
|
||
},
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "ImageObject",
|
||
"inLanguage": "en",
|
||
"contentUrl": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"url": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"name": "flux-7-modules",
|
||
"description": "",
|
||
"height": 768,
|
||
"width": 1024,
|
||
"identifier": "flux-7-modules",
|
||
"keywords": ""
|
||
},
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "ImageObject",
|
||
"inLanguage": "en",
|
||
"contentUrl": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"url": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"name": "flux-7-modules-sheets",
|
||
"description": "",
|
||
"height": 768,
|
||
"width": 1024,
|
||
"identifier": "flux-7-modules-sheets",
|
||
"keywords": ""
|
||
},
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "ImageObject",
|
||
"inLanguage": "en",
|
||
"contentUrl": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"url": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"name": "O1lwB5myqlZoNflVeM_Zn",
|
||
"description": "",
|
||
"height": 768,
|
||
"width": 1024,
|
||
"identifier": "O1lwB5myqlZoNflVeM_Zn",
|
||
"keywords": ""
|
||
},
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "ImageObject",
|
||
"inLanguage": "en",
|
||
"contentUrl": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"url": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"name": "OQH5trLGAxOLXXNQk2uBE",
|
||
"description": "",
|
||
"height": 768,
|
||
"width": 1024,
|
||
"identifier": "OQH5trLGAxOLXXNQk2uBE",
|
||
"keywords": ""
|
||
}
|
||
]</script>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<section id="tabs-view">
|
||
<div class="mb-4 border-b border-gray-200 dark:border-gray-700">
|
||
<ul class="flex flex-wrap -mb-px text-sm font-medium text-center" id="default-styled-tab" data-tabs-toggle="#default-styled-tab-content" data-tabs-active-classes="text-orange-600 hover:text-orange-600 dark:text-purple-500 dark:hover:text-purple-500 border-orange-600 dark:border-purple-500" data-tabs-inactive-classes="dark:border-transparent text-gray-500 hover:text-gray-600 dark:text-gray-400 border-gray-100 hover:border-gray-300 dark:border-gray-700 dark:hover:text-gray-300" role="tablist">
|
||
<li>
|
||
<a data-tabs-target="#specs-view" href="#specs-tab-button-tab" class="inline-block p-4 border-b-2
|
||
border-transparent rounded-t-lg
|
||
hover:text-gray-600
|
||
hover:border-gray-300
|
||
dark:hover:text-gray-300" id="specs-tab-button" type="button" role="tab" aria-controls="settings" aria-selected="false">Specs</a>
|
||
</li>
|
||
<li>
|
||
<a data-tabs-target="#gallery-view" href="#gallery-tab-button-tab" class="inline-block p-4 border-b-2
|
||
border-transparent rounded-t-lg
|
||
hover:text-gray-600
|
||
hover:border-gray-300
|
||
dark:hover:text-gray-300" id="gallery-tab-button" type="button" role="tab" aria-controls="settings" aria-selected="false">Gallery</a>
|
||
</li>
|
||
<li>
|
||
<a data-tabs-target="#resources-view" href="#resources-tab-button-tab" class="inline-block p-4 border-b-2
|
||
border-transparent rounded-t-lg
|
||
hover:text-gray-600
|
||
hover:border-gray-300
|
||
dark:hover:text-gray-300" id="resources-tab-button" type="button" role="tab" aria-controls="settings" aria-selected="false">Resources</a>
|
||
</li>
|
||
<li>
|
||
<a data-tabs-target="#samples-view" href="#samples-tab-button-tab" class="inline-block p-4 border-b-2
|
||
border-transparent rounded-t-lg
|
||
hover:text-gray-600
|
||
hover:border-gray-300
|
||
dark:hover:text-gray-300" id="samples-tab-button" type="button" role="tab" aria-controls="settings" aria-selected="false">Samples</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div id="default-styled-tab-content">
|
||
<div class="hidden p-4 rounded-lg bg-gray-50 dark:bg-gray-800 content" id="overview-view" role="tabpanel" aria-labelledby="overview-tab-content-tab"></div>
|
||
<div class="hidden p-4 rounded-lg bg-gray-50 dark:bg-gray-800 content" id="specs-view" role="tabpanel" aria-labelledby="specs-tab-content-tab">
|
||
<div class="bg-white rounded-xl specs specs-table">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>Name</th>
|
||
<th>Cassandra – EDC</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>Pressure</td>
|
||
<td>20T – Hydraulic Jack with Pneumatic Drive</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Press – Plate Size</td>
|
||
<td>65cm</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Press – Plates</td>
|
||
<td>2-3</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Options</td>
|
||
<td>2 Active Cooling Plates</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Sheet Size</td>
|
||
<td>60cm</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Electricity</td>
|
||
<td>220V 380V</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Power</td>
|
||
<td>6 KW</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Status</td>
|
||
<td>Mature</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Version</td>
|
||
<td>V1.0 (Revision A)</td>
|
||
</tr>
|
||
<tr>
|
||
<td>License</td>
|
||
<td>
|
||
<a href="https://ohwr.org/cern_ohl_s_v2.txt">CERN OHL v2</a>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<td>Weight</td>
|
||
<td>240 Kg</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<div class="hidden p-4 rounded-lg bg-gray-50 dark:bg-gray-800 content" id="gallery-view" role="tabpanel" aria-labelledby="gallery-tab-content-tab">
|
||
<div x-data="
|
||
{
|
||
open: false,
|
||
currentIndex: 0,
|
||
total: 4,
|
||
lightboxLoaded: false,
|
||
touchStartX: 0,
|
||
touchEndX: 0,
|
||
mouseStartX: 0,
|
||
mouseEndX: 0,
|
||
mouseIsDown: false,
|
||
minSwipeDistance: 50,
|
||
isSwiping: false,
|
||
images: [{"name":"hood-closed","url":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/gallery/hood-closed.jpg","src":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/gallery/hood-closed.jpg","meta":{"exif":{"Bits Per Sample":{"value":8,"description":"8"},"Image Height":{"value":2841,"description":"2841px"},"Image Width":{"value":1980,"description":"1980px"},"Color Components":{"value":3,"description":"3"},"Subsampling":{"description":"YCbCr4:2:0 (2 2)"},"Orientation":{"value":1,"description":"top-left"},"XResolution":{"description":"72"},"YResolution":{"description":"72"},"ResolutionUnit":{"value":2,"description":"inches"},"YCbCrPositioning":{"value":1,"description":"centered"},"Exif IFD Pointer":{"value":102,"description":102},"ExifVersion":{"description":"0210"},"ComponentsConfiguration":{"description":""},"FlashpixVersion":{"description":"0100"},"ColorSpace":{"value":65535,"description":"Uncalibrated"},"PixelXDimension":{"value":1980,"description":1980},"PixelYDimension":{"value":2841,"description":2841},"Preferred CMM type":{"value":"lcms","description":"lcms"},"Profile Version":{"value":"4.2.0","description":"4.2.0"},"Profile/Device class":{"value":"mntr","description":"Display Device profile"},"Color Space":{"value":"RGB ","description":"RGB "},"Connection Space":{"value":"XYZ ","description":"XYZ "},"ICC Profile Date":{"value":"2018-03-20T09:14:29.000Z","description":"2018-03-20T09:14:29.000Z"},"ICC Signature":{"value":"acsp","description":"acsp"},"Primary Platform":{"value":"MSFT","description":"Microsoft"},"Device Manufacturer":{"value":"saws","description":"saws"},"Device Model Number":{"value":"ctrl","description":"ctrl"},"Rendering Intent":{"description":"Perceptual"},"Profile Creator":{"value":"hand","description":"hand"},"ICC Description":{"value":"sRGB","description":"sRGB"},"ICC Copyright":{"value":"CC0","description":"CC0"},"FileType":{"value":"jpeg","description":"JPEG"}},"json":{"alt":"","keywords":"","title":"","description":""},"markdown":""},"keywords":[""],"description":"","alt":"","width":1980,"height":2841,"title":"","gps":{}},{"name":"hood-open","url":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/gallery/hood-open.jpg","src":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/gallery/hood-open.jpg","meta":{"exif":{"Bits Per Sample":{"value":8,"description":"8"},"Image Height":{"value":3371,"description":"3371px"},"Image Width":{"value":1980,"description":"1980px"},"Color Components":{"value":3,"description":"3"},"Subsampling":{"description":"YCbCr4:2:0 (2 2)"},"Make":{"description":"SONY"},"Model":{"description":"ILCE-7M3"},"Orientation":{"value":1,"description":"top-left"},"XResolution":{"description":"350"},"YResolution":{"description":"350"},"ResolutionUnit":{"value":2,"description":"inches"},"Exif IFD Pointer":{"value":410,"description":410},"ExposureTime":{"description":"1/13"},"FNumber":{"description":"f/5.6"},"ExposureProgram":{"value":1,"description":"Manual"},"ISOSpeedRatings":{"value":100,"description":100},"ExifVersion":{"description":"0231"},"DateTimeOriginal":{"description":"2020:08:16 15:55:55"},"DateTimeDigitized":{"description":"2020:08:16 15:55:55"},"BrightnessValue":{"description":"6.02890625"},"ExposureBiasValue":{"description":"0"},"MaxApertureValue":{"description":"4.00"},"MeteringMode":{"value":5,"description":"Pattern"},"LightSource":{"description":"Unknown"},"Flash":{"value":16,"description":"Flash did not fire, compulsory flash mode"},"FocalLength":{"description":"38 mm"},"SubSecTimeOriginal":{"description":"00"},"SubSecTimeDigitized":{"description":"00"},"FlashpixVersion":{"description":"0100"},"ColorSpace":{"value":65535,"description":"Uncalibrated"},"PixelXDimension":{"value":1980,"description":1980},"PixelYDimension":{"value":3371,"description":3371},"WhiteBalance":{"description":"Auto white balance"},"DigitalZoomRatio":{"description":"1"},"FocalLengthIn35mmFilm":{"value":38,"description":38},"Contrast":{"description":"Normal"},"Saturation":{"description":"Normal"},"Sharpness":{"description":"Normal"},"about":{"value":"uuid:faf5bdd5-ba3d-11da-ad31-d33d75182f1b","description":"uuid:faf5bdd5-ba3d-11da-ad31-d33d75182f1b"},"CreateDate":{"value":"2020-08-16T15:55:55","description":"2020-08-16T15:55:55"},"Preferred CMM type":{"value":"lcms","description":"lcms"},"Profile Version":{"value":"4.2.0","description":"4.2.0"},"Profile/Device class":{"value":"mntr","description":"Display Device profile"},"Color Space":{"value":"RGB ","description":"RGB "},"Connection Space":{"value":"XYZ ","description":"XYZ "},"ICC Profile Date":{"value":"2018-03-20T09:14:29.000Z","description":"2018-03-20T09:14:29.000Z"},"ICC Signature":{"value":"acsp","description":"acsp"},"Primary Platform":{"value":"MSFT","description":"Microsoft"},"Device Manufacturer":{"value":"saws","description":"saws"},"Device Model Number":{"value":"ctrl","description":"ctrl"},"Rendering Intent":{"description":"Perceptual"},"Profile Creator":{"value":"hand","description":"hand"},"ICC Description":{"value":"sRGB","description":"sRGB"},"ICC Copyright":{"value":"CC0","description":"CC0"},"FileType":{"value":"jpeg","description":"JPEG"}},"json":{"alt":"","keywords":"","title":"","description":""},"markdown":""},"keywords":[""],"description":"","alt":"","width":1980,"height":3371,"title":"","gps":{}},{"name":"no-hood-1","url":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/gallery/no-hood-1.jpg","src":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/gallery/no-hood-1.jpg","meta":{"exif":{"Bits Per Sample":{"value":8,"description":"8"},"Image Height":{"value":2462,"description":"2462px"},"Image Width":{"value":1980,"description":"1980px"},"Color Components":{"value":3,"description":"3"},"Subsampling":{"description":"YCbCr4:2:0 (2 2)"},"Make":{"description":"SONY"},"Model":{"description":"ILCE-7M3"},"Orientation":{"value":1,"description":"top-left"},"XResolution":{"description":"350"},"YResolution":{"description":"350"},"ResolutionUnit":{"value":2,"description":"inches"},"Exif IFD Pointer":{"value":410,"description":410},"ExposureTime":{"description":"0.6"},"FNumber":{"description":"f/5.6"},"ExposureProgram":{"value":1,"description":"Manual"},"ISOSpeedRatings":{"value":100,"description":100},"ExifVersion":{"description":"0231"},"DateTimeOriginal":{"description":"2020:08:14 20:43:45"},"DateTimeDigitized":{"description":"2020:08:14 20:43:45"},"BrightnessValue":{"description":"3.80625"},"ExposureBiasValue":{"description":"0.7"},"MaxApertureValue":{"description":"3.50"},"MeteringMode":{"value":5,"description":"Pattern"},"LightSource":{"description":"Unknown"},"Flash":{"value":16,"description":"Flash did not fire, compulsory flash mode"},"FocalLength":{"description":"28 mm"},"SubSecTimeOriginal":{"description":"00"},"SubSecTimeDigitized":{"description":"00"},"FlashpixVersion":{"description":"0100"},"ColorSpace":{"value":65535,"description":"Uncalibrated"},"PixelXDimension":{"value":1980,"description":1980},"PixelYDimension":{"value":2462,"description":2462},"WhiteBalance":{"description":"Auto white balance"},"DigitalZoomRatio":{"description":"1"},"FocalLengthIn35mmFilm":{"value":28,"description":28},"Contrast":{"description":"Normal"},"Saturation":{"description":"Normal"},"Sharpness":{"description":"Normal"},"about":{"value":"uuid:faf5bdd5-ba3d-11da-ad31-d33d75182f1b","description":"uuid:faf5bdd5-ba3d-11da-ad31-d33d75182f1b"},"CreateDate":{"value":"2020-08-14T20:43:45","description":"2020-08-14T20:43:45"},"Preferred CMM type":{"value":"lcms","description":"lcms"},"Profile Version":{"value":"4.2.0","description":"4.2.0"},"Profile/Device class":{"value":"mntr","description":"Display Device profile"},"Color Space":{"value":"RGB ","description":"RGB "},"Connection Space":{"value":"XYZ ","description":"XYZ "},"ICC Profile Date":{"value":"2018-03-20T09:14:29.000Z","description":"2018-03-20T09:14:29.000Z"},"ICC Signature":{"value":"acsp","description":"acsp"},"Primary Platform":{"value":"MSFT","description":"Microsoft"},"Device Manufacturer":{"value":"saws","description":"saws"},"Device Model Number":{"value":"ctrl","description":"ctrl"},"Rendering Intent":{"description":"Perceptual"},"Profile Creator":{"value":"hand","description":"hand"},"ICC Description":{"value":"sRGB","description":"sRGB"},"ICC Copyright":{"value":"CC0","description":"CC0"},"FileType":{"value":"jpeg","description":"JPEG"}},"json":{"alt":"","keywords":"","title":"","description":""},"markdown":""},"keywords":[""],"description":"","alt":"","width":1980,"height":2462,"title":"","gps":{}},{"name":"no-hood-2","url":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/gallery/no-hood-2.jpg","src":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/gallery/no-hood-2.jpg","meta":{"exif":{"Bits Per Sample":{"value":8,"description":"8"},"Image Height":{"value":1115,"description":"1115px"},"Image Width":{"value":1980,"description":"1980px"},"Color Components":{"value":3,"description":"3"},"Subsampling":{"description":"YCbCr4:2:0 (2 2)"},"Thumbnail":{"Compression":{"value":6,"description":6},"ImageDescription":{"description":" "},"Make":{"description":"SONY"},"Model":{"description":"ILCE-7M3"},"Orientation":{"value":8,"description":"left-bottom"},"XResolution":{"description":"72"},"YResolution":{"description":"72"},"ResolutionUnit":{"value":2,"description":"inches"},"Software":{"description":"ILCE-7M3 v4.01"},"DateTime":{"description":"2020:08:14 20:46:03"},"JPEGInterchangeFormat":{"value":39074,"description":39074},"JPEGInterchangeFormatLength":{"value":6303,"description":6303},"YCbCrPositioning":{"value":2,"description":"co-sited"},"type":"image/jpeg","base64":"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"},"ImageDescription":{"description":" "},"Make":{"description":"SONY"},"Model":{"description":"ILCE-7M3"},"Orientation":{"value":8,"description":"left-bottom"},"XResolution":{"description":"350"},"YResolution":{"description":"350"},"ResolutionUnit":{"value":2,"description":"inches"},"Software":{"description":"ILCE-7M3 v4.01"},"DateTime":{"description":"2020:08:14 20:46:03"},"YCbCrPositioning":{"value":2,"description":"co-sited"},"Exif IFD Pointer":{"value":364,"description":364},"ExposureTime":{"description":"1/40"},"FNumber":{"description":"f/4"},"ExposureProgram":{"value":2,"description":"Normal program"},"ISOSpeedRatings":{"value":2000,"description":2000},"SensitivityType":{"value":2,"description":"Recommended Exposure Index"},"RecommendedExposureIndex":{"value":2000,"description":2000},"ExifVersion":{"description":"0231"},"DateTimeOriginal":{"description":"2020:08:14 20:46:03"},"DateTimeDigitized":{"description":"2020:08:14 20:46:03"},"OffsetTime":{"description":"+02:00"},"OffsetTimeOriginal":{"description":"+02:00"},"OffsetTimeDigitized":{"description":"+02:00"},"ComponentsConfiguration":{"description":""},"CompressedBitsPerPixel":{"description":"1"},"BrightnessValue":{"description":"3.4703125"},"ExposureBiasValue":{"description":"2.7"},"MaxApertureValue":{"description":"4.00"},"MeteringMode":{"value":5,"description":"Pattern"},"LightSource":{"description":"Unknown"},"Flash":{"value":16,"description":"Flash did not fire, compulsory flash mode"},"FocalLength":{"description":"36 mm"},"MakerNote":{"description":"[Raw maker note data]"},"UserComment":{"description":"[Undefined encoding]"},"FlashpixVersion":{"description":"0100"},"ColorSpace":{"value":1,"description":"sRGB"},"PixelXDimension":{"value":1980,"description":1980},"PixelYDimension":{"value":1115,"description":1115},"Interoperability IFD Pointer":{"value":38782,"description":38782},"FileSource":{"value":3,"description":"DSC"},"SceneType":{"value":1,"description":"A directly photographed image"},"CustomRendered":{"description":"Normal process"},"ExposureMode":{"description":"Auto exposure"},"WhiteBalance":{"description":"Auto white balance"},"DigitalZoomRatio":{"description":"1"},"FocalLengthIn35mmFilm":{"value":36,"description":36},"SceneCaptureType":{"description":"Standard"},"Contrast":{"description":"Normal"},"Saturation":{"description":"Normal"},"Sharpness":{"description":"Normal"},"LensSpecification":{"description":"28-70 mm f/5.6"},"LensModel":{"description":"FE 28-70mm F3.5-5.6 OSS"},"InteroperabilityIndex":{"description":"R98"},"InteroperabilityVersion":{"description":"0100"},"about":{"value":"","description":""},"Rating":{"value":"0","description":"0"},"Preferred CMM type":{"value":"lcms","description":"lcms"},"Profile Version":{"value":"4.2.0","description":"4.2.0"},"Profile/Device class":{"value":"mntr","description":"Display Device profile"},"Color Space":{"value":"RGB ","description":"RGB "},"Connection Space":{"value":"XYZ ","description":"XYZ "},"ICC Profile Date":{"value":"2018-03-20T09:14:29.000Z","description":"2018-03-20T09:14:29.000Z"},"ICC Signature":{"value":"acsp","description":"acsp"},"Primary Platform":{"value":"MSFT","description":"Microsoft"},"Device Manufacturer":{"value":"saws","description":"saws"},"Device Model Number":{"value":"ctrl","description":"ctrl"},"Rendering Intent":{"description":"Perceptual"},"Profile Creator":{"value":"hand","description":"hand"},"ICC Description":{"value":"sRGB","description":"sRGB"},"ICC Copyright":{"value":"CC0","description":"CC0"},"FileType":{"value":"jpeg","description":"JPEG"}},"json":{"alt":"","keywords":"","title":"","description":""},"markdown":""},"keywords":[""],"description":" ","alt":" ","width":1980,"height":1115,"title":"","gps":{}}],
|
||
handleSwipe(isMouseEvent = false) {
|
||
if (!this.isSwiping && !this.mouseIsDown) return;
|
||
|
||
const startX = isMouseEvent ? this.mouseStartX : this.touchStartX;
|
||
const endX = isMouseEvent ? this.mouseEndX : this.touchEndX;
|
||
const swipeDistance = endX - startX;
|
||
|
||
if (Math.abs(swipeDistance) >= this.minSwipeDistance) {
|
||
if (swipeDistance > 0 && this.currentIndex > 0) {
|
||
// Swiped right, show previous image
|
||
this.currentIndex--;
|
||
} else if (swipeDistance < 0 && this.currentIndex < this.total - 1) {
|
||
// Swiped left, show next image
|
||
this.currentIndex++;
|
||
}
|
||
}
|
||
|
||
this.isSwiping = false;
|
||
this.mouseIsDown = false;
|
||
},
|
||
preloadAndOpen(index = null) {
|
||
// If we're in the middle of a swipe gesture, don't open the lightbox
|
||
if (this.isSwiping || this.mouseIsDown) return;
|
||
|
||
// If an index is provided, update the current index
|
||
if (index !== null) {
|
||
this.currentIndex = index;
|
||
}
|
||
|
||
this.lightboxLoaded = false;
|
||
let img = new Image();
|
||
img.src = this.images[this.currentIndex].src;
|
||
this.lightboxLoaded = true;
|
||
this.open = true;
|
||
img.onload = () => { };
|
||
}
|
||
}
|
||
" @keydown.escape.window="open = false" @keydown.window="if(open){
|
||
if($event.key === 'ArrowRight' && currentIndex < total - 1){
|
||
currentIndex++;
|
||
lightboxLoaded = false;
|
||
preloadAndOpen();
|
||
} else if($event.key === 'ArrowLeft' && currentIndex > 0){
|
||
currentIndex--;
|
||
lightboxLoaded = false;
|
||
preloadAndOpen();
|
||
}
|
||
}" class="product-gallery">
|
||
<div class="flex flex-col h-full">
|
||
<!-- Main Image (with swipe functionality) -->
|
||
<div class="flex-1 p-1 flex items-center justify-center cursor-pointer rounded-lg" @click="preloadAndOpen()" @touchstart="touchStartX = $event.touches[0].clientX; isSwiping = true;" @touchend="touchEndX = $event.changedTouches[0].clientX; handleSwipe();" @touchcancel="isSwiping = false;" @mousedown="mouseStartX = $event.clientX; mouseIsDown = true; $event.preventDefault();" @mousemove="if(mouseIsDown) { mouseEndX = $event.clientX; }" @mouseup="if(mouseIsDown) { mouseEndX = $event.clientX; handleSwipe(true); }" @mouseleave="mouseIsDown = false;">
|
||
<div x-show="currentIndex === 0" key="0" class="w-full h-full flex items-center justify-center">
|
||
<style></style>
|
||
<img src="/_astro/hood-closed@1980w.8f6d69f4.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/hood-closed@320w.007e8e16.avif 320w, /_astro/hood-closed@735w.f5faa4b0.avif 735w, /_astro/hood-closed@1091w.a66faa46.avif 1091w, /_astro/hood-closed@1387w.68402ee7.avif 1387w, /_astro/hood-closed@1624w.b45fc72c.avif 1624w, /_astro/hood-closed@1802w.0196cd95.avif 1802w, /_astro/hood-closed@1921w.f5b7a732.avif 1921w, /_astro/hood-closed@1980w.8f6d69f4.avif 1980w" sizes="(min-width: 400px) 400px, 400vw" width="1980" height="2841" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-DC3EFEB9 main-image p-1 rounded-lg max-h-[60vh] aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
<div x-show="currentIndex === 1" key="1" class="w-full h-full flex items-center justify-center">
|
||
<style></style>
|
||
<img src="/_astro/hood-open@1980w.6bcd37c7.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/hood-open@320w.7a4c2e36.avif 320w, /_astro/hood-open@735w.2dfe1f69.avif 735w, /_astro/hood-open@1091w.2a542582.avif 1091w, /_astro/hood-open@1387w.fd4a85ef.avif 1387w, /_astro/hood-open@1624w.785a7cef.avif 1624w, /_astro/hood-open@1802w.01c0083f.avif 1802w, /_astro/hood-open@1921w.62eaa7af.avif 1921w, /_astro/hood-open@1980w.6bcd37c7.avif 1980w" sizes="(min-width: 400px) 400px, 400vw" width="1980" height="3371" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-EE6CC722 main-image p-1 rounded-lg max-h-[60vh] aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
<div x-show="currentIndex === 2" key="2" class="w-full h-full flex items-center justify-center">
|
||
<style></style>
|
||
<img src="/_astro/no-hood-1@1980w.ed691e1f.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/no-hood-1@320w.d5f1bbbb.avif 320w, /_astro/no-hood-1@735w.e0b1210b.avif 735w, /_astro/no-hood-1@1091w.eb0e347d.avif 1091w, /_astro/no-hood-1@1387w.46b66fe6.avif 1387w, /_astro/no-hood-1@1624w.97a0efa3.avif 1624w, /_astro/no-hood-1@1802w.7ddfae97.avif 1802w, /_astro/no-hood-1@1921w.d04e5a34.avif 1921w, /_astro/no-hood-1@1980w.ed691e1f.avif 1980w" sizes="(min-width: 400px) 400px, 400vw" width="1980" height="2462" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-80C7825A main-image p-1 rounded-lg max-h-[60vh] aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
<div x-show="currentIndex === 3" key="3" class="w-full h-full flex items-center justify-center">
|
||
<style></style>
|
||
<img src="/_astro/no-hood-2@1980w.6a8fd9cd.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/no-hood-2@320w.10830c75.avif 320w, /_astro/no-hood-2@735w.7e73264b.avif 735w, /_astro/no-hood-2@1091w.40ada1c1.avif 1091w, /_astro/no-hood-2@1387w.e2f5e683.avif 1387w, /_astro/no-hood-2@1624w.d323ca7d.avif 1624w, /_astro/no-hood-2@1802w.c6e3c123.avif 1802w, /_astro/no-hood-2@1921w.e25da3f1.avif 1921w, /_astro/no-hood-2@1980w.6a8fd9cd.avif 1980w" sizes="(min-width: 400px) 400px, 400vw" width="1980" height="1115" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-D68A38D9 main-image p-1 rounded-lg max-h-[60vh] aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
</div>
|
||
<!-- Image Info -->
|
||
<div class="text-center py-4">
|
||
<div x-show="currentIndex === 0" key="0">
|
||
<h2 id="imageTitle" class="text-xl font-bold"></h2>
|
||
</div>
|
||
<div x-show="currentIndex === 1" key="1">
|
||
<h2 id="imageTitle" class="text-xl font-bold"></h2>
|
||
</div>
|
||
<div x-show="currentIndex === 2" key="2">
|
||
<h2 id="imageTitle" class="text-xl font-bold"></h2>
|
||
</div>
|
||
<div x-show="currentIndex === 3" key="3">
|
||
<h2 id="imageTitle" class="text-xl font-bold"></h2>
|
||
</div>
|
||
</div>
|
||
<!-- Thumbnails -->
|
||
<div class="p-1 overflow-x-auto scrollbar-thin scrollbar-thumb-gray-400 scrollbar-track-gray-200">
|
||
<div class="flex p-2 mt-2 ml-2 mr-2 gap-2 items-center justify-center">
|
||
<button key="0" x-on:click="currentIndex = 0;" :class="currentIndex === 0 ? 'ring-2 ring-orange-500' : ''" class="thumbnail thumbnail-btn flex-shrink rounded-lg">
|
||
<style></style>
|
||
<img src="/_astro/hood-closed@100w.7909c458" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/hood-closed@100w.7909c458.avif" sizes="(min-width: 120px) 120px, 120vw" width="100" height="143" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-398C70FF w-32 h-32 rounded-lg hover:ring-2 hover:ring-blue-500 thumbnail-img aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</button>
|
||
<button key="1" x-on:click="currentIndex = 1;" :class="currentIndex === 1 ? 'ring-2 ring-orange-500' : ''" class="thumbnail thumbnail-btn flex-shrink rounded-lg">
|
||
<style></style>
|
||
<img src="/_astro/hood-open@100w.ff941199" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/hood-open@100w.ff941199.avif" sizes="(min-width: 120px) 120px, 120vw" width="100" height="170" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-A98DD78E w-32 h-32 rounded-lg hover:ring-2 hover:ring-blue-500 thumbnail-img aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</button>
|
||
<button key="2" x-on:click="currentIndex = 2;" :class="currentIndex === 2 ? 'ring-2 ring-orange-500' : ''" class="thumbnail thumbnail-btn flex-shrink rounded-lg">
|
||
<style></style>
|
||
<img src="/_astro/no-hood-1@100w.68bd2e6b" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/no-hood-1@100w.68bd2e6b.avif" sizes="(min-width: 120px) 120px, 120vw" width="100" height="124" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-617CD265 w-32 h-32 rounded-lg hover:ring-2 hover:ring-blue-500 thumbnail-img aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</button>
|
||
<button key="3" x-on:click="currentIndex = 3;" :class="currentIndex === 3 ? 'ring-2 ring-orange-500' : ''" class="thumbnail thumbnail-btn flex-shrink rounded-lg">
|
||
<style></style>
|
||
<img src="/_astro/no-hood-2@100w.0a45381d" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/no-hood-2@100w.0a45381d.avif" sizes="(min-width: 120px) 120px, 120vw" width="100" height="56" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-DCDCB16B w-32 h-32 rounded-lg hover:ring-2 hover:ring-blue-500 thumbnail-img aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Lightbox Modal (with swipe functionality) -->
|
||
<div x-show="open" x-transition :class="{ 'lightbox': !lightboxLoaded }" class="fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center lightbox">
|
||
<div class="relative max-w-full max-h-full" @touchstart="touchStartX = $event.touches[0].clientX; isSwiping = true;" @touchend="touchEndX = $event.changedTouches[0].clientX; handleSwipe();" @touchcancel="isSwiping = false;" @mousedown="mouseStartX = $event.clientX; mouseIsDown = true; $event.preventDefault();" @mousemove="if(mouseIsDown) { mouseEndX = $event.clientX; }" @mouseup="if(mouseIsDown) { mouseEndX = $event.clientX; handleSwipe(true); }" @mouseleave="mouseIsDown = false;">
|
||
<div x-show="currentIndex === 0" key="0">
|
||
<style></style>
|
||
<img src="/_astro/hood-closed@1980w.8f6d69f4.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/hood-closed@320w.007e8e16.avif 320w, /_astro/hood-closed@735w.f5faa4b0.avif 735w, /_astro/hood-closed@1091w.a66faa46.avif 1091w, /_astro/hood-closed@1387w.68402ee7.avif 1387w, /_astro/hood-closed@1624w.b45fc72c.avif 1624w, /_astro/hood-closed@1802w.0196cd95.avif 1802w, /_astro/hood-closed@1921w.f5b7a732.avif 1921w, /_astro/hood-closed@1980w.8f6d69f4.avif 1980w" sizes="(min-width: 1024px) 1024px, 1024vw" width="1980" height="2841" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-F1CE97E6 max-w-[90vw] max-h-[90vh] object-contain rounded-lg lightbox-main" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
<div class="absolute bottom-0 left-1/2 transform -translate-x-1/2 m-[8px] max-h-[32vh] p-2 text-white bg-black/50 rounded-lg" style="width: 90%;">
|
||
<h3 class="text-xl">
|
||
<div data-widget="polymech.i18n" class></div>
|
||
</h3>
|
||
<p>
|
||
<div data-widget="polymech.i18n" class></div>
|
||
</p></div></div>
|
||
<div x-show="currentIndex === 1" key="1">
|
||
<style></style>
|
||
<img src="/_astro/hood-open@1980w.6bcd37c7.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/hood-open@320w.7a4c2e36.avif 320w, /_astro/hood-open@735w.2dfe1f69.avif 735w, /_astro/hood-open@1091w.2a542582.avif 1091w, /_astro/hood-open@1387w.fd4a85ef.avif 1387w, /_astro/hood-open@1624w.785a7cef.avif 1624w, /_astro/hood-open@1802w.01c0083f.avif 1802w, /_astro/hood-open@1921w.62eaa7af.avif 1921w, /_astro/hood-open@1980w.6bcd37c7.avif 1980w" sizes="(min-width: 1024px) 1024px, 1024vw" width="1980" height="3371" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-FD7DE238 max-w-[90vw] max-h-[90vh] object-contain rounded-lg lightbox-main" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
<div class="absolute bottom-0 left-1/2 transform -translate-x-1/2 m-[8px] max-h-[32vh] p-2 text-white bg-black/50 rounded-lg" style="width: 90%;">
|
||
<h3 class="text-xl">
|
||
<div data-widget="polymech.i18n" class></div>
|
||
</h3>
|
||
<p>
|
||
<div data-widget="polymech.i18n" class></div>
|
||
</p></div></div>
|
||
<div x-show="currentIndex === 2" key="2">
|
||
<style></style>
|
||
<img src="/_astro/no-hood-1@1980w.ed691e1f.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/no-hood-1@320w.d5f1bbbb.avif 320w, /_astro/no-hood-1@735w.e0b1210b.avif 735w, /_astro/no-hood-1@1091w.eb0e347d.avif 1091w, /_astro/no-hood-1@1387w.46b66fe6.avif 1387w, /_astro/no-hood-1@1624w.97a0efa3.avif 1624w, /_astro/no-hood-1@1802w.7ddfae97.avif 1802w, /_astro/no-hood-1@1921w.d04e5a34.avif 1921w, /_astro/no-hood-1@1980w.ed691e1f.avif 1980w" sizes="(min-width: 1024px) 1024px, 1024vw" width="1980" height="2462" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-432BF9E5 max-w-[90vw] max-h-[90vh] object-contain rounded-lg lightbox-main" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
<div class="absolute bottom-0 left-1/2 transform -translate-x-1/2 m-[8px] max-h-[32vh] p-2 text-white bg-black/50 rounded-lg" style="width: 90%;">
|
||
<h3 class="text-xl">
|
||
<div data-widget="polymech.i18n" class></div>
|
||
</h3>
|
||
<p>
|
||
<div data-widget="polymech.i18n" class></div>
|
||
</p></div></div>
|
||
<div x-show="currentIndex === 3" key="3">
|
||
<style></style>
|
||
<img src="/_astro/no-hood-2@1980w.6a8fd9cd.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/no-hood-2@320w.10830c75.avif 320w, /_astro/no-hood-2@735w.7e73264b.avif 735w, /_astro/no-hood-2@1091w.40ada1c1.avif 1091w, /_astro/no-hood-2@1387w.e2f5e683.avif 1387w, /_astro/no-hood-2@1624w.d323ca7d.avif 1624w, /_astro/no-hood-2@1802w.c6e3c123.avif 1802w, /_astro/no-hood-2@1921w.e25da3f1.avif 1921w, /_astro/no-hood-2@1980w.6a8fd9cd.avif 1980w" sizes="(min-width: 1024px) 1024px, 1024vw" width="1980" height="1115" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-2CC59210 max-w-[90vw] max-h-[90vh] object-contain rounded-lg lightbox-main" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
<div class="absolute bottom-0 left-1/2 transform -translate-x-1/2 m-[8px] max-h-[32vh] p-2 text-white bg-black/50 rounded-lg" style="width: 90%;">
|
||
<h3 class="text-xl">
|
||
<div data-widget="polymech.i18n" class></div>
|
||
</h3>
|
||
<p>
|
||
<div data-widget="polymech.i18n" class></div>
|
||
</p></div></div>
|
||
<!-- Close Button -->
|
||
<button x-on:click="open = false" class="absolute top-0 right-0 text-white text-2xl p-4 m-[8px] bg-gray-800/75 bg-opacity-75 rounded-lg lightbox-nav" aria-label="Close">×</button>
|
||
<!-- Navigation Buttons -->
|
||
<button x-show="currentIndex > 0" x-on:click="currentIndex--; lightboxLoaded = false; preloadAndOpen();" :disabled="!lightboxLoaded" class="absolute left-0 top-1/2 transform -translate-y-1/2 p-4 m-[8px] text-white text-3xl bg-gray-800/75 bg-opacity-75 rounded-lg lightbox-nav" :class="{'opacity-50 cursor-not-allowed': !lightboxLoaded, 'hover:bg-gray-700/75': lightboxLoaded}" aria-label="Previous">❮</button>
|
||
<button x-show="currentIndex < total - 1" x-on:click="currentIndex++; lightboxLoaded = false; preloadAndOpen();" :disabled="!lightboxLoaded" class="absolute right-0 top-1/2 transform -translate-y-1/2 p-4 m-[8px] text-white text-3xl bg-gray-800/75 bg-opacity-75 rounded-lg lightbox-nav" :class="{'opacity-50 cursor-not-allowed': !lightboxLoaded, 'hover:bg-gray-700/75': lightboxLoaded}" aria-label="Next">❯</button>
|
||
</div><script type="application/ld+json">
|
||
[
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "ImageObject",
|
||
"inLanguage": "en",
|
||
"contentUrl": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"url": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"name": "hood-closed",
|
||
"description": "",
|
||
"height": 2841,
|
||
"width": 1980,
|
||
"identifier": "hood-closed",
|
||
"keywords": ""
|
||
},
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "ImageObject",
|
||
"inLanguage": "en",
|
||
"contentUrl": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"url": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"name": "hood-open",
|
||
"description": "",
|
||
"height": 3371,
|
||
"width": 1980,
|
||
"identifier": "hood-open",
|
||
"keywords": ""
|
||
},
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "ImageObject",
|
||
"inLanguage": "en",
|
||
"contentUrl": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"url": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"name": "no-hood-1",
|
||
"description": "",
|
||
"height": 2462,
|
||
"width": 1980,
|
||
"identifier": "no-hood-1",
|
||
"keywords": ""
|
||
},
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "ImageObject",
|
||
"inLanguage": "en",
|
||
"contentUrl": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"url": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"name": "no-hood-2",
|
||
"description": " ",
|
||
"height": 1115,
|
||
"width": 1980,
|
||
"identifier": "no-hood-2",
|
||
"keywords": ""
|
||
}
|
||
]</script>
|
||
</div></div></div>
|
||
<div class="hidden p-4 rounded-lg bg-gray-50 dark:bg-gray-800 content" id="samples-view" role="tabpanel" aria-labelledby="samples-tab-content-tab">
|
||
<div x-data="
|
||
{
|
||
open: false,
|
||
currentIndex: 0,
|
||
total: 3,
|
||
lightboxLoaded: false,
|
||
touchStartX: 0,
|
||
touchEndX: 0,
|
||
mouseStartX: 0,
|
||
mouseEndX: 0,
|
||
mouseIsDown: false,
|
||
minSwipeDistance: 50,
|
||
isSwiping: false,
|
||
images: [{"name":"DSC02931","url":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/samples/DSC02931.JPG","src":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/samples/DSC02931.JPG","meta":{"exif":{"Bits Per Sample":{"value":8,"description":"8"},"Image Height":{"value":1365,"description":"1365px"},"Image Width":{"value":2048,"description":"2048px"},"Color Components":{"value":3,"description":"3"},"Subsampling":{"description":"YCbCr4:2:0 (2 2)"},"Thumbnail":{"Compression":{"value":6,"description":6},"ImageDescription":{"description":" "},"Make":{"description":"SONY"},"Model":{"description":"ILCE-7M3"},"Orientation":{"value":1,"description":"top-left"},"XResolution":{"description":"72"},"YResolution":{"description":"72"},"ResolutionUnit":{"value":2,"description":"inches"},"Software":{"description":"ILCE-7M3 v4.01"},"DateTime":{"description":"2020:09:13 13:50:25"},"JPEGInterchangeFormat":{"value":39074,"description":39074},"JPEGInterchangeFormatLength":{"value":8991,"description":8991},"YCbCrPositioning":{"value":2,"description":"co-sited"},"type":"image/jpeg","base64":"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"},"ImageDescription":{"description":" "},"Make":{"description":"SONY"},"Model":{"description":"ILCE-7M3"},"Orientation":{"value":1,"description":"top-left"},"XResolution":{"description":"350"},"YResolution":{"description":"350"},"ResolutionUnit":{"value":2,"description":"inches"},"Software":{"description":"ILCE-7M3 v4.01"},"DateTime":{"description":"2020:09:13 13:50:25"},"YCbCrPositioning":{"value":2,"description":"co-sited"},"Exif IFD Pointer":{"value":364,"description":364},"ExposureTime":{"description":"1/50"},"FNumber":{"description":"f/3.5"},"ExposureProgram":{"value":1,"description":"Manual"},"ISOSpeedRatings":{"value":100,"description":100},"SensitivityType":{"value":2,"description":"Recommended Exposure Index"},"RecommendedExposureIndex":{"value":100,"description":100},"ExifVersion":{"description":"0231"},"DateTimeOriginal":{"description":"2020:09:13 13:50:25"},"DateTimeDigitized":{"description":"2020:09:13 13:50:25"},"OffsetTime":{"description":"+02:00"},"OffsetTimeOriginal":{"description":"+02:00"},"OffsetTimeDigitized":{"description":"+02:00"},"ComponentsConfiguration":{"description":""},"CompressedBitsPerPixel":{"description":"3"},"BrightnessValue":{"description":"5.759375"},"ExposureBiasValue":{"description":"1.7"},"MaxApertureValue":{"description":"3.50"},"MeteringMode":{"value":2,"description":"CenterWeightedAverage"},"LightSource":{"description":"Unknown"},"Flash":{"value":16,"description":"Flash did not fire, compulsory flash mode"},"FocalLength":{"description":"28 mm"},"MakerNote":{"description":"[Raw maker note data]"},"UserComment":{"description":"[Undefined encoding]"},"FlashpixVersion":{"description":"0100"},"ColorSpace":{"value":1,"description":"sRGB"},"PixelXDimension":{"value":2048,"description":2048},"PixelYDimension":{"value":1365,"description":1365},"Interoperability IFD Pointer":{"value":38782,"description":38782},"FileSource":{"value":3,"description":"DSC"},"SceneType":{"value":1,"description":"A directly photographed image"},"CustomRendered":{"description":"Normal process"},"ExposureMode":{"value":1,"description":"Manual exposure"},"WhiteBalance":{"description":"Auto white balance"},"DigitalZoomRatio":{"description":"1"},"FocalLengthIn35mmFilm":{"value":28,"description":28},"SceneCaptureType":{"description":"Standard"},"Contrast":{"description":"Normal"},"Saturation":{"description":"Normal"},"Sharpness":{"description":"Normal"},"LensSpecification":{"description":"28-70 mm f/5.6"},"LensModel":{"description":"FE 28-70mm F3.5-5.6 OSS"},"InteroperabilityIndex":{"description":"R98"},"InteroperabilityVersion":{"description":"0100"},"about":{"value":"","description":""},"Rating":{"value":"0","description":"0"},"Preferred CMM type":{"value":"lcms","description":"lcms"},"Profile Version":{"value":"4.2.0","description":"4.2.0"},"Profile/Device class":{"value":"mntr","description":"Display Device profile"},"Color Space":{"value":"RGB ","description":"RGB "},"Connection Space":{"value":"XYZ ","description":"XYZ "},"ICC Profile Date":{"value":"2018-03-20T09:14:29.000Z","description":"2018-03-20T09:14:29.000Z"},"ICC Signature":{"value":"acsp","description":"acsp"},"Primary Platform":{"value":"MSFT","description":"Microsoft"},"Device Manufacturer":{"value":"saws","description":"saws"},"Device Model Number":{"value":"ctrl","description":"ctrl"},"Rendering Intent":{"description":"Perceptual"},"Profile Creator":{"value":"hand","description":"hand"},"ICC Description":{"value":"sRGB","description":"sRGB"},"ICC Copyright":{"value":"CC0","description":"CC0"},"FileType":{"value":"jpeg","description":"JPEG"}},"json":{"alt":"","keywords":"","title":"","description":""},"markdown":""},"keywords":[""],"description":" ","alt":" ","width":2048,"height":1365,"title":"","gps":{}},{"name":"DSC02988","url":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/samples/DSC02988.JPG","src":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/samples/DSC02988.JPG","meta":{"exif":{"Bits Per Sample":{"value":8,"description":"8"},"Image Height":{"value":1320,"description":"1320px"},"Image Width":{"value":1980,"description":"1980px"},"Color Components":{"value":3,"description":"3"},"Subsampling":{"description":"YCbCr4:2:0 (2 2)"},"Thumbnail":{"Compression":{"value":6,"description":6},"ImageDescription":{"description":" "},"Make":{"description":"SONY"},"Model":{"description":"ILCE-7M3"},"Orientation":{"value":1,"description":"top-left"},"XResolution":{"description":"72"},"YResolution":{"description":"72"},"ResolutionUnit":{"value":2,"description":"inches"},"Software":{"description":"ILCE-7M3 v4.01"},"DateTime":{"description":"2020:09:19 16:48:32"},"JPEGInterchangeFormat":{"value":39074,"description":39074},"JPEGInterchangeFormatLength":{"value":7605,"description":7605},"YCbCrPositioning":{"value":2,"description":"co-sited"},"type":"image/jpeg","base64":"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"},"ImageDescription":{"description":" "},"Make":{"description":"SONY"},"Model":{"description":"ILCE-7M3"},"Orientation":{"value":1,"description":"top-left"},"XResolution":{"description":"350"},"YResolution":{"description":"350"},"ResolutionUnit":{"value":2,"description":"inches"},"Software":{"description":"ILCE-7M3 v4.01"},"DateTime":{"description":"2020:09:19 16:48:32"},"YCbCrPositioning":{"value":2,"description":"co-sited"},"Exif IFD Pointer":{"value":364,"description":364},"ExposureTime":{"description":"1/50"},"FNumber":{"description":"f/4"},"ExposureProgram":{"value":1,"description":"Manual"},"ISOSpeedRatings":{"value":125,"description":125},"SensitivityType":{"value":2,"description":"Recommended Exposure Index"},"RecommendedExposureIndex":{"value":125,"description":125},"ExifVersion":{"description":"0231"},"DateTimeOriginal":{"description":"2020:09:19 16:48:32"},"DateTimeDigitized":{"description":"2020:09:19 16:48:32"},"OffsetTime":{"description":"+02:00"},"OffsetTimeOriginal":{"description":"+02:00"},"OffsetTimeDigitized":{"description":"+02:00"},"ComponentsConfiguration":{"description":""},"CompressedBitsPerPixel":{"description":"3"},"BrightnessValue":{"description":"6.525"},"ExposureBiasValue":{"description":"1"},"MaxApertureValue":{"description":"4.00"},"MeteringMode":{"value":2,"description":"CenterWeightedAverage"},"LightSource":{"value":1,"description":"Daylight"},"Flash":{"value":16,"description":"Flash did not fire, compulsory flash mode"},"FocalLength":{"description":"39 mm"},"MakerNote":{"description":"[Raw maker note data]"},"UserComment":{"description":"[Undefined encoding]"},"FlashpixVersion":{"description":"0100"},"ColorSpace":{"value":1,"description":"sRGB"},"PixelXDimension":{"value":1980,"description":1980},"PixelYDimension":{"value":1320,"description":1320},"Interoperability IFD Pointer":{"value":38782,"description":38782},"FileSource":{"value":3,"description":"DSC"},"SceneType":{"value":1,"description":"A directly photographed image"},"CustomRendered":{"description":"Normal process"},"ExposureMode":{"value":1,"description":"Manual exposure"},"WhiteBalance":{"value":1,"description":"Manual white balance"},"DigitalZoomRatio":{"description":"1"},"FocalLengthIn35mmFilm":{"value":39,"description":39},"SceneCaptureType":{"description":"Standard"},"Contrast":{"description":"Normal"},"Saturation":{"description":"Normal"},"Sharpness":{"description":"Normal"},"LensSpecification":{"description":"28-70 mm f/5.6"},"LensModel":{"description":"FE 28-70mm F3.5-5.6 OSS"},"InteroperabilityIndex":{"description":"R98"},"InteroperabilityVersion":{"description":"0100"},"about":{"value":"","description":""},"Rating":{"value":"0","description":"0"},"Preferred CMM type":{"value":"lcms","description":"lcms"},"Profile Version":{"value":"4.2.0","description":"4.2.0"},"Profile/Device class":{"value":"mntr","description":"Display Device profile"},"Color Space":{"value":"RGB ","description":"RGB "},"Connection Space":{"value":"XYZ ","description":"XYZ "},"ICC Profile Date":{"value":"2018-03-20T09:14:29.000Z","description":"2018-03-20T09:14:29.000Z"},"ICC Signature":{"value":"acsp","description":"acsp"},"Primary Platform":{"value":"MSFT","description":"Microsoft"},"Device Manufacturer":{"value":"saws","description":"saws"},"Device Model Number":{"value":"ctrl","description":"ctrl"},"Rendering Intent":{"description":"Perceptual"},"Profile Creator":{"value":"hand","description":"hand"},"ICC Description":{"value":"sRGB","description":"sRGB"},"ICC Copyright":{"value":"CC0","description":"CC0"},"FileType":{"value":"jpeg","description":"JPEG"}},"json":{"alt":"","keywords":"","title":"","description":""},"markdown":""},"keywords":[""],"description":" ","alt":" ","width":1980,"height":1320,"title":"","gps":{}},{"name":"30mm","url":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/samples/30mm.jpg","src":"https://assets.osr-plastic.org//products/sheetpress/cassandra-edc-450-rc1/media/samples/30mm.jpg","meta":{"exif":{"Bits Per Sample":{"value":8,"description":"8"},"Image Height":{"value":1174,"description":"1174px"},"Image Width":{"value":1980,"description":"1980px"},"Color Components":{"value":3,"description":"3"},"Subsampling":{"description":"YCbCr4:2:0 (2 2)"},"JFIF Version":{"value":257,"description":"1.1"},"Resolution Unit":{"value":1,"description":"inches"},"XResolution":{"value":350,"description":"350"},"YResolution":{"value":350,"description":"350"},"JFIF Thumbnail Width":{"description":"0px"},"JFIF Thumbnail Height":{"description":"0px"},"Make":{"description":"SONY"},"Model":{"description":"ILCE-7M3"},"Exif IFD Pointer":{"value":346,"description":346},"ExposureTime":{"description":"1/50"},"FNumber":{"description":"f/3.5"},"ExposureProgram":{"value":1,"description":"Manual"},"ISOSpeedRatings":{"value":100,"description":100},"ExifVersion":{"description":"0231"},"DateTimeOriginal":{"description":"2020:09:13 13:55:07"},"DateTimeDigitized":{"description":"2020:09:13 13:55:07"},"BrightnessValue":{"description":"5.77109375"},"ExposureBiasValue":{"description":"1"},"MaxApertureValue":{"description":"3.50"},"MeteringMode":{"value":2,"description":"CenterWeightedAverage"},"LightSource":{"description":"Unknown"},"Flash":{"value":16,"description":"Flash did not fire, compulsory flash mode"},"FocalLength":{"description":"28 mm"},"SubSecTimeOriginal":{"description":"00"},"SubSecTimeDigitized":{"description":"00"},"WhiteBalance":{"description":"Auto white balance"},"DigitalZoomRatio":{"description":"1"},"FocalLengthIn35mmFilm":{"value":28,"description":28},"Contrast":{"description":"Normal"},"Saturation":{"description":"Normal"},"Sharpness":{"description":"Normal"},"about":{"value":"uuid:faf5bdd5-ba3d-11da-ad31-d33d75182f1b","description":"uuid:faf5bdd5-ba3d-11da-ad31-d33d75182f1b"},"CreateDate":{"value":"2020-09-13T13:55:07","description":"2020-09-13T13:55:07"},"FileType":{"value":"jpeg","description":"JPEG"}},"json":{"alt":"","keywords":"","title":"","description":""},"markdown":""},"keywords":[""],"description":"","alt":"","width":1980,"height":1174,"title":"","gps":{}}],
|
||
handleSwipe(isMouseEvent = false) {
|
||
if (!this.isSwiping && !this.mouseIsDown) return;
|
||
|
||
const startX = isMouseEvent ? this.mouseStartX : this.touchStartX;
|
||
const endX = isMouseEvent ? this.mouseEndX : this.touchEndX;
|
||
const swipeDistance = endX - startX;
|
||
|
||
if (Math.abs(swipeDistance) >= this.minSwipeDistance) {
|
||
if (swipeDistance > 0 && this.currentIndex > 0) {
|
||
// Swiped right, show previous image
|
||
this.currentIndex--;
|
||
} else if (swipeDistance < 0 && this.currentIndex < this.total - 1) {
|
||
// Swiped left, show next image
|
||
this.currentIndex++;
|
||
}
|
||
}
|
||
|
||
this.isSwiping = false;
|
||
this.mouseIsDown = false;
|
||
},
|
||
preloadAndOpen(index = null) {
|
||
// If we're in the middle of a swipe gesture, don't open the lightbox
|
||
if (this.isSwiping || this.mouseIsDown) return;
|
||
|
||
// If an index is provided, update the current index
|
||
if (index !== null) {
|
||
this.currentIndex = index;
|
||
}
|
||
|
||
this.lightboxLoaded = false;
|
||
let img = new Image();
|
||
img.src = this.images[this.currentIndex].src;
|
||
this.lightboxLoaded = true;
|
||
this.open = true;
|
||
img.onload = () => { };
|
||
}
|
||
}
|
||
" @keydown.escape.window="open = false" @keydown.window="if(open){
|
||
if($event.key === 'ArrowRight' && currentIndex < total - 1){
|
||
currentIndex++;
|
||
lightboxLoaded = false;
|
||
preloadAndOpen();
|
||
} else if($event.key === 'ArrowLeft' && currentIndex > 0){
|
||
currentIndex--;
|
||
lightboxLoaded = false;
|
||
preloadAndOpen();
|
||
}
|
||
}" class="product-gallery">
|
||
<div class="flex flex-col h-full">
|
||
<!-- Main Image (with swipe functionality) -->
|
||
<div class="flex-1 p-1 flex items-center justify-center cursor-pointer rounded-lg" @click="preloadAndOpen()" @touchstart="touchStartX = $event.touches[0].clientX; isSwiping = true;" @touchend="touchEndX = $event.changedTouches[0].clientX; handleSwipe();" @touchcancel="isSwiping = false;" @mousedown="mouseStartX = $event.clientX; mouseIsDown = true; $event.preventDefault();" @mousemove="if(mouseIsDown) { mouseEndX = $event.clientX; }" @mouseup="if(mouseIsDown) { mouseEndX = $event.clientX; handleSwipe(true); }" @mouseleave="mouseIsDown = false;">
|
||
<div x-show="currentIndex === 0" key="0" class="w-full h-full flex items-center justify-center">
|
||
<style></style>
|
||
<img src="/_astro/DSC02931@2048w.3da4d29e.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/DSC02931@320w.31f0d8d5.avif 320w, /_astro/DSC02931@752w.55db7de7.avif 752w, /_astro/DSC02931@1122w.a3999757.avif 1122w, /_astro/DSC02931@1431w.df748fda.avif 1431w, /_astro/DSC02931@1678w.57cfaf2f.avif 1678w, /_astro/DSC02931@1863w.28f38412.avif 1863w, /_astro/DSC02931@1986w.f63b2ee7.avif 1986w, /_astro/DSC02931@2048w.3da4d29e.avif 2048w" sizes="(min-width: 400px) 400px, 400vw" width="2048" height="1365" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-14BD67BD main-image p-1 rounded-lg max-h-[60vh] aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
<div x-show="currentIndex === 1" key="1" class="w-full h-full flex items-center justify-center">
|
||
<style></style>
|
||
<img src="/_astro/DSC02988@1980w.2fa0ffb8.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/DSC02988@320w.38ee640d.avif 320w, /_astro/DSC02988@735w.6d111ce3.avif 735w, /_astro/DSC02988@1091w.4fc795ca.avif 1091w, /_astro/DSC02988@1387w.935467fa.avif 1387w, /_astro/DSC02988@1624w.7e2e6f66.avif 1624w, /_astro/DSC02988@1802w.cc1a8914.avif 1802w, /_astro/DSC02988@1921w.46b32818.avif 1921w, /_astro/DSC02988@1980w.2fa0ffb8.avif 1980w" sizes="(min-width: 400px) 400px, 400vw" width="1980" height="1320" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-279EC4A9 main-image p-1 rounded-lg max-h-[60vh] aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
<div x-show="currentIndex === 2" key="2" class="w-full h-full flex items-center justify-center">
|
||
<style></style>
|
||
<img src="/_astro/30mm@1980w.26d89572.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/30mm@320w.c55d8ffa.avif 320w, /_astro/30mm@735w.6f5de735.avif 735w, /_astro/30mm@1091w.a6b354a4.avif 1091w, /_astro/30mm@1387w.0317adad.avif 1387w, /_astro/30mm@1624w.c5326541.avif 1624w, /_astro/30mm@1802w.2f1ffa2b.avif 1802w, /_astro/30mm@1921w.ea2607b3.avif 1921w, /_astro/30mm@1980w.26d89572.avif 1980w" sizes="(min-width: 400px) 400px, 400vw" width="1980" height="1174" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-520AAE79 main-image p-1 rounded-lg max-h-[60vh] aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</div>
|
||
</div>
|
||
<!-- Image Info -->
|
||
<div class="text-center py-4">
|
||
<div x-show="currentIndex === 0" key="0">
|
||
<h2 id="imageTitle" class="text-xl font-bold"></h2>
|
||
</div>
|
||
<div x-show="currentIndex === 1" key="1">
|
||
<h2 id="imageTitle" class="text-xl font-bold"></h2>
|
||
</div>
|
||
<div x-show="currentIndex === 2" key="2">
|
||
<h2 id="imageTitle" class="text-xl font-bold"></h2>
|
||
</div>
|
||
</div>
|
||
<!-- Thumbnails -->
|
||
<div class="p-1 overflow-x-auto scrollbar-thin scrollbar-thumb-gray-400 scrollbar-track-gray-200">
|
||
<div class="flex p-2 mt-2 ml-2 mr-2 gap-2 items-center justify-center">
|
||
<button key="0" x-on:click="currentIndex = 0;" :class="currentIndex === 0 ? 'ring-2 ring-orange-500' : ''" class="thumbnail thumbnail-btn flex-shrink rounded-lg">
|
||
<style></style>
|
||
<img src="/_astro/DSC02931@100w.724261ad" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/DSC02931@100w.724261ad.avif" sizes="(min-width: 120px) 120px, 120vw" width="100" height="67" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-CD8AD4A9 w-32 h-32 rounded-lg hover:ring-2 hover:ring-blue-500 thumbnail-img aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</button>
|
||
<button key="1" x-on:click="currentIndex = 1;" :class="currentIndex === 1 ? 'ring-2 ring-orange-500' : ''" class="thumbnail thumbnail-btn flex-shrink rounded-lg">
|
||
<style></style>
|
||
<img src="/_astro/DSC02988@100w.070d04b9" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/DSC02988@100w.070d04b9.avif" sizes="(min-width: 120px) 120px, 120vw" width="100" height="67" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-0FFB6858 w-32 h-32 rounded-lg hover:ring-2 hover:ring-blue-500 thumbnail-img aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</button>
|
||
<button key="2" x-on:click="currentIndex = 2;" :class="currentIndex === 2 ? 'ring-2 ring-orange-500' : ''" class="thumbnail thumbnail-btn flex-shrink rounded-lg">
|
||
<style></style>
|
||
<img src="/_astro/30mm@100w.f30dbcb6" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/30mm@100w.f30dbcb6.avif" sizes="(min-width: 120px) 120px, 120vw" width="100" height="59" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-DB1B85F7 w-32 h-32 rounded-lg hover:ring-2 hover:ring-blue-500 thumbnail-img aspect-square" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Lightbox Modal (with swipe functionality) -->
|
||
<div x-show="open" x-transition :class="{ 'lightbox': !lightboxLoaded }" class="fixed inset-0 bg-black bg-opacity-75 flex items-center justify-center lightbox">
|
||
<div class="relative max-w-full max-h-full" @touchstart="touchStartX = $event.touches[0].clientX; isSwiping = true;" @touchend="touchEndX = $event.changedTouches[0].clientX; handleSwipe();" @touchcancel="isSwiping = false;" @mousedown="mouseStartX = $event.clientX; mouseIsDown = true; $event.preventDefault();" @mousemove="if(mouseIsDown) { mouseEndX = $event.clientX; }" @mouseup="if(mouseIsDown) { mouseEndX = $event.clientX; handleSwipe(true); }" @mouseleave="mouseIsDown = false;">
|
||
<div x-show="currentIndex === 0" key="0">
|
||
<style></style>
|
||
<img src="/_astro/DSC02931@2048w.3da4d29e.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/DSC02931@320w.31f0d8d5.avif 320w, /_astro/DSC02931@752w.55db7de7.avif 752w, /_astro/DSC02931@1122w.a3999757.avif 1122w, /_astro/DSC02931@1431w.df748fda.avif 1431w, /_astro/DSC02931@1678w.57cfaf2f.avif 1678w, /_astro/DSC02931@1863w.28f38412.avif 1863w, /_astro/DSC02931@1986w.f63b2ee7.avif 1986w, /_astro/DSC02931@2048w.3da4d29e.avif 2048w" sizes="(min-width: 1024px) 1024px, 1024vw" width="2048" height="1365" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-773D6DFE max-w-[90vw] max-h-[90vh] object-contain rounded-lg lightbox-main" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
<div class="absolute bottom-0 left-1/2 transform -translate-x-1/2 m-[8px] max-h-[32vh] p-2 text-white bg-black/50 rounded-lg" style="width: 90%;">
|
||
<h3 class="text-xl">
|
||
<div data-widget="polymech.i18n" class></div>
|
||
</h3>
|
||
<p>
|
||
<div data-widget="polymech.i18n" class></div>
|
||
</p></div></div>
|
||
<div x-show="currentIndex === 1" key="1">
|
||
<style></style>
|
||
<img src="/_astro/DSC02988@1980w.2fa0ffb8.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/DSC02988@320w.38ee640d.avif 320w, /_astro/DSC02988@735w.6d111ce3.avif 735w, /_astro/DSC02988@1091w.4fc795ca.avif 1091w, /_astro/DSC02988@1387w.935467fa.avif 1387w, /_astro/DSC02988@1624w.7e2e6f66.avif 1624w, /_astro/DSC02988@1802w.cc1a8914.avif 1802w, /_astro/DSC02988@1921w.46b32818.avif 1921w, /_astro/DSC02988@1980w.2fa0ffb8.avif 1980w" sizes="(min-width: 1024px) 1024px, 1024vw" width="1980" height="1320" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-60FEC5C0 max-w-[90vw] max-h-[90vh] object-contain rounded-lg lightbox-main" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
<div class="absolute bottom-0 left-1/2 transform -translate-x-1/2 m-[8px] max-h-[32vh] p-2 text-white bg-black/50 rounded-lg" style="width: 90%;">
|
||
<h3 class="text-xl">
|
||
<div data-widget="polymech.i18n" class></div>
|
||
</h3>
|
||
<p>
|
||
<div data-widget="polymech.i18n" class></div>
|
||
</p></div></div>
|
||
<div x-show="currentIndex === 2" key="2">
|
||
<style></style>
|
||
<img src="/_astro/30mm@1980w.26d89572.avif" alt="- Sheetpress Cassandra - EDC450,plastic sheetpress,Plastic,Prototyping,Product Design,Opensource" srcset="/_astro/30mm@320w.c55d8ffa.avif 320w, /_astro/30mm@735w.6f5de735.avif 735w, /_astro/30mm@1091w.a6b354a4.avif 1091w, /_astro/30mm@1387w.0317adad.avif 1387w, /_astro/30mm@1624w.c5326541.avif 1624w, /_astro/30mm@1802w.2f1ffa2b.avif 1802w, /_astro/30mm@1921w.ea2607b3.avif 1921w, /_astro/30mm@1980w.26d89572.avif 1980w" sizes="(min-width: 1024px) 1024px, 1024vw" width="1980" height="1174" loading="lazy" decoding="async" class="astro-imagetools-img astro-imagetools-img-24C4CD4C max-w-[90vw] max-h-[90vh] object-contain rounded-lg lightbox-main" style="display: inline-block; overflow: hidden; vertical-align: middle; ; max-width: 100%; height: auto;" onload=""/>
|
||
<div class="absolute bottom-0 left-1/2 transform -translate-x-1/2 m-[8px] max-h-[32vh] p-2 text-white bg-black/50 rounded-lg" style="width: 90%;">
|
||
<h3 class="text-xl">
|
||
<div data-widget="polymech.i18n" class></div>
|
||
</h3>
|
||
<p>
|
||
<div data-widget="polymech.i18n" class></div>
|
||
</p></div></div>
|
||
<!-- Close Button -->
|
||
<button x-on:click="open = false" class="absolute top-0 right-0 text-white text-2xl p-4 m-[8px] bg-gray-800/75 bg-opacity-75 rounded-lg lightbox-nav" aria-label="Close">×</button>
|
||
<!-- Navigation Buttons -->
|
||
<button x-show="currentIndex > 0" x-on:click="currentIndex--; lightboxLoaded = false; preloadAndOpen();" :disabled="!lightboxLoaded" class="absolute left-0 top-1/2 transform -translate-y-1/2 p-4 m-[8px] text-white text-3xl bg-gray-800/75 bg-opacity-75 rounded-lg lightbox-nav" :class="{'opacity-50 cursor-not-allowed': !lightboxLoaded, 'hover:bg-gray-700/75': lightboxLoaded}" aria-label="Previous">❮</button>
|
||
<button x-show="currentIndex < total - 1" x-on:click="currentIndex++; lightboxLoaded = false; preloadAndOpen();" :disabled="!lightboxLoaded" class="absolute right-0 top-1/2 transform -translate-y-1/2 p-4 m-[8px] text-white text-3xl bg-gray-800/75 bg-opacity-75 rounded-lg lightbox-nav" :class="{'opacity-50 cursor-not-allowed': !lightboxLoaded, 'hover:bg-gray-700/75': lightboxLoaded}" aria-label="Next">❯</button>
|
||
</div><script type="application/ld+json">
|
||
[
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "ImageObject",
|
||
"inLanguage": "en",
|
||
"contentUrl": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"url": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"name": "DSC02931",
|
||
"description": " ",
|
||
"height": 1365,
|
||
"width": 2048,
|
||
"identifier": "DSC02931",
|
||
"keywords": ""
|
||
},
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "ImageObject",
|
||
"inLanguage": "en",
|
||
"contentUrl": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"url": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"name": "DSC02988",
|
||
"description": " ",
|
||
"height": 1320,
|
||
"width": 1980,
|
||
"identifier": "DSC02988",
|
||
"keywords": ""
|
||
},
|
||
{
|
||
"@context": "https://schema.org",
|
||
"@type": "ImageObject",
|
||
"inLanguage": "en",
|
||
"contentUrl": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"url": "https://polymech.io/en/store/products/sheetpress/cassandra-edc-450-rc1",
|
||
"name": "30mm",
|
||
"description": "",
|
||
"height": 1174,
|
||
"width": 1980,
|
||
"identifier": "30mm",
|
||
"keywords": ""
|
||
}
|
||
]</script>
|
||
</div></div></div>
|
||
<div class="hidden p-4 rounded-lg bg-gray-50 dark:bg-gray-800 content" id="resources-view" role="tabpanel" aria-labelledby="resources-tab-content-tab">
|
||
<section class="p-4">
|
||
<div class="grid grid-cols-1 gap-4">
|
||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||
<div class="p-2">
|
||
<h3 class="text-xl font-bold mb-2">
|
||
<div data-widget="polymech.i18n" class>Resources </div>
|
||
</h3>
|
||
<ul class="list-disc pl-6 space-y-1">
|
||
<li>
|
||
<a href="https://forum.osr-plastic.org/c/machines/sheetpress/63" class="text-blue-400 hover:text-blue-800 hover:underline">
|
||
<div data-widget="polymech.i18n" class>Forum </div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://files.polymech.io/files/machines/sheetpress/cassandra-edc-450-rc1" class="text-blue-400 hover:text-blue-800 hover:underline">
|
||
<div data-widget="polymech.i18n" class>Download </div>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://assets.osr-plastic.org//products\sheetpress\cassandra-edc-450-rc1\cad\Global-SPC-450-Default-RC2.html" class="text-blue-400 hover:text-blue-800 hover:underline">
|
||
<div data-widget="polymech.i18n" class>Cad </div>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<div class="p-2">
|
||
<h3 class="text-xl font-bold mb-2">
|
||
<div data-widget="polymech.i18n" class>Authors </div>
|
||
</h3>
|
||
<ul class="list-disc pl-6 space-y-1">
|
||
<li>
|
||
<a href="${author_link}" class="text-blue-400 hover:text-blue-800 hover:underline">
|
||
<div data-widget="polymech.i18n" class>PlasticHub S.L. </div>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="p-2">
|
||
<div class="grid grid-cols-1 gap-4 extra-resources">
|
||
<ul>
|
||
<li>
|
||
<a href="https://files.polymech.io/files/machines/sheetpress/components/900_Moulds/">Moulds</a>
|
||
</li>
|
||
<li>
|
||
<a href="https://files.polymech.io/files/poly-mech/resources/material/hdpe/assets/">Test Footage - HDPE</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div><script type="module" src="/src/layouts/StoreLayout.astro?astro&type=script&index=0&lang.ts"></script>
|
||
</section></div></main>
|
||
<div class="max-w-4xl 2xl:max-w-4xl mx-auto w-full py-12">
|
||
<footer class="py-2">
|
||
<div class="p-4 xl:pb-0 bg-[white] overflow-hidden rounded-xl">
|
||
<div class="grid md:grid-cols-3 gap-6">
|
||
<div class="flex flex-col h-full justify-between xl:pb-2 order-last md:order-none">
|
||
<nav role="navigation">
|
||
<ul class="text-xs space-y-1 font-mono uppercase text-neutral-500"></ul>
|
||
<div class="m-2">
|
||
<span>
|
||
<a class=" hover:text-orange-500 p-2 " href="http://localhost:4321/es/store/products/sheetpress/cassandra-edc-450-rc1">Español </a>
|
||
</span>
|
||
<br>
|
||
<span>
|
||
<a class=" hover:text-orange-500 p-2 " href="http://localhost:4321/ar/store/products/sheetpress/cassandra-edc-450-rc1">العربية </a>
|
||
</span>
|
||
<br>
|
||
<span>
|
||
<a class=" hover:text-orange-500 p-2 " href="http://localhost:4321/de/store/products/sheetpress/cassandra-edc-450-rc1">Deutsch </a>
|
||
</span>
|
||
<br>
|
||
<span>
|
||
<a class=" hover:text-orange-500 p-2 " href="http://localhost:4321/ja/store/products/sheetpress/cassandra-edc-450-rc1">日本語 </a>
|
||
</span>
|
||
<br>
|
||
<span>
|
||
<a class=" hover:text-orange-500 p-2 " href="http://localhost:4321/zh/store/products/sheetpress/cassandra-edc-450-rc1">中文 </a>
|
||
</span>
|
||
<br>
|
||
<span>
|
||
<a class=" hover:text-orange-500 p-2 " href="http://localhost:4321/fr/store/products/sheetpress/cassandra-edc-450-rc1">Français </a>
|
||
</span>
|
||
<br>
|
||
</div>
|
||
</nav>
|
||
<div class="flex gap-4 mt-12 items-center">
|
||
<img src="/logos/transparent.svg" alt="logo" class="size-4">
|
||
<p class="text-xs leading-5 text-neutral-400 text-pretty font-mono uppercase"></p>
|
||
</div>
|
||
</div>
|
||
<img src="/logos/transparent.svg" alt="logo" class="size-12 md:mx-auto fill-orange-600">
|
||
<div class="flex flex-col justify-between md:text-right xl:pb-2 mr-2">
|
||
<nav role="navigation">
|
||
<ul class="text-xs space-y-1 font-mono uppercase text-neutral-500">
|
||
<li>
|
||
<a class=" hover:text-orange-500" href="/rss.xml">RSS </a>
|
||
</li>
|
||
<li>
|
||
<a class=" hover:text-orange-500" href="/helpcenter/home">Help </a>
|
||
</li>
|
||
<li>
|
||
<a class=" hover:text-orange-500" href="/infopages/terms">Terms </a>
|
||
</li>
|
||
<li>
|
||
<a class=" hover:text-orange-500" href="/infopages/privacy">Privacy </a>
|
||
</li>
|
||
<li>
|
||
<a class=" hover:text-orange-500" href="/forms/contact">Contact </a>
|
||
</li>
|
||
<li>
|
||
<a class=" hover:text-orange-500" href="/infopages/about">About us </a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
</body></html>
|