@font-face { font-family: AcmeMockGeist; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: AcmeMockGeist; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: AcmeMockGeist; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: AcmeMockGeist; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: AcmeMockGeist; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "AcmeMockGeist Fallback"; src: local("Arial"); ascent-override: 95.94%; descent-override: 28.16%; line-gap-override: 0%; size-adjust: 104.76%; }
.acme-mock-page.acme-mock-page .geist_a7695b8e-module__Entzca__className{font-family: AcmeMockGeist, "AcmeMockGeist Fallback"; font-style: normal;}
@font-face { font-family: "AcmeMockGeistMono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/5ce348bf30bf5439-s.0ee55_hj9qcer.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "AcmeMockGeistMono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/4fa387ec64143e14-s.0.qu-9752pffj.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "AcmeMockGeistMono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/6306c77e7c8268e4-s.0mao5jbfbduzp.woff2") format("woff2"); unicode-range: U+2000-2001, U+2004-2008, U+200A, U+23B8-23BD, U+2500-259F; }
@font-face { font-family: "AcmeMockGeistMono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/7d817b4c03b0c5f1-s.0uzt.a6d44yda.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "AcmeMockGeistMono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/bbc41e54d2fcbd21-s.0mvwgmnhv29no.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "AcmeMockGeistMono"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/797e433ab948586e-s.p.09zddjkbdep5a.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "AcmeMockGeistMono Fallback"; src: local("Arial"); ascent-override: 74.67%; descent-override: 21.92%; line-gap-override: 0%; size-adjust: 134.59%; }
.acme-mock-page.acme-mock-page .geist_mono_354fc78-module__zrY5Sa__className{font-family: "AcmeMockGeistMono", "AcmeMockGeistMono Fallback"; font-style: normal;}
@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))){.acme-mock-page.acme-mock-page *, .acme-mock-page.acme-mock-page ::before, .acme-mock-page.acme-mock-page ::after, .acme-mock-page.acme-mock-page ::backdrop{--tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: forwards; --tw-animation-iteration-count: 1; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0;}}
.acme-mock-page.acme-mock-page, .acme-mock-page.acme-mock-page{--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --color-red-50: #fef2f2; --color-red-100: #ffe2e2; --color-red-300: #ffa3a3; --color-red-400: #ff6568; --color-red-500: #fb2c36; --color-red-600: #e40014; --color-red-700: #bf000f; --color-orange-50: #fff7ed; --color-orange-100: #ffedd5; --color-orange-200: #ffd7a8; --color-orange-400: #ff8b1a; --color-orange-500: #fe6e00; --color-orange-600: #f05100; --color-orange-700: #c53c00; --color-amber-100: #fef3c6; --color-amber-200: #fee685; --color-amber-300: #ffd236; --color-amber-400: #fcbb00; --color-amber-500: #f99c00; --color-amber-600: #dd7400; --color-amber-700: #b75000; --color-amber-900: #7b3306; --color-yellow-200: #fff085; --color-yellow-400: #fac800; --color-yellow-500: #edb200; --color-green-100: #dcfce7; --color-green-400: #05df72; --color-green-500: #00c758; --color-green-600: #00a544; --color-green-700: #008138; --color-emerald-100: #d0fae5; --color-emerald-300: #5ee9b5; --color-emerald-400: #00d294; --color-emerald-500: #00bb7f; --color-emerald-600: #009767; --color-emerald-700: #007956; --color-emerald-950: #002c22; --color-cyan-50: #ecfeff; --color-cyan-200: #a2f4fd; --color-cyan-400: #00d2ef; --color-cyan-500: #00b7d7; --color-cyan-600: #0092b5; --color-cyan-950: #053345; --color-blue-50: #eff6ff; --color-blue-100: #dbeafe; --color-blue-200: #bedbff; --color-blue-300: #90c5ff; --color-blue-400: #54a2ff; --color-blue-500: #3080ff; --color-blue-600: #155dfc; --color-blue-700: #1447e6; --color-blue-900: #1c398e; --color-indigo-50: #eef2ff; --color-indigo-100: #e0e7ff; --color-indigo-200: #c7d2ff; --color-indigo-300: #a4b3ff; --color-indigo-400: #7d87ff; --color-indigo-500: #625fff; --color-indigo-600: #4f39f6; --color-indigo-700: #432dd7; --color-indigo-900: #312c85; --color-violet-50: #f5f3ff; --color-violet-100: #ede9fe; --color-violet-200: #ddd6ff; --color-violet-300: #c4b4ff; --color-violet-400: #a685ff; --color-violet-500: #8d54ff; --color-violet-600: #7f22fe; --color-violet-700: #7008e7; --color-violet-900: #4d179a; --color-violet-950: #2f0d68; --color-purple-100: #f3e8ff; --color-purple-400: #c07eff; --color-purple-500: #ac4bff; --color-purple-600: #9810fa; --color-fuchsia-400: #ec6cff; --color-fuchsia-500: #e12afb; --color-fuchsia-600: #c600db; --color-fuchsia-700: #a600b5; --color-pink-200: #fccee8; --color-pink-400: #fb64b6; --color-pink-500: #f6339a; --color-pink-600: #e30076; --color-rose-50: #fff1f2; --color-rose-100: #ffe4e6; --color-rose-200: #ffccd3; --color-rose-400: #ff667f; --color-rose-500: #ff2357; --color-rose-600: #e70044; --color-rose-700: #c20039; --color-slate-50: #f8fafc; --color-slate-100: #f1f5f9; --color-slate-200: #e2e8f0; --color-slate-300: #cad5e2; --color-slate-400: #90a1b9; --color-slate-500: #62748e; --color-slate-600: #45556c; --color-slate-700: #314158; --color-slate-800: #1d293d; --color-slate-900: #0f172b; --color-slate-950: #020618; --color-gray-50: #f9fafb; --color-gray-100: #f3f4f6; --color-gray-200: #e5e7eb; --color-gray-300: #d1d5dc; --color-gray-400: #99a1af; --color-gray-500: #6a7282; --color-gray-600: #4a5565; --color-gray-700: #364153; --color-gray-800: #1e2939; --color-gray-900: #101828; --color-neutral-50: #fafafa; --color-neutral-100: #f5f5f5; --color-neutral-200: #e5e5e5; --color-neutral-300: #d4d4d4; --color-neutral-400: #a1a1a1; --color-neutral-500: #737373; --color-neutral-600: #525252; --color-neutral-700: #404040; --color-neutral-800: #262626; --color-neutral-900: #171717; --color-neutral-950: #0a0a0a; --color-stone-50: #fafaf9; --color-stone-100: #f5f5f4; --color-stone-300: #d6d3d1; --color-stone-400: #a6a09b; --color-stone-500: #79716b; --color-stone-600: #57534d; --color-stone-700: #44403b; --color-stone-800: #292524; --color-stone-900: #1c1917; --color-stone-950: #0c0a09; --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 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-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-xs: .125rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --drop-shadow-lg: 0 4px 4px #00000026; --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-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: "AcmeMockGeist", "AcmeMockGeist Fallback", system-ui, sans-serif; --default-mono-font-family: "AcmeMockGeistMono", "AcmeMockGeistMono Fallback", monospace; --color-border: var(--border);}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page, .acme-mock-page.acme-mock-page{--color-red-50: lab(96.5005% 4.18511 1.52329); --color-red-100: lab(92.243% 10.2865 3.83865); --color-red-300: lab(76.5514% 36.4219 15.5335); --color-red-400: lab(63.7053% 60.7449 31.3109); --color-red-500: lab(55.4814% 75.0732 48.8528); --color-red-600: lab(48.4493% 77.4328 61.5452); --color-red-700: lab(40.4273% 67.2623 53.7441); --color-orange-50: lab(97.7008% 1.53738 5.90646); --color-orange-100: lab(94.7127% 3.58391 14.3151); --color-orange-200: lab(88.4871% 9.94918 28.8378); --color-orange-400: lab(70.0429% 42.5156 75.8207); --color-orange-500: lab(64.272% 57.1788 90.3583); --color-orange-600: lab(57.1026% 64.2584 89.8886); --color-orange-700: lab(46.4615% 57.7275 70.8507); --color-amber-100: lab(95.916% -1.2165 23.111); --color-amber-200: lab(91.7203% -.505269 49.9084); --color-amber-300: lab(86.4156% 6.13147 78.3961); --color-amber-400: lab(80.1641% 16.6016 99.2089); --color-amber-500: lab(72.7183% 31.8672 97.9407); --color-amber-600: lab(60.3514% 40.5624 87.1228); --color-amber-700: lab(47.2709% 42.9082 69.2966); --color-amber-900: lab(31.2288% 30.2627 40.0378); --color-yellow-200: lab(94.3433% -5.00426 52.9663); --color-yellow-400: lab(83.2664% 8.65132 106.895); --color-yellow-500: lab(76.3898% 14.5258 98.4589); --color-green-100: lab(96.186% -13.8464 6.52362); --color-green-400: lab(78.503% -64.9265 39.7492); --color-green-500: lab(70.5521% -66.5147 45.8072); --color-green-600: lab(59.0978% -58.6621 41.2579); --color-green-700: lab(47.0329% -47.0239 31.4788); --color-emerald-100: lab(94.9004% -17.0769 5.63836); --color-emerald-300: lab(83.9203% -48.7124 13.8849); --color-emerald-400: lab(75.0771% -60.7313 19.4146); --color-emerald-500: lab(66.9756% -58.27 19.5419); --color-emerald-600: lab(55.0481% -49.9246 15.93); --color-emerald-700: lab(44.4871% -41.0396 11.0361); --color-emerald-950: lab(15.0582% -17.9507 2.38369); --color-cyan-50: lab(98.3303% -5.97429 -2.62109); --color-cyan-200: lab(91.0821% -24.0435 -12.8306); --color-cyan-400: lab(76.6045% -40.9406 -29.6231); --color-cyan-500: lab(67.805% -35.3952 -30.2018); --color-cyan-600: lab(55.1767% -26.7496 -30.5138); --color-cyan-950: lab(19.1528% -9.68759 -15.5267); --color-blue-50: lab(96.492% -1.14647 -5.11479); --color-blue-100: lab(92.0301% -2.24757 -11.6453); --color-blue-200: lab(86.15% -4.04379 -21.0797); --color-blue-300: lab(77.5052% -6.4629 -36.42); --color-blue-400: lab(65.0361% -1.42062 -56.9803); --color-blue-500: lab(54.1736% 13.3368 -74.6839); --color-blue-600: lab(44.0605% 29.0279 -86.0352); --color-blue-700: lab(36.9089% 35.0961 -85.6872); --color-blue-900: lab(26.1542% 15.7545 -51.5504); --color-indigo-50: lab(95.4818% .411302 -6.78529); --color-indigo-100: lab(91.6577% 1.04591 -12.7199); --color-indigo-200: lab(84.4329% 3.18974 -23.9688); --color-indigo-300: lab(74.0235% 8.54138 -41.6075); --color-indigo-400: lab(59.866% 22.4833 -64.4485); --color-indigo-500: lab(48.295% 38.3129 -81.9673); --color-indigo-600: lab(38.4009% 52.6132 -92.3857); --color-indigo-700: lab(32.4486% 49.2217 -84.6695); --color-indigo-900: lab(23.3911% 24.6978 -50.4719); --color-violet-50: lab(96.2416% 2.28846 -5.51655); --color-violet-100: lab(93.0838% 4.35197 -9.88284); --color-violet-200: lab(87.0888% 8.53691 -19.4189); --color-violet-300: lab(76.7419% 18.391 -37.0706); --color-violet-400: lab(62.8239% 34.9159 -60.0512); --color-violet-500: lab(49.9355% 55.1777 -81.8963); --color-violet-600: lab(41.088% 68.9966 -91.995); --color-violet-700: lab(35.2783% 67.9912 -88.793); --color-violet-900: lab(24.3783% 45.7525 -61.4902); --color-violet-950: lab(14.0707% 33.3353 -46.7553); --color-purple-100: lab(93.3333% 6.9744 -9.83434); --color-purple-400: lab(63.6946% 47.6127 -59.2066); --color-purple-500: lab(52.0183% 66.11 -78.2316); --color-purple-600: lab(43.0295% 75.21 -86.5669); --color-fuchsia-400: lab(66.1178% 66.0652 -52.4733); --color-fuchsia-500: lab(56.4256% 83.132 -64.639); --color-fuchsia-600: lab(47.5131% 83.4271 -63.0363); --color-fuchsia-700: lab(39.787% 72.2653 -53.1244); --color-pink-200: lab(87.4504% 19.6 -6.46662); --color-pink-400: lab(64.5597% 64.3615 -12.7988); --color-pink-500: lab(56.9303% 76.8162 -8.07021); --color-pink-600: lab(49.5493% 79.8381 2.31769); --color-rose-50: lab(96.2369% 4.94152 1.28012); --color-rose-100: lab(92.8221% 9.86832 2.60077); --color-rose-200: lab(86.806% 19.1909 4.07754); --color-rose-400: lab(64.4124% 63.0291 19.2068); --color-rose-500: lab(56.101% 79.4329 31.4532); --color-rose-600: lab(49.1882% 81.577 36.0311); --color-rose-700: lab(41.1651% 71.6251 30.3087); --color-slate-50: lab(98.1434% -.369549 -1.05968); --color-slate-100: lab(96.286% -.852466 -2.46847); --color-slate-200: lab(91.7353% -.998765 -4.76968); --color-slate-300: lab(84.7652% -1.94535 -7.93337); --color-slate-400: lab(65.5349% -2.25151 -14.5072); --color-slate-500: lab(48.0876% -2.03595 -16.5814); --color-slate-600: lab(35.5623% -1.74978 -15.4316); --color-slate-700: lab(26.9569% -1.47018 -15.6993); --color-slate-800: lab(16.132% -.318021 -14.6672); --color-slate-900: lab(7.78673% 1.82346 -15.0537); --color-slate-950: lab(1.76974% 1.32743 -9.28855); --color-gray-50: lab(98.2596% -.247031 -.706708); --color-gray-100: lab(96.1596% -.082314 -1.13575); --color-gray-200: lab(91.6229% -.159085 -2.26791); --color-gray-300: lab(85.1236% -.612259 -3.7138); --color-gray-400: lab(65.9269% -.832707 -8.17474); --color-gray-500: lab(47.7841% -.393212 -10.0268); --color-gray-600: lab(35.6337% -1.58697 -10.8425); --color-gray-700: lab(27.1134% -.956401 -12.3224); --color-gray-800: lab(16.1051% -1.18239 -11.7533); --color-gray-900: lab(8.11897% .811279 -12.254); --color-neutral-50: lab(98.26% 0 0); --color-neutral-100: lab(96.52% -.0000596046 0); --color-neutral-200: lab(90.952% -.0000596046 0); --color-neutral-300: lab(84.92% 0 0); --color-neutral-400: lab(66.128% -.0000298023 .0000119209); --color-neutral-500: lab(48.496% 0 0); --color-neutral-600: lab(34.924% 0 0); --color-neutral-700: lab(27.036% 0 0); --color-neutral-800: lab(15.204% 0 0); --color-neutral-900: lab(7.78201% -.0000149012 0); --color-neutral-950: lab(2.75381% 0 0); --color-stone-50: lab(98.2686% -.0991821 .364304); --color-stone-100: lab(96.5286% -.0991821 .36428); --color-stone-300: lab(84.7909% .928015 1.59738); --color-stone-400: lab(66.2166% 1.88047 3.20325); --color-stone-500: lab(48.1164% 2.35698 4.26853); --color-stone-600: lab(35.5168% 1.08606 4.07829); --color-stone-700: lab(27.3812% 1.32917 3.57789); --color-stone-800: lab(15.0353% 1.96067 1.53427); --color-stone-900: lab(9.03835% 1.15297 1.92955); --color-stone-950: lab(2.86037% .455312 .568903);}}
.acme-mock-page.acme-mock-page *, .acme-mock-page.acme-mock-page ::after, .acme-mock-page.acme-mock-page ::before, .acme-mock-page.acme-mock-page ::backdrop{box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px;}
.acme-mock-page.acme-mock-page ::file-selector-button{box-sizing: border-box; border: 0px solid; margin: 0px; padding: 0px;}
.acme-mock-page.acme-mock-page, .acme-mock-page.acme-mock-page{text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent;}
.acme-mock-page.acme-mock-page hr{height: 0px; color: inherit; border-top-width: 1px;}
.acme-mock-page.acme-mock-page abbr:where([title]){text-decoration: underline dotted;}
.acme-mock-page.acme-mock-page h1, .acme-mock-page.acme-mock-page h2, .acme-mock-page.acme-mock-page h3, .acme-mock-page.acme-mock-page h4, .acme-mock-page.acme-mock-page h5, .acme-mock-page.acme-mock-page h6{font-size: inherit; font-weight: inherit;}
.acme-mock-page.acme-mock-page a{color: inherit; text-decoration: inherit;}
.acme-mock-page.acme-mock-page b, .acme-mock-page.acme-mock-page strong{font-weight: bolder;}
.acme-mock-page.acme-mock-page code, .acme-mock-page.acme-mock-page kbd, .acme-mock-page.acme-mock-page samp, .acme-mock-page.acme-mock-page 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;}
.acme-mock-page.acme-mock-page small{font-size: 80%;}
.acme-mock-page.acme-mock-page sub, .acme-mock-page.acme-mock-page sup{vertical-align: baseline; font-size: 75%; line-height: 0; position: relative;}
.acme-mock-page.acme-mock-page sub{bottom: -0.25em;}
.acme-mock-page.acme-mock-page sup{top: -0.5em;}
.acme-mock-page.acme-mock-page table{text-indent: 0px; border-color: inherit; border-collapse: collapse;}
.acme-mock-page.acme-mock-page progress{vertical-align: baseline;}
.acme-mock-page.acme-mock-page summary{display: list-item;}
.acme-mock-page.acme-mock-page ol, .acme-mock-page.acme-mock-page ul, .acme-mock-page.acme-mock-page menu{list-style: none;}
.acme-mock-page.acme-mock-page img, .acme-mock-page.acme-mock-page svg, .acme-mock-page.acme-mock-page video, .acme-mock-page.acme-mock-page canvas, .acme-mock-page.acme-mock-page audio, .acme-mock-page.acme-mock-page iframe, .acme-mock-page.acme-mock-page embed, .acme-mock-page.acme-mock-page object{vertical-align: middle; display: block;}
.acme-mock-page.acme-mock-page img, .acme-mock-page.acme-mock-page video{max-width: 100%; height: auto;}
.acme-mock-page.acme-mock-page button, .acme-mock-page.acme-mock-page input, .acme-mock-page.acme-mock-page select, .acme-mock-page.acme-mock-page optgroup, .acme-mock-page.acme-mock-page textarea{font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px;}
.acme-mock-page.acme-mock-page ::file-selector-button{font: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0px;}
.acme-mock-page.acme-mock-page :where(select:is([multiple], .acme-mock-page.acme-mock-page [size])) optgroup{font-weight: bolder;}
.acme-mock-page.acme-mock-page :where(select:is([multiple], .acme-mock-page.acme-mock-page [size])) optgroup option{padding-inline-start: 20px;}
.acme-mock-page.acme-mock-page ::file-selector-button{margin-inline-end: 4px;}
.acme-mock-page.acme-mock-page ::placeholder{opacity: 1;}
@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px){.acme-mock-page.acme-mock-page ::placeholder{color: currentcolor;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page ::placeholder{color: color-mix(currentcolor, transparent);}}}
.acme-mock-page.acme-mock-page textarea{resize: vertical;}
.acme-mock-page.acme-mock-page ::-webkit-search-decoration{appearance: none;}
.acme-mock-page.acme-mock-page ::-webkit-date-and-time-value{min-height: 1lh; text-align: inherit;}
.acme-mock-page.acme-mock-page ::-webkit-datetime-edit{display: inline-flex;}
.acme-mock-page.acme-mock-page ::-webkit-datetime-edit-fields-wrapper{padding: 0px;}
.acme-mock-page.acme-mock-page ::-webkit-datetime-edit{padding-block: 0px;}
.acme-mock-page.acme-mock-page ::-webkit-datetime-edit-year-field{padding-block: 0px;}
.acme-mock-page.acme-mock-page ::-webkit-datetime-edit-month-field{padding-block: 0px;}
.acme-mock-page.acme-mock-page ::-webkit-datetime-edit-day-field{padding-block: 0px;}
.acme-mock-page.acme-mock-page ::-webkit-datetime-edit-hour-field{padding-block: 0px;}
.acme-mock-page.acme-mock-page ::-webkit-datetime-edit-minute-field{padding-block: 0px;}
.acme-mock-page.acme-mock-page ::-webkit-datetime-edit-second-field{padding-block: 0px;}
.acme-mock-page.acme-mock-page ::-webkit-datetime-edit-millisecond-field{padding-block: 0px;}
.acme-mock-page.acme-mock-page ::-webkit-datetime-edit-meridiem-field{padding-block: 0px;}
.acme-mock-page.acme-mock-page ::-webkit-calendar-picker-indicator{line-height: 1;}
.acme-mock-page.acme-mock-page button, .acme-mock-page.acme-mock-page input:where([type="button"], .acme-mock-page.acme-mock-page [type="reset"], .acme-mock-page.acme-mock-page [type="submit"]){appearance: button;}
.acme-mock-page.acme-mock-page ::file-selector-button{appearance: button;}
.acme-mock-page.acme-mock-page ::-webkit-inner-spin-button{height: auto;}
.acme-mock-page.acme-mock-page ::-webkit-outer-spin-button{height: auto;}
.acme-mock-page.acme-mock-page [hidden]:where(:not([hidden="until-found"])){display: none !important;}
.acme-mock-page.acme-mock-page *{border-color: var(--border); outline-color: var(--ring);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page *{outline-color: color-mix(in oklab, var(--ring) 50%, transparent);}}
.acme-mock-page.acme-mock-page{background-color: var(--background); color: var(--foreground);}
@layer components;
.acme-mock-page.acme-mock-page .\@container\/card-header{container: card-header / inline-size;}
.acme-mock-page.acme-mock-page .\@container\/field-group{container: field-group / inline-size;}
.acme-mock-page.acme-mock-page .pointer-events-auto{pointer-events: auto;}
.acme-mock-page.acme-mock-page .pointer-events-none{pointer-events: none;}
.acme-mock-page.acme-mock-page .invisible{visibility: hidden;}
.acme-mock-page.acme-mock-page .visible{visibility: visible;}
.acme-mock-page.acme-mock-page .sr-only{clip-path: inset(50%); white-space: nowrap; border-width: 0px; width: 1px; height: 1px; margin: -1px; padding: 0px; position: absolute; overflow: hidden;}
.acme-mock-page.acme-mock-page .absolute{position: absolute;}
.acme-mock-page.acme-mock-page .fixed{position: fixed;}
.acme-mock-page.acme-mock-page .relative{position: relative;}
.acme-mock-page.acme-mock-page .sticky{position: sticky;}
.acme-mock-page.acme-mock-page .-inset-4{inset: calc(var(--spacing) * -4);}
.acme-mock-page.acme-mock-page .inset-0{inset: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .inset-x-0{inset-inline: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .inset-x-4{inset-inline: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .inset-x-8{inset-inline: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .inset-y-0{inset-block: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .-top-1{top: calc(var(--spacing) * -1);}
.acme-mock-page.acme-mock-page .-top-1\/2{top: -50%;}
.acme-mock-page.acme-mock-page .-top-1\/4{top: -25%;}
.acme-mock-page.acme-mock-page .-top-3{top: calc(var(--spacing) * -3);}
.acme-mock-page.acme-mock-page .-top-4{top: calc(var(--spacing) * -4);}
.acme-mock-page.acme-mock-page .-top-6{top: calc(var(--spacing) * -6);}
.acme-mock-page.acme-mock-page .-top-12{top: calc(var(--spacing) * -12);}
.acme-mock-page.acme-mock-page .-top-\[1px\]{top: -1px;}
.acme-mock-page.acme-mock-page .top-0{top: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .top-1{top: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .top-1\.5{top: calc(var(--spacing) * 1.5);}
.acme-mock-page.acme-mock-page .top-1\/2{top: 50%;}
.acme-mock-page.acme-mock-page .top-1\/3{top: 33.3333%;}
.acme-mock-page.acme-mock-page .top-1\/4{top: 25%;}
.acme-mock-page.acme-mock-page .top-2{top: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .top-3{top: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .top-3\.5{top: calc(var(--spacing) * 3.5);}
.acme-mock-page.acme-mock-page .top-4{top: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .top-6{top: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .top-8{top: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .top-20{top: calc(var(--spacing) * 20);}
.acme-mock-page.acme-mock-page .top-24{top: calc(var(--spacing) * 24);}
.acme-mock-page.acme-mock-page .top-32{top: calc(var(--spacing) * 32);}
.acme-mock-page.acme-mock-page .top-40{top: calc(var(--spacing) * 40);}
.acme-mock-page.acme-mock-page .top-\[1px\]{top: 1px;}
.acme-mock-page.acme-mock-page .top-\[2px\]{top: 2px;}
.acme-mock-page.acme-mock-page .top-\[50\%\]{top: 50%;}
.acme-mock-page.acme-mock-page .top-\[60\%\]{top: 60%;}
.acme-mock-page.acme-mock-page .top-full{top: 100%;}
.acme-mock-page.acme-mock-page .-right-1{right: calc(var(--spacing) * -1);}
.acme-mock-page.acme-mock-page .-right-2{right: calc(var(--spacing) * -2);}
.acme-mock-page.acme-mock-page .-right-4{right: calc(var(--spacing) * -4);}
.acme-mock-page.acme-mock-page .-right-6{right: calc(var(--spacing) * -6);}
.acme-mock-page.acme-mock-page .-right-8{right: calc(var(--spacing) * -8);}
.acme-mock-page.acme-mock-page .-right-12{right: calc(var(--spacing) * -12);}
.acme-mock-page.acme-mock-page .-right-16{right: calc(var(--spacing) * -16);}
.acme-mock-page.acme-mock-page .right-0{right: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .right-1{right: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .right-1\/4{right: 25%;}
.acme-mock-page.acme-mock-page .right-2{right: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .right-3{right: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .right-4{right: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .right-6{right: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .right-8{right: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .right-10{right: calc(var(--spacing) * 10);}
.acme-mock-page.acme-mock-page .right-12{right: calc(var(--spacing) * 12);}
.acme-mock-page.acme-mock-page .right-20{right: calc(var(--spacing) * 20);}
.acme-mock-page.acme-mock-page .right-32{right: calc(var(--spacing) * 32);}
.acme-mock-page.acme-mock-page .-bottom-2{bottom: calc(var(--spacing) * -2);}
.acme-mock-page.acme-mock-page .-bottom-4{bottom: calc(var(--spacing) * -4);}
.acme-mock-page.acme-mock-page .-bottom-6{bottom: calc(var(--spacing) * -6);}
.acme-mock-page.acme-mock-page .-bottom-8{bottom: calc(var(--spacing) * -8);}
.acme-mock-page.acme-mock-page .-bottom-12{bottom: calc(var(--spacing) * -12);}
.acme-mock-page.acme-mock-page .-bottom-20{bottom: calc(var(--spacing) * -20);}
.acme-mock-page.acme-mock-page .bottom-0{bottom: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .bottom-1\/3{bottom: 33.3333%;}
.acme-mock-page.acme-mock-page .bottom-1\/4{bottom: 25%;}
.acme-mock-page.acme-mock-page .bottom-2{bottom: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .bottom-4{bottom: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .bottom-6{bottom: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .bottom-8{bottom: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .bottom-10{bottom: calc(var(--spacing) * 10);}
.acme-mock-page.acme-mock-page .bottom-12{bottom: calc(var(--spacing) * 12);}
.acme-mock-page.acme-mock-page .bottom-20{bottom: calc(var(--spacing) * 20);}
.acme-mock-page.acme-mock-page .bottom-24{bottom: calc(var(--spacing) * 24);}
.acme-mock-page.acme-mock-page .bottom-32{bottom: calc(var(--spacing) * 32);}
.acme-mock-page.acme-mock-page .bottom-40{bottom: calc(var(--spacing) * 40);}
.acme-mock-page.acme-mock-page .-left-1\/2{left: -50%;}
.acme-mock-page.acme-mock-page .-left-2{left: calc(var(--spacing) * -2);}
.acme-mock-page.acme-mock-page .-left-4{left: calc(var(--spacing) * -4);}
.acme-mock-page.acme-mock-page .-left-6{left: calc(var(--spacing) * -6);}
.acme-mock-page.acme-mock-page .-left-8{left: calc(var(--spacing) * -8);}
.acme-mock-page.acme-mock-page .-left-12{left: calc(var(--spacing) * -12);}
.acme-mock-page.acme-mock-page .-left-16{left: calc(var(--spacing) * -16);}
.acme-mock-page.acme-mock-page .left-0{left: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .left-1{left: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .left-1\/2{left: 50%;}
.acme-mock-page.acme-mock-page .left-1\/4{left: 25%;}
.acme-mock-page.acme-mock-page .left-2{left: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .left-3{left: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .left-4{left: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .left-6{left: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .left-8{left: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .left-10{left: calc(var(--spacing) * 10);}
.acme-mock-page.acme-mock-page .left-20{left: calc(var(--spacing) * 20);}
.acme-mock-page.acme-mock-page .left-\[2px\]{left: 2px;}
.acme-mock-page.acme-mock-page .left-\[50\%\]{left: 50%;}
.acme-mock-page.acme-mock-page .left-full{left: 100%;}
.acme-mock-page.acme-mock-page .isolate{isolation: isolate;}
.acme-mock-page.acme-mock-page .-z-10{z-index: calc(-10);}
.acme-mock-page.acme-mock-page .z-0{z-index: 0;}
.acme-mock-page.acme-mock-page .z-10{z-index: 10;}
.acme-mock-page.acme-mock-page .z-20{z-index: 20;}
.acme-mock-page.acme-mock-page .z-30{z-index: 30;}
.acme-mock-page.acme-mock-page .z-40{z-index: 40;}
.acme-mock-page.acme-mock-page .z-50{z-index: 50;}
.acme-mock-page.acme-mock-page .z-\[1\]{z-index: 1;}
.acme-mock-page.acme-mock-page .z-\[100\]{z-index: 100;}
.acme-mock-page.acme-mock-page .order-1{order: 1;}
.acme-mock-page.acme-mock-page .order-2{order: 2;}
.acme-mock-page.acme-mock-page .order-first{order: -9999;}
.acme-mock-page.acme-mock-page .order-last{order: 9999;}
.acme-mock-page.acme-mock-page .col-span-1{grid-column: span 1 / span 1;}
.acme-mock-page.acme-mock-page .col-span-2{grid-column: span 2 / span 2;}
.acme-mock-page.acme-mock-page .col-span-3{grid-column: span 3 / span 3;}
.acme-mock-page.acme-mock-page .col-span-4{grid-column: span 4 / span 4;}
.acme-mock-page.acme-mock-page .col-span-5{grid-column: span 5 / span 5;}
.acme-mock-page.acme-mock-page .col-span-7{grid-column: span 7 / span 7;}
.acme-mock-page.acme-mock-page .col-span-8{grid-column: span 8 / span 8;}
.acme-mock-page.acme-mock-page .col-span-9{grid-column: span 9 / span 9;}
.acme-mock-page.acme-mock-page .col-span-10{grid-column: span 10 / span 10;}
.acme-mock-page.acme-mock-page .col-start-2{grid-column-start: 2;}
.acme-mock-page.acme-mock-page .row-span-1{grid-row: span 1 / span 1;}
.acme-mock-page.acme-mock-page .row-span-2{grid-row: span 2 / span 2;}
.acme-mock-page.acme-mock-page .row-start-1{grid-row-start: 1;}
.acme-mock-page.acme-mock-page .container{width: 100%;}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .container{max-width: 40rem;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .container{max-width: 48rem;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .container{max-width: 64rem;}}
@media (min-width: 80rem){.acme-mock-page.acme-mock-page .container{max-width: 80rem;}}
@media (min-width: 96rem){.acme-mock-page.acme-mock-page .container{max-width: 96rem;}}
.acme-mock-page.acme-mock-page .\!m-0{margin: calc(var(--spacing) * 0) !important;}
.acme-mock-page.acme-mock-page .m-0{margin: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .-mx-1{margin-inline: calc(var(--spacing) * -1);}
.acme-mock-page.acme-mock-page .-mx-2{margin-inline: calc(var(--spacing) * -2);}
.acme-mock-page.acme-mock-page .-mx-2\.5{margin-inline: calc(var(--spacing) * -2.5);}
.acme-mock-page.acme-mock-page .-mx-4{margin-inline: calc(var(--spacing) * -4);}
.acme-mock-page.acme-mock-page .-mx-8{margin-inline: calc(var(--spacing) * -8);}
.acme-mock-page.acme-mock-page .mx-2{margin-inline: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .mx-3\.5{margin-inline: calc(var(--spacing) * 3.5);}
.acme-mock-page.acme-mock-page .mx-4{margin-inline: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .mx-auto{margin-inline: auto;}
.acme-mock-page.acme-mock-page .-my-2{margin-block: calc(var(--spacing) * -2);}
.acme-mock-page.acme-mock-page .my-0{margin-block: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .my-0\.5{margin-block: calc(var(--spacing) * .5);}
.acme-mock-page.acme-mock-page .my-1{margin-block: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .my-6{margin-block: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .-mt-1\.5{margin-top: calc(var(--spacing) * -1.5);}
.acme-mock-page.acme-mock-page .-mt-3{margin-top: calc(var(--spacing) * -3);}
.acme-mock-page.acme-mock-page .-mt-4{margin-top: calc(var(--spacing) * -4);}
.acme-mock-page.acme-mock-page .-mt-12{margin-top: calc(var(--spacing) * -12);}
.acme-mock-page.acme-mock-page .mt-0{margin-top: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .mt-0\.5{margin-top: calc(var(--spacing) * .5);}
.acme-mock-page.acme-mock-page .mt-1{margin-top: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .mt-1\.5{margin-top: calc(var(--spacing) * 1.5);}
.acme-mock-page.acme-mock-page .mt-2{margin-top: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .mt-3{margin-top: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .mt-4{margin-top: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .mt-6{margin-top: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .mt-8{margin-top: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .mt-10{margin-top: calc(var(--spacing) * 10);}
.acme-mock-page.acme-mock-page .mt-12{margin-top: calc(var(--spacing) * 12);}
.acme-mock-page.acme-mock-page .mt-16{margin-top: calc(var(--spacing) * 16);}
.acme-mock-page.acme-mock-page .mt-20{margin-top: calc(var(--spacing) * 20);}
.acme-mock-page.acme-mock-page .mt-auto{margin-top: auto;}
.acme-mock-page.acme-mock-page .-mr-3{margin-right: calc(var(--spacing) * -3);}
.acme-mock-page.acme-mock-page .mr-1{margin-right: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .mr-2{margin-right: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .mb-1{margin-bottom: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .mb-1\.5{margin-bottom: calc(var(--spacing) * 1.5);}
.acme-mock-page.acme-mock-page .mb-2{margin-bottom: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .mb-3{margin-bottom: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .mb-4{margin-bottom: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .mb-6{margin-bottom: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .mb-8{margin-bottom: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .mb-10{margin-bottom: calc(var(--spacing) * 10);}
.acme-mock-page.acme-mock-page .mb-12{margin-bottom: calc(var(--spacing) * 12);}
.acme-mock-page.acme-mock-page .mb-16{margin-bottom: calc(var(--spacing) * 16);}
.acme-mock-page.acme-mock-page .mb-20{margin-bottom: calc(var(--spacing) * 20);}
.acme-mock-page.acme-mock-page .-ml-4{margin-left: calc(var(--spacing) * -4);}
.acme-mock-page.acme-mock-page .ml-1{margin-left: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .ml-2{margin-left: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .ml-3{margin-left: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .ml-4{margin-left: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .ml-auto{margin-left: auto;}
.acme-mock-page.acme-mock-page .line-clamp-1{-webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;}
.acme-mock-page.acme-mock-page .line-clamp-2{-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;}
.acme-mock-page.acme-mock-page .block{display: block;}
.acme-mock-page.acme-mock-page .flex{display: flex;}
.acme-mock-page.acme-mock-page .grid{display: grid;}
.acme-mock-page.acme-mock-page .hidden{display: none;}
.acme-mock-page.acme-mock-page .inline{display: inline;}
.acme-mock-page.acme-mock-page .inline-block{display: inline-block;}
.acme-mock-page.acme-mock-page .inline-flex{display: inline-flex;}
.acme-mock-page.acme-mock-page .table{display: table;}
.acme-mock-page.acme-mock-page .table-caption{display: table-caption;}
.acme-mock-page.acme-mock-page .table-cell{display: table-cell;}
.acme-mock-page.acme-mock-page .table-row{display: table-row;}
.acme-mock-page.acme-mock-page .field-sizing-content{field-sizing: content;}
.acme-mock-page.acme-mock-page .aspect-\[2\/1\]{aspect-ratio: 2 / 1;}
.acme-mock-page.acme-mock-page .aspect-\[3\/2\]{aspect-ratio: 3 / 2;}
.acme-mock-page.acme-mock-page .aspect-\[3\/4\]{aspect-ratio: 3 / 4;}
.acme-mock-page.acme-mock-page .aspect-\[4\/3\]{aspect-ratio: 4 / 3;}
.acme-mock-page.acme-mock-page .aspect-\[4\/5\]{aspect-ratio: 4 / 5;}
.acme-mock-page.acme-mock-page .aspect-\[5\/6\]{aspect-ratio: 5 / 6;}
.acme-mock-page.acme-mock-page .aspect-\[16\/9\]{aspect-ratio: 16 / 9;}
.acme-mock-page.acme-mock-page .aspect-\[16\/10\]{aspect-ratio: 16 / 10;}
.acme-mock-page.acme-mock-page .aspect-\[21\/9\]{aspect-ratio: 21 / 9;}
.acme-mock-page.acme-mock-page .aspect-square{aspect-ratio: 1 / 1;}
.acme-mock-page.acme-mock-page .aspect-video{aspect-ratio: var(--aspect-video);}
.acme-mock-page.acme-mock-page .size-\(--cell-size\){width: var(--cell-size); height: var(--cell-size);}
.acme-mock-page.acme-mock-page .size-2{width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .size-2\.5{width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5);}
.acme-mock-page.acme-mock-page .size-3{width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .size-3\.5{width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5);}
.acme-mock-page.acme-mock-page .size-4{width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .size-6{width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .size-7{width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7);}
.acme-mock-page.acme-mock-page .size-8{width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .size-9{width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9);}
.acme-mock-page.acme-mock-page .size-10{width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10);}
.acme-mock-page.acme-mock-page .size-auto{width: auto; height: auto;}
.acme-mock-page.acme-mock-page .size-full{width: 100%; height: 100%;}
.acme-mock-page.acme-mock-page .h-\(--cell-size\){height: var(--cell-size);}
.acme-mock-page.acme-mock-page .h-1{height: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .h-1\.5{height: calc(var(--spacing) * 1.5);}
.acme-mock-page.acme-mock-page .h-1\/2{height: 50%;}
.acme-mock-page.acme-mock-page .h-1\/3{height: 33.3333%;}
.acme-mock-page.acme-mock-page .h-2{height: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .h-2\.5{height: calc(var(--spacing) * 2.5);}
.acme-mock-page.acme-mock-page .h-3{height: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .h-3\.5{height: calc(var(--spacing) * 3.5);}
.acme-mock-page.acme-mock-page .h-3\/4{height: 75%;}
.acme-mock-page.acme-mock-page .h-4{height: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .h-5{height: calc(var(--spacing) * 5);}
.acme-mock-page.acme-mock-page .h-6{height: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .h-7{height: calc(var(--spacing) * 7);}
.acme-mock-page.acme-mock-page .h-8{height: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .h-9{height: calc(var(--spacing) * 9);}
.acme-mock-page.acme-mock-page .h-10{height: calc(var(--spacing) * 10);}
.acme-mock-page.acme-mock-page .h-11{height: calc(var(--spacing) * 11);}
.acme-mock-page.acme-mock-page .h-12{height: calc(var(--spacing) * 12);}
.acme-mock-page.acme-mock-page .h-14{height: calc(var(--spacing) * 14);}
.acme-mock-page.acme-mock-page .h-16{height: calc(var(--spacing) * 16);}
.acme-mock-page.acme-mock-page .h-20{height: calc(var(--spacing) * 20);}
.acme-mock-page.acme-mock-page .h-24{height: calc(var(--spacing) * 24);}
.acme-mock-page.acme-mock-page .h-28{height: calc(var(--spacing) * 28);}
.acme-mock-page.acme-mock-page .h-32{height: calc(var(--spacing) * 32);}
.acme-mock-page.acme-mock-page .h-36{height: calc(var(--spacing) * 36);}
.acme-mock-page.acme-mock-page .h-40{height: calc(var(--spacing) * 40);}
.acme-mock-page.acme-mock-page .h-48{height: calc(var(--spacing) * 48);}
.acme-mock-page.acme-mock-page .h-64{height: calc(var(--spacing) * 64);}
.acme-mock-page.acme-mock-page .h-72{height: calc(var(--spacing) * 72);}
.acme-mock-page.acme-mock-page .h-96{height: calc(var(--spacing) * 96);}
.acme-mock-page.acme-mock-page .h-\[1\.15rem\]{height: 1.15rem;}
.acme-mock-page.acme-mock-page .h-\[40vh\]{height: 40vh;}
.acme-mock-page.acme-mock-page .h-\[50px\]{height: 50px;}
.acme-mock-page.acme-mock-page .h-\[80vh\]{height: 80vh;}
.acme-mock-page.acme-mock-page .h-\[85vh\]{height: 85vh;}
.acme-mock-page.acme-mock-page .h-\[90vh\]{height: 90vh;}
.acme-mock-page.acme-mock-page .h-\[100vh\]{height: 100vh;}
.acme-mock-page.acme-mock-page .h-\[300px\]{height: 300px;}
.acme-mock-page.acme-mock-page .h-\[400px\]{height: 400px;}
.acme-mock-page.acme-mock-page .h-\[450px\]{height: 450px;}
.acme-mock-page.acme-mock-page .h-\[500px\]{height: 500px;}
.acme-mock-page.acme-mock-page .h-\[580px\]{height: 580px;}
.acme-mock-page.acme-mock-page .h-\[600px\]{height: 600px;}
.acme-mock-page.acme-mock-page .h-\[700px\]{height: 700px;}
.acme-mock-page.acme-mock-page .h-\[800px\]{height: 800px;}
.acme-mock-page.acme-mock-page .h-\[1000px\]{height: 1000px;}
.acme-mock-page.acme-mock-page .h-\[calc\(100\%-1px\)\]{height: calc(100% - 1px);}
.acme-mock-page.acme-mock-page .h-\[var\(--radix-navigation-menu-viewport-height\)\]{height: var(--radix-navigation-menu-viewport-height);}
.acme-mock-page.acme-mock-page .h-\[var\(--radix-select-trigger-height\)\]{height: var(--radix-select-trigger-height);}
.acme-mock-page.acme-mock-page .h-auto{height: auto;}
.acme-mock-page.acme-mock-page .h-full{height: 100%;}
.acme-mock-page.acme-mock-page .h-px{height: 1px;}
.acme-mock-page.acme-mock-page .h-screen{height: 100vh;}
.acme-mock-page.acme-mock-page .h-svh{height: 100svh;}
.acme-mock-page.acme-mock-page .max-h-\(--radix-context-menu-content-available-height\){max-height: var(--radix-context-menu-content-available-height);}
.acme-mock-page.acme-mock-page .max-h-\(--radix-dropdown-menu-content-available-height\){max-height: var(--radix-dropdown-menu-content-available-height);}
.acme-mock-page.acme-mock-page .max-h-\(--radix-select-content-available-height\){max-height: var(--radix-select-content-available-height);}
.acme-mock-page.acme-mock-page .max-h-0{max-height: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .max-h-64{max-height: calc(var(--spacing) * 64);}
.acme-mock-page.acme-mock-page .max-h-80{max-height: calc(var(--spacing) * 80);}
.acme-mock-page.acme-mock-page .max-h-96{max-height: calc(var(--spacing) * 96);}
.acme-mock-page.acme-mock-page .max-h-\[100vh\]{max-height: 100vh;}
.acme-mock-page.acme-mock-page .max-h-\[300px\]{max-height: 300px;}
.acme-mock-page.acme-mock-page .max-h-\[950px\]{max-height: 950px;}
.acme-mock-page.acme-mock-page .max-h-screen{max-height: 100vh;}
.acme-mock-page.acme-mock-page .min-h-0{min-height: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .min-h-4{min-height: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .min-h-16{min-height: calc(var(--spacing) * 16);}
.acme-mock-page.acme-mock-page .min-h-\[90vh\]{min-height: 90vh;}
.acme-mock-page.acme-mock-page .min-h-\[200px\]{min-height: 200px;}
.acme-mock-page.acme-mock-page .min-h-\[600px\]{min-height: 600px;}
.acme-mock-page.acme-mock-page .min-h-screen{min-height: 100vh;}
.acme-mock-page.acme-mock-page .min-h-svh{min-height: 100svh;}
.acme-mock-page.acme-mock-page .w-\(--cell-size\){width: var(--cell-size);}
.acme-mock-page.acme-mock-page .w-\(--sidebar-width\){width: var(--sidebar-width);}
.acme-mock-page.acme-mock-page .w-0{width: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .w-1{width: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .w-1\.5{width: calc(var(--spacing) * 1.5);}
.acme-mock-page.acme-mock-page .w-1\/2{width: 50%;}
.acme-mock-page.acme-mock-page .w-1\/3{width: 33.3333%;}
.acme-mock-page.acme-mock-page .w-1\/4{width: 25%;}
.acme-mock-page.acme-mock-page .w-2{width: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .w-2\.5{width: calc(var(--spacing) * 2.5);}
.acme-mock-page.acme-mock-page .w-3{width: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .w-3\.5{width: calc(var(--spacing) * 3.5);}
.acme-mock-page.acme-mock-page .w-3\/4{width: 75%;}
.acme-mock-page.acme-mock-page .w-4{width: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .w-5{width: calc(var(--spacing) * 5);}
.acme-mock-page.acme-mock-page .w-6{width: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .w-7{width: calc(var(--spacing) * 7);}
.acme-mock-page.acme-mock-page .w-8{width: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .w-9{width: calc(var(--spacing) * 9);}
.acme-mock-page.acme-mock-page .w-10{width: calc(var(--spacing) * 10);}
.acme-mock-page.acme-mock-page .w-11{width: calc(var(--spacing) * 11);}
.acme-mock-page.acme-mock-page .w-12{width: calc(var(--spacing) * 12);}
.acme-mock-page.acme-mock-page .w-14{width: calc(var(--spacing) * 14);}
.acme-mock-page.acme-mock-page .w-16{width: calc(var(--spacing) * 16);}
.acme-mock-page.acme-mock-page .w-20{width: calc(var(--spacing) * 20);}
.acme-mock-page.acme-mock-page .w-24{width: calc(var(--spacing) * 24);}
.acme-mock-page.acme-mock-page .w-28{width: calc(var(--spacing) * 28);}
.acme-mock-page.acme-mock-page .w-32{width: calc(var(--spacing) * 32);}
.acme-mock-page.acme-mock-page .w-36{width: calc(var(--spacing) * 36);}
.acme-mock-page.acme-mock-page .w-40{width: calc(var(--spacing) * 40);}
.acme-mock-page.acme-mock-page .w-48{width: calc(var(--spacing) * 48);}
.acme-mock-page.acme-mock-page .w-64{width: calc(var(--spacing) * 64);}
.acme-mock-page.acme-mock-page .w-72{width: calc(var(--spacing) * 72);}
.acme-mock-page.acme-mock-page .w-80{width: calc(var(--spacing) * 80);}
.acme-mock-page.acme-mock-page .w-96{width: calc(var(--spacing) * 96);}
.acme-mock-page.acme-mock-page .w-\[100px\]{width: 100px;}
.acme-mock-page.acme-mock-page .w-\[100vw\]{width: 100vw;}
.acme-mock-page.acme-mock-page .w-\[220px\]{width: 220px;}
.acme-mock-page.acme-mock-page .w-\[280px\]{width: 280px;}
.acme-mock-page.acme-mock-page .w-\[300px\]{width: 300px;}
.acme-mock-page.acme-mock-page .w-\[320px\]{width: 320px;}
.acme-mock-page.acme-mock-page .w-\[400px\]{width: 400px;}
.acme-mock-page.acme-mock-page .w-\[500px\]{width: 500px;}
.acme-mock-page.acme-mock-page .w-\[600px\]{width: 600px;}
.acme-mock-page.acme-mock-page .w-\[700px\]{width: 700px;}
.acme-mock-page.acme-mock-page .w-\[800px\]{width: 800px;}
.acme-mock-page.acme-mock-page .w-\[1000px\]{width: 1000px;}
.acme-mock-page.acme-mock-page .w-\[calc\(100\%-2rem\)\]{width: calc(100% - 2rem);}
.acme-mock-page.acme-mock-page .w-auto{width: auto;}
.acme-mock-page.acme-mock-page .w-fit{width: fit-content;}
.acme-mock-page.acme-mock-page .w-full{width: 100%;}
.acme-mock-page.acme-mock-page .w-max{width: max-content;}
.acme-mock-page.acme-mock-page .w-px{width: 1px;}
.acme-mock-page.acme-mock-page .w-screen{width: 100vw;}
.acme-mock-page.acme-mock-page .max-w-\(--skeleton-width\){max-width: var(--skeleton-width);}
.acme-mock-page.acme-mock-page .max-w-2xl{max-width: var(--container-2xl);}
.acme-mock-page.acme-mock-page .max-w-3xl{max-width: var(--container-3xl);}
.acme-mock-page.acme-mock-page .max-w-4xl{max-width: var(--container-4xl);}
.acme-mock-page.acme-mock-page .max-w-5xl{max-width: var(--container-5xl);}
.acme-mock-page.acme-mock-page .max-w-6xl{max-width: var(--container-6xl);}
.acme-mock-page.acme-mock-page .max-w-7xl{max-width: var(--container-7xl);}
.acme-mock-page.acme-mock-page .max-w-24{max-width: calc(var(--spacing) * 24);}
.acme-mock-page.acme-mock-page .max-w-32{max-width: calc(var(--spacing) * 32);}
.acme-mock-page.acme-mock-page .max-w-\[98vw\]{max-width: 98vw;}
.acme-mock-page.acme-mock-page .max-w-\[1800px\]{max-width: 1800px;}
.acme-mock-page.acme-mock-page .max-w-\[calc\(100\%-2rem\)\]{max-width: calc(100% - 2rem);}
.acme-mock-page.acme-mock-page .max-w-full{max-width: 100%;}
.acme-mock-page.acme-mock-page .max-w-lg{max-width: var(--container-lg);}
.acme-mock-page.acme-mock-page .max-w-max{max-width: max-content;}
.acme-mock-page.acme-mock-page .max-w-md{max-width: var(--container-md);}
.acme-mock-page.acme-mock-page .max-w-none{max-width: none;}
.acme-mock-page.acme-mock-page .max-w-sm{max-width: var(--container-sm);}
.acme-mock-page.acme-mock-page .max-w-xl{max-width: var(--container-xl);}
.acme-mock-page.acme-mock-page .max-w-xs{max-width: var(--container-xs);}
.acme-mock-page.acme-mock-page .min-w-\(--cell-size\){min-width: var(--cell-size);}
.acme-mock-page.acme-mock-page .min-w-0{min-width: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .min-w-5{min-width: calc(var(--spacing) * 5);}
.acme-mock-page.acme-mock-page .min-w-8{min-width: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .min-w-9{min-width: calc(var(--spacing) * 9);}
.acme-mock-page.acme-mock-page .min-w-10{min-width: calc(var(--spacing) * 10);}
.acme-mock-page.acme-mock-page .min-w-64{min-width: calc(var(--spacing) * 64);}
.acme-mock-page.acme-mock-page .min-w-72{min-width: calc(var(--spacing) * 72);}
.acme-mock-page.acme-mock-page .min-w-\[8rem\]{min-width: 8rem;}
.acme-mock-page.acme-mock-page .min-w-\[12rem\]{min-width: 12rem;}
.acme-mock-page.acme-mock-page .min-w-\[200px\]{min-width: 200px;}
.acme-mock-page.acme-mock-page .min-w-\[260px\]{min-width: 260px;}
.acme-mock-page.acme-mock-page .min-w-\[280px\]{min-width: 280px;}
.acme-mock-page.acme-mock-page .min-w-\[400px\]{min-width: 400px;}
.acme-mock-page.acme-mock-page .min-w-\[var\(--radix-select-trigger-width\)\]{min-width: var(--radix-select-trigger-width);}
.acme-mock-page.acme-mock-page .flex-1{flex: 1 1 0%;}
.acme-mock-page.acme-mock-page .flex-shrink-0, .acme-mock-page.acme-mock-page .shrink-0{flex-shrink: 0;}
.acme-mock-page.acme-mock-page .grow{flex-grow: 1;}
.acme-mock-page.acme-mock-page .grow-0{flex-grow: 0;}
.acme-mock-page.acme-mock-page .basis-full{flex-basis: 100%;}
.acme-mock-page.acme-mock-page .caption-bottom{caption-side: bottom;}
.acme-mock-page.acme-mock-page .border-collapse{border-collapse: collapse;}
.acme-mock-page.acme-mock-page .origin-\(--radix-context-menu-content-transform-origin\){transform-origin: var(--radix-context-menu-content-transform-origin);}
.acme-mock-page.acme-mock-page .origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin: var(--radix-dropdown-menu-content-transform-origin);}
.acme-mock-page.acme-mock-page .origin-\(--radix-hover-card-content-transform-origin\){transform-origin: var(--radix-hover-card-content-transform-origin);}
.acme-mock-page.acme-mock-page .origin-\(--radix-menubar-content-transform-origin\){transform-origin: var(--radix-menubar-content-transform-origin);}
.acme-mock-page.acme-mock-page .origin-\(--radix-popover-content-transform-origin\){transform-origin: var(--radix-popover-content-transform-origin);}
.acme-mock-page.acme-mock-page .origin-\(--radix-select-content-transform-origin\){transform-origin: var(--radix-select-content-transform-origin);}
.acme-mock-page.acme-mock-page .origin-\(--radix-tooltip-content-transform-origin\){transform-origin: var(--radix-tooltip-content-transform-origin);}
.acme-mock-page.acme-mock-page .-translate-x-1{--tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .-translate-x-1\/2{--tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .-translate-x-2{--tw-translate-x: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .-translate-x-8{--tw-translate-x: calc(var(--spacing) * -8); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .-translate-x-10{--tw-translate-x: calc(var(--spacing) * -10); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .-translate-x-12{--tw-translate-x: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .-translate-x-16{--tw-translate-x: calc(var(--spacing) * -16); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .-translate-x-20{--tw-translate-x: calc(var(--spacing) * -20); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .-translate-x-px{--tw-translate-x: -1px; translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-x-0{--tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-x-0\.5{--tw-translate-x: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-x-1{--tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-x-2{--tw-translate-x: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-x-8{--tw-translate-x: calc(var(--spacing) * 8); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-x-10{--tw-translate-x: calc(var(--spacing) * 10); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-x-12{--tw-translate-x: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-x-16{--tw-translate-x: calc(var(--spacing) * 16); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-x-20{--tw-translate-x: calc(var(--spacing) * 20); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-x-\[-50\%\]{--tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-x-px{--tw-translate-x: 1px; translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .-translate-y-1\/2{--tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-y-0{--tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-y-0\.5{--tw-translate-y: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-y-5{--tw-translate-y: calc(var(--spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-y-8{--tw-translate-y: calc(var(--spacing) * 8); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-y-10{--tw-translate-y: calc(var(--spacing) * 10); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-y-12{--tw-translate-y: calc(var(--spacing) * 12); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-y-16{--tw-translate-y: calc(var(--spacing) * 16); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-y-20{--tw-translate-y: calc(var(--spacing) * 20); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-y-\[-50\%\]{--tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y: calc(-50% - 2px); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-y-full{--tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .scale-95{--tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y);}
.acme-mock-page.acme-mock-page .scale-100{--tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y);}
.acme-mock-page.acme-mock-page .scale-105{--tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y);}
.acme-mock-page.acme-mock-page .scale-110{--tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y);}
.acme-mock-page.acme-mock-page .scale-y-0{--tw-scale-y: 0%; scale: var(--tw-scale-x) var(--tw-scale-y);}
.acme-mock-page.acme-mock-page .scale-y-100{--tw-scale-y: 100%; scale: var(--tw-scale-x) var(--tw-scale-y);}
.acme-mock-page.acme-mock-page .scale-\[1\.02\]{scale: 1.02;}
.acme-mock-page.acme-mock-page .-rotate-6{rotate: -6deg;}
.acme-mock-page.acme-mock-page .-rotate-45{rotate: -45deg;}
.acme-mock-page.acme-mock-page .rotate-3{rotate: 3deg;}
.acme-mock-page.acme-mock-page .rotate-6{rotate: 6deg;}
.acme-mock-page.acme-mock-page .rotate-12{rotate: 12deg;}
.acme-mock-page.acme-mock-page .rotate-45{rotate: 45deg;}
.acme-mock-page.acme-mock-page .rotate-90{rotate: 90deg;}
.acme-mock-page.acme-mock-page .rotate-180{rotate: 180deg;}
.acme-mock-page.acme-mock-page .rotate-x-\[5deg\]{--tw-rotate-x: rotateX(5deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );}
.acme-mock-page.acme-mock-page .rotate-y-\[-5deg\]{--tw-rotate-y: rotateY(-5deg); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );}
.acme-mock-page.acme-mock-page .transform{transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );}
.acme-mock-page.acme-mock-page .animate-\[progress_6s_linear\]{animation: 6s linear 0s 1 normal none running progress;}
.acme-mock-page.acme-mock-page .animate-bounce{animation: var(--animate-bounce);}
.acme-mock-page.acme-mock-page .animate-caret-blink{animation: 1.25s ease-out 0s infinite normal none running caret-blink;}
.acme-mock-page.acme-mock-page .animate-in{animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, forwards);}
.acme-mock-page.acme-mock-page .animate-ping{animation: var(--animate-ping);}
.acme-mock-page.acme-mock-page .animate-pulse{animation: var(--animate-pulse);}
.acme-mock-page.acme-mock-page .animate-spin{animation: var(--animate-spin);}
.acme-mock-page.acme-mock-page .cursor-default{cursor: default;}
.acme-mock-page.acme-mock-page .cursor-grab{cursor: grab;}
.acme-mock-page.acme-mock-page .cursor-grabbing{cursor: grabbing;}
.acme-mock-page.acme-mock-page .cursor-pointer{cursor: pointer;}
.acme-mock-page.acme-mock-page .cursor-text{cursor: text;}
.acme-mock-page.acme-mock-page .touch-none{touch-action: none;}
.acme-mock-page.acme-mock-page .resize-none{resize: none;}
.acme-mock-page.acme-mock-page .scroll-my-1{scroll-margin-block: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .scroll-py-1{scroll-padding-block: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .list-disc{list-style-type: disc;}
.acme-mock-page.acme-mock-page .list-none{list-style-type: none;}
.acme-mock-page.acme-mock-page .auto-rows-\[180px\]{grid-auto-rows: 180px;}
.acme-mock-page.acme-mock-page .auto-rows-min{grid-auto-rows: min-content;}
.acme-mock-page.acme-mock-page .grid-cols-1{grid-template-columns: repeat(1, minmax(0px, 1fr));}
.acme-mock-page.acme-mock-page .grid-cols-2{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.acme-mock-page.acme-mock-page .grid-cols-3{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.acme-mock-page.acme-mock-page .grid-cols-4{grid-template-columns: repeat(4, minmax(0px, 1fr));}
.acme-mock-page.acme-mock-page .grid-cols-5{grid-template-columns: repeat(5, minmax(0px, 1fr));}
.acme-mock-page.acme-mock-page .grid-cols-6{grid-template-columns: repeat(6, minmax(0px, 1fr));}
.acme-mock-page.acme-mock-page .grid-cols-12{grid-template-columns: repeat(12, minmax(0px, 1fr));}
.acme-mock-page.acme-mock-page .grid-cols-\[0_1fr\]{grid-template-columns: 0px 1fr;}
.acme-mock-page.acme-mock-page .grid-rows-4{grid-template-rows: repeat(4, minmax(0px, 1fr));}
.acme-mock-page.acme-mock-page .grid-rows-\[auto_auto\]{grid-template-rows: auto auto;}
.acme-mock-page.acme-mock-page .flex-col{flex-direction: column;}
.acme-mock-page.acme-mock-page .flex-col-reverse{flex-direction: column-reverse;}
.acme-mock-page.acme-mock-page .flex-row{flex-direction: row;}
.acme-mock-page.acme-mock-page .flex-wrap{flex-wrap: wrap;}
.acme-mock-page.acme-mock-page .items-baseline{align-items: baseline;}
.acme-mock-page.acme-mock-page .items-center{align-items: center;}
.acme-mock-page.acme-mock-page .items-end{align-items: flex-end;}
.acme-mock-page.acme-mock-page .items-start{align-items: flex-start;}
.acme-mock-page.acme-mock-page .items-stretch{align-items: stretch;}
.acme-mock-page.acme-mock-page .justify-around{justify-content: space-around;}
.acme-mock-page.acme-mock-page .justify-between{justify-content: space-between;}
.acme-mock-page.acme-mock-page .justify-center{justify-content: center;}
.acme-mock-page.acme-mock-page .justify-end{justify-content: flex-end;}
.acme-mock-page.acme-mock-page .justify-start{justify-content: flex-start;}
.acme-mock-page.acme-mock-page .justify-items-start{justify-items: start;}
.acme-mock-page.acme-mock-page .gap-0{gap: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .gap-0\.5{gap: calc(var(--spacing) * .5);}
.acme-mock-page.acme-mock-page .gap-1{gap: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .gap-1\.5{gap: calc(var(--spacing) * 1.5);}
.acme-mock-page.acme-mock-page .gap-2{gap: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .gap-2\.5{gap: calc(var(--spacing) * 2.5);}
.acme-mock-page.acme-mock-page .gap-3{gap: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .gap-4{gap: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .gap-6{gap: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .gap-7{gap: calc(var(--spacing) * 7);}
.acme-mock-page.acme-mock-page .gap-8{gap: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .gap-10{gap: calc(var(--spacing) * 10);}
.acme-mock-page.acme-mock-page .gap-12{gap: calc(var(--spacing) * 12);}
.acme-mock-page.acme-mock-page .gap-16{gap: calc(var(--spacing) * 16);}
.acme-mock-page.acme-mock-page .gap-20{gap: calc(var(--spacing) * 20);}
.acme-mock-page.acme-mock-page .gap-24{gap: calc(var(--spacing) * 24);}
.acme-mock-page.acme-mock-page .gap-px{gap: 1px;}
.acme-mock-page.acme-mock-page :where(.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)));}
.acme-mock-page.acme-mock-page :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)));}
.acme-mock-page.acme-mock-page :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)));}
.acme-mock-page.acme-mock-page :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)));}
.acme-mock-page.acme-mock-page :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)));}
.acme-mock-page.acme-mock-page :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)));}
.acme-mock-page.acme-mock-page :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)));}
.acme-mock-page.acme-mock-page :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)));}
.acme-mock-page.acme-mock-page :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)));}
.acme-mock-page.acme-mock-page :where(.space-y-10 > :not(:last-child)){--tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));}
.acme-mock-page.acme-mock-page :where(.space-y-12 > :not(:last-child)){--tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));}
.acme-mock-page.acme-mock-page :where(.space-y-24 > :not(:last-child)){--tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 24) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 24) * calc(1 - var(--tw-space-y-reverse)));}
.acme-mock-page.acme-mock-page .gap-x-4{column-gap: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .gap-x-6{column-gap: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .gap-x-8{column-gap: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .gap-x-12{column-gap: calc(var(--spacing) * 12);}
.acme-mock-page.acme-mock-page .gap-x-16{column-gap: calc(var(--spacing) * 16);}
.acme-mock-page.acme-mock-page :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)));}
.acme-mock-page.acme-mock-page :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)));}
.acme-mock-page.acme-mock-page :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)));}
.acme-mock-page.acme-mock-page .gap-y-0\.5{row-gap: calc(var(--spacing) * .5);}
.acme-mock-page.acme-mock-page .gap-y-2{row-gap: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .gap-y-4{row-gap: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .gap-y-6{row-gap: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .gap-y-8{row-gap: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page :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)));}
.acme-mock-page.acme-mock-page .self-start{align-self: flex-start;}
.acme-mock-page.acme-mock-page .self-stretch{align-self: stretch;}
.acme-mock-page.acme-mock-page .justify-self-end{justify-self: flex-end;}
.acme-mock-page.acme-mock-page .truncate{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.acme-mock-page.acme-mock-page .overflow-auto{overflow: auto;}
.acme-mock-page.acme-mock-page .overflow-hidden{overflow: hidden;}
.acme-mock-page.acme-mock-page .overflow-x-auto{overflow-x: auto;}
.acme-mock-page.acme-mock-page .overflow-x-hidden{overflow-x: hidden;}
.acme-mock-page.acme-mock-page .overflow-y-auto{overflow-y: auto;}
.acme-mock-page.acme-mock-page .rounded{border-radius: 0.25rem;}
.acme-mock-page.acme-mock-page .rounded-2xl{border-radius: var(--radius-2xl);}
.acme-mock-page.acme-mock-page .rounded-3xl{border-radius: var(--radius-3xl);}
.acme-mock-page.acme-mock-page .rounded-\[2\.5rem\]{border-radius: 2.5rem;}
.acme-mock-page.acme-mock-page .rounded-\[2px\]{border-radius: 2px;}
.acme-mock-page.acme-mock-page .rounded-\[2rem\]{border-radius: 2rem;}
.acme-mock-page.acme-mock-page .rounded-\[3rem\]{border-radius: 3rem;}
.acme-mock-page.acme-mock-page .rounded-\[4px\]{border-radius: 4px;}
.acme-mock-page.acme-mock-page .rounded-\[calc\(var\(--radius\)-5px\)\]{border-radius: calc(var(--radius) - 5px);}
.acme-mock-page.acme-mock-page .rounded-\[inherit\]{border-radius: inherit;}
.acme-mock-page.acme-mock-page .rounded-full{border-radius: 3.40282e+38px;}
.acme-mock-page.acme-mock-page .rounded-lg{border-radius: var(--radius);}
.acme-mock-page.acme-mock-page .rounded-md{border-radius: calc(var(--radius) - 2px);}
.acme-mock-page.acme-mock-page .rounded-none{border-radius: 0px;}
.acme-mock-page.acme-mock-page .rounded-sm{border-radius: calc(var(--radius) - 4px);}
.acme-mock-page.acme-mock-page .rounded-xl{border-radius: calc(var(--radius) + 4px);}
.acme-mock-page.acme-mock-page .rounded-xs{border-radius: var(--radius-xs);}
.acme-mock-page.acme-mock-page .rounded-t{border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem;}
.acme-mock-page.acme-mock-page .rounded-t-lg{border-top-left-radius: var(--radius); border-top-right-radius: var(--radius);}
.acme-mock-page.acme-mock-page .rounded-t-xl{border-top-left-radius: calc(var(--radius) + 4px); border-top-right-radius: calc(var(--radius) + 4px);}
.acme-mock-page.acme-mock-page .rounded-l-md{border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px);}
.acme-mock-page.acme-mock-page .rounded-l-none{border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
.acme-mock-page.acme-mock-page .rounded-tl-2xl{border-top-left-radius: var(--radius-2xl);}
.acme-mock-page.acme-mock-page .rounded-tl-sm{border-top-left-radius: calc(var(--radius) - 4px);}
.acme-mock-page.acme-mock-page .rounded-r-full{border-top-right-radius: 3.40282e+38px; border-bottom-right-radius: 3.40282e+38px;}
.acme-mock-page.acme-mock-page .rounded-r-md{border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px);}
.acme-mock-page.acme-mock-page .rounded-r-none{border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
.acme-mock-page.acme-mock-page .rounded-b-2xl{border-bottom-right-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl);}
.acme-mock-page.acme-mock-page .border{border-style: var(--tw-border-style); border-width: 1px;}
.acme-mock-page.acme-mock-page .border-0{border-style: var(--tw-border-style); border-width: 0px;}
.acme-mock-page.acme-mock-page .border-2{border-style: var(--tw-border-style); border-width: 2px;}
.acme-mock-page.acme-mock-page .border-4{border-style: var(--tw-border-style); border-width: 4px;}
.acme-mock-page.acme-mock-page .border-\[1\.5px\]{border-style: var(--tw-border-style); border-width: 1.5px;}
.acme-mock-page.acme-mock-page .border-x{border-inline-style: var(--tw-border-style); border-inline-width: 1px;}
.acme-mock-page.acme-mock-page .border-y{border-block-style: var(--tw-border-style); border-block-width: 1px;}
.acme-mock-page.acme-mock-page .border-t{border-top-style: var(--tw-border-style); border-top-width: 1px;}
.acme-mock-page.acme-mock-page .border-r{border-right-style: var(--tw-border-style); border-right-width: 1px;}
.acme-mock-page.acme-mock-page .border-r-2{border-right-style: var(--tw-border-style); border-right-width: 2px;}
.acme-mock-page.acme-mock-page .border-r-4{border-right-style: var(--tw-border-style); border-right-width: 4px;}
.acme-mock-page.acme-mock-page .border-b{border-bottom-style: var(--tw-border-style); border-bottom-width: 1px;}
.acme-mock-page.acme-mock-page .border-b-2{border-bottom-style: var(--tw-border-style); border-bottom-width: 2px;}
.acme-mock-page.acme-mock-page .border-b-4{border-bottom-style: var(--tw-border-style); border-bottom-width: 4px;}
.acme-mock-page.acme-mock-page .border-l{border-left-style: var(--tw-border-style); border-left-width: 1px;}
.acme-mock-page.acme-mock-page .border-l-2{border-left-style: var(--tw-border-style); border-left-width: 2px;}
.acme-mock-page.acme-mock-page .border-l-4{border-left-style: var(--tw-border-style); border-left-width: 4px;}
.acme-mock-page.acme-mock-page .border-dashed{--tw-border-style: dashed; border-style: dashed;}
.acme-mock-page.acme-mock-page .border-none{--tw-border-style: none; border-style: none;}
.acme-mock-page.acme-mock-page .border-\(--color-border\){border-color: var(--color-border);}
.acme-mock-page.acme-mock-page .border-\[\#0a0a0a\]{border-color: rgb(10, 10, 10);}
.acme-mock-page.acme-mock-page .border-\[\#0ea5e9\]{border-color: rgb(14, 165, 233);}
.acme-mock-page.acme-mock-page .border-\[\#0ea5e9\]\/20{border-color: lab(63.352 -17.6081 -44.8632 / 0.2);}
.acme-mock-page.acme-mock-page .border-\[\#0f172a\]\/20{border-color: lab(7.77627 1.58887 -14.2961 / 0.2);}
.acme-mock-page.acme-mock-page .border-\[\#1a1a1a\]{border-color: rgb(26, 26, 26);}
.acme-mock-page.acme-mock-page .border-\[\#1a1a1a\]\/10{border-color: lab(9.26323 0 0.00000596046 / 0.1);}
.acme-mock-page.acme-mock-page .border-\[\#2d2d2d\]\/30{border-color: lab(18.4709 -0.0000447035 0.00000596046 / 0.3);}
.acme-mock-page.acme-mock-page .border-\[\#5c7c5c\]{border-color: rgb(92, 124, 92);}
.acme-mock-page.acme-mock-page .border-\[\#8b7355\]{border-color: rgb(139, 115, 85);}
.acme-mock-page.acme-mock-page .border-\[\#111\]\/5{border-color: lab(5.06333 0.00000745058 -0.00000298023 / 0.05);}
.acme-mock-page.acme-mock-page .border-\[\#111\]\/10{border-color: lab(5.06333 0.00000745058 -0.00000298023 / 0.1);}
.acme-mock-page.acme-mock-page .border-\[\#111\]\/20{border-color: lab(5.06333 0.00000745058 -0.00000298023 / 0.2);}
.acme-mock-page.acme-mock-page .border-\[\#6366f1\]\/50{border-color: lab(49.0485 30.3448 -71.8736 / 0.5);}
.acme-mock-page.acme-mock-page .border-\[\#09090b\]{border-color: rgb(9, 9, 11);}
.acme-mock-page.acme-mock-page .border-\[\#21262d\]{border-color: rgb(33, 38, 45);}
.acme-mock-page.acme-mock-page .border-\[\#30363d\]{border-color: rgb(48, 54, 61);}
.acme-mock-page.acme-mock-page .border-\[\#C4B8A8\]{border-color: rgb(196, 184, 168);}
.acme-mock-page.acme-mock-page .border-\[\#E8E0D5\]{border-color: rgb(232, 224, 213);}
.acme-mock-page.acme-mock-page .border-\[\#d4af37\]\/40{border-color: lab(73.2932 5.13336 62.8195 / 0.4);}
.acme-mock-page.acme-mock-page .border-\[\#d97706\]{border-color: rgb(217, 119, 6);}
.acme-mock-page.acme-mock-page .border-\[\#e0dcd6\]{border-color: rgb(224, 220, 214);}
.acme-mock-page.acme-mock-page .border-\[\#e5e3df\]{border-color: rgb(229, 227, 223);}
.acme-mock-page.acme-mock-page .border-\[\#e8e4dc\]{border-color: rgb(232, 228, 220);}
.acme-mock-page.acme-mock-page .border-\[\#ef4444\]\/40{border-color: lab(55.7852 65.6164 40.7976 / 0.4);}
.acme-mock-page.acme-mock-page .border-\[\#fef3c7\]\/10{border-color: lab(95.8996 -1.21173 22.7144 / 0.1);}
.acme-mock-page.acme-mock-page .border-\[\#fef3c7\]\/20{border-color: lab(95.8996 -1.21173 22.7144 / 0.2);}
.acme-mock-page.acme-mock-page .border-\[\#fef3c7\]\/30{border-color: lab(95.8996 -1.21173 22.7144 / 0.3);}
.acme-mock-page.acme-mock-page .border-amber-500\/20{border-color: rgba(249, 156, 0, 0.2);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-amber-500\/20{border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .border-background{border-color: var(--background);}
.acme-mock-page.acme-mock-page .border-background\/10{border-color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-background\/10{border-color: color-mix(in oklab, var(--background) 10%, transparent);}}
.acme-mock-page.acme-mock-page .border-background\/20{border-color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-background\/20{border-color: color-mix(in oklab, var(--background) 20%, transparent);}}
.acme-mock-page.acme-mock-page .border-background\/30{border-color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-background\/30{border-color: color-mix(in oklab, var(--background) 30%, transparent);}}
.acme-mock-page.acme-mock-page .border-blue-100{border-color: var(--color-blue-100);}
.acme-mock-page.acme-mock-page .border-blue-500\/20{border-color: rgba(48, 128, 255, 0.2);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-blue-500\/20{border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .border-border{border-color: var(--border);}
.acme-mock-page.acme-mock-page .border-border\/30{border-color: var(--border);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-border\/30{border-color: color-mix(in oklab, var(--border) 30%, transparent);}}
.acme-mock-page.acme-mock-page .border-border\/40{border-color: var(--border);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-border\/40{border-color: color-mix(in oklab, var(--border) 40%, transparent);}}
.acme-mock-page.acme-mock-page .border-border\/50{border-color: var(--border);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-border\/50{border-color: color-mix(in oklab, var(--border) 50%, transparent);}}
.acme-mock-page.acme-mock-page .border-border\/60{border-color: var(--border);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-border\/60{border-color: color-mix(in oklab, var(--border) 60%, transparent);}}
.acme-mock-page.acme-mock-page .border-card{border-color: var(--card);}
.acme-mock-page.acme-mock-page .border-cyan-400{border-color: var(--color-cyan-400);}
.acme-mock-page.acme-mock-page .border-cyan-500\/30{border-color: rgba(0, 183, 215, 0.3);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-cyan-500\/30{border-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);}}
.acme-mock-page.acme-mock-page .border-destructive{border-color: var(--destructive);}
.acme-mock-page.acme-mock-page .border-emerald-500\/20{border-color: rgba(0, 187, 127, 0.2);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-emerald-500\/20{border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .border-foreground{border-color: var(--foreground);}
.acme-mock-page.acme-mock-page .border-foreground\/20{border-color: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-foreground\/20{border-color: color-mix(in oklab, var(--foreground) 20%, transparent);}}
.acme-mock-page.acme-mock-page .border-gray-100{border-color: var(--color-gray-100);}
.acme-mock-page.acme-mock-page .border-gray-200{border-color: var(--color-gray-200);}
.acme-mock-page.acme-mock-page .border-gray-300{border-color: var(--color-gray-300);}
.acme-mock-page.acme-mock-page .border-gray-700{border-color: var(--color-gray-700);}
.acme-mock-page.acme-mock-page .border-gray-800{border-color: var(--color-gray-800);}
.acme-mock-page.acme-mock-page .border-indigo-400{border-color: var(--color-indigo-400);}
.acme-mock-page.acme-mock-page .border-indigo-500\/20{border-color: rgba(98, 95, 255, 0.2);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-indigo-500\/20{border-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .border-input{border-color: var(--input);}
.acme-mock-page.acme-mock-page .border-neutral-200{border-color: var(--color-neutral-200);}
.acme-mock-page.acme-mock-page .border-neutral-300{border-color: var(--color-neutral-300);}
.acme-mock-page.acme-mock-page .border-neutral-900{border-color: var(--color-neutral-900);}
.acme-mock-page.acme-mock-page .border-neutral-950{border-color: var(--color-neutral-950);}
.acme-mock-page.acme-mock-page .border-pink-200{border-color: var(--color-pink-200);}
.acme-mock-page.acme-mock-page .border-pink-200\/50{border-color: rgba(252, 206, 232, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-pink-200\/50{border-color: color-mix(in oklab, var(--color-pink-200) 50%, transparent);}}
.acme-mock-page.acme-mock-page .border-primary{border-color: var(--primary);}
.acme-mock-page.acme-mock-page .border-primary-foreground\/20{border-color: var(--primary-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-primary-foreground\/20{border-color: color-mix(in oklab, var(--primary-foreground) 20%, transparent);}}
.acme-mock-page.acme-mock-page .border-primary-foreground\/30{border-color: var(--primary-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-primary-foreground\/30{border-color: color-mix(in oklab, var(--primary-foreground) 30%, transparent);}}
.acme-mock-page.acme-mock-page .border-primary\/10{border-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-primary\/10{border-color: color-mix(in oklab, var(--primary) 10%, transparent);}}
.acme-mock-page.acme-mock-page .border-primary\/20{border-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-primary\/20{border-color: color-mix(in oklab, var(--primary) 20%, transparent);}}
.acme-mock-page.acme-mock-page .border-primary\/30{border-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-primary\/30{border-color: color-mix(in oklab, var(--primary) 30%, transparent);}}
.acme-mock-page.acme-mock-page .border-primary\/50{border-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-primary\/50{border-color: color-mix(in oklab, var(--primary) 50%, transparent);}}
.acme-mock-page.acme-mock-page .border-sidebar-border{border-color: var(--sidebar-border);}
.acme-mock-page.acme-mock-page .border-slate-100{border-color: var(--color-slate-100);}
.acme-mock-page.acme-mock-page .border-slate-200{border-color: var(--color-slate-200);}
.acme-mock-page.acme-mock-page .border-slate-200\/50{border-color: rgba(226, 232, 240, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-slate-200\/50{border-color: color-mix(in oklab, var(--color-slate-200) 50%, transparent);}}
.acme-mock-page.acme-mock-page .border-slate-300{border-color: var(--color-slate-300);}
.acme-mock-page.acme-mock-page .border-slate-700{border-color: var(--color-slate-700);}
.acme-mock-page.acme-mock-page .border-slate-800{border-color: var(--color-slate-800);}
.acme-mock-page.acme-mock-page .border-slate-800\/50{border-color: rgba(29, 41, 61, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-slate-800\/50{border-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);}}
.acme-mock-page.acme-mock-page .border-slate-900{border-color: var(--color-slate-900);}
.acme-mock-page.acme-mock-page .border-stone-700{border-color: var(--color-stone-700);}
.acme-mock-page.acme-mock-page .border-stone-800{border-color: var(--color-stone-800);}
.acme-mock-page.acme-mock-page .border-transparent{border-color: rgba(0, 0, 0, 0);}
.acme-mock-page.acme-mock-page .border-violet-200\/50{border-color: rgba(221, 214, 255, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-violet-200\/50{border-color: color-mix(in oklab, var(--color-violet-200) 50%, transparent);}}
.acme-mock-page.acme-mock-page .border-violet-500\/20{border-color: rgba(141, 84, 255, 0.2);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-violet-500\/20{border-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .border-violet-500\/30{border-color: rgba(141, 84, 255, 0.3);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-violet-500\/30{border-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);}}
.acme-mock-page.acme-mock-page .border-violet-500\/50{border-color: rgba(141, 84, 255, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-violet-500\/50{border-color: color-mix(in oklab, var(--color-violet-500) 50%, transparent);}}
.acme-mock-page.acme-mock-page .border-violet-900{border-color: var(--color-violet-900);}
.acme-mock-page.acme-mock-page .border-white{border-color: var(--color-white);}
.acme-mock-page.acme-mock-page .border-white\/5{border-color: rgba(255, 255, 255, 0.05);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-white\/5{border-color: color-mix(in oklab, var(--color-white) 5%, transparent);}}
.acme-mock-page.acme-mock-page .border-white\/10{border-color: rgba(255, 255, 255, 0.1);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-white\/10{border-color: color-mix(in oklab, var(--color-white) 10%, transparent);}}
.acme-mock-page.acme-mock-page .border-white\/20{border-color: rgba(255, 255, 255, 0.2);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-white\/20{border-color: color-mix(in oklab, var(--color-white) 20%, transparent);}}
.acme-mock-page.acme-mock-page .border-white\/30{border-color: rgba(255, 255, 255, 0.3);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-white\/30{border-color: color-mix(in oklab, var(--color-white) 30%, transparent);}}
.acme-mock-page.acme-mock-page .border-white\/40{border-color: rgba(255, 255, 255, 0.4);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-white\/40{border-color: color-mix(in oklab, var(--color-white) 40%, transparent);}}
.acme-mock-page.acme-mock-page .border-white\/50{border-color: rgba(255, 255, 255, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-white\/50{border-color: color-mix(in oklab, var(--color-white) 50%, transparent);}}
.acme-mock-page.acme-mock-page .border-t-transparent{border-top-color: rgba(0, 0, 0, 0);}
.acme-mock-page.acme-mock-page .border-l-transparent{border-left-color: rgba(0, 0, 0, 0);}
.acme-mock-page.acme-mock-page .bg-\(--color-bg\){background-color: var(--color-bg);}
.acme-mock-page.acme-mock-page .bg-\[\#0A0A0A\], .acme-mock-page.acme-mock-page .bg-\[\#0a0a0a\]{background-color: rgb(10, 10, 10);}
.acme-mock-page.acme-mock-page .bg-\[\#0a0a0a\]\/80{background-color: lab(2.74175 0 0 / 0.8);}
.acme-mock-page.acme-mock-page .bg-\[\#0a0a0a\]\/90{background-color: lab(2.74175 0 0 / 0.9);}
.acme-mock-page.acme-mock-page .bg-\[\#0a0a0f\]{background-color: rgb(10, 10, 15);}
.acme-mock-page.acme-mock-page .bg-\[\#0a0f1c\]{background-color: rgb(10, 15, 28);}
.acme-mock-page.acme-mock-page .bg-\[\#0d1117\]{background-color: rgb(13, 17, 23);}
.acme-mock-page.acme-mock-page .bg-\[\#0d1422\]{background-color: rgb(13, 20, 34);}
.acme-mock-page.acme-mock-page .bg-\[\#0d1424\]{background-color: rgb(13, 20, 36);}
.acme-mock-page.acme-mock-page .bg-\[\#0ea5e9\]{background-color: rgb(14, 165, 233);}
.acme-mock-page.acme-mock-page .bg-\[\#0ea5e9\]\/10{background-color: lab(63.352 -17.6081 -44.8632 / 0.1);}
.acme-mock-page.acme-mock-page .bg-\[\#0ea5e9\]\/20{background-color: lab(63.352 -17.6081 -44.8632 / 0.2);}
.acme-mock-page.acme-mock-page .bg-\[\#0f0f0f\]{background-color: rgb(15, 15, 15);}
.acme-mock-page.acme-mock-page .bg-\[\#0f0f0f\]\/80{background-color: lab(4.315 -0.0000149012 0.00000596046 / 0.8);}
.acme-mock-page.acme-mock-page .bg-\[\#0f0f1a\]{background-color: rgb(15, 15, 26);}
.acme-mock-page.acme-mock-page .bg-\[\#0f172a\]{background-color: rgb(15, 23, 42);}
.acme-mock-page.acme-mock-page .bg-\[\#1a0a2e\]{background-color: rgb(26, 10, 46);}
.acme-mock-page.acme-mock-page .bg-\[\#1a1a1a\]{background-color: rgb(26, 26, 26);}
.acme-mock-page.acme-mock-page .bg-\[\#1a1a2e\]{background-color: rgb(26, 26, 46);}
.acme-mock-page.acme-mock-page .bg-\[\#1c1917\]{background-color: rgb(28, 25, 23);}
.acme-mock-page.acme-mock-page .bg-\[\#1c1917\]\/90{background-color: lab(9.05132 1.1779 1.97037 / 0.9);}
.acme-mock-page.acme-mock-page .bg-\[\#1e3a5f\]{background-color: rgb(30, 58, 95);}
.acme-mock-page.acme-mock-page .bg-\[\#1e3a5f\]\/90{background-color: lab(23.7237 -0.581726 -25.6358 / 0.9);}
.acme-mock-page.acme-mock-page .bg-\[\#1e3a5f\]\/95{background-color: lab(23.7237 -0.581726 -25.6358 / 0.95);}
.acme-mock-page.acme-mock-page .bg-\[\#2d2d2d\]{background-color: rgb(45, 45, 45);}
.acme-mock-page.acme-mock-page .bg-\[\#2d2d2d\]\/20{background-color: lab(18.4709 -0.0000447035 0.00000596046 / 0.2);}
.acme-mock-page.acme-mock-page .bg-\[\#2d2d2d\]\/50{background-color: lab(18.4709 -0.0000447035 0.00000596046 / 0.5);}
.acme-mock-page.acme-mock-page .bg-\[\#3D3D3D\], .acme-mock-page.acme-mock-page .bg-\[\#3d3d3d\]{background-color: rgb(61, 61, 61);}
.acme-mock-page.acme-mock-page .bg-\[\#3fb950\]{background-color: rgb(63, 185, 80);}
.acme-mock-page.acme-mock-page .bg-\[\#4ecdc4\]\/20{background-color: lab(75.3311 -37.9145 -6.48251 / 0.2);}
.acme-mock-page.acme-mock-page .bg-\[\#5c7c5c\]{background-color: rgb(92, 124, 92);}
.acme-mock-page.acme-mock-page .bg-\[\#5c7c5c\]\/10{background-color: lab(48.8583 -17.0149 13.687 / 0.1);}
.acme-mock-page.acme-mock-page .bg-\[\#6B8E6B\]{background-color: rgb(107, 142, 107);}
.acme-mock-page.acme-mock-page .bg-\[\#6B8E6B\]\/10{background-color: lab(55.6386 -18.1787 14.5876 / 0.1);}
.acme-mock-page.acme-mock-page .bg-\[\#8b5cf6\]\/20{background-color: lab(50.6911 45.8505 -71.7974 / 0.2);}
.acme-mock-page.acme-mock-page .bg-\[\#8b7355\]{background-color: rgb(139, 115, 85);}
.acme-mock-page.acme-mock-page .bg-\[\#111\]{background-color: rgb(17, 17, 17);}
.acme-mock-page.acme-mock-page .bg-\[\#161b22\]{background-color: rgb(22, 27, 34);}
.acme-mock-page.acme-mock-page .bg-\[\#6366f1\]{background-color: rgb(99, 102, 241);}
.acme-mock-page.acme-mock-page .bg-\[\#6366f1\]\/20{background-color: lab(49.0485 30.3448 -71.8736 / 0.2);}
.acme-mock-page.acme-mock-page .bg-\[\#09090b\]{background-color: rgb(9, 9, 11);}
.acme-mock-page.acme-mock-page .bg-\[\#09090b\]\/80{background-color: lab(2.50124 0.210069 -0.770628 / 0.8);}
.acme-mock-page.acme-mock-page .bg-\[\#21262d\]{background-color: rgb(33, 38, 45);}
.acme-mock-page.acme-mock-page .bg-\[\#111111\]{background-color: rgb(17, 17, 17);}
.acme-mock-page.acme-mock-page .bg-\[\#292524\]{background-color: rgb(41, 37, 36);}
.acme-mock-page.acme-mock-page .bg-\[\#E8E0D5\]{background-color: rgb(232, 224, 213);}
.acme-mock-page.acme-mock-page .bg-\[\#F5F0E8\]{background-color: rgb(245, 240, 232);}
.acme-mock-page.acme-mock-page .bg-\[\#FAF8F5\]{background-color: rgb(250, 248, 245);}
.acme-mock-page.acme-mock-page .bg-\[\#b8860b\]{background-color: rgb(184, 134, 11);}
.acme-mock-page.acme-mock-page .bg-\[\#c4a052\]{background-color: rgb(196, 160, 82);}
.acme-mock-page.acme-mock-page .bg-\[\#c4a052\]\/20{background-color: lab(68.0164 7.04536 45.2034 / 0.2);}
.acme-mock-page.acme-mock-page .bg-\[\#c9a962\]{background-color: rgb(201, 169, 98);}
.acme-mock-page.acme-mock-page .bg-\[\#c9a962\]\/20{background-color: lab(70.9939 5.52833 40.9073 / 0.2);}
.acme-mock-page.acme-mock-page .bg-\[\#d4af37\]{background-color: rgb(212, 175, 55);}
.acme-mock-page.acme-mock-page .bg-\[\#d4af37\]\/20{background-color: lab(73.2932 5.13336 62.8195 / 0.2);}
.acme-mock-page.acme-mock-page .bg-\[\#d29922\]{background-color: rgb(210, 153, 34);}
.acme-mock-page.acme-mock-page .bg-\[\#d97706\]{background-color: rgb(217, 119, 6);}
.acme-mock-page.acme-mock-page .bg-\[\#dc2626\]{background-color: rgb(220, 38, 38);}
.acme-mock-page.acme-mock-page .bg-\[\#e5e3df\]{background-color: rgb(229, 227, 223);}
.acme-mock-page.acme-mock-page .bg-\[\#e8e4dc\]{background-color: rgb(232, 228, 220);}
.acme-mock-page.acme-mock-page .bg-\[\#e8e4dc\]\/30{background-color: lab(90.739 0.368595 4.41973 / 0.3);}
.acme-mock-page.acme-mock-page .bg-\[\#ef4444\]{background-color: rgb(239, 68, 68);}
.acme-mock-page.acme-mock-page .bg-\[\#ef4444\]\/20{background-color: lab(55.7852 65.6164 40.7976 / 0.2);}
.acme-mock-page.acme-mock-page .bg-\[\#f5f3ef\]{background-color: rgb(245, 243, 239);}
.acme-mock-page.acme-mock-page .bg-\[\#f5f4f1\]{background-color: rgb(245, 244, 241);}
.acme-mock-page.acme-mock-page .bg-\[\#f5f5f0\]{background-color: rgb(245, 245, 240);}
.acme-mock-page.acme-mock-page .bg-\[\#f5f5f0\]\/90{background-color: lab(96.4335 -0.650495 2.41337 / 0.9);}
.acme-mock-page.acme-mock-page .bg-\[\#f8f6f3\]{background-color: rgb(248, 246, 243);}
.acme-mock-page.acme-mock-page .bg-\[\#f8f8f8\]{background-color: rgb(248, 248, 248);}
.acme-mock-page.acme-mock-page .bg-\[\#f8f9fa\]{background-color: rgb(248, 249, 250);}
.acme-mock-page.acme-mock-page .bg-\[\#f8fafc\]{background-color: rgb(248, 250, 252);}
.acme-mock-page.acme-mock-page .bg-\[\#f85149\]{background-color: rgb(248, 81, 73);}
.acme-mock-page.acme-mock-page .bg-\[\#faf9f6\]{background-color: rgb(250, 249, 246);}
.acme-mock-page.acme-mock-page .bg-\[\#faf9f6\]\/90{background-color: lab(97.9404 -0.0461042 1.56627 / 0.9);}
.acme-mock-page.acme-mock-page .bg-\[\#faf9f7\]{background-color: rgb(250, 249, 247);}
.acme-mock-page.acme-mock-page .bg-\[\#fafafa\]{background-color: rgb(250, 250, 250);}
.acme-mock-page.acme-mock-page .bg-\[\#fef3c7\]\/30{background-color: lab(95.8996 -1.21173 22.7144 / 0.3);}
.acme-mock-page.acme-mock-page .bg-\[\#ff6b6b\]\/20{background-color: lab(64.7084 57.4516 30.2552 / 0.2);}
.acme-mock-page.acme-mock-page .bg-accent{background-color: var(--accent);}
.acme-mock-page.acme-mock-page .bg-amber-100{background-color: var(--color-amber-100);}
.acme-mock-page.acme-mock-page .bg-amber-500{background-color: var(--color-amber-500);}
.acme-mock-page.acme-mock-page .bg-amber-500\/10{background-color: rgba(249, 156, 0, 0.1);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-amber-500\/10{background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);}}
.acme-mock-page.acme-mock-page .bg-background{background-color: var(--background);}
.acme-mock-page.acme-mock-page .bg-background\/10{background-color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-background\/10{background-color: color-mix(in oklab, var(--background) 10%, transparent);}}
.acme-mock-page.acme-mock-page .bg-background\/20{background-color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-background\/20{background-color: color-mix(in oklab, var(--background) 20%, transparent);}}
.acme-mock-page.acme-mock-page .bg-background\/80{background-color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-background\/80{background-color: color-mix(in oklab, var(--background) 80%, transparent);}}
.acme-mock-page.acme-mock-page .bg-background\/95{background-color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-background\/95{background-color: color-mix(in oklab, var(--background) 95%, transparent);}}
.acme-mock-page.acme-mock-page .bg-black{background-color: var(--color-black);}
.acme-mock-page.acme-mock-page .bg-black\/30{background-color: rgba(0, 0, 0, 0.3);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-black\/30{background-color: color-mix(in oklab, var(--color-black) 30%, transparent);}}
.acme-mock-page.acme-mock-page .bg-black\/40{background-color: rgba(0, 0, 0, 0.4);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-black\/40{background-color: color-mix(in oklab, var(--color-black) 40%, transparent);}}
.acme-mock-page.acme-mock-page .bg-black\/50{background-color: rgba(0, 0, 0, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-black\/50{background-color: color-mix(in oklab, var(--color-black) 50%, transparent);}}
.acme-mock-page.acme-mock-page .bg-black\/70{background-color: rgba(0, 0, 0, 0.7);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-black\/70{background-color: color-mix(in oklab, var(--color-black) 70%, transparent);}}
.acme-mock-page.acme-mock-page .bg-blue-50{background-color: var(--color-blue-50);}
.acme-mock-page.acme-mock-page .bg-blue-100{background-color: var(--color-blue-100);}
.acme-mock-page.acme-mock-page .bg-blue-500{background-color: var(--color-blue-500);}
.acme-mock-page.acme-mock-page .bg-blue-500\/5{background-color: rgba(48, 128, 255, 0.05);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-blue-500\/5{background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent);}}
.acme-mock-page.acme-mock-page .bg-blue-500\/10{background-color: rgba(48, 128, 255, 0.1);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-blue-500\/10{background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent);}}
.acme-mock-page.acme-mock-page .bg-blue-600{background-color: var(--color-blue-600);}
.acme-mock-page.acme-mock-page .bg-border{background-color: var(--border);}
.acme-mock-page.acme-mock-page .bg-card{background-color: var(--card);}
.acme-mock-page.acme-mock-page .bg-card\/90{background-color: var(--card);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-card\/90{background-color: color-mix(in oklab, var(--card) 90%, transparent);}}
.acme-mock-page.acme-mock-page .bg-card\/95{background-color: var(--card);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-card\/95{background-color: color-mix(in oklab, var(--card) 95%, transparent);}}
.acme-mock-page.acme-mock-page .bg-card\/98{background-color: var(--card);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-card\/98{background-color: color-mix(in oklab, var(--card) 98%, transparent);}}
.acme-mock-page.acme-mock-page .bg-current{background-color: currentcolor;}
.acme-mock-page.acme-mock-page .bg-cyan-50{background-color: var(--color-cyan-50);}
.acme-mock-page.acme-mock-page .bg-cyan-400{background-color: var(--color-cyan-400);}
.acme-mock-page.acme-mock-page .bg-cyan-500{background-color: var(--color-cyan-500);}
.acme-mock-page.acme-mock-page .bg-cyan-500\/5{background-color: rgba(0, 183, 215, 0.05);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-cyan-500\/5{background-color: color-mix(in oklab, var(--color-cyan-500) 5%, transparent);}}
.acme-mock-page.acme-mock-page .bg-cyan-500\/10{background-color: rgba(0, 183, 215, 0.1);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-cyan-500\/10{background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);}}
.acme-mock-page.acme-mock-page .bg-cyan-500\/20{background-color: rgba(0, 183, 215, 0.2);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-cyan-500\/20{background-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .bg-cyan-600\/10{background-color: rgba(0, 146, 181, 0.1);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-cyan-600\/10{background-color: color-mix(in oklab, var(--color-cyan-600) 10%, transparent);}}
.acme-mock-page.acme-mock-page .bg-destructive{background-color: var(--destructive);}
.acme-mock-page.acme-mock-page .bg-emerald-100{background-color: var(--color-emerald-100);}
.acme-mock-page.acme-mock-page .bg-emerald-500{background-color: var(--color-emerald-500);}
.acme-mock-page.acme-mock-page .bg-emerald-500\/10{background-color: rgba(0, 187, 127, 0.1);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-emerald-500\/10{background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);}}
.acme-mock-page.acme-mock-page .bg-emerald-500\/20{background-color: rgba(0, 187, 127, 0.2);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-emerald-500\/20{background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .bg-foreground{background-color: var(--foreground);}
.acme-mock-page.acme-mock-page .bg-foreground\/10{background-color: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-foreground\/10{background-color: color-mix(in oklab, var(--foreground) 10%, transparent);}}
.acme-mock-page.acme-mock-page .bg-foreground\/20{background-color: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-foreground\/20{background-color: color-mix(in oklab, var(--foreground) 20%, transparent);}}
.acme-mock-page.acme-mock-page .bg-fuchsia-500\/20{background-color: rgba(225, 42, 251, 0.2);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-fuchsia-500\/20{background-color: color-mix(in oklab, var(--color-fuchsia-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .bg-fuchsia-600\/20{background-color: rgba(198, 0, 219, 0.2);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-fuchsia-600\/20{background-color: color-mix(in oklab, var(--color-fuchsia-600) 20%, transparent);}}
.acme-mock-page.acme-mock-page .bg-gray-50{background-color: var(--color-gray-50);}
.acme-mock-page.acme-mock-page .bg-gray-50\/50{background-color: rgba(249, 250, 251, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-gray-50\/50{background-color: color-mix(in oklab, var(--color-gray-50) 50%, transparent);}}
.acme-mock-page.acme-mock-page .bg-gray-100{background-color: var(--color-gray-100);}
.acme-mock-page.acme-mock-page .bg-gray-200{background-color: var(--color-gray-200);}
.acme-mock-page.acme-mock-page .bg-gray-400{background-color: var(--color-gray-400);}
.acme-mock-page.acme-mock-page .bg-gray-900{background-color: var(--color-gray-900);}
.acme-mock-page.acme-mock-page .bg-gray-900\/50{background-color: rgba(16, 24, 40, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-gray-900\/50{background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);}}
.acme-mock-page.acme-mock-page .bg-gray-900\/80{background-color: rgba(16, 24, 40, 0.8);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-gray-900\/80{background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent);}}
.acme-mock-page.acme-mock-page .bg-green-100{background-color: var(--color-green-100);}
.acme-mock-page.acme-mock-page .bg-green-400{background-color: var(--color-green-400);}
.acme-mock-page.acme-mock-page .bg-green-500{background-color: var(--color-green-500);}
.acme-mock-page.acme-mock-page .bg-green-500\/20{background-color: rgba(0, 199, 88, 0.2);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-green-500\/20{background-color: color-mix(in oklab, var(--color-green-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .bg-green-500\/60{background-color: rgba(0, 199, 88, 0.6);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-green-500\/60{background-color: color-mix(in oklab, var(--color-green-500) 60%, transparent);}}
.acme-mock-page.acme-mock-page .bg-green-500\/80{background-color: rgba(0, 199, 88, 0.8);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-green-500\/80{background-color: color-mix(in oklab, var(--color-green-500) 80%, transparent);}}
.acme-mock-page.acme-mock-page .bg-green-600{background-color: var(--color-green-600);}
.acme-mock-page.acme-mock-page .bg-indigo-100{background-color: var(--color-indigo-100);}
.acme-mock-page.acme-mock-page .bg-indigo-400{background-color: var(--color-indigo-400);}
.acme-mock-page.acme-mock-page .bg-indigo-500{background-color: var(--color-indigo-500);}
.acme-mock-page.acme-mock-page .bg-indigo-500\/10{background-color: rgba(98, 95, 255, 0.1);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-indigo-500\/10{background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);}}
.acme-mock-page.acme-mock-page .bg-indigo-500\/30{background-color: rgba(98, 95, 255, 0.3);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-indigo-500\/30{background-color: color-mix(in oklab, var(--color-indigo-500) 30%, transparent);}}
.acme-mock-page.acme-mock-page .bg-indigo-600{background-color: var(--color-indigo-600);}
.acme-mock-page.acme-mock-page .bg-input{background-color: var(--input);}
.acme-mock-page.acme-mock-page .bg-muted{background-color: var(--muted);}
.acme-mock-page.acme-mock-page .bg-muted-foreground\/10{background-color: var(--muted-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-muted-foreground\/10{background-color: color-mix(in oklab, var(--muted-foreground) 10%, transparent);}}
.acme-mock-page.acme-mock-page .bg-muted-foreground\/15{background-color: var(--muted-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-muted-foreground\/15{background-color: color-mix(in oklab, var(--muted-foreground) 15%, transparent);}}
.acme-mock-page.acme-mock-page .bg-muted-foreground\/20{background-color: var(--muted-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-muted-foreground\/20{background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);}}
.acme-mock-page.acme-mock-page .bg-muted-foreground\/40{background-color: var(--muted-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-muted-foreground\/40{background-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);}}
.acme-mock-page.acme-mock-page .bg-muted-foreground\/50{background-color: var(--muted-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-muted-foreground\/50{background-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);}}
.acme-mock-page.acme-mock-page .bg-muted\/10{background-color: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-muted\/10{background-color: color-mix(in oklab, var(--muted) 10%, transparent);}}
.acme-mock-page.acme-mock-page .bg-muted\/20{background-color: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-muted\/20{background-color: color-mix(in oklab, var(--muted) 20%, transparent);}}
.acme-mock-page.acme-mock-page .bg-muted\/30{background-color: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-muted\/30{background-color: color-mix(in oklab, var(--muted) 30%, transparent);}}
.acme-mock-page.acme-mock-page .bg-muted\/50{background-color: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-muted\/50{background-color: color-mix(in oklab, var(--muted) 50%, transparent);}}
.acme-mock-page.acme-mock-page .bg-muted\/60{background-color: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-muted\/60{background-color: color-mix(in oklab, var(--muted) 60%, transparent);}}
.acme-mock-page.acme-mock-page .bg-muted\/70{background-color: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-muted\/70{background-color: color-mix(in oklab, var(--muted) 70%, transparent);}}
.acme-mock-page.acme-mock-page .bg-neutral-50{background-color: var(--color-neutral-50);}
.acme-mock-page.acme-mock-page .bg-neutral-100{background-color: var(--color-neutral-100);}
.acme-mock-page.acme-mock-page .bg-neutral-800{background-color: var(--color-neutral-800);}
.acme-mock-page.acme-mock-page .bg-neutral-900{background-color: var(--color-neutral-900);}
.acme-mock-page.acme-mock-page .bg-neutral-950{background-color: var(--color-neutral-950);}
.acme-mock-page.acme-mock-page .bg-orange-100{background-color: var(--color-orange-100);}
.acme-mock-page.acme-mock-page .bg-orange-200{background-color: var(--color-orange-200);}
.acme-mock-page.acme-mock-page .bg-orange-500{background-color: var(--color-orange-500);}
.acme-mock-page.acme-mock-page .bg-orange-500\/10{background-color: rgba(254, 110, 0, 0.1);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-orange-500\/10{background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent);}}
.acme-mock-page.acme-mock-page .bg-orange-500\/20{background-color: rgba(254, 110, 0, 0.2);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-orange-500\/20{background-color: color-mix(in oklab, var(--color-orange-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .bg-pink-500{background-color: var(--color-pink-500);}
.acme-mock-page.acme-mock-page .bg-pink-500\/10{background-color: rgba(246, 51, 154, 0.1);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-pink-500\/10{background-color: color-mix(in oklab, var(--color-pink-500) 10%, transparent);}}
.acme-mock-page.acme-mock-page .bg-popover{background-color: var(--popover);}
.acme-mock-page.acme-mock-page .bg-primary{background-color: var(--primary);}
.acme-mock-page.acme-mock-page .bg-primary-foreground{background-color: var(--primary-foreground);}
.acme-mock-page.acme-mock-page .bg-primary-foreground\/10{background-color: var(--primary-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-primary-foreground\/10{background-color: color-mix(in oklab, var(--primary-foreground) 10%, transparent);}}
.acme-mock-page.acme-mock-page .bg-primary-foreground\/20{background-color: var(--primary-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-primary-foreground\/20{background-color: color-mix(in oklab, var(--primary-foreground) 20%, transparent);}}
.acme-mock-page.acme-mock-page .bg-primary\/5{background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-primary\/5{background-color: color-mix(in oklab, var(--primary) 5%, transparent);}}
.acme-mock-page.acme-mock-page .bg-primary\/8{background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-primary\/8{background-color: color-mix(in oklab, var(--primary) 8%, transparent);}}
.acme-mock-page.acme-mock-page .bg-primary\/10{background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-primary\/10{background-color: color-mix(in oklab, var(--primary) 10%, transparent);}}
.acme-mock-page.acme-mock-page .bg-primary\/15{background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-primary\/15{background-color: color-mix(in oklab, var(--primary) 15%, transparent);}}
.acme-mock-page.acme-mock-page .bg-primary\/20{background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-primary\/20{background-color: color-mix(in oklab, var(--primary) 20%, transparent);}}
.acme-mock-page.acme-mock-page .bg-primary\/30{background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-primary\/30{background-color: color-mix(in oklab, var(--primary) 30%, transparent);}}
.acme-mock-page.acme-mock-page .bg-primary\/40{background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-primary\/40{background-color: color-mix(in oklab, var(--primary) 40%, transparent);}}
.acme-mock-page.acme-mock-page .bg-primary\/50{background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-primary\/50{background-color: color-mix(in oklab, var(--primary) 50%, transparent);}}
.acme-mock-page.acme-mock-page .bg-primary\/60{background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-primary\/60{background-color: color-mix(in oklab, var(--primary) 60%, transparent);}}
.acme-mock-page.acme-mock-page .bg-primary\/70{background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-primary\/70{background-color: color-mix(in oklab, var(--primary) 70%, transparent);}}
.acme-mock-page.acme-mock-page .bg-primary\/80{background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-primary\/80{background-color: color-mix(in oklab, var(--primary) 80%, transparent);}}
.acme-mock-page.acme-mock-page .bg-primary\/90{background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-primary\/90{background-color: color-mix(in oklab, var(--primary) 90%, transparent);}}
.acme-mock-page.acme-mock-page .bg-purple-500{background-color: var(--color-purple-500);}
.acme-mock-page.acme-mock-page .bg-purple-500\/10{background-color: rgba(172, 75, 255, 0.1);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-purple-500\/10{background-color: color-mix(in oklab, var(--color-purple-500) 10%, transparent);}}
.acme-mock-page.acme-mock-page .bg-red-100{background-color: var(--color-red-100);}
.acme-mock-page.acme-mock-page .bg-red-400{background-color: var(--color-red-400);}
.acme-mock-page.acme-mock-page .bg-red-500{background-color: var(--color-red-500);}
.acme-mock-page.acme-mock-page .bg-red-500\/10{background-color: rgba(251, 44, 54, 0.1);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-red-500\/10{background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent);}}
.acme-mock-page.acme-mock-page .bg-red-500\/60{background-color: rgba(251, 44, 54, 0.6);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-red-500\/60{background-color: color-mix(in oklab, var(--color-red-500) 60%, transparent);}}
.acme-mock-page.acme-mock-page .bg-red-500\/80{background-color: rgba(251, 44, 54, 0.8);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-red-500\/80{background-color: color-mix(in oklab, var(--color-red-500) 80%, transparent);}}
.acme-mock-page.acme-mock-page .bg-rose-100{background-color: var(--color-rose-100);}
.acme-mock-page.acme-mock-page .bg-rose-200{background-color: var(--color-rose-200);}
.acme-mock-page.acme-mock-page .bg-secondary{background-color: var(--secondary);}
.acme-mock-page.acme-mock-page .bg-sidebar{background-color: var(--sidebar);}
.acme-mock-page.acme-mock-page .bg-sidebar-border{background-color: var(--sidebar-border);}
.acme-mock-page.acme-mock-page .bg-slate-50{background-color: var(--color-slate-50);}
.acme-mock-page.acme-mock-page .bg-slate-100{background-color: var(--color-slate-100);}
.acme-mock-page.acme-mock-page .bg-slate-200{background-color: var(--color-slate-200);}
.acme-mock-page.acme-mock-page .bg-slate-400{background-color: var(--color-slate-400);}
.acme-mock-page.acme-mock-page .bg-slate-700{background-color: var(--color-slate-700);}
.acme-mock-page.acme-mock-page .bg-slate-800{background-color: var(--color-slate-800);}
.acme-mock-page.acme-mock-page .bg-slate-800\/50{background-color: rgba(29, 41, 61, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-slate-800\/50{background-color: color-mix(in oklab, var(--color-slate-800) 50%, transparent);}}
.acme-mock-page.acme-mock-page .bg-slate-900{background-color: var(--color-slate-900);}
.acme-mock-page.acme-mock-page .bg-slate-900\/50{background-color: rgba(15, 23, 43, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-slate-900\/50{background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);}}
.acme-mock-page.acme-mock-page .bg-slate-950{background-color: var(--color-slate-950);}
.acme-mock-page.acme-mock-page .bg-slate-950\/50{background-color: rgba(2, 6, 24, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-slate-950\/50{background-color: color-mix(in oklab, var(--color-slate-950) 50%, transparent);}}
.acme-mock-page.acme-mock-page .bg-stone-50{background-color: var(--color-stone-50);}
.acme-mock-page.acme-mock-page .bg-stone-100{background-color: var(--color-stone-100);}
.acme-mock-page.acme-mock-page .bg-stone-800{background-color: var(--color-stone-800);}
.acme-mock-page.acme-mock-page .bg-stone-900{background-color: var(--color-stone-900);}
.acme-mock-page.acme-mock-page .bg-stone-950{background-color: var(--color-stone-950);}
.acme-mock-page.acme-mock-page .bg-transparent{background-color: rgba(0, 0, 0, 0);}
.acme-mock-page.acme-mock-page .bg-violet-50{background-color: var(--color-violet-50);}
.acme-mock-page.acme-mock-page .bg-violet-100{background-color: var(--color-violet-100);}
.acme-mock-page.acme-mock-page .bg-violet-500\/10{background-color: rgba(141, 84, 255, 0.1);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-violet-500\/10{background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent);}}
.acme-mock-page.acme-mock-page .bg-violet-500\/20{background-color: rgba(141, 84, 255, 0.2);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-violet-500\/20{background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .bg-violet-500\/30{background-color: rgba(141, 84, 255, 0.3);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-violet-500\/30{background-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent);}}
.acme-mock-page.acme-mock-page .bg-violet-600{background-color: var(--color-violet-600);}
.acme-mock-page.acme-mock-page .bg-violet-600\/20{background-color: rgba(127, 34, 254, 0.2);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-violet-600\/20{background-color: color-mix(in oklab, var(--color-violet-600) 20%, transparent);}}
.acme-mock-page.acme-mock-page .bg-white{background-color: var(--color-white);}
.acme-mock-page.acme-mock-page .bg-white\/5{background-color: rgba(255, 255, 255, 0.05);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-white\/5{background-color: color-mix(in oklab, var(--color-white) 5%, transparent);}}
.acme-mock-page.acme-mock-page .bg-white\/10{background-color: rgba(255, 255, 255, 0.1);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-white\/10{background-color: color-mix(in oklab, var(--color-white) 10%, transparent);}}
.acme-mock-page.acme-mock-page .bg-white\/20{background-color: rgba(255, 255, 255, 0.2);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-white\/20{background-color: color-mix(in oklab, var(--color-white) 20%, transparent);}}
.acme-mock-page.acme-mock-page .bg-white\/30{background-color: rgba(255, 255, 255, 0.3);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-white\/30{background-color: color-mix(in oklab, var(--color-white) 30%, transparent);}}
.acme-mock-page.acme-mock-page .bg-white\/40{background-color: rgba(255, 255, 255, 0.4);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-white\/40{background-color: color-mix(in oklab, var(--color-white) 40%, transparent);}}
.acme-mock-page.acme-mock-page .bg-white\/60{background-color: rgba(255, 255, 255, 0.6);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-white\/60{background-color: color-mix(in oklab, var(--color-white) 60%, transparent);}}
.acme-mock-page.acme-mock-page .bg-white\/80{background-color: rgba(255, 255, 255, 0.8);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-white\/80{background-color: color-mix(in oklab, var(--color-white) 80%, transparent);}}
.acme-mock-page.acme-mock-page .bg-white\/90{background-color: rgba(255, 255, 255, 0.9);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-white\/90{background-color: color-mix(in oklab, var(--color-white) 90%, transparent);}}
.acme-mock-page.acme-mock-page .bg-white\/95{background-color: rgba(255, 255, 255, 0.95);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-white\/95{background-color: color-mix(in oklab, var(--color-white) 95%, transparent);}}
.acme-mock-page.acme-mock-page .bg-white\/\[0\.02\]{background-color: rgba(255, 255, 255, 0.02);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-white\/\[0\.02\]{background-color: color-mix(in oklab, var(--color-white) 2%, transparent);}}
.acme-mock-page.acme-mock-page .bg-yellow-200{background-color: var(--color-yellow-200);}
.acme-mock-page.acme-mock-page .bg-yellow-400{background-color: var(--color-yellow-400);}
.acme-mock-page.acme-mock-page .bg-yellow-500{background-color: var(--color-yellow-500);}
.acme-mock-page.acme-mock-page .bg-yellow-500\/60{background-color: rgba(237, 178, 0, 0.6);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-yellow-500\/60{background-color: color-mix(in oklab, var(--color-yellow-500) 60%, transparent);}}
.acme-mock-page.acme-mock-page .bg-yellow-500\/80{background-color: rgba(237, 178, 0, 0.8);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-yellow-500\/80{background-color: color-mix(in oklab, var(--color-yellow-500) 80%, transparent);}}
.acme-mock-page.acme-mock-page .bg-gradient-to-b{--tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops));}
.acme-mock-page.acme-mock-page .bg-gradient-to-bl{--tw-gradient-position: to bottom left in oklab; background-image: linear-gradient(var(--tw-gradient-stops));}
.acme-mock-page.acme-mock-page .bg-gradient-to-br{--tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops));}
.acme-mock-page.acme-mock-page .bg-gradient-to-l{--tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops));}
.acme-mock-page.acme-mock-page .bg-gradient-to-r{--tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops));}
.acme-mock-page.acme-mock-page .bg-gradient-to-t{--tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops));}
.acme-mock-page.acme-mock-page .bg-\[linear-gradient\(rgba\(255\, .acme-mock-page.acme-mock-page 107\, .acme-mock-page.acme-mock-page 107\, .acme-mock-page.acme-mock-page 0\.03\)_1px\, .acme-mock-page.acme-mock-page transparent_1px\)\, .acme-mock-page.acme-mock-page linear-gradient\(90deg\, .acme-mock-page.acme-mock-page rgba\(255\, .acme-mock-page.acme-mock-page 107\, .acme-mock-page.acme-mock-page 107\, .acme-mock-page.acme-mock-page 0\.03\)_1px\, .acme-mock-page.acme-mock-page transparent_1px\)\]{background-image: linear-gradient(rgba(255, 107, 107, 0.03) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(255, 107, 107, 0.03) 1px, rgba(0, 0, 0, 0) 1px);}
.acme-mock-page.acme-mock-page .bg-\[linear-gradient\(rgba\(255\, .acme-mock-page.acme-mock-page 255\, .acme-mock-page.acme-mock-page 255\, .acme-mock-page.acme-mock-page 0\.03\)_1px\, .acme-mock-page.acme-mock-page transparent_1px\)\, .acme-mock-page.acme-mock-page linear-gradient\(90deg\, .acme-mock-page.acme-mock-page rgba\(255\, .acme-mock-page.acme-mock-page 255\, .acme-mock-page.acme-mock-page 255\, .acme-mock-page.acme-mock-page 0\.03\)_1px\, .acme-mock-page.acme-mock-page transparent_1px\)\]{background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, rgba(0, 0, 0, 0) 1px);}
.acme-mock-page.acme-mock-page .bg-\[linear-gradient\(to_right\, .acme-mock-page.acme-mock-page \#1a1a1a_1px\, .acme-mock-page.acme-mock-page transparent_1px\)\, .acme-mock-page.acme-mock-page linear-gradient\(to_bottom\, .acme-mock-page.acme-mock-page \#1a1a1a_1px\, .acme-mock-page.acme-mock-page transparent_1px\)\]{background-image: linear-gradient(to right, rgb(26, 26, 26) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(rgb(26, 26, 26) 1px, rgba(0, 0, 0, 0) 1px);}
.acme-mock-page.acme-mock-page .bg-\[radial-gradient\(ellipse_at_top\, .acme-mock-page.acme-mock-page _var\(--tw-gradient-stops\)\)\]{background-image: radial-gradient(ellipse at top, var(--tw-gradient-stops));}
.acme-mock-page.acme-mock-page .bg-\[url\(\'data\:image\/svg\+xml\, .acme-mock-page.acme-mock-page \%3Csvg\%20width\%3D\%2260\%22\%20height\%3D\%2260\%22\%20viewBox\%3D\%220\%200\%2060\%2060\%22\%20xmlns\%3D\%22http\%3A\%2F\%2Fwww\.w3\.org\%2F2000\%2Fsvg\%22\%3E\%3Cg\%20fill\%3D\%22none\%22\%20fill-rule\%3D\%22evenodd\%22\%3E\%3Cg\%20fill\%3D\%22\%239C92AC\%22\%20fill-opacity\%3D\%220\.05\%22\%3E\%3Cpath\%20d\%3D\%22M36\%2034v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6\%2034v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6\%204V0H4v4H0v2h4v4h2V6h4V4H6z\%22\%2F\%3E\%3C\%2Fg\%3E\%3C\%2Fg\%3E\%3C\%2Fsvg\%3E\'\)\]{background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2260%22%20height%3D%2260%22%20viewBox%3D%220%200%2060%2060%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%239C92AC%22%20fill-opacity%3D%220.05%22%3E%3Cpath%20d%3D%22M36%2034v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6%2034v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6%204V0H4v4H0v2h4v4h2V6h4V4H6z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
.acme-mock-page.acme-mock-page .bg-\[url\(\'data\:image\/svg\+xml\;base64\, .acme-mock-page.acme-mock-page PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iMC4xIj48Y2lyY2xlIGN4PSIzMCIgY3k9IjMwIiByPSIyIi8\+PC9nPjwvZz48L3N2Zz4\=\'\)\]{background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiNmZmYiIGZpbGwtb3BhY2l0eT0iMC4xIj48Y2lyY2xlIGN4PSIzMCIgY3k9IjMwIiByPSIyIi8+PC9nPjwvZz48L3N2Zz4=");}
.acme-mock-page.acme-mock-page .bg-\[url\(\'https\:\/\/images\.unsplash\.com\/photo-1441986300917-64674bd600d8\?w\=1920\&h\=600\&fit\=crop\'\)\]{background-image: url("https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=1920&h=600&fit=crop");}
.acme-mock-page.acme-mock-page .bg-\[url\(\'https\:\/\/images\.unsplash\.com\/photo-1454165804606-c3d57bc86b40\?w\=1920\&h\=800\&fit\=crop\'\)\]{background-image: url("https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?w=1920&h=800&fit=crop");}
.acme-mock-page.acme-mock-page .bg-\[url\(\'https\:\/\/images\.unsplash\.com\/photo-1486406146926-c627a92ad1ab\?w\=1920\&h\=1080\&fit\=crop\'\)\]{background-image: url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?w=1920&h=1080&fit=crop");}
.acme-mock-page.acme-mock-page .bg-\[url\(\'https\:\/\/images\.unsplash\.com\/photo-1497366216548-37526070297c\?w\=1920\&h\=800\&fit\=crop\'\)\]{background-image: url("https://images.unsplash.com/photo-1497366216548-37526070297c?w=1920&h=800&fit=crop");}
.acme-mock-page.acme-mock-page .bg-\[url\(\'https\:\/\/images\.unsplash\.com\/photo-1522071820081-009f0129c71c\?w\=1920\&h\=800\&fit\=crop\'\)\]{background-image: url("https://images.unsplash.com/photo-1522071820081-009f0129c71c?w=1920&h=800&fit=crop");}
.acme-mock-page.acme-mock-page .from-\[\#0A0A0A\], .acme-mock-page.acme-mock-page .from-\[\#0a0a0a\]{--tw-gradient-from: #0a0a0a; --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));}
.acme-mock-page.acme-mock-page .from-\[\#0a0a0f\]{--tw-gradient-from: #0a0a0f; --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));}
.acme-mock-page.acme-mock-page .from-\[\#0a0f1c\]{--tw-gradient-from: #0a0f1c; --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));}
.acme-mock-page.acme-mock-page .from-\[\#0f172a\]{--tw-gradient-from: #0f172a; --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));}
.acme-mock-page.acme-mock-page .from-\[\#1a1a1a\]\/60{--tw-gradient-from: #1a1a1a99; --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));}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .from-\[\#1a1a1a\]\/60{--tw-gradient-from: lab(9.26323% 0 .00000596046 / .6);}}
.acme-mock-page.acme-mock-page .from-\[\#1a1a2e\]{--tw-gradient-from: #1a1a2e; --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));}
.acme-mock-page.acme-mock-page .from-\[\#1c1917\]{--tw-gradient-from: #1c1917; --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));}
.acme-mock-page.acme-mock-page .from-\[\#1e3a5f\]\/80{--tw-gradient-from: #1e3a5fcc; --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));}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .from-\[\#1e3a5f\]\/80{--tw-gradient-from: lab(23.7237% -.581726 -25.6358 / .8);}}
.acme-mock-page.acme-mock-page .from-\[\#1e3a5f\]\/90{--tw-gradient-from: #1e3a5fe6; --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));}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .from-\[\#1e3a5f\]\/90{--tw-gradient-from: lab(23.7237% -.581726 -25.6358 / .9);}}
.acme-mock-page.acme-mock-page .from-\[\#111\]{--tw-gradient-from: #111; --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));}
.acme-mock-page.acme-mock-page .from-\[\#6366f1\]{--tw-gradient-from: #6366f1; --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));}
.acme-mock-page.acme-mock-page .from-\[\#6366f1\]\/20{--tw-gradient-from: #6366f133; --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));}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .from-\[\#6366f1\]\/20{--tw-gradient-from: lab(49.0485% 30.3448 -71.8736 / .2);}}
.acme-mock-page.acme-mock-page .from-\[\#09090b\]{--tw-gradient-from: #09090b; --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));}
.acme-mock-page.acme-mock-page .from-\[\#f0f9ff\]{--tw-gradient-from: #f0f9ff; --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));}
.acme-mock-page.acme-mock-page .from-\[\#f8f6f3\]{--tw-gradient-from: #f8f6f3; --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));}
.acme-mock-page.acme-mock-page .from-\[\#faf9f6\]{--tw-gradient-from: #faf9f6; --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));}
.acme-mock-page.acme-mock-page .from-\[\#faf9f7\]\/90{--tw-gradient-from: #faf9f7e6; --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));}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .from-\[\#faf9f7\]\/90{--tw-gradient-from: lab(97.9611% .0832677 1.08502 / .9);}}
.acme-mock-page.acme-mock-page .from-\[\#ff6b6b\]{--tw-gradient-from: #ff6b6b; --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));}
.acme-mock-page.acme-mock-page .from-amber-300{--tw-gradient-from: var(--color-amber-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));}
.acme-mock-page.acme-mock-page .from-amber-400{--tw-gradient-from: var(--color-amber-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));}
.acme-mock-page.acme-mock-page .from-amber-900\/80{--tw-gradient-from: #7b3306cc;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-amber-900\/80{--tw-gradient-from: color-mix(in oklab, var(--color-amber-900) 80%, transparent);}}
.acme-mock-page.acme-mock-page .from-amber-900\/80{--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));}
.acme-mock-page.acme-mock-page .from-background{--tw-gradient-from: var(--background); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));}
.acme-mock-page.acme-mock-page .from-background\/60{--tw-gradient-from: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-background\/60{--tw-gradient-from: color-mix(in oklab, var(--background) 60%, transparent);}}
.acme-mock-page.acme-mock-page .from-background\/60{--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));}
.acme-mock-page.acme-mock-page .from-background\/90{--tw-gradient-from: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-background\/90{--tw-gradient-from: color-mix(in oklab, var(--background) 90%, transparent);}}
.acme-mock-page.acme-mock-page .from-background\/90{--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));}
.acme-mock-page.acme-mock-page .from-black\/60{--tw-gradient-from: #0009;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-black\/60{--tw-gradient-from: color-mix(in oklab, var(--color-black) 60%, transparent);}}
.acme-mock-page.acme-mock-page .from-black\/60{--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));}
.acme-mock-page.acme-mock-page .from-black\/70{--tw-gradient-from: #000000b3;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-black\/70{--tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent);}}
.acme-mock-page.acme-mock-page .from-black\/70{--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));}
.acme-mock-page.acme-mock-page .from-black\/80{--tw-gradient-from: #000c;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-black\/80{--tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, transparent);}}
.acme-mock-page.acme-mock-page .from-black\/80{--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));}
.acme-mock-page.acme-mock-page .from-black\/90{--tw-gradient-from: #000000e6;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-black\/90{--tw-gradient-from: color-mix(in oklab, var(--color-black) 90%, transparent);}}
.acme-mock-page.acme-mock-page .from-black\/90{--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));}
.acme-mock-page.acme-mock-page .from-blue-200\/30{--tw-gradient-from: #bedbff4d;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-blue-200\/30{--tw-gradient-from: color-mix(in oklab, var(--color-blue-200) 30%, transparent);}}
.acme-mock-page.acme-mock-page .from-blue-200\/30{--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));}
.acme-mock-page.acme-mock-page .from-blue-400{--tw-gradient-from: var(--color-blue-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));}
.acme-mock-page.acme-mock-page .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));}
.acme-mock-page.acme-mock-page .from-blue-500\/10{--tw-gradient-from: #3080ff1a;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-blue-500\/10{--tw-gradient-from: color-mix(in oklab, var(--color-blue-500) 10%, transparent);}}
.acme-mock-page.acme-mock-page .from-blue-500\/10{--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));}
.acme-mock-page.acme-mock-page .from-blue-600{--tw-gradient-from: 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));}
.acme-mock-page.acme-mock-page .from-blue-600\/20{--tw-gradient-from: #155dfc33;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-blue-600\/20{--tw-gradient-from: color-mix(in oklab, var(--color-blue-600) 20%, transparent);}}
.acme-mock-page.acme-mock-page .from-blue-600\/20{--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));}
.acme-mock-page.acme-mock-page .from-border{--tw-gradient-from: var(--border); --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));}
.acme-mock-page.acme-mock-page .from-cyan-200\/30{--tw-gradient-from: #a2f4fd4d;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-cyan-200\/30{--tw-gradient-from: color-mix(in oklab, var(--color-cyan-200) 30%, transparent);}}
.acme-mock-page.acme-mock-page .from-cyan-200\/30{--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));}
.acme-mock-page.acme-mock-page .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));}
.acme-mock-page.acme-mock-page .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));}
.acme-mock-page.acme-mock-page .from-cyan-500\/5{--tw-gradient-from: #00b7d70d;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-cyan-500\/5{--tw-gradient-from: color-mix(in oklab, var(--color-cyan-500) 5%, transparent);}}
.acme-mock-page.acme-mock-page .from-cyan-500\/5{--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));}
.acme-mock-page.acme-mock-page .from-cyan-500\/10{--tw-gradient-from: #00b7d71a;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-cyan-500\/10{--tw-gradient-from: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);}}
.acme-mock-page.acme-mock-page .from-cyan-500\/10{--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));}
.acme-mock-page.acme-mock-page .from-cyan-500\/20{--tw-gradient-from: #00b7d733;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-cyan-500\/20{--tw-gradient-from: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .from-cyan-500\/20{--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));}
.acme-mock-page.acme-mock-page .from-cyan-600{--tw-gradient-from: 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));}
.acme-mock-page.acme-mock-page .from-emerald-400{--tw-gradient-from: var(--color-emerald-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));}
.acme-mock-page.acme-mock-page .from-emerald-500{--tw-gradient-from: var(--color-emerald-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));}
.acme-mock-page.acme-mock-page .from-emerald-500\/10{--tw-gradient-from: #00bb7f1a;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-emerald-500\/10{--tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);}}
.acme-mock-page.acme-mock-page .from-emerald-500\/10{--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));}
.acme-mock-page.acme-mock-page .from-emerald-500\/15{--tw-gradient-from: #00bb7f26;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-emerald-500\/15{--tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 15%, transparent);}}
.acme-mock-page.acme-mock-page .from-emerald-500\/15{--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));}
.acme-mock-page.acme-mock-page .from-emerald-500\/20{--tw-gradient-from: #00bb7f33;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-emerald-500\/20{--tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .from-emerald-500\/20{--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));}
.acme-mock-page.acme-mock-page .from-foreground{--tw-gradient-from: var(--foreground); --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));}
.acme-mock-page.acme-mock-page .from-foreground\/20{--tw-gradient-from: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-foreground\/20{--tw-gradient-from: color-mix(in oklab, var(--foreground) 20%, transparent);}}
.acme-mock-page.acme-mock-page .from-foreground\/20{--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));}
.acme-mock-page.acme-mock-page .from-foreground\/60{--tw-gradient-from: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-foreground\/60{--tw-gradient-from: color-mix(in oklab, var(--foreground) 60%, transparent);}}
.acme-mock-page.acme-mock-page .from-foreground\/60{--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));}
.acme-mock-page.acme-mock-page .from-foreground\/70{--tw-gradient-from: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-foreground\/70{--tw-gradient-from: color-mix(in oklab, var(--foreground) 70%, transparent);}}
.acme-mock-page.acme-mock-page .from-foreground\/70{--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));}
.acme-mock-page.acme-mock-page .from-foreground\/80{--tw-gradient-from: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-foreground\/80{--tw-gradient-from: color-mix(in oklab, var(--foreground) 80%, transparent);}}
.acme-mock-page.acme-mock-page .from-foreground\/80{--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));}
.acme-mock-page.acme-mock-page .from-foreground\/90{--tw-gradient-from: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-foreground\/90{--tw-gradient-from: color-mix(in oklab, var(--foreground) 90%, transparent);}}
.acme-mock-page.acme-mock-page .from-foreground\/90{--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));}
.acme-mock-page.acme-mock-page .from-fuchsia-500{--tw-gradient-from: var(--color-fuchsia-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));}
.acme-mock-page.acme-mock-page .from-fuchsia-500\/20{--tw-gradient-from: #e12afb33;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-fuchsia-500\/20{--tw-gradient-from: color-mix(in oklab, var(--color-fuchsia-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .from-fuchsia-500\/20{--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));}
.acme-mock-page.acme-mock-page .from-gray-400{--tw-gradient-from: var(--color-gray-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));}
.acme-mock-page.acme-mock-page .from-green-500\/5{--tw-gradient-from: #00c7580d;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-green-500\/5{--tw-gradient-from: color-mix(in oklab, var(--color-green-500) 5%, transparent);}}
.acme-mock-page.acme-mock-page .from-green-500\/5{--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));}
.acme-mock-page.acme-mock-page .from-indigo-50{--tw-gradient-from: var(--color-indigo-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));}
.acme-mock-page.acme-mock-page .from-indigo-100{--tw-gradient-from: var(--color-indigo-100); --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));}
.acme-mock-page.acme-mock-page .from-indigo-400{--tw-gradient-from: var(--color-indigo-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));}
.acme-mock-page.acme-mock-page .from-indigo-500\/20{--tw-gradient-from: #625fff33;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-indigo-500\/20{--tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .from-indigo-500\/20{--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));}
.acme-mock-page.acme-mock-page .from-indigo-500\/30{--tw-gradient-from: #625fff4d;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-indigo-500\/30{--tw-gradient-from: color-mix(in oklab, var(--color-indigo-500) 30%, transparent);}}
.acme-mock-page.acme-mock-page .from-indigo-500\/30{--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));}
.acme-mock-page.acme-mock-page .from-indigo-600{--tw-gradient-from: var(--color-indigo-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));}
.acme-mock-page.acme-mock-page .from-muted{--tw-gradient-from: var(--muted); --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));}
.acme-mock-page.acme-mock-page .from-muted\/30{--tw-gradient-from: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-muted\/30{--tw-gradient-from: color-mix(in oklab, var(--muted) 30%, transparent);}}
.acme-mock-page.acme-mock-page .from-muted\/30{--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));}
.acme-mock-page.acme-mock-page .from-muted\/50{--tw-gradient-from: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-muted\/50{--tw-gradient-from: color-mix(in oklab, var(--muted) 50%, transparent);}}
.acme-mock-page.acme-mock-page .from-muted\/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));}
.acme-mock-page.acme-mock-page .from-muted\/60{--tw-gradient-from: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-muted\/60{--tw-gradient-from: color-mix(in oklab, var(--muted) 60%, transparent);}}
.acme-mock-page.acme-mock-page .from-muted\/60{--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));}
.acme-mock-page.acme-mock-page .from-muted\/80{--tw-gradient-from: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-muted\/80{--tw-gradient-from: color-mix(in oklab, var(--muted) 80%, transparent);}}
.acme-mock-page.acme-mock-page .from-muted\/80{--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));}
.acme-mock-page.acme-mock-page .from-neutral-900\/60{--tw-gradient-from: #17171799;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-neutral-900\/60{--tw-gradient-from: color-mix(in oklab, var(--color-neutral-900) 60%, transparent);}}
.acme-mock-page.acme-mock-page .from-neutral-900\/60{--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));}
.acme-mock-page.acme-mock-page .from-neutral-900\/70{--tw-gradient-from: #171717b3;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-neutral-900\/70{--tw-gradient-from: color-mix(in oklab, var(--color-neutral-900) 70%, transparent);}}
.acme-mock-page.acme-mock-page .from-neutral-900\/70{--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));}
.acme-mock-page.acme-mock-page .from-neutral-950{--tw-gradient-from: var(--color-neutral-950); --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));}
.acme-mock-page.acme-mock-page .from-neutral-950\/50{--tw-gradient-from: #0a0a0a80;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-neutral-950\/50{--tw-gradient-from: color-mix(in oklab, var(--color-neutral-950) 50%, transparent);}}
.acme-mock-page.acme-mock-page .from-neutral-950\/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));}
.acme-mock-page.acme-mock-page .from-orange-500{--tw-gradient-from: var(--color-orange-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));}
.acme-mock-page.acme-mock-page .from-pink-200\/40{--tw-gradient-from: #fccee866;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-pink-200\/40{--tw-gradient-from: color-mix(in oklab, var(--color-pink-200) 40%, transparent);}}
.acme-mock-page.acme-mock-page .from-pink-200\/40{--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));}
.acme-mock-page.acme-mock-page .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));}
.acme-mock-page.acme-mock-page .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));}
.acme-mock-page.acme-mock-page .from-pink-500\/10{--tw-gradient-from: #f6339a1a;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-pink-500\/10{--tw-gradient-from: color-mix(in oklab, var(--color-pink-500) 10%, transparent);}}
.acme-mock-page.acme-mock-page .from-pink-500\/10{--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));}
.acme-mock-page.acme-mock-page .from-pink-500\/20{--tw-gradient-from: #f6339a33;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-pink-500\/20{--tw-gradient-from: color-mix(in oklab, var(--color-pink-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .from-pink-500\/20{--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));}
.acme-mock-page.acme-mock-page .from-primary{--tw-gradient-from: var(--primary); --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));}
.acme-mock-page.acme-mock-page .from-primary\/5{--tw-gradient-from: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-primary\/5{--tw-gradient-from: color-mix(in oklab, var(--primary) 5%, transparent);}}
.acme-mock-page.acme-mock-page .from-primary\/5{--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));}
.acme-mock-page.acme-mock-page .from-primary\/10{--tw-gradient-from: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-primary\/10{--tw-gradient-from: color-mix(in oklab, var(--primary) 10%, transparent);}}
.acme-mock-page.acme-mock-page .from-primary\/10{--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));}
.acme-mock-page.acme-mock-page .from-primary\/12{--tw-gradient-from: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-primary\/12{--tw-gradient-from: color-mix(in oklab, var(--primary) 12%, transparent);}}
.acme-mock-page.acme-mock-page .from-primary\/12{--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));}
.acme-mock-page.acme-mock-page .from-primary\/20{--tw-gradient-from: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-primary\/20{--tw-gradient-from: color-mix(in oklab, var(--primary) 20%, transparent);}}
.acme-mock-page.acme-mock-page .from-primary\/20{--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));}
.acme-mock-page.acme-mock-page .from-rose-50{--tw-gradient-from: var(--color-rose-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));}
.acme-mock-page.acme-mock-page .from-rose-50\/50{--tw-gradient-from: #fff1f280;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-rose-50\/50{--tw-gradient-from: color-mix(in oklab, var(--color-rose-50) 50%, transparent);}}
.acme-mock-page.acme-mock-page .from-rose-50\/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));}
.acme-mock-page.acme-mock-page .from-rose-400{--tw-gradient-from: var(--color-rose-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));}
.acme-mock-page.acme-mock-page .from-rose-500{--tw-gradient-from: var(--color-rose-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));}
.acme-mock-page.acme-mock-page .from-slate-50{--tw-gradient-from: var(--color-slate-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));}
.acme-mock-page.acme-mock-page .from-slate-100{--tw-gradient-from: var(--color-slate-100); --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));}
.acme-mock-page.acme-mock-page .from-slate-200\/50{--tw-gradient-from: #e2e8f080;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-slate-200\/50{--tw-gradient-from: color-mix(in oklab, var(--color-slate-200) 50%, transparent);}}
.acme-mock-page.acme-mock-page .from-slate-200\/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));}
.acme-mock-page.acme-mock-page .from-slate-800{--tw-gradient-from: var(--color-slate-800); --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));}
.acme-mock-page.acme-mock-page .from-slate-900{--tw-gradient-from: var(--color-slate-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));}
.acme-mock-page.acme-mock-page .from-slate-900\/50{--tw-gradient-from: #0f172b80;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-slate-900\/50{--tw-gradient-from: color-mix(in oklab, var(--color-slate-900) 50%, transparent);}}
.acme-mock-page.acme-mock-page .from-slate-900\/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));}
.acme-mock-page.acme-mock-page .from-slate-900\/60{--tw-gradient-from: #0f172b99;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-slate-900\/60{--tw-gradient-from: color-mix(in oklab, var(--color-slate-900) 60%, transparent);}}
.acme-mock-page.acme-mock-page .from-slate-900\/60{--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));}
.acme-mock-page.acme-mock-page .from-slate-900\/80{--tw-gradient-from: #0f172bcc;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-slate-900\/80{--tw-gradient-from: color-mix(in oklab, var(--color-slate-900) 80%, transparent);}}
.acme-mock-page.acme-mock-page .from-slate-900\/80{--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));}
.acme-mock-page.acme-mock-page .from-slate-900\/95{--tw-gradient-from: #0f172bf2;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-slate-900\/95{--tw-gradient-from: color-mix(in oklab, var(--color-slate-900) 95%, transparent);}}
.acme-mock-page.acme-mock-page .from-slate-900\/95{--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));}
.acme-mock-page.acme-mock-page .from-slate-950{--tw-gradient-from: var(--color-slate-950); --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));}
.acme-mock-page.acme-mock-page .from-stone-400{--tw-gradient-from: var(--color-stone-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));}
.acme-mock-page.acme-mock-page .from-stone-500{--tw-gradient-from: var(--color-stone-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));}
.acme-mock-page.acme-mock-page .from-stone-700{--tw-gradient-from: var(--color-stone-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));}
.acme-mock-page.acme-mock-page .from-stone-900\/60{--tw-gradient-from: #1c191799;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-stone-900\/60{--tw-gradient-from: color-mix(in oklab, var(--color-stone-900) 60%, transparent);}}
.acme-mock-page.acme-mock-page .from-stone-900\/60{--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));}
.acme-mock-page.acme-mock-page .from-stone-900\/80{--tw-gradient-from: #1c1917cc;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-stone-900\/80{--tw-gradient-from: color-mix(in oklab, var(--color-stone-900) 80%, transparent);}}
.acme-mock-page.acme-mock-page .from-stone-900\/80{--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));}
.acme-mock-page.acme-mock-page .from-stone-950{--tw-gradient-from: var(--color-stone-950); --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));}
.acme-mock-page.acme-mock-page .from-stone-950\/80{--tw-gradient-from: #0c0a09cc;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-stone-950\/80{--tw-gradient-from: color-mix(in oklab, var(--color-stone-950) 80%, transparent);}}
.acme-mock-page.acme-mock-page .from-stone-950\/80{--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));}
.acme-mock-page.acme-mock-page .from-transparent{--tw-gradient-from: 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));}
.acme-mock-page.acme-mock-page .from-violet-400{--tw-gradient-from: var(--color-violet-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));}
.acme-mock-page.acme-mock-page .from-violet-500{--tw-gradient-from: var(--color-violet-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));}
.acme-mock-page.acme-mock-page .from-violet-500\/10{--tw-gradient-from: #8d54ff1a;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-violet-500\/10{--tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 10%, transparent);}}
.acme-mock-page.acme-mock-page .from-violet-500\/10{--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));}
.acme-mock-page.acme-mock-page .from-violet-500\/20{--tw-gradient-from: #8d54ff33;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-violet-500\/20{--tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .from-violet-500\/20{--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));}
.acme-mock-page.acme-mock-page .from-violet-500\/30{--tw-gradient-from: #8d54ff4d;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-violet-500\/30{--tw-gradient-from: color-mix(in oklab, var(--color-violet-500) 30%, transparent);}}
.acme-mock-page.acme-mock-page .from-violet-500\/30{--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));}
.acme-mock-page.acme-mock-page .from-violet-600{--tw-gradient-from: var(--color-violet-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));}
.acme-mock-page.acme-mock-page .from-violet-900\/10{--tw-gradient-from: #4d179a1a;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-violet-900\/10{--tw-gradient-from: color-mix(in oklab, var(--color-violet-900) 10%, transparent);}}
.acme-mock-page.acme-mock-page .from-violet-900\/10{--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));}
.acme-mock-page.acme-mock-page .from-violet-900\/20{--tw-gradient-from: #4d179a33;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-violet-900\/20{--tw-gradient-from: color-mix(in oklab, var(--color-violet-900) 20%, transparent);}}
.acme-mock-page.acme-mock-page .from-violet-900\/20{--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));}
.acme-mock-page.acme-mock-page .from-violet-900\/50{--tw-gradient-from: #4d179a80;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-violet-900\/50{--tw-gradient-from: color-mix(in oklab, var(--color-violet-900) 50%, transparent);}}
.acme-mock-page.acme-mock-page .from-violet-900\/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));}
.acme-mock-page.acme-mock-page .from-violet-900\/80{--tw-gradient-from: #4d179acc;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-violet-900\/80{--tw-gradient-from: color-mix(in oklab, var(--color-violet-900) 80%, transparent);}}
.acme-mock-page.acme-mock-page .from-violet-900\/80{--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));}
.acme-mock-page.acme-mock-page .from-violet-950{--tw-gradient-from: var(--color-violet-950); --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));}
.acme-mock-page.acme-mock-page .from-white{--tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));}
.acme-mock-page.acme-mock-page .from-white\/5{--tw-gradient-from: #ffffff0d;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-white\/5{--tw-gradient-from: color-mix(in oklab, var(--color-white) 5%, transparent);}}
.acme-mock-page.acme-mock-page .from-white\/5{--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));}
.acme-mock-page.acme-mock-page .from-white\/10{--tw-gradient-from: #ffffff1a;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-white\/10{--tw-gradient-from: color-mix(in oklab, var(--color-white) 10%, transparent);}}
.acme-mock-page.acme-mock-page .from-white\/10{--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));}
.acme-mock-page.acme-mock-page .from-white\/20{--tw-gradient-from: #fff3;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-white\/20{--tw-gradient-from: color-mix(in oklab, var(--color-white) 20%, transparent);}}
.acme-mock-page.acme-mock-page .from-white\/20{--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));}
.acme-mock-page.acme-mock-page .from-white\/40{--tw-gradient-from: #fff6;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-white\/40{--tw-gradient-from: color-mix(in oklab, var(--color-white) 40%, transparent);}}
.acme-mock-page.acme-mock-page .from-white\/40{--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));}
.acme-mock-page.acme-mock-page .via-\[\#0a0a0a\]\/50{--tw-gradient-via: #0a0a0a80; --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);}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .via-\[\#0a0a0a\]\/50{--tw-gradient-via: lab(2.74175% 0 0 / .5);}}
.acme-mock-page.acme-mock-page .via-\[\#0a0a0a\]\/80{--tw-gradient-via: #0a0a0acc; --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);}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .via-\[\#0a0a0a\]\/80{--tw-gradient-via: lab(2.74175% 0 0 / .8);}}
.acme-mock-page.acme-mock-page .via-\[\#0a0a0f\]\/50{--tw-gradient-via: #0a0a0f80; --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);}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .via-\[\#0a0a0f\]\/50{--tw-gradient-via: lab(2.83712% .5951 -2.18315 / .5);}}
.acme-mock-page.acme-mock-page .via-\[\#1a1a2e\]\/95{--tw-gradient-via: #1a1a2ef2; --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);}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .via-\[\#1a1a2e\]\/95{--tw-gradient-via: lab(10.0765% 4.71704 -13.5482 / .95);}}
.acme-mock-page.acme-mock-page .via-\[\#1c1917\]\/70{--tw-gradient-via: #1c1917b3; --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);}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .via-\[\#1c1917\]\/70{--tw-gradient-via: lab(9.05132% 1.1779 1.97037 / .7);}}
.acme-mock-page.acme-mock-page .via-\[\#1e3a5f\]\/70{--tw-gradient-via: #1e3a5fb3; --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);}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .via-\[\#1e3a5f\]\/70{--tw-gradient-via: lab(23.7237% -.581726 -25.6358 / .7);}}
.acme-mock-page.acme-mock-page .via-\[\#8b5cf6\]{--tw-gradient-via: #8b5cf6; --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);}
.acme-mock-page.acme-mock-page .via-\[\#faf9f6\]\/90{--tw-gradient-via: #faf9f6e6; --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);}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .via-\[\#faf9f6\]\/90{--tw-gradient-via: lab(97.9404% -.0461042 1.56627 / .9);}}
.acme-mock-page.acme-mock-page .via-\[\#faf9f7\]\/60{--tw-gradient-via: #faf9f799; --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);}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .via-\[\#faf9f7\]\/60{--tw-gradient-via: lab(97.9611% .0832677 1.08502 / .6);}}
.acme-mock-page.acme-mock-page .via-\[\#ffd93d\]{--tw-gradient-via: #ffd93d; --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);}
.acme-mock-page.acme-mock-page .via-background{--tw-gradient-via: var(--background); --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);}
.acme-mock-page.acme-mock-page .via-background\/50{--tw-gradient-via: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-background\/50{--tw-gradient-via: color-mix(in oklab, var(--background) 50%, transparent);}}
.acme-mock-page.acme-mock-page .via-background\/50{--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);}
.acme-mock-page.acme-mock-page .via-background\/80{--tw-gradient-via: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-background\/80{--tw-gradient-via: color-mix(in oklab, var(--background) 80%, transparent);}}
.acme-mock-page.acme-mock-page .via-background\/80{--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);}
.acme-mock-page.acme-mock-page .via-background\/90{--tw-gradient-via: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-background\/90{--tw-gradient-via: color-mix(in oklab, var(--background) 90%, transparent);}}
.acme-mock-page.acme-mock-page .via-background\/90{--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);}
.acme-mock-page.acme-mock-page .via-black\/20{--tw-gradient-via: #0003;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-black\/20{--tw-gradient-via: color-mix(in oklab, var(--color-black) 20%, transparent);}}
.acme-mock-page.acme-mock-page .via-black\/20{--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);}
.acme-mock-page.acme-mock-page .via-black\/30{--tw-gradient-via: #0000004d;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-black\/30{--tw-gradient-via: color-mix(in oklab, var(--color-black) 30%, transparent);}}
.acme-mock-page.acme-mock-page .via-black\/30{--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);}
.acme-mock-page.acme-mock-page .via-black\/40{--tw-gradient-via: #0006;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-black\/40{--tw-gradient-via: color-mix(in oklab, var(--color-black) 40%, transparent);}}
.acme-mock-page.acme-mock-page .via-black\/40{--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);}
.acme-mock-page.acme-mock-page .via-blue-50\/50{--tw-gradient-via: #eff6ff80;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-blue-50\/50{--tw-gradient-via: color-mix(in oklab, var(--color-blue-50) 50%, transparent);}}
.acme-mock-page.acme-mock-page .via-blue-50\/50{--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);}
.acme-mock-page.acme-mock-page .via-blue-900{--tw-gradient-via: var(--color-blue-900); --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);}
.acme-mock-page.acme-mock-page .via-cyan-400{--tw-gradient-via: var(--color-cyan-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);}
.acme-mock-page.acme-mock-page .via-cyan-500\/10{--tw-gradient-via: #00b7d71a;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-cyan-500\/10{--tw-gradient-via: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);}}
.acme-mock-page.acme-mock-page .via-cyan-500\/10{--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);}
.acme-mock-page.acme-mock-page .via-cyan-950\/10{--tw-gradient-via: #0533451a;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-cyan-950\/10{--tw-gradient-via: color-mix(in oklab, var(--color-cyan-950) 10%, transparent);}}
.acme-mock-page.acme-mock-page .via-cyan-950\/10{--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);}
.acme-mock-page.acme-mock-page .via-emerald-950\/20{--tw-gradient-via: #002c2233;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-emerald-950\/20{--tw-gradient-via: color-mix(in oklab, var(--color-emerald-950) 20%, transparent);}}
.acme-mock-page.acme-mock-page .via-emerald-950\/20{--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);}
.acme-mock-page.acme-mock-page .via-foreground\/20{--tw-gradient-via: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-foreground\/20{--tw-gradient-via: color-mix(in oklab, var(--foreground) 20%, transparent);}}
.acme-mock-page.acme-mock-page .via-foreground\/20{--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);}
.acme-mock-page.acme-mock-page .via-foreground\/40{--tw-gradient-via: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-foreground\/40{--tw-gradient-via: color-mix(in oklab, var(--foreground) 40%, transparent);}}
.acme-mock-page.acme-mock-page .via-foreground\/40{--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);}
.acme-mock-page.acme-mock-page .via-foreground\/50{--tw-gradient-via: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-foreground\/50{--tw-gradient-via: color-mix(in oklab, var(--foreground) 50%, transparent);}}
.acme-mock-page.acme-mock-page .via-foreground\/50{--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);}
.acme-mock-page.acme-mock-page .via-foreground\/95{--tw-gradient-via: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-foreground\/95{--tw-gradient-via: color-mix(in oklab, var(--foreground) 95%, transparent);}}
.acme-mock-page.acme-mock-page .via-foreground\/95{--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);}
.acme-mock-page.acme-mock-page .via-fuchsia-400{--tw-gradient-via: var(--color-fuchsia-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);}
.acme-mock-page.acme-mock-page .via-fuchsia-500\/10{--tw-gradient-via: #e12afb1a;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-fuchsia-500\/10{--tw-gradient-via: color-mix(in oklab, var(--color-fuchsia-500) 10%, transparent);}}
.acme-mock-page.acme-mock-page .via-fuchsia-500\/10{--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);}
.acme-mock-page.acme-mock-page .via-fuchsia-500\/20{--tw-gradient-via: #e12afb33;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-fuchsia-500\/20{--tw-gradient-via: color-mix(in oklab, var(--color-fuchsia-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .via-fuchsia-500\/20{--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);}
.acme-mock-page.acme-mock-page .via-gray-900\/50{--tw-gradient-via: #10182880;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-gray-900\/50{--tw-gradient-via: color-mix(in oklab, var(--color-gray-900) 50%, transparent);}}
.acme-mock-page.acme-mock-page .via-gray-900\/50{--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);}
.acme-mock-page.acme-mock-page .via-muted\/30{--tw-gradient-via: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-muted\/30{--tw-gradient-via: color-mix(in oklab, var(--muted) 30%, transparent);}}
.acme-mock-page.acme-mock-page .via-muted\/30{--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);}
.acme-mock-page.acme-mock-page .via-muted\/50{--tw-gradient-via: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-muted\/50{--tw-gradient-via: color-mix(in oklab, var(--muted) 50%, transparent);}}
.acme-mock-page.acme-mock-page .via-muted\/50{--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);}
.acme-mock-page.acme-mock-page .via-neutral-950\/20{--tw-gradient-via: #0a0a0a33;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-neutral-950\/20{--tw-gradient-via: color-mix(in oklab, var(--color-neutral-950) 20%, transparent);}}
.acme-mock-page.acme-mock-page .via-neutral-950\/20{--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);}
.acme-mock-page.acme-mock-page .via-neutral-950\/30{--tw-gradient-via: #0a0a0a4d;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-neutral-950\/30{--tw-gradient-via: color-mix(in oklab, var(--color-neutral-950) 30%, transparent);}}
.acme-mock-page.acme-mock-page .via-neutral-950\/30{--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);}
.acme-mock-page.acme-mock-page .via-neutral-950\/80{--tw-gradient-via: #0a0a0acc;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-neutral-950\/80{--tw-gradient-via: color-mix(in oklab, var(--color-neutral-950) 80%, transparent);}}
.acme-mock-page.acme-mock-page .via-neutral-950\/80{--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);}
.acme-mock-page.acme-mock-page .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);}
.acme-mock-page.acme-mock-page .via-primary\/5{--tw-gradient-via: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-primary\/5{--tw-gradient-via: color-mix(in oklab, var(--primary) 5%, transparent);}}
.acme-mock-page.acme-mock-page .via-primary\/5{--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);}
.acme-mock-page.acme-mock-page .via-primary\/8{--tw-gradient-via: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-primary\/8{--tw-gradient-via: color-mix(in oklab, var(--primary) 8%, transparent);}}
.acme-mock-page.acme-mock-page .via-primary\/8{--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);}
.acme-mock-page.acme-mock-page .via-primary\/10{--tw-gradient-via: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-primary\/10{--tw-gradient-via: color-mix(in oklab, var(--primary) 10%, transparent);}}
.acme-mock-page.acme-mock-page .via-primary\/10{--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);}
.acme-mock-page.acme-mock-page .via-primary\/80{--tw-gradient-via: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-primary\/80{--tw-gradient-via: color-mix(in oklab, var(--primary) 80%, transparent);}}
.acme-mock-page.acme-mock-page .via-primary\/80{--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);}
.acme-mock-page.acme-mock-page .via-purple-400{--tw-gradient-via: var(--color-purple-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);}
.acme-mock-page.acme-mock-page .via-purple-500{--tw-gradient-via: var(--color-purple-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);}
.acme-mock-page.acme-mock-page .via-purple-500\/20{--tw-gradient-via: #ac4bff33;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-purple-500\/20{--tw-gradient-via: color-mix(in oklab, var(--color-purple-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .via-purple-500\/20{--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);}
.acme-mock-page.acme-mock-page .via-slate-800{--tw-gradient-via: var(--color-slate-800); --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);}
.acme-mock-page.acme-mock-page .via-slate-900\/50{--tw-gradient-via: #0f172b80;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-slate-900\/50{--tw-gradient-via: color-mix(in oklab, var(--color-slate-900) 50%, transparent);}}
.acme-mock-page.acme-mock-page .via-slate-900\/50{--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);}
.acme-mock-page.acme-mock-page .via-slate-900\/80{--tw-gradient-via: #0f172bcc;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-slate-900\/80{--tw-gradient-via: color-mix(in oklab, var(--color-slate-900) 80%, transparent);}}
.acme-mock-page.acme-mock-page .via-slate-900\/80{--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);}
.acme-mock-page.acme-mock-page .via-slate-950{--tw-gradient-via: var(--color-slate-950); --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);}
.acme-mock-page.acme-mock-page .via-stone-950\/50{--tw-gradient-via: #0c0a0980;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-stone-950\/50{--tw-gradient-via: color-mix(in oklab, var(--color-stone-950) 50%, transparent);}}
.acme-mock-page.acme-mock-page .via-stone-950\/50{--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);}
.acme-mock-page.acme-mock-page .via-stone-950\/80{--tw-gradient-via: #0c0a09cc;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-stone-950\/80{--tw-gradient-via: color-mix(in oklab, var(--color-stone-950) 80%, transparent);}}
.acme-mock-page.acme-mock-page .via-stone-950\/80{--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);}
.acme-mock-page.acme-mock-page .via-transparent{--tw-gradient-via: transparent; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops);}
.acme-mock-page.acme-mock-page .via-violet-500{--tw-gradient-via: var(--color-violet-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);}
.acme-mock-page.acme-mock-page .via-violet-900{--tw-gradient-via: var(--color-violet-900); --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);}
.acme-mock-page.acme-mock-page .via-white{--tw-gradient-via: var(--color-white); --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);}
.acme-mock-page.acme-mock-page .via-white\/80{--tw-gradient-via: #fffc;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-white\/80{--tw-gradient-via: color-mix(in oklab, var(--color-white) 80%, transparent);}}
.acme-mock-page.acme-mock-page .via-white\/80{--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);}
.acme-mock-page.acme-mock-page .to-\[\#0A0A0A\], .acme-mock-page.acme-mock-page .to-\[\#0a0a0a\]{--tw-gradient-to: #0a0a0a; --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));}
.acme-mock-page.acme-mock-page .to-\[\#0a0a0f\]{--tw-gradient-to: #0a0a0f; --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));}
.acme-mock-page.acme-mock-page .to-\[\#0d1422\]{--tw-gradient-to: #0d1422; --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));}
.acme-mock-page.acme-mock-page .to-\[\#1a1a2e\]{--tw-gradient-to: #1a1a2e; --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));}
.acme-mock-page.acme-mock-page .to-\[\#1a1a2e\]\/70{--tw-gradient-to: #1a1a2eb3; --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));}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .to-\[\#1a1a2e\]\/70{--tw-gradient-to: lab(10.0764% 4.71704 -13.5482 / .7);}}
.acme-mock-page.acme-mock-page .to-\[\#4ecdc4\]{--tw-gradient-to: #4ecdc4; --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));}
.acme-mock-page.acme-mock-page .to-\[\#8b5cf6\]{--tw-gradient-to: #8b5cf6; --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));}
.acme-mock-page.acme-mock-page .to-\[\#a855f7\]{--tw-gradient-to: #a855f7; --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));}
.acme-mock-page.acme-mock-page .to-\[\#ffd93d\]{--tw-gradient-to: #ffd93d; --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));}
.acme-mock-page.acme-mock-page .to-background{--tw-gradient-to: var(--background); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));}
.acme-mock-page.acme-mock-page .to-background\/30{--tw-gradient-to: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-background\/30{--tw-gradient-to: color-mix(in oklab, var(--background) 30%, transparent);}}
.acme-mock-page.acme-mock-page .to-background\/30{--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));}
.acme-mock-page.acme-mock-page .to-background\/50{--tw-gradient-to: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-background\/50{--tw-gradient-to: color-mix(in oklab, var(--background) 50%, transparent);}}
.acme-mock-page.acme-mock-page .to-background\/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));}
.acme-mock-page.acme-mock-page .to-black\/20{--tw-gradient-to: #0003;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-black\/20{--tw-gradient-to: color-mix(in oklab, var(--color-black) 20%, transparent);}}
.acme-mock-page.acme-mock-page .to-black\/20{--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));}
.acme-mock-page.acme-mock-page .to-blue-200\/30{--tw-gradient-to: #bedbff4d;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-blue-200\/30{--tw-gradient-to: color-mix(in oklab, var(--color-blue-200) 30%, transparent);}}
.acme-mock-page.acme-mock-page .to-blue-200\/30{--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));}
.acme-mock-page.acme-mock-page .to-blue-400{--tw-gradient-to: var(--color-blue-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));}
.acme-mock-page.acme-mock-page .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));}
.acme-mock-page.acme-mock-page .to-blue-500\/10{--tw-gradient-to: #3080ff1a;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-blue-500\/10{--tw-gradient-to: color-mix(in oklab, var(--color-blue-500) 10%, transparent);}}
.acme-mock-page.acme-mock-page .to-blue-500\/10{--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));}
.acme-mock-page.acme-mock-page .to-blue-500\/20{--tw-gradient-to: #3080ff33;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-blue-500\/20{--tw-gradient-to: color-mix(in oklab, var(--color-blue-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .to-blue-500\/20{--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));}
.acme-mock-page.acme-mock-page .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));}
.acme-mock-page.acme-mock-page .to-card{--tw-gradient-to: var(--card); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));}
.acme-mock-page.acme-mock-page .to-cyan-200\/30{--tw-gradient-to: #a2f4fd4d;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-cyan-200\/30{--tw-gradient-to: color-mix(in oklab, var(--color-cyan-200) 30%, transparent);}}
.acme-mock-page.acme-mock-page .to-cyan-200\/30{--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));}
.acme-mock-page.acme-mock-page .to-cyan-400{--tw-gradient-to: 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));}
.acme-mock-page.acme-mock-page .to-cyan-500{--tw-gradient-to: 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));}
.acme-mock-page.acme-mock-page .to-cyan-500\/10{--tw-gradient-to: #00b7d71a;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-cyan-500\/10{--tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 10%, transparent);}}
.acme-mock-page.acme-mock-page .to-cyan-500\/10{--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));}
.acme-mock-page.acme-mock-page .to-cyan-500\/20{--tw-gradient-to: #00b7d733;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-cyan-500\/20{--tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .to-cyan-500\/20{--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));}
.acme-mock-page.acme-mock-page .to-cyan-500\/30{--tw-gradient-to: #00b7d74d;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-cyan-500\/30{--tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 30%, transparent);}}
.acme-mock-page.acme-mock-page .to-cyan-500\/30{--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));}
.acme-mock-page.acme-mock-page .to-emerald-500{--tw-gradient-to: var(--color-emerald-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));}
.acme-mock-page.acme-mock-page .to-foreground{--tw-gradient-to: var(--foreground); --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));}
.acme-mock-page.acme-mock-page .to-foreground\/60{--tw-gradient-to: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-foreground\/60{--tw-gradient-to: color-mix(in oklab, var(--foreground) 60%, transparent);}}
.acme-mock-page.acme-mock-page .to-foreground\/60{--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));}
.acme-mock-page.acme-mock-page .to-foreground\/90{--tw-gradient-to: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-foreground\/90{--tw-gradient-to: color-mix(in oklab, var(--foreground) 90%, transparent);}}
.acme-mock-page.acme-mock-page .to-foreground\/90{--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));}
.acme-mock-page.acme-mock-page .to-fuchsia-400{--tw-gradient-to: var(--color-fuchsia-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));}
.acme-mock-page.acme-mock-page .to-fuchsia-500{--tw-gradient-to: var(--color-fuchsia-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));}
.acme-mock-page.acme-mock-page .to-fuchsia-500\/10{--tw-gradient-to: #e12afb1a;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-fuchsia-500\/10{--tw-gradient-to: color-mix(in oklab, var(--color-fuchsia-500) 10%, transparent);}}
.acme-mock-page.acme-mock-page .to-fuchsia-500\/10{--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));}
.acme-mock-page.acme-mock-page .to-fuchsia-600{--tw-gradient-to: var(--color-fuchsia-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));}
.acme-mock-page.acme-mock-page .to-gray-600{--tw-gradient-to: var(--color-gray-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));}
.acme-mock-page.acme-mock-page .to-indigo-400{--tw-gradient-to: var(--color-indigo-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));}
.acme-mock-page.acme-mock-page .to-indigo-600{--tw-gradient-to: var(--color-indigo-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));}
.acme-mock-page.acme-mock-page .to-indigo-700{--tw-gradient-to: var(--color-indigo-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));}
.acme-mock-page.acme-mock-page .to-indigo-900{--tw-gradient-to: var(--color-indigo-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));}
.acme-mock-page.acme-mock-page .to-muted\/10{--tw-gradient-to: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-muted\/10{--tw-gradient-to: color-mix(in oklab, var(--muted) 10%, transparent);}}
.acme-mock-page.acme-mock-page .to-muted\/10{--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));}
.acme-mock-page.acme-mock-page .to-muted\/30{--tw-gradient-to: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-muted\/30{--tw-gradient-to: color-mix(in oklab, var(--muted) 30%, transparent);}}
.acme-mock-page.acme-mock-page .to-muted\/30{--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));}
.acme-mock-page.acme-mock-page .to-muted\/40{--tw-gradient-to: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-muted\/40{--tw-gradient-to: color-mix(in oklab, var(--muted) 40%, transparent);}}
.acme-mock-page.acme-mock-page .to-muted\/40{--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));}
.acme-mock-page.acme-mock-page .to-muted\/50{--tw-gradient-to: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-muted\/50{--tw-gradient-to: color-mix(in oklab, var(--muted) 50%, transparent);}}
.acme-mock-page.acme-mock-page .to-muted\/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));}
.acme-mock-page.acme-mock-page .to-neutral-950{--tw-gradient-to: var(--color-neutral-950); --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));}
.acme-mock-page.acme-mock-page .to-orange-50{--tw-gradient-to: var(--color-orange-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));}
.acme-mock-page.acme-mock-page .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));}
.acme-mock-page.acme-mock-page .to-orange-500{--tw-gradient-to: var(--color-orange-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));}
.acme-mock-page.acme-mock-page .to-pink-400{--tw-gradient-to: 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));}
.acme-mock-page.acme-mock-page .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));}
.acme-mock-page.acme-mock-page .to-primary{--tw-gradient-to: var(--primary); --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));}
.acme-mock-page.acme-mock-page .to-primary\/5{--tw-gradient-to: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-primary\/5{--tw-gradient-to: color-mix(in oklab, var(--primary) 5%, transparent);}}
.acme-mock-page.acme-mock-page .to-primary\/5{--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));}
.acme-mock-page.acme-mock-page .to-primary\/10{--tw-gradient-to: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-primary\/10{--tw-gradient-to: color-mix(in oklab, var(--primary) 10%, transparent);}}
.acme-mock-page.acme-mock-page .to-primary\/10{--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));}
.acme-mock-page.acme-mock-page .to-primary\/20{--tw-gradient-to: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-primary\/20{--tw-gradient-to: color-mix(in oklab, var(--primary) 20%, transparent);}}
.acme-mock-page.acme-mock-page .to-primary\/20{--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));}
.acme-mock-page.acme-mock-page .to-primary\/40{--tw-gradient-to: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-primary\/40{--tw-gradient-to: color-mix(in oklab, var(--primary) 40%, transparent);}}
.acme-mock-page.acme-mock-page .to-primary\/40{--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));}
.acme-mock-page.acme-mock-page .to-primary\/60{--tw-gradient-to: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-primary\/60{--tw-gradient-to: color-mix(in oklab, var(--primary) 60%, transparent);}}
.acme-mock-page.acme-mock-page .to-primary\/60{--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));}
.acme-mock-page.acme-mock-page .to-primary\/80{--tw-gradient-to: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-primary\/80{--tw-gradient-to: color-mix(in oklab, var(--primary) 80%, transparent);}}
.acme-mock-page.acme-mock-page .to-primary\/80{--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));}
.acme-mock-page.acme-mock-page .to-purple-100{--tw-gradient-to: var(--color-purple-100); --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));}
.acme-mock-page.acme-mock-page .to-purple-400{--tw-gradient-to: var(--color-purple-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));}
.acme-mock-page.acme-mock-page .to-purple-500{--tw-gradient-to: 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));}
.acme-mock-page.acme-mock-page .to-purple-500\/20{--tw-gradient-to: #ac4bff33;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-purple-500\/20{--tw-gradient-to: color-mix(in oklab, var(--color-purple-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .to-purple-500\/20{--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));}
.acme-mock-page.acme-mock-page .to-purple-600{--tw-gradient-to: 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));}
.acme-mock-page.acme-mock-page .to-purple-600\/20{--tw-gradient-to: #9810fa33;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-purple-600\/20{--tw-gradient-to: color-mix(in oklab, var(--color-purple-600) 20%, transparent);}}
.acme-mock-page.acme-mock-page .to-purple-600\/20{--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));}
.acme-mock-page.acme-mock-page .to-rose-500{--tw-gradient-to: var(--color-rose-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));}
.acme-mock-page.acme-mock-page .to-slate-50{--tw-gradient-to: var(--color-slate-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));}
.acme-mock-page.acme-mock-page .to-slate-100{--tw-gradient-to: var(--color-slate-100); --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));}
.acme-mock-page.acme-mock-page .to-slate-800{--tw-gradient-to: var(--color-slate-800); --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));}
.acme-mock-page.acme-mock-page .to-slate-900{--tw-gradient-to: var(--color-slate-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));}
.acme-mock-page.acme-mock-page .to-slate-900\/40{--tw-gradient-to: #0f172b66;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-slate-900\/40{--tw-gradient-to: color-mix(in oklab, var(--color-slate-900) 40%, transparent);}}
.acme-mock-page.acme-mock-page .to-slate-900\/40{--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));}
.acme-mock-page.acme-mock-page .to-stone-600{--tw-gradient-to: var(--color-stone-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));}
.acme-mock-page.acme-mock-page .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));}
.acme-mock-page.acme-mock-page .to-violet-200\/40{--tw-gradient-to: #ddd6ff66;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-violet-200\/40{--tw-gradient-to: color-mix(in oklab, var(--color-violet-200) 40%, transparent);}}
.acme-mock-page.acme-mock-page .to-violet-200\/40{--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));}
.acme-mock-page.acme-mock-page .to-violet-400{--tw-gradient-to: var(--color-violet-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));}
.acme-mock-page.acme-mock-page .to-violet-500{--tw-gradient-to: var(--color-violet-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));}
.acme-mock-page.acme-mock-page .to-violet-500\/10{--tw-gradient-to: #8d54ff1a;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-violet-500\/10{--tw-gradient-to: color-mix(in oklab, var(--color-violet-500) 10%, transparent);}}
.acme-mock-page.acme-mock-page .to-violet-500\/10{--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));}
.acme-mock-page.acme-mock-page .to-violet-500\/20{--tw-gradient-to: #8d54ff33;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-violet-500\/20{--tw-gradient-to: color-mix(in oklab, var(--color-violet-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .to-violet-500\/20{--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));}
.acme-mock-page.acme-mock-page .to-violet-600{--tw-gradient-to: var(--color-violet-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));}
.acme-mock-page.acme-mock-page .to-white{--tw-gradient-to: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));}
.acme-mock-page.acme-mock-page .to-white\/0{--tw-gradient-to: #0000;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-white\/0{--tw-gradient-to: color-mix(in oklab, var(--color-white) 0%, transparent);}}
.acme-mock-page.acme-mock-page .to-white\/0{--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));}
.acme-mock-page.acme-mock-page .to-white\/5{--tw-gradient-to: #ffffff0d;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-white\/5{--tw-gradient-to: color-mix(in oklab, var(--color-white) 5%, transparent);}}
.acme-mock-page.acme-mock-page .to-white\/5{--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));}
.acme-mock-page.acme-mock-page .\[mask-image\:radial-gradient\(ellipse_60\%_50\%_at_50\%_0\%\, .acme-mock-page.acme-mock-page \#000_70\%\, .acme-mock-page.acme-mock-page transparent_110\%\)\]{mask-image: radial-gradient(60% 50% at 50% 0px, rgb(0, 0, 0) 70%, rgba(0, 0, 0, 0) 110%);}
.acme-mock-page.acme-mock-page .bg-\[size\:4rem_4rem\]{background-size: 4rem 4rem;}
.acme-mock-page.acme-mock-page .bg-\[size\:60px_60px\]{background-size: 60px 60px;}
.acme-mock-page.acme-mock-page .bg-\[size\:64px_64px\]{background-size: 64px 64px;}
.acme-mock-page[data-acme-mock-route="/templates/dark-mode-first?preset=slate"] section.relative.min-h-screen > .absolute.inset-0{
  background-image: linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
  background-size: 64px 64px;
}
.acme-mock-page.acme-mock-page .bg-cover{background-size: cover;}
.acme-mock-page.acme-mock-page .bg-clip-text{background-clip: text;}
.acme-mock-page.acme-mock-page .bg-center{background-position: center center;}
.acme-mock-page.acme-mock-page .fill-\[\#8B7355\]{fill: rgb(139, 115, 85);}
.acme-mock-page.acme-mock-page .fill-\[\#b8860b\]{fill: rgb(184, 134, 11);}
.acme-mock-page.acme-mock-page .fill-amber-400{fill: var(--color-amber-400);}
.acme-mock-page.acme-mock-page .fill-chart-4{fill: var(--chart-4);}
.acme-mock-page.acme-mock-page .fill-current{fill: currentcolor;}
.acme-mock-page.acme-mock-page .fill-emerald-400{fill: var(--color-emerald-400);}
.acme-mock-page.acme-mock-page .fill-foreground{fill: var(--foreground);}
.acme-mock-page.acme-mock-page .fill-primary{fill: var(--primary);}
.acme-mock-page.acme-mock-page .fill-red-500{fill: var(--color-red-500);}
.acme-mock-page.acme-mock-page .fill-rose-500{fill: var(--color-rose-500);}
.acme-mock-page.acme-mock-page .fill-white{fill: var(--color-white);}
.acme-mock-page.acme-mock-page .fill-yellow-400{fill: var(--color-yellow-400);}
.acme-mock-page.acme-mock-page .fill-yellow-500{fill: var(--color-yellow-500);}
.acme-mock-page.acme-mock-page .object-contain{object-fit: contain;}
.acme-mock-page.acme-mock-page .object-cover{object-fit: cover;}
.acme-mock-page.acme-mock-page .p-0{padding: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .p-0\.5{padding: calc(var(--spacing) * .5);}
.acme-mock-page.acme-mock-page .p-1{padding: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .p-1\.5{padding: calc(var(--spacing) * 1.5);}
.acme-mock-page.acme-mock-page .p-2{padding: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .p-2\.5{padding: calc(var(--spacing) * 2.5);}
.acme-mock-page.acme-mock-page .p-3{padding: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .p-4{padding: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .p-5{padding: calc(var(--spacing) * 5);}
.acme-mock-page.acme-mock-page .p-6{padding: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .p-8{padding: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .p-10{padding: calc(var(--spacing) * 10);}
.acme-mock-page.acme-mock-page .p-12{padding: calc(var(--spacing) * 12);}
.acme-mock-page.acme-mock-page .p-16{padding: calc(var(--spacing) * 16);}
.acme-mock-page.acme-mock-page .p-\[3px\]{padding: 3px;}
.acme-mock-page.acme-mock-page .p-px{padding: 1px;}
.acme-mock-page.acme-mock-page .px-\(--cell-size\){padding-inline: var(--cell-size);}
.acme-mock-page.acme-mock-page .px-0{padding-inline: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .px-1{padding-inline: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .px-1\.5{padding-inline: calc(var(--spacing) * 1.5);}
.acme-mock-page.acme-mock-page .px-2{padding-inline: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .px-2\.5{padding-inline: calc(var(--spacing) * 2.5);}
.acme-mock-page.acme-mock-page .px-3{padding-inline: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .px-4{padding-inline: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .px-5{padding-inline: calc(var(--spacing) * 5);}
.acme-mock-page.acme-mock-page .px-6{padding-inline: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .px-8{padding-inline: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .px-10{padding-inline: calc(var(--spacing) * 10);}
.acme-mock-page.acme-mock-page .px-12{padding-inline: calc(var(--spacing) * 12);}
.acme-mock-page.acme-mock-page .py-0{padding-block: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .py-0\.5{padding-block: calc(var(--spacing) * .5);}
.acme-mock-page.acme-mock-page .py-1{padding-block: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .py-1\.5{padding-block: calc(var(--spacing) * 1.5);}
.acme-mock-page.acme-mock-page .py-2{padding-block: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .py-2\.5{padding-block: calc(var(--spacing) * 2.5);}
.acme-mock-page.acme-mock-page .py-3{padding-block: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .py-3\.5{padding-block: calc(var(--spacing) * 3.5);}
.acme-mock-page.acme-mock-page .py-4{padding-block: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .py-5{padding-block: calc(var(--spacing) * 5);}
.acme-mock-page.acme-mock-page .py-6{padding-block: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .py-8{padding-block: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .py-10{padding-block: calc(var(--spacing) * 10);}
.acme-mock-page.acme-mock-page .py-12{padding-block: calc(var(--spacing) * 12);}
.acme-mock-page.acme-mock-page .py-16{padding-block: calc(var(--spacing) * 16);}
.acme-mock-page.acme-mock-page .py-20{padding-block: calc(var(--spacing) * 20);}
.acme-mock-page.acme-mock-page .py-24{padding-block: calc(var(--spacing) * 24);}
.acme-mock-page.acme-mock-page .py-32{padding-block: calc(var(--spacing) * 32);}
.acme-mock-page.acme-mock-page .pt-0{padding-top: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .pt-2{padding-top: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .pt-3{padding-top: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .pt-4{padding-top: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .pt-5{padding-top: calc(var(--spacing) * 5);}
.acme-mock-page.acme-mock-page .pt-8{padding-top: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .pt-12{padding-top: calc(var(--spacing) * 12);}
.acme-mock-page.acme-mock-page .pt-16{padding-top: calc(var(--spacing) * 16);}
.acme-mock-page.acme-mock-page .pt-20{padding-top: calc(var(--spacing) * 20);}
.acme-mock-page.acme-mock-page .pt-24{padding-top: calc(var(--spacing) * 24);}
.acme-mock-page.acme-mock-page .pt-28{padding-top: calc(var(--spacing) * 28);}
.acme-mock-page.acme-mock-page .pt-32{padding-top: calc(var(--spacing) * 32);}
.acme-mock-page.acme-mock-page .pr-1{padding-right: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .pr-2{padding-right: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .pr-2\.5{padding-right: calc(var(--spacing) * 2.5);}
.acme-mock-page.acme-mock-page .pr-3{padding-right: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .pr-4{padding-right: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .pr-8{padding-right: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .pr-16{padding-right: calc(var(--spacing) * 16);}
.acme-mock-page.acme-mock-page .pb-1{padding-bottom: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .pb-2{padding-bottom: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .pb-3{padding-bottom: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .pb-4{padding-bottom: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .pb-6{padding-bottom: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .pb-8{padding-bottom: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .pb-12{padding-bottom: calc(var(--spacing) * 12);}
.acme-mock-page.acme-mock-page .pb-16{padding-bottom: calc(var(--spacing) * 16);}
.acme-mock-page.acme-mock-page .pb-20{padding-bottom: calc(var(--spacing) * 20);}
.acme-mock-page.acme-mock-page .pb-24{padding-bottom: calc(var(--spacing) * 24);}
.acme-mock-page.acme-mock-page .pb-32{padding-bottom: calc(var(--spacing) * 32);}
.acme-mock-page.acme-mock-page .pl-2{padding-left: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .pl-3{padding-left: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .pl-4{padding-left: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .pl-8{padding-left: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .pl-9{padding-left: calc(var(--spacing) * 9);}
.acme-mock-page.acme-mock-page .pl-10{padding-left: calc(var(--spacing) * 10);}
.acme-mock-page.acme-mock-page .pl-12{padding-left: calc(var(--spacing) * 12);}
.acme-mock-page.acme-mock-page .text-center{text-align: center;}
.acme-mock-page.acme-mock-page .text-left{text-align: left;}
.acme-mock-page.acme-mock-page .text-right{text-align: right;}
.acme-mock-page.acme-mock-page .align-middle{vertical-align: middle;}
.acme-mock-page.acme-mock-page .font-mono{font-family: "AcmeMockGeistMono", "AcmeMockGeistMono Fallback", monospace;}
.acme-mock-page.acme-mock-page .font-sans{font-family: AcmeMockGeist, "AcmeMockGeist Fallback", system-ui, sans-serif;}
.acme-mock-page.acme-mock-page .font-serif{font-family: var(--font-serif);}
.acme-mock-page.acme-mock-page .text-2xl{font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height));}
.acme-mock-page.acme-mock-page .text-3xl{font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height));}
.acme-mock-page.acme-mock-page .text-4xl{font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height));}
.acme-mock-page.acme-mock-page .text-5xl{font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height));}
.acme-mock-page.acme-mock-page .text-6xl{font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height));}
.acme-mock-page.acme-mock-page .text-7xl{font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height));}
.acme-mock-page.acme-mock-page .text-8xl{font-size: var(--text-8xl); line-height: var(--tw-leading, var(--text-8xl--line-height));}
.acme-mock-page.acme-mock-page .text-base{font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));}
.acme-mock-page.acme-mock-page .text-lg{font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));}
.acme-mock-page.acme-mock-page .text-sm{font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));}
.acme-mock-page.acme-mock-page .text-sm\/relaxed{font-size: var(--text-sm); line-height: var(--leading-relaxed);}
.acme-mock-page.acme-mock-page .text-xl{font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height));}
.acme-mock-page.acme-mock-page .text-xs{font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));}
.acme-mock-page.acme-mock-page .text-\[0\.8rem\]{font-size: 0.8rem;}
.acme-mock-page.acme-mock-page .text-\[8px\]{font-size: 8px;}
.acme-mock-page.acme-mock-page .text-\[9px\]{font-size: 9px;}
.acme-mock-page.acme-mock-page .text-\[10px\]{font-size: 10px;}
.acme-mock-page.acme-mock-page .text-\[11px\]{font-size: 11px;}
.acme-mock-page.acme-mock-page .text-\[12vw\]{font-size: 12vw;}
.acme-mock-page.acme-mock-page .text-\[clamp\(3rem\, .acme-mock-page.acme-mock-page 12vw\, .acme-mock-page.acme-mock-page 10rem\)\]{font-size: clamp(3rem, 12vw, 10rem);}
.acme-mock-page.acme-mock-page .leading-\[0\.9\]{--tw-leading: .9; line-height: 0.9;}
.acme-mock-page.acme-mock-page .leading-\[0\.85\]{--tw-leading: .85; line-height: 0.85;}
.acme-mock-page.acme-mock-page .leading-\[1\.1\]{--tw-leading: 1.1; line-height: 1.1;}
.acme-mock-page.acme-mock-page .leading-none{--tw-leading: 1; line-height: 1;}
.acme-mock-page.acme-mock-page .leading-normal{--tw-leading: var(--leading-normal); line-height: var(--leading-normal);}
.acme-mock-page.acme-mock-page .leading-relaxed{--tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed);}
.acme-mock-page.acme-mock-page .leading-snug{--tw-leading: var(--leading-snug); line-height: var(--leading-snug);}
.acme-mock-page.acme-mock-page .leading-tight{--tw-leading: var(--leading-tight); line-height: var(--leading-tight);}
.acme-mock-page.acme-mock-page .font-black{--tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black);}
.acme-mock-page.acme-mock-page .font-bold{--tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);}
.acme-mock-page.acme-mock-page .font-extralight{--tw-font-weight: var(--font-weight-extralight); font-weight: var(--font-weight-extralight);}
.acme-mock-page.acme-mock-page .font-light{--tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light);}
.acme-mock-page.acme-mock-page .font-medium{--tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);}
.acme-mock-page.acme-mock-page .font-normal{--tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal);}
.acme-mock-page.acme-mock-page .font-semibold{--tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold);}
.acme-mock-page.acme-mock-page .tracking-\[0\.1em\]{--tw-tracking: .1em; letter-spacing: 0.1em;}
.acme-mock-page.acme-mock-page .tracking-\[0\.2em\]{--tw-tracking: .2em; letter-spacing: 0.2em;}
.acme-mock-page.acme-mock-page .tracking-\[0\.3em\]{--tw-tracking: .3em; letter-spacing: 0.3em;}
.acme-mock-page.acme-mock-page .tracking-\[0\.4em\]{--tw-tracking: .4em; letter-spacing: 0.4em;}
.acme-mock-page.acme-mock-page .tracking-\[0\.5em\]{--tw-tracking: .5em; letter-spacing: 0.5em;}
.acme-mock-page.acme-mock-page .tracking-\[0\.15em\]{--tw-tracking: .15em; letter-spacing: 0.15em;}
.acme-mock-page.acme-mock-page .tracking-tight{--tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight);}
.acme-mock-page.acme-mock-page .tracking-tighter{--tw-tracking: var(--tracking-tighter); letter-spacing: var(--tracking-tighter);}
.acme-mock-page.acme-mock-page .tracking-wide{--tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide);}
.acme-mock-page.acme-mock-page .tracking-wider{--tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider);}
.acme-mock-page.acme-mock-page .tracking-widest{--tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest);}
.acme-mock-page.acme-mock-page .text-balance{text-wrap: balance;}
.acme-mock-page.acme-mock-page .text-pretty{text-wrap: pretty;}
.acme-mock-page.acme-mock-page .break-words{overflow-wrap: break-word;}
.acme-mock-page.acme-mock-page .whitespace-nowrap{white-space: nowrap;}
.acme-mock-page.acme-mock-page .text-\[\#0a0a0a\]{color: rgb(10, 10, 10);}
.acme-mock-page.acme-mock-page .text-\[\#0ea5e9\]{color: rgb(14, 165, 233);}
.acme-mock-page.acme-mock-page .text-\[\#0f0f0f\]\/60{color: lab(4.315 -0.0000149012 0.00000596046 / 0.6);}
.acme-mock-page.acme-mock-page .text-\[\#0f0f0f\]\/80{color: lab(4.315 -0.0000149012 0.00000596046 / 0.8);}
.acme-mock-page.acme-mock-page .text-\[\#0f172a\]{color: rgb(15, 23, 42);}
.acme-mock-page.acme-mock-page .text-\[\#0f172a\]\/70{color: lab(7.77627 1.58887 -14.2961 / 0.7);}
.acme-mock-page.acme-mock-page .text-\[\#1a1a1a\]{color: rgb(26, 26, 26);}
.acme-mock-page.acme-mock-page .text-\[\#1a1a1a\]\/20{color: lab(9.26323 0 0.00000596046 / 0.2);}
.acme-mock-page.acme-mock-page .text-\[\#1a1a1a\]\/40{color: lab(9.26323 0 0.00000596046 / 0.4);}
.acme-mock-page.acme-mock-page .text-\[\#1a1a1a\]\/50{color: lab(9.26323 0 0.00000596046 / 0.5);}
.acme-mock-page.acme-mock-page .text-\[\#1a1a1a\]\/60{color: lab(9.26323 0 0.00000596046 / 0.6);}
.acme-mock-page.acme-mock-page .text-\[\#1a1a1a\]\/70{color: lab(9.26323 0 0.00000298023 / 0.7);}
.acme-mock-page.acme-mock-page .text-\[\#1a1a2e\]{color: rgb(26, 26, 46);}
.acme-mock-page.acme-mock-page .text-\[\#1e3a5f\]{color: rgb(30, 58, 95);}
.acme-mock-page.acme-mock-page .text-\[\#2d2d2d\]{color: rgb(45, 45, 45);}
.acme-mock-page.acme-mock-page .text-\[\#2d2d2d\]\/40{color: lab(18.4709 -0.0000447035 0.00000596046 / 0.4);}
.acme-mock-page.acme-mock-page .text-\[\#2d2d2d\]\/50{color: lab(18.4709 -0.0000447035 0.00000596046 / 0.5);}
.acme-mock-page.acme-mock-page .text-\[\#2d2d2d\]\/60{color: lab(18.4709 -0.0000447035 0.00000596046 / 0.6);}
.acme-mock-page.acme-mock-page .text-\[\#2d2d2d\]\/70{color: lab(18.4709 -0.0000447035 0.00000596046 / 0.7);}
.acme-mock-page.acme-mock-page .text-\[\#3D3D3D\], .acme-mock-page.acme-mock-page .text-\[\#3d3d3d\]{color: rgb(61, 61, 61);}
.acme-mock-page.acme-mock-page .text-\[\#3d3d3d\]\/60{color: lab(25.7627 -0.0000149012 0.00000596046 / 0.6);}
.acme-mock-page.acme-mock-page .text-\[\#3d3d3d\]\/70{color: lab(25.7627 -0.0000149012 0.00000596046 / 0.7);}
.acme-mock-page.acme-mock-page .text-\[\#4ecdc4\]{color: rgb(78, 205, 196);}
.acme-mock-page.acme-mock-page .text-\[\#5c7c5c\]{color: rgb(92, 124, 92);}
.acme-mock-page.acme-mock-page .text-\[\#5d4e37\]{color: rgb(93, 78, 55);}
.acme-mock-page.acme-mock-page .text-\[\#5d4e37\]\/50{color: lab(34.2494 3.7633 16.0966 / 0.5);}
.acme-mock-page.acme-mock-page .text-\[\#5d4e37\]\/60{color: lab(34.2494 3.7633 16.0966 / 0.6);}
.acme-mock-page.acme-mock-page .text-\[\#5d4e37\]\/70{color: lab(34.2494 3.7633 16.0966 / 0.7);}
.acme-mock-page.acme-mock-page .text-\[\#6B6B6B\]{color: rgb(107, 107, 107);}
.acme-mock-page.acme-mock-page .text-\[\#6B8E6B\]{color: rgb(107, 142, 107);}
.acme-mock-page.acme-mock-page .text-\[\#6c5ce7\]{color: rgb(108, 92, 231);}
.acme-mock-page.acme-mock-page .text-\[\#8B7355\]{color: rgb(139, 115, 85);}
.acme-mock-page.acme-mock-page .text-\[\#8b949e\]{color: rgb(139, 148, 158);}
.acme-mock-page.acme-mock-page .text-\[\#8b7355\]{color: rgb(139, 115, 85);}
.acme-mock-page.acme-mock-page .text-\[\#8b7355\]\/20{color: lab(50.1986 6.43158 20.3395 / 0.2);}
.acme-mock-page.acme-mock-page .text-\[\#79c0ff\]{color: rgb(121, 192, 255);}
.acme-mock-page.acme-mock-page .text-\[\#111\]{color: rgb(17, 17, 17);}
.acme-mock-page.acme-mock-page .text-\[\#111\]\/40{color: lab(5.06333 0.00000745058 -0.00000298023 / 0.4);}
.acme-mock-page.acme-mock-page .text-\[\#111\]\/60{color: lab(5.06333 0.00000745058 -0.00000298023 / 0.6);}
.acme-mock-page.acme-mock-page .text-\[\#111\]\/70{color: lab(5.06333 0.00000745058 -0.00000298023 / 0.7);}
.acme-mock-page.acme-mock-page .text-\[\#111\]\/80{color: lab(5.06333 0.00000745058 -0.00000298023 / 0.8);}
.acme-mock-page.acme-mock-page .text-\[\#6366f1\]{color: rgb(99, 102, 241);}
.acme-mock-page.acme-mock-page .text-\[\#09090b\]{color: rgb(9, 9, 11);}
.acme-mock-page.acme-mock-page .text-\[\#64748b\]{color: rgb(100, 116, 139);}
.acme-mock-page.acme-mock-page .text-\[\#a0a0a0\]{color: rgb(160, 160, 160);}
.acme-mock-page.acme-mock-page .text-\[\#a5d6ff\]{color: rgb(165, 214, 255);}
.acme-mock-page.acme-mock-page .text-\[\#a8c5a8\]{color: rgb(168, 197, 168);}
.acme-mock-page.acme-mock-page .text-\[\#b8860b\]{color: rgb(184, 134, 11);}
.acme-mock-page.acme-mock-page .text-\[\#c4a052\]{color: rgb(196, 160, 82);}
.acme-mock-page.acme-mock-page .text-\[\#c4a052\]\/30{color: lab(68.0164 7.04536 45.2034 / 0.3);}
.acme-mock-page.acme-mock-page .text-\[\#c9a962\]{color: rgb(201, 169, 98);}
.acme-mock-page.acme-mock-page .text-\[\#c9a962\]\/20{color: lab(70.9939 5.52833 40.9073 / 0.2);}
.acme-mock-page.acme-mock-page .text-\[\#c9d1d9\]{color: rgb(201, 209, 217);}
.acme-mock-page.acme-mock-page .text-\[\#d2a8ff\]{color: rgb(210, 168, 255);}
.acme-mock-page.acme-mock-page .text-\[\#d4af37\]{color: rgb(212, 175, 55);}
.acme-mock-page.acme-mock-page .text-\[\#d4af37\]\/30{color: lab(73.2932 5.13339 62.8195 / 0.3);}
.acme-mock-page.acme-mock-page .text-\[\#d97706\]{color: rgb(217, 119, 6);}
.acme-mock-page.acme-mock-page .text-\[\#d97706\]\/30{color: lab(60.4928 34.8862 66.4687 / 0.3);}
.acme-mock-page.acme-mock-page .text-\[\#e5e3df\]{color: rgb(229, 227, 223);}
.acme-mock-page.acme-mock-page .text-\[\#ef4444\]{color: rgb(239, 68, 68);}
.acme-mock-page.acme-mock-page .text-\[\#f8f6f3\]{color: rgb(248, 246, 243);}
.acme-mock-page.acme-mock-page .text-\[\#fbbf24\]{color: rgb(251, 191, 36);}
.acme-mock-page.acme-mock-page .text-\[\#fef3c7\]{color: rgb(254, 243, 199);}
.acme-mock-page.acme-mock-page .text-\[\#fef3c7\]\/30{color: lab(95.8996 -1.21173 22.7144 / 0.3);}
.acme-mock-page.acme-mock-page .text-\[\#fef3c7\]\/50{color: lab(95.8996 -1.21173 22.7144 / 0.5);}
.acme-mock-page.acme-mock-page .text-\[\#fef3c7\]\/60{color: lab(95.8996 -1.21173 22.7144 / 0.6);}
.acme-mock-page.acme-mock-page .text-\[\#fef3c7\]\/70{color: lab(95.8996 -1.21173 22.7144 / 0.7);}
.acme-mock-page.acme-mock-page .text-\[\#ff6b6b\]{color: rgb(255, 107, 107);}
.acme-mock-page.acme-mock-page .text-\[\#ff7b72\]{color: rgb(255, 123, 114);}
.acme-mock-page.acme-mock-page .text-\[\#ffd93d\]{color: rgb(255, 217, 61);}
.acme-mock-page.acme-mock-page .text-accent-foreground{color: var(--accent-foreground);}
.acme-mock-page.acme-mock-page .text-amber-400{color: var(--color-amber-400);}
.acme-mock-page.acme-mock-page .text-amber-500{color: var(--color-amber-500);}
.acme-mock-page.acme-mock-page .text-amber-600{color: var(--color-amber-600);}
.acme-mock-page.acme-mock-page .text-amber-700{color: var(--color-amber-700);}
.acme-mock-page.acme-mock-page .text-background{color: var(--background);}
.acme-mock-page.acme-mock-page .text-background\/60{color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-background\/60{color: color-mix(in oklab, var(--background) 60%, transparent);}}
.acme-mock-page.acme-mock-page .text-background\/70{color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-background\/70{color: color-mix(in oklab, var(--background) 70%, transparent);}}
.acme-mock-page.acme-mock-page .text-background\/80{color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-background\/80{color: color-mix(in oklab, var(--background) 80%, transparent);}}
.acme-mock-page.acme-mock-page .text-black{color: var(--color-black);}
.acme-mock-page.acme-mock-page .text-black\/40{color: rgba(0, 0, 0, 0.4);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-black\/40{color: color-mix(in oklab, var(--color-black) 40%, transparent);}}
.acme-mock-page.acme-mock-page .text-black\/60{color: rgba(0, 0, 0, 0.6);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-black\/60{color: color-mix(in oklab, var(--color-black) 60%, transparent);}}
.acme-mock-page.acme-mock-page .text-blue-100{color: var(--color-blue-100);}
.acme-mock-page.acme-mock-page .text-blue-400{color: var(--color-blue-400);}
.acme-mock-page.acme-mock-page .text-blue-600{color: var(--color-blue-600);}
.acme-mock-page.acme-mock-page .text-blue-700{color: var(--color-blue-700);}
.acme-mock-page.acme-mock-page .text-card-foreground{color: var(--card-foreground);}
.acme-mock-page.acme-mock-page .text-chart-4{color: var(--chart-4);}
.acme-mock-page.acme-mock-page .text-current{color: currentcolor;}
.acme-mock-page.acme-mock-page .text-cyan-400{color: var(--color-cyan-400);}
.acme-mock-page.acme-mock-page .text-cyan-400\/30{color: rgba(0, 210, 239, 0.3);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-cyan-400\/30{color: color-mix(in oklab, var(--color-cyan-400) 30%, transparent);}}
.acme-mock-page.acme-mock-page .text-cyan-500{color: var(--color-cyan-500);}
.acme-mock-page.acme-mock-page .text-cyan-600{color: var(--color-cyan-600);}
.acme-mock-page.acme-mock-page .text-destructive{color: var(--destructive);}
.acme-mock-page.acme-mock-page .text-destructive-foreground{color: var(--destructive-foreground);}
.acme-mock-page.acme-mock-page .text-emerald-300{color: var(--color-emerald-300);}
.acme-mock-page.acme-mock-page .text-emerald-400{color: var(--color-emerald-400);}
.acme-mock-page.acme-mock-page .text-emerald-500{color: var(--color-emerald-500);}
.acme-mock-page.acme-mock-page .text-emerald-600{color: var(--color-emerald-600);}
.acme-mock-page.acme-mock-page .text-emerald-700{color: var(--color-emerald-700);}
.acme-mock-page.acme-mock-page .text-foreground{color: var(--foreground);}
.acme-mock-page.acme-mock-page .text-foreground\/10{color: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-foreground\/10{color: color-mix(in oklab, var(--foreground) 10%, transparent);}}
.acme-mock-page.acme-mock-page .text-foreground\/50{color: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-foreground\/50{color: color-mix(in oklab, var(--foreground) 50%, transparent);}}
.acme-mock-page.acme-mock-page .text-foreground\/70{color: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-foreground\/70{color: color-mix(in oklab, var(--foreground) 70%, transparent);}}
.acme-mock-page.acme-mock-page .text-foreground\/80{color: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-foreground\/80{color: color-mix(in oklab, var(--foreground) 80%, transparent);}}
.acme-mock-page.acme-mock-page .text-fuchsia-400{color: var(--color-fuchsia-400);}
.acme-mock-page.acme-mock-page .text-gray-300{color: var(--color-gray-300);}
.acme-mock-page.acme-mock-page .text-gray-400{color: var(--color-gray-400);}
.acme-mock-page.acme-mock-page .text-gray-500{color: var(--color-gray-500);}
.acme-mock-page.acme-mock-page .text-gray-600{color: var(--color-gray-600);}
.acme-mock-page.acme-mock-page .text-gray-700{color: var(--color-gray-700);}
.acme-mock-page.acme-mock-page .text-gray-900{color: var(--color-gray-900);}
.acme-mock-page.acme-mock-page .text-green-400{color: var(--color-green-400);}
.acme-mock-page.acme-mock-page .text-green-500{color: var(--color-green-500);}
.acme-mock-page.acme-mock-page .text-green-600{color: var(--color-green-600);}
.acme-mock-page.acme-mock-page .text-indigo-100{color: var(--color-indigo-100);}
.acme-mock-page.acme-mock-page .text-indigo-200{color: var(--color-indigo-200);}
.acme-mock-page.acme-mock-page .text-indigo-300{color: var(--color-indigo-300);}
.acme-mock-page.acme-mock-page .text-indigo-400{color: var(--color-indigo-400);}
.acme-mock-page.acme-mock-page .text-indigo-600{color: var(--color-indigo-600);}
.acme-mock-page.acme-mock-page .text-indigo-700{color: var(--color-indigo-700);}
.acme-mock-page.acme-mock-page .text-muted-foreground{color: var(--muted-foreground);}
.acme-mock-page.acme-mock-page .text-muted-foreground\/20{color: var(--muted-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-muted-foreground\/20{color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);}}
.acme-mock-page.acme-mock-page .text-muted-foreground\/30{color: var(--muted-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-muted-foreground\/30{color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);}}
.acme-mock-page.acme-mock-page .text-muted-foreground\/40{color: var(--muted-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-muted-foreground\/40{color: color-mix(in oklab, var(--muted-foreground) 40%, transparent);}}
.acme-mock-page.acme-mock-page .text-muted-foreground\/50{color: var(--muted-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-muted-foreground\/50{color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);}}
.acme-mock-page.acme-mock-page .text-muted-foreground\/60{color: var(--muted-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-muted-foreground\/60{color: color-mix(in oklab, var(--muted-foreground) 60%, transparent);}}
.acme-mock-page.acme-mock-page .text-muted-foreground\/70{color: var(--muted-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-muted-foreground\/70{color: color-mix(in oklab, var(--muted-foreground) 70%, transparent);}}
.acme-mock-page.acme-mock-page .text-muted-foreground\/80{color: var(--muted-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-muted-foreground\/80{color: color-mix(in oklab, var(--muted-foreground) 80%, transparent);}}
.acme-mock-page.acme-mock-page .text-muted\/30{color: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-muted\/30{color: color-mix(in oklab, var(--muted) 30%, transparent);}}
.acme-mock-page.acme-mock-page .text-neutral-400{color: var(--color-neutral-400);}
.acme-mock-page.acme-mock-page .text-neutral-500{color: var(--color-neutral-500);}
.acme-mock-page.acme-mock-page .text-neutral-600{color: var(--color-neutral-600);}
.acme-mock-page.acme-mock-page .text-neutral-700{color: var(--color-neutral-700);}
.acme-mock-page.acme-mock-page .text-neutral-900{color: var(--color-neutral-900);}
.acme-mock-page.acme-mock-page .text-neutral-950{color: var(--color-neutral-950);}
.acme-mock-page.acme-mock-page .text-orange-400{color: var(--color-orange-400);}
.acme-mock-page.acme-mock-page .text-orange-500{color: var(--color-orange-500);}
.acme-mock-page.acme-mock-page .text-orange-600{color: var(--color-orange-600);}
.acme-mock-page.acme-mock-page .text-orange-700{color: var(--color-orange-700);}
.acme-mock-page.acme-mock-page .text-pink-200\/60{color: rgba(252, 206, 232, 0.6);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-pink-200\/60{color: color-mix(in oklab, var(--color-pink-200) 60%, transparent);}}
.acme-mock-page.acme-mock-page .text-pink-200\/70{color: rgba(252, 206, 232, 0.7);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-pink-200\/70{color: color-mix(in oklab, var(--color-pink-200) 70%, transparent);}}
.acme-mock-page.acme-mock-page .text-pink-200\/80{color: rgba(252, 206, 232, 0.8);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-pink-200\/80{color: color-mix(in oklab, var(--color-pink-200) 80%, transparent);}}
.acme-mock-page.acme-mock-page .text-pink-500{color: var(--color-pink-500);}
.acme-mock-page.acme-mock-page .text-pink-600{color: var(--color-pink-600);}
.acme-mock-page.acme-mock-page .text-popover-foreground{color: var(--popover-foreground);}
.acme-mock-page.acme-mock-page .text-primary{color: var(--primary);}
.acme-mock-page.acme-mock-page .text-primary-foreground{color: var(--primary-foreground);}
.acme-mock-page.acme-mock-page .text-primary-foreground\/50{color: var(--primary-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-primary-foreground\/50{color: color-mix(in oklab, var(--primary-foreground) 50%, transparent);}}
.acme-mock-page.acme-mock-page .text-primary-foreground\/70{color: var(--primary-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-primary-foreground\/70{color: color-mix(in oklab, var(--primary-foreground) 70%, transparent);}}
.acme-mock-page.acme-mock-page .text-primary-foreground\/80{color: var(--primary-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-primary-foreground\/80{color: color-mix(in oklab, var(--primary-foreground) 80%, transparent);}}
.acme-mock-page.acme-mock-page .text-primary\/20{color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-primary\/20{color: color-mix(in oklab, var(--primary) 20%, transparent);}}
.acme-mock-page.acme-mock-page .text-primary\/40{color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-primary\/40{color: color-mix(in oklab, var(--primary) 40%, transparent);}}
.acme-mock-page.acme-mock-page .text-primary\/70{color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-primary\/70{color: color-mix(in oklab, var(--primary) 70%, transparent);}}
.acme-mock-page.acme-mock-page .text-purple-600{color: var(--color-purple-600);}
.acme-mock-page.acme-mock-page .text-red-500{color: var(--color-red-500);}
.acme-mock-page.acme-mock-page .text-red-600{color: var(--color-red-600);}
.acme-mock-page.acme-mock-page .text-red-700{color: var(--color-red-700);}
.acme-mock-page.acme-mock-page .text-rose-100{color: var(--color-rose-100);}
.acme-mock-page.acme-mock-page .text-rose-500{color: var(--color-rose-500);}
.acme-mock-page.acme-mock-page .text-rose-600{color: var(--color-rose-600);}
.acme-mock-page.acme-mock-page .text-rose-700{color: var(--color-rose-700);}
.acme-mock-page.acme-mock-page .text-secondary-foreground{color: var(--secondary-foreground);}
.acme-mock-page.acme-mock-page .text-sidebar-foreground{color: var(--sidebar-foreground);}
.acme-mock-page.acme-mock-page .text-sidebar-foreground\/70{color: var(--sidebar-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-sidebar-foreground\/70{color: color-mix(in oklab, var(--sidebar-foreground) 70%, transparent);}}
.acme-mock-page.acme-mock-page .text-slate-300{color: var(--color-slate-300);}
.acme-mock-page.acme-mock-page .text-slate-400{color: var(--color-slate-400);}
.acme-mock-page.acme-mock-page .text-slate-500{color: var(--color-slate-500);}
.acme-mock-page.acme-mock-page .text-slate-600{color: var(--color-slate-600);}
.acme-mock-page.acme-mock-page .text-slate-700{color: var(--color-slate-700);}
.acme-mock-page.acme-mock-page .text-slate-800{color: var(--color-slate-800);}
.acme-mock-page.acme-mock-page .text-slate-900{color: var(--color-slate-900);}
.acme-mock-page.acme-mock-page .text-stone-100{color: var(--color-stone-100);}
.acme-mock-page.acme-mock-page .text-stone-300{color: var(--color-stone-300);}
.acme-mock-page.acme-mock-page .text-stone-400{color: var(--color-stone-400);}
.acme-mock-page.acme-mock-page .text-stone-500{color: var(--color-stone-500);}
.acme-mock-page.acme-mock-page .text-stone-600{color: var(--color-stone-600);}
.acme-mock-page.acme-mock-page .text-stone-700{color: var(--color-stone-700);}
.acme-mock-page.acme-mock-page .text-stone-800{color: var(--color-stone-800);}
.acme-mock-page.acme-mock-page .text-stone-900{color: var(--color-stone-900);}
.acme-mock-page.acme-mock-page .text-stone-950{color: var(--color-stone-950);}
.acme-mock-page.acme-mock-page .text-transparent{color: rgba(0, 0, 0, 0);}
.acme-mock-page.acme-mock-page .text-violet-100{color: var(--color-violet-100);}
.acme-mock-page.acme-mock-page .text-violet-200{color: var(--color-violet-200);}
.acme-mock-page.acme-mock-page .text-violet-300{color: var(--color-violet-300);}
.acme-mock-page.acme-mock-page .text-violet-400{color: var(--color-violet-400);}
.acme-mock-page.acme-mock-page .text-violet-600{color: var(--color-violet-600);}
.acme-mock-page.acme-mock-page .text-violet-700{color: var(--color-violet-700);}
.acme-mock-page.acme-mock-page .text-violet-900{color: var(--color-violet-900);}
.acme-mock-page.acme-mock-page .text-white{color: var(--color-white);}
.acme-mock-page.acme-mock-page .text-white\/5{color: rgba(255, 255, 255, 0.05);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-white\/5{color: color-mix(in oklab, var(--color-white) 5%, transparent);}}
.acme-mock-page.acme-mock-page .text-white\/10{color: rgba(255, 255, 255, 0.1);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-white\/10{color: color-mix(in oklab, var(--color-white) 10%, transparent);}}
.acme-mock-page.acme-mock-page .text-white\/20{color: rgba(255, 255, 255, 0.2);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-white\/20{color: color-mix(in oklab, var(--color-white) 20%, transparent);}}
.acme-mock-page.acme-mock-page .text-white\/30{color: rgba(255, 255, 255, 0.3);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-white\/30{color: color-mix(in oklab, var(--color-white) 30%, transparent);}}
.acme-mock-page.acme-mock-page .text-white\/40{color: rgba(255, 255, 255, 0.4);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-white\/40{color: color-mix(in oklab, var(--color-white) 40%, transparent);}}
.acme-mock-page.acme-mock-page .text-white\/50{color: rgba(255, 255, 255, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-white\/50{color: color-mix(in oklab, var(--color-white) 50%, transparent);}}
.acme-mock-page.acme-mock-page .text-white\/60{color: rgba(255, 255, 255, 0.6);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-white\/60{color: color-mix(in oklab, var(--color-white) 60%, transparent);}}
.acme-mock-page.acme-mock-page .text-white\/70{color: rgba(255, 255, 255, 0.7);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-white\/70{color: color-mix(in oklab, var(--color-white) 70%, transparent);}}
.acme-mock-page.acme-mock-page .text-white\/80{color: rgba(255, 255, 255, 0.8);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-white\/80{color: color-mix(in oklab, var(--color-white) 80%, transparent);}}
.acme-mock-page.acme-mock-page .text-white\/90{color: rgba(255, 255, 255, 0.9);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-white\/90{color: color-mix(in oklab, var(--color-white) 90%, transparent);}}
.acme-mock-page.acme-mock-page .text-yellow-400{color: var(--color-yellow-400);}
.acme-mock-page.acme-mock-page .text-yellow-500{color: var(--color-yellow-500);}
.acme-mock-page.acme-mock-page .capitalize{text-transform: capitalize;}
.acme-mock-page.acme-mock-page .uppercase{text-transform: uppercase;}
.acme-mock-page.acme-mock-page .italic{font-style: italic;}
.acme-mock-page.acme-mock-page .not-italic{font-style: normal;}
.acme-mock-page.acme-mock-page .tabular-nums{--tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );}
.acme-mock-page.acme-mock-page .line-through{text-decoration-line: line-through;}
.acme-mock-page.acme-mock-page .underline{text-decoration-line: underline;}
.acme-mock-page.acme-mock-page .underline-offset-4{text-underline-offset: 4px;}
.acme-mock-page.acme-mock-page .antialiased{-webkit-font-smoothing: antialiased;}
.acme-mock-page.acme-mock-page .opacity-0{opacity: 0;}
.acme-mock-page.acme-mock-page .opacity-10{opacity: 0.1;}
.acme-mock-page.acme-mock-page .opacity-20{opacity: 0.2;}
.acme-mock-page.acme-mock-page .opacity-30{opacity: 0.3;}
.acme-mock-page.acme-mock-page .opacity-40{opacity: 0.4;}
.acme-mock-page.acme-mock-page .opacity-50{opacity: 0.5;}
.acme-mock-page.acme-mock-page .opacity-60{opacity: 0.6;}
.acme-mock-page.acme-mock-page .opacity-70{opacity: 0.7;}
.acme-mock-page.acme-mock-page .opacity-75{opacity: 0.75;}
.acme-mock-page.acme-mock-page .opacity-80{opacity: 0.8;}
.acme-mock-page.acme-mock-page .opacity-90{opacity: 0.9;}
.acme-mock-page.acme-mock-page .opacity-95{opacity: 0.95;}
.acme-mock-page.acme-mock-page .opacity-100{opacity: 1;}
.acme-mock-page.acme-mock-page .mix-blend-difference{mix-blend-mode: difference;}
.acme-mock-page.acme-mock-page .mix-blend-multiply{mix-blend-mode: multiply;}
.acme-mock-page.acme-mock-page .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);}
.acme-mock-page.acme-mock-page .shadow-2xl{--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.acme-mock-page.acme-mock-page .shadow-\[0_0_0_1px_hsl\(var\(--sidebar-border\)\)\]{--tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-border))); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.acme-mock-page.acme-mock-page .shadow-\[0_0_30px_rgba\(6\, .acme-mock-page.acme-mock-page 182\, .acme-mock-page.acme-mock-page 212\, .acme-mock-page.acme-mock-page 0\.3\)\]{--tw-shadow: 0 0 30px var(--tw-shadow-color, #06b6d44d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.acme-mock-page.acme-mock-page .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);}
.acme-mock-page.acme-mock-page .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);}
.acme-mock-page.acme-mock-page .shadow-none{--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);}
.acme-mock-page.acme-mock-page .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);}
.acme-mock-page.acme-mock-page .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);}
.acme-mock-page.acme-mock-page .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);}
.acme-mock-page.acme-mock-page .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);}
.acme-mock-page.acme-mock-page .ring-1{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.acme-mock-page.acme-mock-page .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);}
.acme-mock-page.acme-mock-page .shadow-black\/15{--tw-shadow-color: #00000026;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .shadow-black\/15{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 15%, transparent) var(--tw-shadow-alpha), transparent);}}
.acme-mock-page.acme-mock-page .shadow-emerald-500\/25{--tw-shadow-color: #00bb7f40;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .shadow-emerald-500\/25{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-emerald-500) 25%, transparent) var(--tw-shadow-alpha), transparent);}}
.acme-mock-page.acme-mock-page .shadow-indigo-200{--tw-shadow-color: #c7d2ff;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .shadow-indigo-200{--tw-shadow-color: lab(84.4329% 3.18974 -23.9688);}}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .shadow-indigo-200{--tw-shadow-color: color-mix(in oklab, var(--color-indigo-200) var(--tw-shadow-alpha), transparent);}}
.acme-mock-page.acme-mock-page .shadow-primary\/20{--tw-shadow-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .shadow-primary\/20{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 20%, transparent) var(--tw-shadow-alpha), transparent);}}
.acme-mock-page.acme-mock-page .shadow-primary\/25{--tw-shadow-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .shadow-primary\/25{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 25%, transparent) var(--tw-shadow-alpha), transparent);}}
.acme-mock-page.acme-mock-page .shadow-violet-500\/10{--tw-shadow-color: #8d54ff1a;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .shadow-violet-500\/10{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-violet-500) 10%, transparent) var(--tw-shadow-alpha), transparent);}}
.acme-mock-page.acme-mock-page .ring-background\/30{--tw-ring-color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .ring-background\/30{--tw-ring-color: color-mix(in oklab, var(--background) 30%, transparent);}}
.acme-mock-page.acme-mock-page .ring-black\/5{--tw-ring-color: #0000000d;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .ring-black\/5{--tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent);}}
.acme-mock-page.acme-mock-page .ring-border\/30{--tw-ring-color: var(--border);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .ring-border\/30{--tw-ring-color: color-mix(in oklab, var(--border) 30%, transparent);}}
.acme-mock-page.acme-mock-page .ring-border\/50{--tw-ring-color: var(--border);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .ring-border\/50{--tw-ring-color: color-mix(in oklab, var(--border) 50%, transparent);}}
.acme-mock-page.acme-mock-page .ring-gray-100{--tw-ring-color: var(--color-gray-100);}
.acme-mock-page.acme-mock-page .ring-gray-900\/10{--tw-ring-color: #1018281a;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .ring-gray-900\/10{--tw-ring-color: color-mix(in oklab, var(--color-gray-900) 10%, transparent);}}
.acme-mock-page.acme-mock-page .ring-indigo-600{--tw-ring-color: var(--color-indigo-600);}
.acme-mock-page.acme-mock-page .ring-primary{--tw-ring-color: var(--primary);}
.acme-mock-page.acme-mock-page .ring-primary\/20{--tw-ring-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .ring-primary\/20{--tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);}}
.acme-mock-page.acme-mock-page .ring-ring\/50{--tw-ring-color: var(--ring);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .ring-ring\/50{--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);}}
.acme-mock-page.acme-mock-page .ring-sidebar-ring{--tw-ring-color: var(--sidebar-ring);}
.acme-mock-page.acme-mock-page .ring-white{--tw-ring-color: var(--color-white);}
.acme-mock-page.acme-mock-page .ring-white\/50{--tw-ring-color: #ffffff80;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .ring-white\/50{--tw-ring-color: color-mix(in oklab, var(--color-white) 50%, transparent);}}
.acme-mock-page.acme-mock-page .ring-offset-2{--tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);}
.acme-mock-page.acme-mock-page .ring-offset-background{--tw-ring-offset-color: var(--background);}
.acme-mock-page.acme-mock-page .outline-hidden{--tw-outline-style: none; outline-style: none;}
@media (forced-colors: active){.acme-mock-page.acme-mock-page .outline-hidden{outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;}}
.acme-mock-page.acme-mock-page .outline{outline-style: var(--tw-outline-style); outline-width: 1px;}
.acme-mock-page.acme-mock-page .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, );}
.acme-mock-page.acme-mock-page .blur-2xl{--tw-blur: blur(var(--blur-2xl)); 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, );}
.acme-mock-page.acme-mock-page .blur-3xl{--tw-blur: blur(var(--blur-3xl)); 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, );}
.acme-mock-page.acme-mock-page .blur-\[100px\]{--tw-blur: blur(100px); 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, );}
.acme-mock-page.acme-mock-page .blur-\[120px\]{--tw-blur: blur(120px); 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, );}
.acme-mock-page.acme-mock-page .blur-\[128px\]{--tw-blur: blur(128px); 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, );}
.acme-mock-page.acme-mock-page .blur-\[150px\]{--tw-blur: blur(150px); 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, );}
.acme-mock-page.acme-mock-page .blur-\[200px\]{--tw-blur: blur(200px); 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, );}
.acme-mock-page.acme-mock-page .blur-sm{--tw-blur: blur(var(--blur-sm)); 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, );}
.acme-mock-page.acme-mock-page .blur-xl{--tw-blur: blur(var(--blur-xl)); 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, );}
.acme-mock-page.acme-mock-page .brightness-0{--tw-brightness: brightness(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, );}
.acme-mock-page.acme-mock-page .drop-shadow-lg{--tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, #00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg)); 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, );}
.acme-mock-page.acme-mock-page .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, );}
.acme-mock-page.acme-mock-page .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, );}
.acme-mock-page.acme-mock-page .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, );}
.acme-mock-page.acme-mock-page .backdrop-blur{--tw-backdrop-blur: blur(8px); 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, );}
.acme-mock-page.acme-mock-page .backdrop-blur-lg{--tw-backdrop-blur: blur(var(--blur-lg)); 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, );}
.acme-mock-page.acme-mock-page .backdrop-blur-md{--tw-backdrop-blur: blur(var(--blur-md)); 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, );}
.acme-mock-page.acme-mock-page .backdrop-blur-sm{--tw-backdrop-blur: blur(var(--blur-sm)); 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, );}
.acme-mock-page.acme-mock-page .backdrop-blur-xl{--tw-backdrop-blur: blur(var(--blur-xl)); 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, );}
.acme-mock-page.acme-mock-page .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, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration));}
.acme-mock-page.acme-mock-page .transition-\[color\, .acme-mock-page.acme-mock-page box-shadow\]{transition-property: color, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration));}
.acme-mock-page.acme-mock-page .transition-\[left\, .acme-mock-page.acme-mock-page right\, .acme-mock-page.acme-mock-page width\]{transition-property: left, right, width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration));}
.acme-mock-page.acme-mock-page .transition-\[margin\, .acme-mock-page.acme-mock-page opacity\]{transition-property: margin, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration));}
.acme-mock-page.acme-mock-page .transition-\[width\, .acme-mock-page.acme-mock-page height\, .acme-mock-page.acme-mock-page padding\]{transition-property: width, height, padding; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration));}
.acme-mock-page.acme-mock-page .transition-\[width\]{transition-property: width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration));}
.acme-mock-page.acme-mock-page .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));}
.acme-mock-page.acme-mock-page .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));}
.acme-mock-page.acme-mock-page .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));}
.acme-mock-page.acme-mock-page .transition-shadow{transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration));}
.acme-mock-page.acme-mock-page .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));}
.acme-mock-page.acme-mock-page .transition-none{transition-property: none;}
.acme-mock-page.acme-mock-page .delay-200{transition-delay: 0.2s;}
.acme-mock-page.acme-mock-page .delay-300{transition-delay: 0.3s;}
.acme-mock-page.acme-mock-page .delay-400{transition-delay: 0.4s;}
.acme-mock-page.acme-mock-page .delay-500{transition-delay: 0.5s;}
.acme-mock-page.acme-mock-page .delay-1000{transition-delay: 1s;}
.acme-mock-page.acme-mock-page .duration-100{--tw-duration: .1s; transition-duration: 0.1s;}
.acme-mock-page.acme-mock-page .duration-200{--tw-duration: .2s; transition-duration: 0.2s;}
.acme-mock-page.acme-mock-page .duration-300{--tw-duration: .3s; transition-duration: 0.3s;}
.acme-mock-page.acme-mock-page .duration-500{--tw-duration: .5s; transition-duration: 0.5s;}
.acme-mock-page.acme-mock-page .duration-700{--tw-duration: .7s; transition-duration: 0.7s;}
.acme-mock-page.acme-mock-page .duration-1000{--tw-duration: 1s; transition-duration: 1s;}
.acme-mock-page.acme-mock-page .ease-in-out{--tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out);}
.acme-mock-page.acme-mock-page .ease-linear{--tw-ease: linear; transition-timing-function: linear;}
.acme-mock-page.acme-mock-page .ease-out{--tw-ease: var(--ease-out); transition-timing-function: var(--ease-out);}
.acme-mock-page.acme-mock-page .delay-200{--tw-animation-delay: .2s; animation-delay: 0.2s;}
.acme-mock-page.acme-mock-page .delay-300{--tw-animation-delay: .3s; animation-delay: 0.3s;}
.acme-mock-page.acme-mock-page .delay-500{--tw-animation-delay: .5s; animation-delay: 0.5s;}
.acme-mock-page.acme-mock-page .delay-1000{--tw-animation-delay: 1s; animation-delay: 1s;}
.acme-mock-page.acme-mock-page .delay-400{--tw-animation-delay: calc(400*1ms); animation-delay: 0.4s;}
.acme-mock-page.acme-mock-page .fade-in-0{--tw-enter-opacity: 0;}
.acme-mock-page.acme-mock-page .outline-none{--tw-outline-style: none; outline-style: none;}
.acme-mock-page.acme-mock-page .select-none{user-select: none;}
.acme-mock-page.acme-mock-page .zoom-in-95{--tw-enter-scale: .95;}
.acme-mock-page.acme-mock-page .\[--cell-size\:--spacing\(8\)\]{--cell-size: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .fade-in{--tw-enter-opacity: 0;}
.acme-mock-page.acme-mock-page .running{animation-play-state: running;}
.acme-mock-page.acme-mock-page .slide-in-from-left-3{--tw-enter-translate-x: calc(3*var(--spacing)*-1);}
.acme-mock-page.acme-mock-page .slide-in-from-top-2{--tw-enter-translate-y: calc(2*var(--spacing)*-1);}
.acme-mock-page.acme-mock-page .slide-in-from-top-3{--tw-enter-translate-y: calc(3*var(--spacing)*-1);}
.acme-mock-page.acme-mock-page .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *){opacity: 1;}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:w-full:is(:where(.group):hover *){width: 100%;}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:translate-x-0:is(:where(.group):hover *){--tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:translate-x-2:is(:where(.group):hover *){--tw-translate-x: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:-translate-y-1:is(:where(.group):hover *){--tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:translate-y-0:is(:where(.group):hover *){--tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:scale-\[1\.02\]:is(:where(.group):hover *){scale: 1.02;}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:rotate-45:is(:where(.group):hover *){rotate: 45deg;}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:gap-2:is(:where(.group):hover *){gap: calc(var(--spacing) * 2);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:gap-2\.5:is(:where(.group):hover *){gap: calc(var(--spacing) * 2.5);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:gap-3:is(:where(.group):hover *){gap: calc(var(--spacing) * 3);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:gap-4:is(:where(.group):hover *){gap: calc(var(--spacing) * 4);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:border-background\/40:is(:where(.group):hover *){border-color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .group-hover\:border-background\/40:is(:where(.group):hover *){border-color: color-mix(in oklab, var(--background) 40%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:bg-amber-500:is(:where(.group):hover *){background-color: var(--color-amber-500);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:bg-blue-500:is(:where(.group):hover *){background-color: var(--color-blue-500);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:bg-indigo-500\/20:is(:where(.group):hover *){background-color: rgba(98, 95, 255, 0.2);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .group-hover\:bg-indigo-500\/20:is(:where(.group):hover *){background-color: color-mix(in oklab, var(--color-indigo-500) 20%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:bg-primary:is(:where(.group):hover *){background-color: var(--primary);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:bg-primary\/10:is(:where(.group):hover *){background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .group-hover\:bg-primary\/10:is(:where(.group):hover *){background-color: color-mix(in oklab, var(--primary) 10%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:bg-primary\/20:is(:where(.group):hover *){background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .group-hover\:bg-primary\/20:is(:where(.group):hover *){background-color: color-mix(in oklab, var(--primary) 20%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:from-emerald-500\/20:is(:where(.group):hover *){--tw-gradient-from: #00bb7f33;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .group-hover\:from-emerald-500\/20:is(:where(.group):hover *){--tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .group-hover\:from-emerald-500\/20:is(:where(.group):hover *){--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));}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:to-cyan-500\/20:is(:where(.group):hover *){--tw-gradient-to: #00b7d733;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .group-hover\:to-cyan-500\/20:is(:where(.group):hover *){--tw-gradient-to: color-mix(in oklab, var(--color-cyan-500) 20%, transparent);}}
.acme-mock-page.acme-mock-page .group-hover\:to-cyan-500\/20:is(:where(.group):hover *){--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));}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:text-\[\#1a1a1a\]:is(:where(.group):hover *){color: rgb(26, 26, 26);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:text-\[\#8b7355\]\/20:is(:where(.group):hover *){color: lab(50.1986 6.43158 20.3395 / 0.2);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:text-\[\#b8860b\]:is(:where(.group):hover *){color: rgb(184, 134, 11);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:text-amber-600:is(:where(.group):hover *){color: var(--color-amber-600);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:text-background\/70:is(:where(.group):hover *){color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .group-hover\:text-background\/70:is(:where(.group):hover *){color: color-mix(in oklab, var(--background) 70%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:text-blue-400:is(:where(.group):hover *){color: var(--color-blue-400);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:text-cyan-600:is(:where(.group):hover *){color: var(--color-cyan-600);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:text-emerald-400:is(:where(.group):hover *){color: var(--color-emerald-400);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:text-neutral-600:is(:where(.group):hover *){color: var(--color-neutral-600);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:text-orange-500:is(:where(.group):hover *){color: var(--color-orange-500);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:text-primary:is(:where(.group):hover *){color: var(--primary);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:text-primary-foreground:is(:where(.group):hover *){color: var(--primary-foreground);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:text-white:is(:where(.group):hover *){color: var(--color-white);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:opacity-10:is(:where(.group):hover *){opacity: 0.1;}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:opacity-80:is(:where(.group):hover *){opacity: 0.8;}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:opacity-100:is(:where(.group):hover *){opacity: 1;}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:shadow-2xl:is(:where(.group):hover *){--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:shadow-xl:is(:where(.group):hover *){--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:grayscale-0:is(:where(.group):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, );}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/cat\:translate-x-0:is(:where(.group\/cat):hover *){--tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/cat\:scale-125:is(:where(.group\/cat):hover *){--tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/cat\:bg-primary:is(:where(.group\/cat):hover *){background-color: var(--primary);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/cat\:opacity-100:is(:where(.group\/cat):hover *){opacity: 1;}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/header\:translate-x-0\.5:is(:where(.group\/header):hover *){--tw-translate-x: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/header\:bg-primary:is(:where(.group\/header):hover *){background-color: var(--primary);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/header\:text-primary-foreground:is(:where(.group\/header):hover *){color: var(--primary-foreground);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/item\:bg-muted:is(:where(.group\/item):hover *){background-color: var(--muted);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/item\:bg-primary\/60:is(:where(.group\/item):hover *){background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .group-hover\/item\:bg-primary\/60:is(:where(.group\/item):hover *){background-color: color-mix(in oklab, var(--primary) 60%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/item\:text-foreground:is(:where(.group\/item):hover *){color: var(--foreground);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/link\:translate-x-0:is(:where(.group\/link):hover *){--tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/link\:scale-105:is(:where(.group\/link):hover *){--tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/link\:bg-primary\/15:is(:where(.group\/link):hover *){background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .group-hover\/link\:bg-primary\/15:is(:where(.group\/link):hover *){background-color: color-mix(in oklab, var(--primary) 15%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/link\:text-primary:is(:where(.group\/link):hover *){color: var(--primary);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/link\:opacity-100:is(:where(.group\/link):hover *){opacity: 1;}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *){opacity: 1;}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/news\:text-primary:is(:where(.group\/news):hover *){color: var(--primary);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/sub\:translate-x-0:is(:where(.group\/sub):hover *){--tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/sub\:scale-125:is(:where(.group\/sub):hover *){--tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/sub\:bg-primary:is(:where(.group\/sub):hover *){background-color: var(--primary);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/sub\:opacity-100:is(:where(.group\/sub):hover *){opacity: 1;}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/tab\:translate-x-0:is(:where(.group\/tab):hover *){--tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/tab\:scale-102:is(:where(.group\/tab):hover *){--tw-scale-x: 102%; --tw-scale-y: 102%; --tw-scale-z: 102%; scale: var(--tw-scale-x) var(--tw-scale-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/tab\:scale-105:is(:where(.group\/tab):hover *){--tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/tab\:scale-y-75:is(:where(.group\/tab):hover *){--tw-scale-y: 75%; scale: var(--tw-scale-x) var(--tw-scale-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/tab\:bg-primary\/30:is(:where(.group\/tab):hover *){background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .group-hover\/tab\:bg-primary\/30:is(:where(.group\/tab):hover *){background-color: color-mix(in oklab, var(--primary) 30%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/tab\:text-primary:is(:where(.group\/tab):hover *){color: var(--primary);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/tab\:opacity-50:is(:where(.group\/tab):hover *){opacity: 0.5;}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\/tab\:ring-primary\/50:is(:where(.group\/tab):hover *){--tw-ring-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .group-hover\/tab\:ring-primary\/50:is(:where(.group\/tab):hover *){--tw-ring-color: color-mix(in oklab, var(--primary) 50%, transparent);}}}
.acme-mock-page.acme-mock-page .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *){padding-right: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation="horizontal"]) *){text-wrap: balance;}
.acme-mock-page.acme-mock-page .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot="item-description"]) *){--tw-translate-y: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot="item-description"]) *){align-self: flex-start;}
.acme-mock-page.acme-mock-page .group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has(> input) *){padding-top: calc(var(--spacing) * 2.5);}
.acme-mock-page.acme-mock-page .group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has(> input) *){padding-bottom: calc(var(--spacing) * 2.5);}
.acme-mock-page.acme-mock-page .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *){margin-top: calc(var(--spacing) * -8);}
.acme-mock-page.acme-mock-page .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *){display: none;}
.acme-mock-page.acme-mock-page .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *){width: calc(var(--spacing) * 8) !important; height: calc(var(--spacing) * 8) !important;}
.acme-mock-page.acme-mock-page .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *){width: var(--sidebar-width-icon);}
.acme-mock-page.acme-mock-page .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *){width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));}
.acme-mock-page.acme-mock-page .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *){width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);}
.acme-mock-page.acme-mock-page .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *){overflow: hidden;}
.acme-mock-page.acme-mock-page .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *){padding: calc(var(--spacing) * 0) !important;}
.acme-mock-page.acme-mock-page .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *){padding: calc(var(--spacing) * 2) !important;}
.acme-mock-page.acme-mock-page .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *){opacity: 0;}
.acme-mock-page.acme-mock-page .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *){right: calc(var(--sidebar-width) * -1);}
.acme-mock-page.acme-mock-page .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *){left: calc(var(--sidebar-width) * -1);}
.acme-mock-page.acme-mock-page .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *){width: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *){--tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *){pointer-events: none;}
.acme-mock-page.acme-mock-page .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *){opacity: 0.5;}
.acme-mock-page.acme-mock-page .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled="true"] *){opacity: 0.5;}
.acme-mock-page.acme-mock-page .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled="true"] *){opacity: 0.5;}
.acme-mock-page.acme-mock-page .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused="true"] *){position: relative;}
.acme-mock-page.acme-mock-page .group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused="true"] *){z-index: 10;}
.acme-mock-page.acme-mock-page .group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused="true"] *){border-color: var(--ring);}
.acme-mock-page.acme-mock-page .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused="true"] *){--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);}
.acme-mock-page.acme-mock-page .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *){--tw-ring-color: var(--ring);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *){--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);}}
.acme-mock-page.acme-mock-page .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *){right: calc(var(--spacing) * -4);}
.acme-mock-page.acme-mock-page .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *){border-right-style: var(--tw-border-style); border-right-width: 1px;}
.acme-mock-page.acme-mock-page .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *){left: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *){rotate: 180deg;}
.acme-mock-page.acme-mock-page .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *){border-left-style: var(--tw-border-style); border-left-width: 1px;}
.acme-mock-page.acme-mock-page .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *){rotate: 180deg;}
.acme-mock-page.acme-mock-page .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *){border-radius: var(--radius);}
.acme-mock-page.acme-mock-page .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *){border-style: var(--tw-border-style); border-width: 1px;}
.acme-mock-page.acme-mock-page .group-data-\[variant\=floating\]\:border-sidebar-border:is(:where(.group)[data-variant="floating"] *){border-color: var(--sidebar-border);}
.acme-mock-page.acme-mock-page .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *){--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);}
.acme-mock-page.acme-mock-page .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant="outline"] *){margin-bottom: calc(var(--spacing) * -2);}
.acme-mock-page.acme-mock-page .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *){display: block;}
.acme-mock-page.acme-mock-page .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *){text-align: center;}
.acme-mock-page.acme-mock-page .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="top"] *){text-align: center;}
.acme-mock-page.acme-mock-page .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport="false"] *){top: 100%;}
.acme-mock-page.acme-mock-page .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport="false"] *){margin-top: calc(var(--spacing) * 1.5);}
.acme-mock-page.acme-mock-page .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport="false"] *){overflow: hidden;}
.acme-mock-page.acme-mock-page .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport="false"] *){border-radius: calc(var(--radius) - 2px);}
.acme-mock-page.acme-mock-page .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport="false"] *){border-style: var(--tw-border-style); border-width: 1px;}
.acme-mock-page.acme-mock-page .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport="false"] *){background-color: var(--popover);}
.acme-mock-page.acme-mock-page .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport="false"] *){color: var(--popover-foreground);}
.acme-mock-page.acme-mock-page .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport="false"] *){--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);}
.acme-mock-page.acme-mock-page .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport="false"] *){--tw-duration: .2s; transition-duration: 0.2s;}
.acme-mock-page.acme-mock-page .group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .group-\[\.destructive\]\:border-muted\/40:is(:where(.group).destructive *){border-color: color-mix(in oklab, var(--muted) 40%, transparent);}}
.acme-mock-page.acme-mock-page .group-\[\.destructive\]\:text-red-300:is(:where(.group).destructive *){color: var(--color-red-300);}
@media (hover: hover){.acme-mock-page.acme-mock-page .peer-hover\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button):hover ~ *){color: var(--sidebar-accent-foreground);}}
.acme-mock-page.acme-mock-page .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *){cursor: not-allowed;}
.acme-mock-page.acme-mock-page .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *){opacity: 0.5;}
.acme-mock-page.acme-mock-page .peer-data-\[active\=true\]\/menu-button\:text-sidebar-accent-foreground:is(:where(.peer\/menu-button)[data-active="true"] ~ *){color: var(--sidebar-accent-foreground);}
.acme-mock-page.acme-mock-page .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *){top: calc(var(--spacing) * 1.5);}
.acme-mock-page.acme-mock-page .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *){top: calc(var(--spacing) * 2.5);}
.acme-mock-page.acme-mock-page .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *){top: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .selection\:bg-primary ::selection, .acme-mock-page.acme-mock-page .selection\:bg-primary::selection{background-color: var(--primary);}
.acme-mock-page.acme-mock-page .selection\:text-primary-foreground ::selection, .acme-mock-page.acme-mock-page .selection\:text-primary-foreground::selection{color: var(--primary-foreground);}
.acme-mock-page.acme-mock-page .file\:inline-flex::file-selector-button{display: inline-flex;}
.acme-mock-page.acme-mock-page .file\:h-7::file-selector-button{height: calc(var(--spacing) * 7);}
.acme-mock-page.acme-mock-page .file\:border-0::file-selector-button{border-style: var(--tw-border-style); border-width: 0px;}
.acme-mock-page.acme-mock-page .file\:bg-transparent::file-selector-button{background-color: rgba(0, 0, 0, 0);}
.acme-mock-page.acme-mock-page .file\:text-sm::file-selector-button{font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));}
.acme-mock-page.acme-mock-page .file\:font-medium::file-selector-button{--tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);}
.acme-mock-page.acme-mock-page .file\:text-foreground::file-selector-button{color: var(--foreground);}
.acme-mock-page.acme-mock-page .placeholder\:text-background\/50::placeholder{color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .placeholder\:text-background\/50::placeholder{color: color-mix(in oklab, var(--background) 50%, transparent);}}
.acme-mock-page.acme-mock-page .placeholder\:text-muted-foreground::placeholder{color: var(--muted-foreground);}
.acme-mock-page.acme-mock-page .placeholder\:text-primary-foreground\/50::placeholder{color: var(--primary-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .placeholder\:text-primary-foreground\/50::placeholder{color: color-mix(in oklab, var(--primary-foreground) 50%, transparent);}}
.acme-mock-page.acme-mock-page .placeholder\:text-primary-foreground\/60::placeholder{color: var(--primary-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .placeholder\:text-primary-foreground\/60::placeholder{color: color-mix(in oklab, var(--primary-foreground) 60%, transparent);}}
.acme-mock-page.acme-mock-page .placeholder\:text-slate-500::placeholder{color: var(--color-slate-500);}
.acme-mock-page.acme-mock-page .placeholder\:text-stone-500::placeholder{color: var(--color-stone-500);}
.acme-mock-page.acme-mock-page .placeholder\:text-white\/40::placeholder{color: rgba(255, 255, 255, 0.4);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .placeholder\:text-white\/40::placeholder{color: color-mix(in oklab, var(--color-white) 40%, transparent);}}
.acme-mock-page.acme-mock-page .placeholder\:text-white\/60::placeholder{color: rgba(255, 255, 255, 0.6);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .placeholder\:text-white\/60::placeholder{color: color-mix(in oklab, var(--color-white) 60%, transparent);}}
.acme-mock-page.acme-mock-page .after\:absolute::after{content: var(--tw-content); position: absolute;}
.acme-mock-page.acme-mock-page .after\:-inset-2::after{content: var(--tw-content); inset: calc(var(--spacing) * -2);}
.acme-mock-page.acme-mock-page .after\:inset-y-0::after{content: var(--tw-content); inset-block: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .after\:right-4::after{content: var(--tw-content); right: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .after\:bottom-5::after{content: var(--tw-content); bottom: calc(var(--spacing) * 5);}
.acme-mock-page.acme-mock-page .after\:left-1\/2::after{content: var(--tw-content); left: 50%;}
.acme-mock-page.acme-mock-page .after\:left-4::after{content: var(--tw-content); left: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .after\:h-0\.5::after{content: var(--tw-content); height: calc(var(--spacing) * .5);}
.acme-mock-page.acme-mock-page .after\:w-1::after{content: var(--tw-content); width: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .after\:w-\[2px\]::after{content: var(--tw-content); width: 2px;}
.acme-mock-page.acme-mock-page .after\:origin-center::after{content: var(--tw-content); transform-origin: center center;}
.acme-mock-page.acme-mock-page .after\:origin-left::after{content: var(--tw-content); transform-origin: 0px center;}
.acme-mock-page.acme-mock-page .after\:-translate-x-1\/2::after{content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .after\:scale-x-0::after{content: var(--tw-content); --tw-scale-x: 0%; scale: var(--tw-scale-x) var(--tw-scale-y);}
.acme-mock-page.acme-mock-page .after\:scale-x-100::after{content: var(--tw-content); --tw-scale-x: 100%; scale: var(--tw-scale-x) var(--tw-scale-y);}
.acme-mock-page.acme-mock-page .after\:rounded-full::after{content: var(--tw-content); border-radius: 3.40282e+38px;}
.acme-mock-page.acme-mock-page .after\:bg-primary::after{content: var(--tw-content); background-color: var(--primary);}
.acme-mock-page.acme-mock-page .after\:transition-transform::after{content: var(--tw-content); 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));}
.acme-mock-page.acme-mock-page .after\:duration-300::after{content: var(--tw-content); --tw-duration: .3s; transition-duration: 0.3s;}
.acme-mock-page.acme-mock-page .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *)::after{content: var(--tw-content); left: 100%;}
.acme-mock-page.acme-mock-page .first\:rounded-l-md:first-child{border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px);}
.acme-mock-page.acme-mock-page .first\:border-l:first-child{border-left-style: var(--tw-border-style); border-left-width: 1px;}
.acme-mock-page.acme-mock-page .last\:mt-0:last-child{margin-top: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .last\:rounded-r-md:last-child{border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px);}
.acme-mock-page.acme-mock-page .last\:border-0:last-child{border-style: var(--tw-border-style); border-width: 0px;}
.acme-mock-page.acme-mock-page .last\:border-b-0:last-child{border-bottom-style: var(--tw-border-style); border-bottom-width: 0px;}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:-translate-y-1:hover{--tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:-translate-y-2:hover{--tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:scale-105:hover{--tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:scale-110:hover{--tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:scale-\[1\.02\]:hover{scale: 1.02;}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:rotate-0:hover{rotate: none;}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:gap-2\.5:hover{gap: calc(var(--spacing) * 2.5);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:gap-4:hover{gap: calc(var(--spacing) * 4);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-amber-200:hover{border-color: var(--color-amber-200);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-blue-500\/30:hover{border-color: rgba(48, 128, 255, 0.3);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:border-blue-500\/30:hover{border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-blue-500\/50:hover{border-color: rgba(48, 128, 255, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:border-blue-500\/50:hover{border-color: color-mix(in oklab, var(--color-blue-500) 50%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-border:hover{border-color: var(--border);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-cyan-500\/50:hover{border-color: rgba(0, 183, 215, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:border-cyan-500\/50:hover{border-color: color-mix(in oklab, var(--color-cyan-500) 50%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-emerald-500\/30:hover{border-color: rgba(0, 187, 127, 0.3);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:border-emerald-500\/30:hover{border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-emerald-500\/50:hover{border-color: rgba(0, 187, 127, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:border-emerald-500\/50:hover{border-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-gray-200:hover{border-color: var(--color-gray-200);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-green-500\/50:hover{border-color: rgba(0, 199, 88, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:border-green-500\/50:hover{border-color: color-mix(in oklab, var(--color-green-500) 50%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-indigo-200:hover{border-color: var(--color-indigo-200);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-indigo-500\/50:hover{border-color: rgba(98, 95, 255, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:border-indigo-500\/50:hover{border-color: color-mix(in oklab, var(--color-indigo-500) 50%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-neutral-900:hover{border-color: var(--color-neutral-900);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-orange-500\/50:hover{border-color: rgba(254, 110, 0, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:border-orange-500\/50:hover{border-color: color-mix(in oklab, var(--color-orange-500) 50%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-primary\/20:hover{border-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:border-primary\/20:hover{border-color: color-mix(in oklab, var(--primary) 20%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-primary\/30:hover{border-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:border-primary\/30:hover{border-color: color-mix(in oklab, var(--primary) 30%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-primary\/50:hover{border-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:border-primary\/50:hover{border-color: color-mix(in oklab, var(--primary) 50%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-slate-700:hover{border-color: var(--color-slate-700);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-stone-600:hover{border-color: var(--color-stone-600);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-violet-200:hover{border-color: var(--color-violet-200);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-violet-500\/50:hover{border-color: rgba(141, 84, 255, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:border-violet-500\/50:hover{border-color: color-mix(in oklab, var(--color-violet-500) 50%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-white\/20:hover{border-color: rgba(255, 255, 255, 0.2);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:border-white\/20:hover{border-color: color-mix(in oklab, var(--color-white) 20%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-white\/30:hover{border-color: rgba(255, 255, 255, 0.3);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:border-white\/30:hover{border-color: color-mix(in oklab, var(--color-white) 30%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#0ea5e9\]\/10:hover{background-color: lab(63.352 -17.6081 -44.8632 / 0.1);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#0f172a\]\/5:hover{background-color: lab(7.77627 1.58887 -14.2961 / 0.05);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#1a1a1a\]:hover{background-color: rgb(26, 26, 26);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#1a1a1a\]\/5:hover{background-color: lab(9.26323 0 0.00000596046 / 0.05);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#2D2D2D\]:hover{background-color: rgb(45, 45, 45);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#2a2a4e\]:hover{background-color: rgb(42, 42, 78);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#2d2d2d\]\/5:hover{background-color: lab(18.4709 -0.0000447035 0.00000596046 / 0.05);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#4a6a4a\]:hover{background-color: rgb(74, 106, 74);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#5A7A5A\]:hover{background-color: rgb(90, 122, 90);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#5c7c5c\]\/10:hover{background-color: lab(48.8583 -17.0149 13.687 / 0.1);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#6d5a43\]:hover{background-color: rgb(109, 90, 67);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#7a6449\]:hover{background-color: rgb(122, 100, 73);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#8b7355\]:hover{background-color: rgb(139, 115, 85);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#9a7209\]:hover{background-color: rgb(154, 114, 9);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#111\]\/5:hover{background-color: lab(5.06333 0.00000745058 -0.00000298023 / 0.05);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#0284c7\]:hover{background-color: rgb(2, 132, 199);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#333\]:hover{background-color: rgb(51, 51, 51);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#21262d\]:hover{background-color: rgb(33, 38, 45);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#F5F0E8\]:hover{background-color: rgb(245, 240, 232);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#b8994f\]:hover{background-color: rgb(184, 153, 79);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#b39245\]:hover{background-color: rgb(179, 146, 69);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#b45309\]:hover{background-color: rgb(180, 83, 9);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#c9a962\]:hover{background-color: rgb(201, 169, 98);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#d97706\]:hover{background-color: rgb(217, 119, 6);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#dc2626\]:hover{background-color: rgb(220, 38, 38);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#f5f4f1\]:hover{background-color: rgb(245, 244, 241);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#fafafa\]:hover{background-color: rgb(250, 250, 250);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#fef3c7\]\/10:hover{background-color: lab(95.8996 -1.21173 22.7144 / 0.1);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-accent:hover{background-color: var(--accent);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-amber-600:hover{background-color: var(--color-amber-600);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-background:hover{background-color: var(--background);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-background\/10:hover{background-color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-background\/10:hover{background-color: color-mix(in oklab, var(--background) 10%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-background\/20:hover{background-color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-background\/20:hover{background-color: color-mix(in oklab, var(--background) 20%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-blue-50:hover{background-color: var(--color-blue-50);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-blue-700:hover{background-color: var(--color-blue-700);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-card:hover{background-color: var(--card);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-card\/60:hover{background-color: var(--card);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-card\/60:hover{background-color: color-mix(in oklab, var(--card) 60%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-cyan-400\/10:hover{background-color: rgba(0, 210, 239, 0.1);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-cyan-400\/10:hover{background-color: color-mix(in oklab, var(--color-cyan-400) 10%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-cyan-600:hover{background-color: var(--color-cyan-600);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-destructive\/90:hover{background-color: var(--destructive);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-destructive\/90:hover{background-color: color-mix(in oklab, var(--destructive) 90%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-emerald-500\/10:hover{background-color: rgba(0, 187, 127, 0.1);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-emerald-500\/10:hover{background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-foreground:hover{background-color: var(--foreground);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-foreground\/40:hover{background-color: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-foreground\/40:hover{background-color: color-mix(in oklab, var(--foreground) 40%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-foreground\/90:hover{background-color: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-foreground\/90:hover{background-color: color-mix(in oklab, var(--foreground) 90%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-gray-50:hover{background-color: var(--color-gray-50);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-gray-100:hover{background-color: var(--color-gray-100);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-gray-200:hover{background-color: var(--color-gray-200);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-gray-800:hover{background-color: var(--color-gray-800);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-gray-900:hover{background-color: var(--color-gray-900);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-green-700:hover{background-color: var(--color-green-700);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-indigo-50:hover{background-color: var(--color-indigo-50);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-indigo-700:hover{background-color: var(--color-indigo-700);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-muted:hover{background-color: var(--muted);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-muted\/30:hover{background-color: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-muted\/30:hover{background-color: color-mix(in oklab, var(--muted) 30%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-muted\/40:hover{background-color: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-muted\/40:hover{background-color: color-mix(in oklab, var(--muted) 40%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-muted\/50:hover{background-color: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-muted\/50:hover{background-color: color-mix(in oklab, var(--muted) 50%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-muted\/60:hover{background-color: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-muted\/60:hover{background-color: color-mix(in oklab, var(--muted) 60%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-muted\/80:hover{background-color: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-muted\/80:hover{background-color: color-mix(in oklab, var(--muted) 80%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-neutral-800:hover{background-color: var(--color-neutral-800);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-neutral-900:hover{background-color: var(--color-neutral-900);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-orange-600:hover{background-color: var(--color-orange-600);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-primary:hover{background-color: var(--primary);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-primary-foreground\/10:hover{background-color: var(--primary-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-primary-foreground\/10:hover{background-color: color-mix(in oklab, var(--primary-foreground) 10%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-primary-foreground\/90:hover{background-color: var(--primary-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-primary-foreground\/90:hover{background-color: color-mix(in oklab, var(--primary-foreground) 90%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-primary\/10:hover{background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-primary\/10:hover{background-color: color-mix(in oklab, var(--primary) 10%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-primary\/90:hover{background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-primary\/90:hover{background-color: color-mix(in oklab, var(--primary) 90%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-rose-50:hover{background-color: var(--color-rose-50);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-secondary:hover{background-color: var(--secondary);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-secondary\/80:hover{background-color: var(--secondary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-secondary\/80:hover{background-color: color-mix(in oklab, var(--secondary) 80%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-sidebar-accent:hover{background-color: var(--sidebar-accent);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-slate-50\/50:hover{background-color: rgba(248, 250, 252, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-slate-50\/50:hover{background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-slate-700:hover{background-color: var(--color-slate-700);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-slate-800:hover{background-color: var(--color-slate-800);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-slate-900:hover{background-color: var(--color-slate-900);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-stone-100:hover{background-color: var(--color-stone-100);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-stone-800:hover{background-color: var(--color-stone-800);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-violet-50:hover{background-color: var(--color-violet-50);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-violet-100:hover{background-color: var(--color-violet-100);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-violet-500\/10:hover{background-color: rgba(141, 84, 255, 0.1);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-violet-500\/10:hover{background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-violet-700:hover{background-color: var(--color-violet-700);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-white:hover{background-color: var(--color-white);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-white\/5:hover{background-color: rgba(255, 255, 255, 0.05);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-white\/5:hover{background-color: color-mix(in oklab, var(--color-white) 5%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-white\/10:hover{background-color: rgba(255, 255, 255, 0.1);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-white\/10:hover{background-color: color-mix(in oklab, var(--color-white) 10%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-white\/20:hover{background-color: rgba(255, 255, 255, 0.2);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-white\/20:hover{background-color: color-mix(in oklab, var(--color-white) 20%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-white\/40:hover{background-color: rgba(255, 255, 255, 0.4);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-white\/40:hover{background-color: color-mix(in oklab, var(--color-white) 40%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-white\/50:hover{background-color: rgba(255, 255, 255, 0.5);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-white\/50:hover{background-color: color-mix(in oklab, var(--color-white) 50%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-white\/90:hover{background-color: rgba(255, 255, 255, 0.9);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-white\/90:hover{background-color: color-mix(in oklab, var(--color-white) 90%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:from-cyan-600:hover{--tw-gradient-from: 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));}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:from-emerald-600:hover{--tw-gradient-from: 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));}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:from-muted\/80:hover{--tw-gradient-from: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:from-muted\/80:hover{--tw-gradient-from: color-mix(in oklab, var(--muted) 80%, transparent);}}
.acme-mock-page.acme-mock-page .hover\:from-muted\/80:hover{--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));}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:from-pink-600:hover{--tw-gradient-from: 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));}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:from-violet-600:hover{--tw-gradient-from: var(--color-violet-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));}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:from-violet-700:hover{--tw-gradient-from: var(--color-violet-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));}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:to-cyan-600:hover{--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));}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:to-fuchsia-600:hover{--tw-gradient-to: var(--color-fuchsia-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));}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:to-fuchsia-700:hover{--tw-gradient-to: var(--color-fuchsia-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));}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:to-pink-600:hover{--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));}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:to-purple-600:hover{--tw-gradient-to: 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));}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:to-violet-600:hover{--tw-gradient-to: var(--color-violet-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));}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-\[\#0ea5e9\]:hover{color: rgb(14, 165, 233);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-\[\#1a1a1a\]:hover{color: rgb(26, 26, 26);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-\[\#1a1a2e\]:hover{color: rgb(26, 26, 46);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-\[\#5c7c5c\]:hover{color: rgb(92, 124, 92);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-\[\#5d4e37\]:hover{color: rgb(93, 78, 55);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-\[\#8b7355\]:hover{color: rgb(139, 115, 85);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-\[\#111\]:hover{color: rgb(17, 17, 17);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-\[\#b8860b\]:hover{color: rgb(184, 134, 11);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-\[\#c4a052\]:hover{color: rgb(196, 160, 82);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-\[\#c9a962\]:hover{color: rgb(201, 169, 98);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-\[\#d4af37\]:hover{color: rgb(212, 175, 55);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-\[\#d97706\]:hover{color: rgb(217, 119, 6);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-\[\#ef4444\]:hover{color: rgb(239, 68, 68);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-\[\#f8f6f3\]:hover{color: rgb(248, 246, 243);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-\[\#fef3c7\]:hover{color: rgb(254, 243, 199);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-accent-foreground:hover{color: var(--accent-foreground);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-background:hover{color: var(--background);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-blue-300:hover{color: var(--color-blue-300);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-destructive:hover{color: var(--destructive);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-emerald-300:hover{color: var(--color-emerald-300);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-foreground:hover{color: var(--foreground);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-gray-900:hover{color: var(--color-gray-900);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-muted-foreground:hover{color: var(--muted-foreground);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-neutral-600:hover{color: var(--color-neutral-600);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-neutral-900:hover{color: var(--color-neutral-900);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-orange-400:hover{color: var(--color-orange-400);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-orange-500:hover{color: var(--color-orange-500);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-primary:hover{color: var(--primary);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-primary-foreground:hover{color: var(--primary-foreground);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-primary\/80:hover{color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:text-primary\/80:hover{color: color-mix(in oklab, var(--primary) 80%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-red-500:hover{color: var(--color-red-500);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-sidebar-accent-foreground:hover{color: var(--sidebar-accent-foreground);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-stone-900:hover{color: var(--color-stone-900);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-violet-600:hover{color: var(--color-violet-600);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-violet-700:hover{color: var(--color-violet-700);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-white:hover{color: var(--color-white);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:text-white\/80:hover{color: rgba(255, 255, 255, 0.8);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:text-white\/80:hover{color: color-mix(in oklab, var(--color-white) 80%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:underline:hover{text-decoration-line: underline;}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:opacity-60:hover{opacity: 0.6;}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:opacity-90:hover{opacity: 0.9;}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:opacity-100:hover{opacity: 1;}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:shadow-2xl:hover{--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:shadow-\[0_0_0_1px_hsl\(var\(--sidebar-accent\)\)\]:hover{--tw-shadow: 0 0 0 1px var(--tw-shadow-color, hsl(var(--sidebar-accent))); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:shadow-md:hover{--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);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:ring-4:hover{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:ring-primary\/50:hover{--tw-ring-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:ring-primary\/50:hover{--tw-ring-color: color-mix(in oklab, var(--primary) 50%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .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, );}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:group-data-\[collapsible\=offcanvas\]\:bg-sidebar:hover:is(:where(.group)[data-collapsible="offcanvas"] *){background-color: var(--sidebar);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover{border-color: var(--destructive);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover{border-color: color-mix(in oklab, var(--destructive) 30%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-\[\.destructive\]\:hover\:bg-destructive:is(:where(.group).destructive *):hover{background-color: var(--destructive);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-\[\.destructive\]\:hover\:text-destructive-foreground:is(:where(.group).destructive *):hover{color: var(--destructive-foreground);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-\[\.destructive\]\:hover\:text-red-50:is(:where(.group).destructive *):hover{color: var(--color-red-50);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:after\:scale-x-100:hover::after{content: var(--tw-content); --tw-scale-x: 100%; scale: var(--tw-scale-x) var(--tw-scale-y);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:after\:bg-sidebar-border:hover::after{content: var(--tw-content); background-color: var(--sidebar-border);}}
.acme-mock-page.acme-mock-page .focus\:z-10:focus{z-index: 10;}
.acme-mock-page.acme-mock-page .focus\:border-\[\#0ea5e9\]:focus{border-color: rgb(14, 165, 233);}
.acme-mock-page.acme-mock-page .focus\:border-\[\#8b7355\]:focus{border-color: rgb(139, 115, 85);}
.acme-mock-page.acme-mock-page .focus\:border-\[\#c9a962\]:focus{border-color: rgb(201, 169, 98);}
.acme-mock-page.acme-mock-page .focus\:border-\[\#ef4444\]:focus{border-color: rgb(239, 68, 68);}
.acme-mock-page.acme-mock-page .focus\:border-blue-500:focus{border-color: var(--color-blue-500);}
.acme-mock-page.acme-mock-page .focus\:border-neutral-900:focus{border-color: var(--color-neutral-900);}
.acme-mock-page.acme-mock-page .focus\:border-primary:focus{border-color: var(--primary);}
.acme-mock-page.acme-mock-page .focus\:border-white:focus{border-color: var(--color-white);}
.acme-mock-page.acme-mock-page .focus\:bg-accent:focus{background-color: var(--accent);}
.acme-mock-page.acme-mock-page .focus\:text-accent-foreground:focus{color: var(--accent-foreground);}
.acme-mock-page.acme-mock-page .focus\:opacity-100:focus{opacity: 1;}
.acme-mock-page.acme-mock-page .focus\:ring-1:focus{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.acme-mock-page.acme-mock-page .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);}
.acme-mock-page.acme-mock-page .focus\:ring-primary:focus{--tw-ring-color: var(--primary);}
.acme-mock-page.acme-mock-page .focus\:ring-primary-foreground\/30:focus{--tw-ring-color: var(--primary-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .focus\:ring-primary-foreground\/30:focus{--tw-ring-color: color-mix(in oklab, var(--primary-foreground) 30%, transparent);}}
.acme-mock-page.acme-mock-page .focus\:ring-primary\/20:focus{--tw-ring-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .focus\:ring-primary\/20:focus{--tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);}}
.acme-mock-page.acme-mock-page .focus\:ring-ring:focus{--tw-ring-color: var(--ring);}
.acme-mock-page.acme-mock-page .focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);}
.acme-mock-page.acme-mock-page .focus\:outline-hidden:focus{--tw-outline-style: none; outline-style: none;}
@media (forced-colors: active){.acme-mock-page.acme-mock-page .focus\:outline-hidden:focus{outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;}}
.acme-mock-page.acme-mock-page .focus\:outline-none:focus{--tw-outline-style: none; outline-style: none;}
.acme-mock-page.acme-mock-page .group-\[\.destructive\]\:focus\:ring-destructive:is(:where(.group).destructive *):focus{--tw-ring-color: var(--destructive);}
.acme-mock-page.acme-mock-page .group-\[\.destructive\]\:focus\:ring-red-400:is(:where(.group).destructive *):focus{--tw-ring-color: var(--color-red-400);}
.acme-mock-page.acme-mock-page .group-\[\.destructive\]\:focus\:ring-offset-red-600:is(:where(.group).destructive *):focus{--tw-ring-offset-color: var(--color-red-600);}
.acme-mock-page.acme-mock-page .focus-visible\:z-10:focus-visible{z-index: 10;}
.acme-mock-page.acme-mock-page .focus-visible\:border-ring:focus-visible{border-color: var(--ring);}
.acme-mock-page.acme-mock-page .focus-visible\:ring-0:focus-visible{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.acme-mock-page.acme-mock-page .focus-visible\:ring-1:focus-visible{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.acme-mock-page.acme-mock-page .focus-visible\:ring-2:focus-visible{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.acme-mock-page.acme-mock-page .focus-visible\:ring-4:focus-visible{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.acme-mock-page.acme-mock-page .focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.acme-mock-page.acme-mock-page .focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color: var(--destructive);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);}}
.acme-mock-page.acme-mock-page .focus-visible\:ring-primary:focus-visible{--tw-ring-color: var(--primary);}
.acme-mock-page.acme-mock-page .focus-visible\:ring-ring:focus-visible{--tw-ring-color: var(--ring);}
.acme-mock-page.acme-mock-page .focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color: var(--ring);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);}}
.acme-mock-page.acme-mock-page .focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);}
.acme-mock-page.acme-mock-page .focus-visible\:outline-hidden:focus-visible{--tw-outline-style: none; outline-style: none;}
@media (forced-colors: active){.acme-mock-page.acme-mock-page .focus-visible\:outline-hidden:focus-visible{outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;}}
.acme-mock-page.acme-mock-page .focus-visible\:outline-1:focus-visible{outline-style: var(--tw-outline-style); outline-width: 1px;}
.acme-mock-page.acme-mock-page .focus-visible\:outline-ring:focus-visible{outline-color: var(--ring);}
.acme-mock-page.acme-mock-page .active\:cursor-grabbing:active{cursor: grabbing;}
.acme-mock-page.acme-mock-page .active\:bg-sidebar-accent:active{background-color: var(--sidebar-accent);}
.acme-mock-page.acme-mock-page .active\:text-sidebar-accent-foreground:active{color: var(--sidebar-accent-foreground);}
.acme-mock-page.acme-mock-page .disabled\:pointer-events-none:disabled{pointer-events: none;}
.acme-mock-page.acme-mock-page .disabled\:cursor-not-allowed:disabled{cursor: not-allowed;}
.acme-mock-page.acme-mock-page .disabled\:opacity-50:disabled{opacity: 0.5;}
.acme-mock-page.acme-mock-page :where([data-side="left"]) .in-data-\[side\=left\]\:cursor-w-resize{cursor: w-resize;}
.acme-mock-page.acme-mock-page :where([data-side="right"]) .in-data-\[side\=right\]\:cursor-e-resize{cursor: e-resize;}
.acme-mock-page.acme-mock-page .has-focus\:border-ring:has(:focus){border-color: var(--ring);}
.acme-mock-page.acme-mock-page .has-focus\:ring-\[3px\]:has(:focus){--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.acme-mock-page.acme-mock-page .has-focus\:ring-ring\/50:has(:focus){--tw-ring-color: var(--ring);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .has-focus\:ring-ring\/50:has(:focus){--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);}}
.acme-mock-page.acme-mock-page .has-disabled\:opacity-50:has(:disabled){opacity: 0.5;}
.acme-mock-page.acme-mock-page .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]){grid-template-columns: 1fr auto;}
.acme-mock-page.acme-mock-page .has-data-\[state\=checked\]\:border-primary:has([data-state="checked"]){border-color: var(--primary);}
.acme-mock-page.acme-mock-page .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state="checked"]){background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state="checked"]){background-color: color-mix(in oklab, var(--primary) 5%, transparent);}}
.acme-mock-page.acme-mock-page .has-data-\[variant\=inset\]\:bg-sidebar:has([data-variant="inset"]){background-color: var(--sidebar);}
.acme-mock-page.acme-mock-page .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot="input-group-control"]:focus-visible){border-color: var(--ring);}
.acme-mock-page.acme-mock-page .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot="input-group-control"]:focus-visible){--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.acme-mock-page.acme-mock-page .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible){--tw-ring-color: var(--ring);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible){--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);}}
.acme-mock-page.acme-mock-page .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid="true"]){border-color: var(--destructive);}
.acme-mock-page.acme-mock-page .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid="true"]){--tw-ring-color: var(--destructive);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid="true"]){--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);}}
.acme-mock-page.acme-mock-page .has-\[\>\[data-align\=block-end\]\]\:h-auto:has(> [data-align="block-end"]){height: auto;}
.acme-mock-page.acme-mock-page .has-\[\>\[data-align\=block-end\]\]\:flex-col:has(> [data-align="block-end"]){flex-direction: column;}
.acme-mock-page.acme-mock-page .has-\[\>\[data-align\=block-start\]\]\:h-auto:has(> [data-align="block-start"]){height: auto;}
.acme-mock-page.acme-mock-page .has-\[\>\[data-align\=block-start\]\]\:flex-col:has(> [data-align="block-start"]){flex-direction: column;}
.acme-mock-page.acme-mock-page .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has(> [data-slot="button-group"]){gap: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has(> [data-slot="checkbox-group"]){gap: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .has-\[\>\[data-slot\=field-content\]\]\:items-start:has(> [data-slot="field-content"]){align-items: flex-start;}
.acme-mock-page.acme-mock-page .has-\[\>\[data-slot\=field\]\]\:w-full:has(> [data-slot="field"]){width: 100%;}
.acme-mock-page.acme-mock-page .has-\[\>\[data-slot\=field\]\]\:flex-col:has(> [data-slot="field"]){flex-direction: column;}
.acme-mock-page.acme-mock-page .has-\[\>\[data-slot\=field\]\]\:rounded-md:has(> [data-slot="field"]){border-radius: calc(var(--radius) - 2px);}
.acme-mock-page.acme-mock-page .has-\[\>\[data-slot\=field\]\]\:border:has(> [data-slot="field"]){border-style: var(--tw-border-style); border-width: 1px;}
.acme-mock-page.acme-mock-page .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has(> [data-slot="radio-group"]){gap: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .has-\[\>button\]\:mr-\[-0\.4rem\]:has(> button){margin-right: -0.4rem;}
.acme-mock-page.acme-mock-page .has-\[\>button\]\:ml-\[-0\.45rem\]:has(> button){margin-left: -0.45rem;}
.acme-mock-page.acme-mock-page .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has(> kbd){margin-right: -0.35rem;}
.acme-mock-page.acme-mock-page .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has(> kbd){margin-left: -0.35rem;}
.acme-mock-page.acme-mock-page .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has(> svg){grid-template-columns: calc(var(--spacing) * 4) 1fr;}
.acme-mock-page.acme-mock-page .has-\[\>svg\]\:gap-x-3:has(> svg){column-gap: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .has-\[\>svg\]\:p-0:has(> svg){padding: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .has-\[\>svg\]\:px-2:has(> svg){padding-inline: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .has-\[\>svg\]\:px-2\.5:has(> svg){padding-inline: calc(var(--spacing) * 2.5);}
.acme-mock-page.acme-mock-page .has-\[\>svg\]\:px-3:has(> svg){padding-inline: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .has-\[\>svg\]\:px-4:has(> svg){padding-inline: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .has-\[\>textarea\]\:h-auto:has(> textarea){height: auto;}
.acme-mock-page.acme-mock-page .aria-disabled\:pointer-events-none[aria-disabled="true"]{pointer-events: none;}
.acme-mock-page.acme-mock-page .aria-disabled\:opacity-50[aria-disabled="true"]{opacity: 0.5;}
.acme-mock-page.acme-mock-page .aria-invalid\:border-destructive[aria-invalid="true"]{border-color: var(--destructive);}
.acme-mock-page.acme-mock-page .aria-invalid\:ring-destructive\/20[aria-invalid="true"]{--tw-ring-color: var(--destructive);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .aria-invalid\:ring-destructive\/20[aria-invalid="true"]{--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);}}
.acme-mock-page.acme-mock-page .aria-selected\:text-muted-foreground[aria-selected="true"]{color: var(--muted-foreground);}
.acme-mock-page.acme-mock-page .data-\[active\=true\]\:z-10[data-active="true"]{z-index: 10;}
.acme-mock-page.acme-mock-page .data-\[active\=true\]\:border-ring[data-active="true"]{border-color: var(--ring);}
.acme-mock-page.acme-mock-page .data-\[active\=true\]\:bg-accent\/50[data-active="true"]{background-color: var(--accent);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .data-\[active\=true\]\:bg-accent\/50[data-active="true"]{background-color: color-mix(in oklab, var(--accent) 50%, transparent);}}
.acme-mock-page.acme-mock-page .data-\[active\=true\]\:bg-sidebar-accent[data-active="true"]{background-color: var(--sidebar-accent);}
.acme-mock-page.acme-mock-page .data-\[active\=true\]\:font-medium[data-active="true"]{--tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);}
.acme-mock-page.acme-mock-page .data-\[active\=true\]\:text-accent-foreground[data-active="true"]{color: var(--accent-foreground);}
.acme-mock-page.acme-mock-page .data-\[active\=true\]\:text-sidebar-accent-foreground[data-active="true"]{color: var(--sidebar-accent-foreground);}
.acme-mock-page.acme-mock-page .data-\[active\=true\]\:ring-\[3px\][data-active="true"]{--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);}
.acme-mock-page.acme-mock-page .data-\[active\=true\]\:ring-ring\/50[data-active="true"]{--tw-ring-color: var(--ring);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .data-\[active\=true\]\:ring-ring\/50[data-active="true"]{--tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .data-\[active\=true\]\:hover\:bg-accent[data-active="true"]:hover{background-color: var(--accent);}}
.acme-mock-page.acme-mock-page .data-\[active\=true\]\:focus\:bg-accent[data-active="true"]:focus{background-color: var(--accent);}
.acme-mock-page.acme-mock-page .data-\[active\=true\]\:aria-invalid\:border-destructive[data-active="true"][aria-invalid="true"]{border-color: var(--destructive);}
.acme-mock-page.acme-mock-page .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active="true"][aria-invalid="true"]{--tw-ring-color: var(--destructive);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active="true"][aria-invalid="true"]{--tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);}}
.acme-mock-page.acme-mock-page .data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events: none;}
.acme-mock-page.acme-mock-page .data-\[disabled\]\:opacity-50[data-disabled]{opacity: 0.5;}
.acme-mock-page.acme-mock-page .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"]{pointer-events: none;}
.acme-mock-page.acme-mock-page .data-\[disabled\=true\]\:opacity-50[data-disabled="true"]{opacity: 0.5;}
.acme-mock-page.acme-mock-page .data-\[error\=true\]\:text-destructive[data-error="true"]{color: var(--destructive);}
.acme-mock-page.acme-mock-page .data-\[inset\]\:pl-8[data-inset]{padding-left: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page .data-\[invalid\=true\]\:text-destructive[data-invalid="true"]{color: var(--destructive);}
.acme-mock-page.acme-mock-page .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"]{--tw-enter-translate-x: calc(52*var(--spacing));}
.acme-mock-page.acme-mock-page .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"]{--tw-enter-translate-x: calc(52*var(--spacing)*-1);}
.acme-mock-page.acme-mock-page .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"]{--tw-exit-translate-x: calc(52*var(--spacing));}
.acme-mock-page.acme-mock-page .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"]{--tw-exit-translate-x: calc(52*var(--spacing)*-1);}
.acme-mock-page.acme-mock-page .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"]{animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, forwards);}
.acme-mock-page.acme-mock-page .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"]{--tw-enter-opacity: 0;}
.acme-mock-page.acme-mock-page .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"]{animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, forwards);}
.acme-mock-page.acme-mock-page .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"]{--tw-exit-opacity: 0;}
.acme-mock-page.acme-mock-page .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"]{height: calc(var(--spacing) * 1.5);}
.acme-mock-page.acme-mock-page .data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"]{height: 100%;}
.acme-mock-page.acme-mock-page .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"]{height: 1px;}
.acme-mock-page.acme-mock-page .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"]{width: 100%;}
.acme-mock-page.acme-mock-page .data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"]{height: auto;}
.acme-mock-page.acme-mock-page .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"]{height: 100%;}
.acme-mock-page.acme-mock-page .data-\[orientation\=vertical\]\:min-h-44[data-orientation="vertical"]{min-height: calc(var(--spacing) * 44);}
.acme-mock-page.acme-mock-page .data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"]{width: calc(var(--spacing) * 1.5);}
.acme-mock-page.acme-mock-page .data-\[orientation\=vertical\]\:w-auto[data-orientation="vertical"]{width: auto;}
.acme-mock-page.acme-mock-page .data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"]{width: 100%;}
.acme-mock-page.acme-mock-page .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"]{width: 1px;}
.acme-mock-page.acme-mock-page .data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"]{flex-direction: column;}
.acme-mock-page.acme-mock-page .data-\[panel-group-direction\=vertical\]\:h-px[data-panel-group-direction="vertical"]{height: 1px;}
.acme-mock-page.acme-mock-page .data-\[panel-group-direction\=vertical\]\:w-full[data-panel-group-direction="vertical"]{width: 100%;}
.acme-mock-page.acme-mock-page .data-\[panel-group-direction\=vertical\]\:flex-col[data-panel-group-direction="vertical"]{flex-direction: column;}
.acme-mock-page.acme-mock-page .data-\[panel-group-direction\=vertical\]\:after\:left-0[data-panel-group-direction="vertical"]::after{content: var(--tw-content); left: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .data-\[panel-group-direction\=vertical\]\:after\:h-1[data-panel-group-direction="vertical"]::after{content: var(--tw-content); height: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .data-\[panel-group-direction\=vertical\]\:after\:w-full[data-panel-group-direction="vertical"]::after{content: var(--tw-content); width: 100%;}
.acme-mock-page.acme-mock-page .data-\[panel-group-direction\=vertical\]\:after\:translate-x-0[data-panel-group-direction="vertical"]::after{content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .data-\[panel-group-direction\=vertical\]\:after\:-translate-y-1\/2[data-panel-group-direction="vertical"]::after{content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .data-\[placeholder\]\:text-muted-foreground[data-placeholder]{color: var(--muted-foreground);}
.acme-mock-page.acme-mock-page .data-\[range-end\=true\]\:rounded-md[data-range-end="true"]{border-radius: calc(var(--radius) - 2px);}
.acme-mock-page.acme-mock-page .data-\[range-end\=true\]\:rounded-r-md[data-range-end="true"]{border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px);}
.acme-mock-page.acme-mock-page .data-\[range-end\=true\]\:bg-primary[data-range-end="true"]{background-color: var(--primary);}
.acme-mock-page.acme-mock-page .data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"]{color: var(--primary-foreground);}
.acme-mock-page.acme-mock-page .data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"]{border-radius: 0px;}
.acme-mock-page.acme-mock-page .data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"]{background-color: var(--accent);}
.acme-mock-page.acme-mock-page .data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"]{color: var(--accent-foreground);}
.acme-mock-page.acme-mock-page .data-\[range-start\=true\]\:rounded-md[data-range-start="true"]{border-radius: calc(var(--radius) - 2px);}
.acme-mock-page.acme-mock-page .data-\[range-start\=true\]\:rounded-l-md[data-range-start="true"]{border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px);}
.acme-mock-page.acme-mock-page .data-\[range-start\=true\]\:bg-primary[data-range-start="true"]{background-color: var(--primary);}
.acme-mock-page.acme-mock-page .data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"]{color: var(--primary-foreground);}
.acme-mock-page.acme-mock-page .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"]{background-color: var(--primary);}
.acme-mock-page.acme-mock-page .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"]{color: var(--primary-foreground);}
.acme-mock-page.acme-mock-page .data-\[selected\=true\]\:rounded-none[data-selected="true"]{border-radius: 0px;}
.acme-mock-page.acme-mock-page .data-\[selected\=true\]\:bg-accent[data-selected="true"]{background-color: var(--accent);}
.acme-mock-page.acme-mock-page .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"]{color: var(--accent-foreground);}
.acme-mock-page.acme-mock-page .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"]{--tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"]{--tw-enter-translate-y: calc(2*var(--spacing)*-1);}
.acme-mock-page.acme-mock-page .data-\[side\=left\]\:-translate-x-1[data-side="left"]{--tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"]{--tw-enter-translate-x: calc(2*var(--spacing));}
.acme-mock-page.acme-mock-page .data-\[side\=right\]\:translate-x-1[data-side="right"]{--tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"]{--tw-enter-translate-x: calc(2*var(--spacing)*-1);}
.acme-mock-page.acme-mock-page .data-\[side\=top\]\:-translate-y-1[data-side="top"]{--tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"]{--tw-enter-translate-y: calc(2*var(--spacing));}
.acme-mock-page.acme-mock-page .data-\[size\=default\]\:h-9[data-size="default"]{height: calc(var(--spacing) * 9);}
.acme-mock-page.acme-mock-page .data-\[size\=sm\]\:h-8[data-size="sm"]{height: calc(var(--spacing) * 8);}
.acme-mock-page.acme-mock-page :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"]{color: var(--destructive);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"]{color: color-mix(in oklab, var(--destructive) 90%, transparent);}}
.acme-mock-page.acme-mock-page .data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"]{gap: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot="command-input-wrapper"]{height: calc(var(--spacing) * 12);}
.acme-mock-page.acme-mock-page :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot="navigation-menu-link"]:focus{--tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.acme-mock-page.acme-mock-page :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot="navigation-menu-link"]:focus{--tw-outline-style: none; outline-style: none;}
.acme-mock-page.acme-mock-page :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"]{-webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;}
.acme-mock-page.acme-mock-page :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"]{display: flex;}
.acme-mock-page.acme-mock-page :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"]{align-items: center;}
.acme-mock-page.acme-mock-page :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"]{gap: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .data-\[state\=active\]\:border-border\/50[data-state="active"]{border-color: var(--border);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .data-\[state\=active\]\:border-border\/50[data-state="active"]{border-color: color-mix(in oklab, var(--border) 50%, transparent);}}
.acme-mock-page.acme-mock-page .data-\[state\=active\]\:bg-background[data-state="active"]{background-color: var(--background);}
.acme-mock-page.acme-mock-page .data-\[state\=active\]\:bg-card[data-state="active"]{background-color: var(--card);}
.acme-mock-page.acme-mock-page .data-\[state\=active\]\:bg-primary[data-state="active"]{background-color: var(--primary);}
.acme-mock-page.acme-mock-page .data-\[state\=active\]\:text-foreground[data-state="active"]{color: var(--foreground);}
.acme-mock-page.acme-mock-page .data-\[state\=active\]\:text-primary-foreground[data-state="active"]{color: var(--primary-foreground);}
.acme-mock-page.acme-mock-page .data-\[state\=active\]\:shadow-md[data-state="active"]{--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);}
.acme-mock-page.acme-mock-page .data-\[state\=active\]\:shadow-sm[data-state="active"]{--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);}
.acme-mock-page.acme-mock-page .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"]{--tw-translate-x: calc(100% - 2px); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .data-\[state\=checked\]\:border-primary[data-state="checked"]{border-color: var(--primary);}
.acme-mock-page.acme-mock-page .data-\[state\=checked\]\:bg-primary[data-state="checked"]{background-color: var(--primary);}
.acme-mock-page.acme-mock-page .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"]{color: var(--primary-foreground);}
.acme-mock-page.acme-mock-page .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"]{animation: accordion-up var(--tw-animation-duration, var(--tw-duration, .2s))ease-out;}
.acme-mock-page.acme-mock-page .data-\[state\=closed\]\:animate-out[data-state="closed"]{animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, forwards);}
.acme-mock-page.acme-mock-page .data-\[state\=closed\]\:duration-300[data-state="closed"]{--tw-duration: .3s; transition-duration: 0.3s;}
.acme-mock-page.acme-mock-page .data-\[state\=closed\]\:fade-out-0[data-state="closed"]{--tw-exit-opacity: 0;}
.acme-mock-page.acme-mock-page .data-\[state\=closed\]\:fade-out-80[data-state="closed"]{--tw-exit-opacity: .8;}
.acme-mock-page.acme-mock-page .data-\[state\=closed\]\:zoom-out-95[data-state="closed"]{--tw-exit-scale: .95;}
.acme-mock-page.acme-mock-page .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"]{--tw-exit-translate-y: 100%;}
.acme-mock-page.acme-mock-page .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"]{--tw-exit-translate-x: -100%;}
.acme-mock-page.acme-mock-page .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"]{--tw-exit-translate-x: 100%;}
.acme-mock-page.acme-mock-page .data-\[state\=closed\]\:slide-out-to-right-full[data-state="closed"]{--tw-exit-translate-x: calc(1*100%);}
.acme-mock-page.acme-mock-page .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"]{--tw-exit-translate-y: -100%;}
.acme-mock-page.acme-mock-page .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"]{animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, forwards);}
.acme-mock-page.acme-mock-page .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"]{--tw-exit-opacity: 0;}
.acme-mock-page.acme-mock-page .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"]{--tw-exit-scale: .95;}
.acme-mock-page.acme-mock-page .data-\[state\=hidden\]\:animate-out[data-state="hidden"]{animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, forwards);}
.acme-mock-page.acme-mock-page .data-\[state\=hidden\]\:fade-out[data-state="hidden"]{--tw-exit-opacity: 0;}
.acme-mock-page.acme-mock-page .data-\[state\=inactive\]\:text-muted-foreground[data-state="inactive"]{color: var(--muted-foreground);}
@media (hover: hover){.acme-mock-page.acme-mock-page .data-\[state\=inactive\]\:hover\:bg-muted[data-state="inactive"]:hover{background-color: var(--muted);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .data-\[state\=inactive\]\:hover\:bg-muted\/50[data-state="inactive"]:hover{background-color: var(--muted);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .data-\[state\=inactive\]\:hover\:bg-muted\/50[data-state="inactive"]:hover{background-color: color-mix(in oklab, var(--muted) 50%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .data-\[state\=inactive\]\:hover\:text-foreground[data-state="inactive"]:hover{color: var(--foreground);}}
.acme-mock-page.acme-mock-page .data-\[state\=on\]\:bg-accent[data-state="on"]{background-color: var(--accent);}
.acme-mock-page.acme-mock-page .data-\[state\=on\]\:text-accent-foreground[data-state="on"]{color: var(--accent-foreground);}
.acme-mock-page.acme-mock-page .data-\[state\=open\]\:animate-accordion-down[data-state="open"]{animation: accordion-down var(--tw-animation-duration, var(--tw-duration, .2s))ease-out;}
.acme-mock-page.acme-mock-page .data-\[state\=open\]\:animate-in[data-state="open"]{animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, forwards);}
.acme-mock-page.acme-mock-page .data-\[state\=open\]\:bg-accent[data-state="open"]{background-color: var(--accent);}
.acme-mock-page.acme-mock-page .data-\[state\=open\]\:bg-accent\/50[data-state="open"]{background-color: var(--accent);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .data-\[state\=open\]\:bg-accent\/50[data-state="open"]{background-color: color-mix(in oklab, var(--accent) 50%, transparent);}}
.acme-mock-page.acme-mock-page .data-\[state\=open\]\:bg-secondary[data-state="open"]{background-color: var(--secondary);}
.acme-mock-page.acme-mock-page .data-\[state\=open\]\:text-accent-foreground[data-state="open"]{color: var(--accent-foreground);}
.acme-mock-page.acme-mock-page .data-\[state\=open\]\:text-muted-foreground[data-state="open"]{color: var(--muted-foreground);}
.acme-mock-page.acme-mock-page .data-\[state\=open\]\:opacity-100[data-state="open"]{opacity: 1;}
.acme-mock-page.acme-mock-page .data-\[state\=open\]\:duration-500[data-state="open"]{--tw-duration: .5s; transition-duration: 0.5s;}
.acme-mock-page.acme-mock-page .data-\[state\=open\]\:fade-in-0[data-state="open"]{--tw-enter-opacity: 0;}
.acme-mock-page.acme-mock-page .data-\[state\=open\]\:zoom-in-90[data-state="open"]{--tw-enter-scale: .9;}
.acme-mock-page.acme-mock-page .data-\[state\=open\]\:zoom-in-95[data-state="open"]{--tw-enter-scale: .95;}
.acme-mock-page.acme-mock-page .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"]{--tw-enter-translate-y: 100%;}
.acme-mock-page.acme-mock-page .data-\[state\=open\]\:slide-in-from-left[data-state="open"]{--tw-enter-translate-x: -100%;}
.acme-mock-page.acme-mock-page .data-\[state\=open\]\:slide-in-from-right[data-state="open"]{--tw-enter-translate-x: 100%;}
.acme-mock-page.acme-mock-page .data-\[state\=open\]\:slide-in-from-top[data-state="open"]{--tw-enter-translate-y: -100%;}
.acme-mock-page.acme-mock-page .data-\[state\=open\]\:slide-in-from-top-full[data-state="open"]{--tw-enter-translate-y: calc(1*-100%);}
.acme-mock-page.acme-mock-page .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"]{animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, forwards);}
.acme-mock-page.acme-mock-page .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"]{--tw-enter-opacity: 0;}
.acme-mock-page.acme-mock-page .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"]{--tw-enter-scale: .95;}
@media (hover: hover){.acme-mock-page.acme-mock-page .data-\[state\=open\]\:hover\:bg-accent[data-state="open"]:hover{background-color: var(--accent);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .data-\[state\=open\]\:hover\:bg-sidebar-accent[data-state="open"]:hover{background-color: var(--sidebar-accent);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .data-\[state\=open\]\:hover\:text-sidebar-accent-foreground[data-state="open"]:hover{color: var(--sidebar-accent-foreground);}}
.acme-mock-page.acme-mock-page .data-\[state\=open\]\:focus\:bg-accent[data-state="open"]:focus{background-color: var(--accent);}
.acme-mock-page.acme-mock-page .data-\[state\=selected\]\:bg-muted[data-state="selected"]{background-color: var(--muted);}
.acme-mock-page.acme-mock-page .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"]{--tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"]{background-color: var(--input);}
.acme-mock-page.acme-mock-page .data-\[state\=visible\]\:animate-in[data-state="visible"]{animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, forwards);}
.acme-mock-page.acme-mock-page .data-\[state\=visible\]\:fade-in[data-state="visible"]{--tw-enter-opacity: 0;}
.acme-mock-page.acme-mock-page .data-\[swipe\=cancel\]\:translate-x-0[data-swipe="cancel"]{--tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe="end"]{--tw-translate-x: var(--radix-toast-swipe-end-x); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .data-\[swipe\=end\]\:animate-out[data-swipe="end"]{animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, forwards);}
.acme-mock-page.acme-mock-page .data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe="move"]{--tw-translate-x: var(--radix-toast-swipe-move-x); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .data-\[swipe\=move\]\:transition-none[data-swipe="move"]{transition-property: none;}
.acme-mock-page.acme-mock-page .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"]{color: var(--destructive);}
.acme-mock-page.acme-mock-page .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus{background-color: var(--destructive);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus{background-color: color-mix(in oklab, var(--destructive) 10%, transparent);}}
.acme-mock-page.acme-mock-page .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus{color: var(--destructive);}
.acme-mock-page.acme-mock-page .data-\[variant\=label\]\:text-sm[data-variant="label"]{font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));}
.acme-mock-page.acme-mock-page .data-\[variant\=legend\]\:text-base[data-variant="legend"]{font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));}
.acme-mock-page.acme-mock-page .data-\[variant\=outline\]\:border-l-0[data-variant="outline"]{border-left-style: var(--tw-border-style); border-left-width: 0px;}
.acme-mock-page.acme-mock-page .data-\[variant\=outline\]\:shadow-xs[data-variant="outline"]{--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);}
.acme-mock-page.acme-mock-page .data-\[variant\=outline\]\:first\:border-l[data-variant="outline"]:first-child{border-left-style: var(--tw-border-style); border-left-width: 1px;}
.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"]{inset-inline: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"]{bottom: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"]{margin-top: calc(var(--spacing) * 24);}
.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"]{max-height: 80vh;}
.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction="bottom"]{border-top-left-radius: var(--radius); border-top-right-radius: var(--radius);}
.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"]{border-top-style: var(--tw-border-style); border-top-width: 1px;}
.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"]{inset-block: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"]{left: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"]{width: 75%;}
.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction="left"]{border-right-style: var(--tw-border-style); border-right-width: 1px;}
.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"]{inset-block: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"]{right: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"]{width: 75%;}
.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction="right"]{border-left-style: var(--tw-border-style); border-left-width: 1px;}
.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"]{inset-inline: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"]{top: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"]{margin-bottom: calc(var(--spacing) * 24);}
.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"]{max-height: 80vh;}
.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction="top"]{border-bottom-right-radius: var(--radius); border-bottom-left-radius: var(--radius);}
.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"]{border-bottom-style: var(--tw-border-style); border-bottom-width: 1px;}
.acme-mock-page.acme-mock-page .nth-last-2\:-mt-1:nth-last-child(2){margin-top: calc(var(--spacing) * -1);}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:top-auto{top: auto;}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:right-0{right: calc(var(--spacing) * 0);}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:bottom-0{bottom: calc(var(--spacing) * 0);}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:block{display: block;}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:flex{display: flex;}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:inline-flex{display: inline-flex;}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:aspect-\[5\/2\]{aspect-ratio: 5 / 2;}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:max-w-\[95vw\]{max-width: 95vw;}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:max-w-\[100vw\]{max-width: 100vw;}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:max-w-full{max-width: 100%;}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:max-w-lg{max-width: var(--container-lg);}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:max-w-sm{max-width: var(--container-sm);}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:grid-cols-2{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:flex-col{flex-direction: column;}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:flex-row{flex-direction: row;}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:items-center{align-items: center;}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:justify-between{justify-content: space-between;}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:justify-end{justify-content: flex-end;}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:gap-2\.5{gap: calc(var(--spacing) * 2.5);}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:gap-4{gap: calc(var(--spacing) * 4);}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:gap-6{gap: calc(var(--spacing) * 6);}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:p-4{padding: calc(var(--spacing) * 4);}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:p-8{padding: calc(var(--spacing) * 8);}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:px-6{padding-inline: calc(var(--spacing) * 6);}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:pr-2\.5{padding-right: calc(var(--spacing) * 2.5);}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:pl-2\.5{padding-left: calc(var(--spacing) * 2.5);}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:text-left{text-align: left;}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:text-3xl{font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height));}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:text-4xl{font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height));}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:text-5xl{font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height));}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:text-6xl{font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height));}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:text-base{font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:text-lg{font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:text-sm{font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state="open"]{--tw-enter-translate-y: calc(1*100%);}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"]{max-width: var(--container-sm);}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"]{max-width: var(--container-sm);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:absolute{position: absolute;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:-right-8{right: calc(var(--spacing) * -8);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:order-1{order: 1;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:order-2{order: 2;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:col-span-2{grid-column: span 2 / span 2;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:col-span-3{grid-column: span 3 / span 3;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:mt-0{margin-top: calc(var(--spacing) * 0);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:mt-28{margin-top: calc(var(--spacing) * 28);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:mb-12{margin-bottom: calc(var(--spacing) * 12);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:mb-16{margin-bottom: calc(var(--spacing) * 16);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:block{display: block;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:flex{display: flex;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:h-6{height: calc(var(--spacing) * 6);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:h-10{height: calc(var(--spacing) * 10);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:h-12{height: calc(var(--spacing) * 12);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:h-14{height: calc(var(--spacing) * 14);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:w-6{width: calc(var(--spacing) * 6);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:w-14{width: calc(var(--spacing) * 14);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:w-40{width: calc(var(--spacing) * 40);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\]{width: var(--radix-navigation-menu-viewport-width);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:w-auto{width: auto;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:max-w-\[420px\]{max-width: 420px;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:grid-cols-2{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:grid-cols-3{grid-template-columns: repeat(3, minmax(0px, 1fr));}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:grid-cols-4{grid-template-columns: repeat(4, minmax(0px, 1fr));}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:grid-cols-5{grid-template-columns: repeat(5, minmax(0px, 1fr));}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:grid-cols-6{grid-template-columns: repeat(6, minmax(0px, 1fr));}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:flex-row{flex-direction: row;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:flex-row-reverse{flex-direction: row-reverse;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:items-center{align-items: center;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:items-end{align-items: flex-end;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:justify-between{justify-content: space-between;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:gap-1\.5{gap: calc(var(--spacing) * 1.5);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:gap-2{gap: calc(var(--spacing) * 2);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:gap-6{gap: calc(var(--spacing) * 6);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:gap-8{gap: calc(var(--spacing) * 8);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:gap-12{gap: calc(var(--spacing) * 12);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:gap-16{gap: calc(var(--spacing) * 16);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:self-auto{align-self: auto;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:p-6{padding: calc(var(--spacing) * 6);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:p-10{padding: calc(var(--spacing) * 10);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:p-12{padding: calc(var(--spacing) * 12);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:py-12{padding-block: calc(var(--spacing) * 12);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:py-16{padding-block: calc(var(--spacing) * 16);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:py-24{padding-block: calc(var(--spacing) * 24);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:py-32{padding-block: calc(var(--spacing) * 32);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:text-left{text-align: left;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:text-right{text-align: right;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:text-2xl{font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height));}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:text-3xl{font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height));}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:text-4xl{font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height));}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:text-5xl{font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height));}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:text-6xl{font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height));}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:text-7xl{font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height));}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:text-8xl{font-size: var(--text-8xl); line-height: var(--tw-leading, var(--text-8xl--line-height));}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:text-base{font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:text-sm{font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:text-xl{font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height));}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:opacity-0{opacity: 0;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *){margin: calc(var(--spacing) * 2);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *){margin-left: calc(var(--spacing) * 0);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *){border-radius: calc(var(--radius) + 4px);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant="inset"] ~ *){--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);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *){margin-left: calc(var(--spacing) * 2);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:after\:hidden::after{content: var(--tw-content); display: none;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:sticky{position: sticky;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:top-32{top: calc(var(--spacing) * 32);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:order-1{order: 1;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:order-2{order: 2;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:col-span-1{grid-column: span 1 / span 1;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:col-span-2{grid-column: span 2 / span 2;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:col-span-5{grid-column: span 5 / span 5;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:col-span-7{grid-column: span 7 / span 7;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:col-start-2{grid-column-start: 2;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:row-span-2{grid-row: span 2 / span 2;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:mx-0{margin-inline: calc(var(--spacing) * 0);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:mt-0{margin-top: calc(var(--spacing) * 0);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:block{display: block;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:flex{display: flex;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:hidden{display: none;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:aspect-auto{aspect-ratio: auto;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:h-full{height: 100%;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:w-1\/2{width: 50%;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:w-64{width: calc(var(--spacing) * 64);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:w-72{width: calc(var(--spacing) * 72);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:w-80{width: calc(var(--spacing) * 80);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:w-96{width: calc(var(--spacing) * 96);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:w-auto{width: auto;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:grid-flow-dense{grid-auto-flow: dense;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:grid-cols-2{grid-template-columns: repeat(2, minmax(0px, 1fr));}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:grid-cols-3{grid-template-columns: repeat(3, minmax(0px, 1fr));}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:grid-cols-4{grid-template-columns: repeat(4, minmax(0px, 1fr));}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:grid-cols-5{grid-template-columns: repeat(5, minmax(0px, 1fr));}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:grid-cols-6{grid-template-columns: repeat(6, minmax(0px, 1fr));}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:grid-cols-12{grid-template-columns: repeat(12, minmax(0px, 1fr));}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:flex-row{flex-direction: row;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:flex-row-reverse{flex-direction: row-reverse;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:items-center{align-items: center;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:items-end{align-items: flex-end;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:justify-start{justify-content: flex-start;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:gap-0{gap: calc(var(--spacing) * 0);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:gap-1{gap: calc(var(--spacing) * 1);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:gap-8{gap: calc(var(--spacing) * 8);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:gap-12{gap: calc(var(--spacing) * 12);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:gap-16{gap: calc(var(--spacing) * 16);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page :where(.lg\: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)));}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:p-8{padding: calc(var(--spacing) * 8);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:p-10{padding: calc(var(--spacing) * 10);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:p-12{padding: calc(var(--spacing) * 12);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:p-20{padding: calc(var(--spacing) * 20);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:px-8{padding-inline: calc(var(--spacing) * 8);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:px-16{padding-inline: calc(var(--spacing) * 16);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:py-16{padding-block: calc(var(--spacing) * 16);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:py-20{padding-block: calc(var(--spacing) * 20);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:py-28{padding-block: calc(var(--spacing) * 28);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:py-32{padding-block: calc(var(--spacing) * 32);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:py-40{padding-block: calc(var(--spacing) * 40);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:pr-12{padding-right: calc(var(--spacing) * 12);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:pr-16{padding-right: calc(var(--spacing) * 16);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:pl-12{padding-left: calc(var(--spacing) * 12);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:pl-16{padding-left: calc(var(--spacing) * 16);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:text-left{text-align: left;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:text-right{text-align: right;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:text-2xl{font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height));}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:text-3xl{font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height));}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:text-4xl{font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height));}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:text-5xl{font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height));}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:text-6xl{font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height));}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:text-7xl{font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height));}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:text-8xl{font-size: var(--text-8xl); line-height: var(--tw-leading, var(--text-8xl--line-height));}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:text-9xl{font-size: var(--text-9xl); line-height: var(--tw-leading, var(--text-9xl--line-height));}}
@media (min-width: 80rem){.acme-mock-page.acme-mock-page .xl\:block{display: block;}}
@media (min-width: 80rem){.acme-mock-page.acme-mock-page .xl\:grid-cols-4{grid-template-columns: repeat(4, minmax(0px, 1fr));}}
.acme-mock-page.acme-mock-page .\@md\/field-group\:flex-row{flex-direction: row;}
.acme-mock-page.acme-mock-page .\@md\/field-group\:items-center{align-items: center;}
.acme-mock-page.acme-mock-page .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has(> [data-slot="field-content"]){align-items: flex-start;}
.acme-mock-page.acme-mock-page .dark\:border-input:is(.dark *){border-color: var(--input);}
.acme-mock-page.acme-mock-page .dark\:bg-destructive\/60:is(.dark *){background-color: var(--destructive);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .dark\:bg-destructive\/60:is(.dark *){background-color: color-mix(in oklab, var(--destructive) 60%, transparent);}}
.acme-mock-page.acme-mock-page .dark\:bg-input\/30:is(.dark *){background-color: var(--input);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .dark\:bg-input\/30:is(.dark *){background-color: color-mix(in oklab, var(--input) 30%, transparent);}}
.acme-mock-page.acme-mock-page .dark\:bg-transparent:is(.dark *){background-color: rgba(0, 0, 0, 0);}
.acme-mock-page.acme-mock-page .dark\:text-muted-foreground:is(.dark *){color: var(--muted-foreground);}
@media (hover: hover){.acme-mock-page.acme-mock-page .dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color: var(--accent);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color: color-mix(in oklab, var(--accent) 50%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .dark\:hover\:bg-input\/50:is(.dark *):hover{background-color: var(--input);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .dark\:hover\:bg-input\/50:is(.dark *):hover{background-color: color-mix(in oklab, var(--input) 50%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .dark\:hover\:text-accent-foreground:is(.dark *):hover{color: var(--accent-foreground);}}
.acme-mock-page.acme-mock-page .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color: var(--destructive);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);}}
.acme-mock-page.acme-mock-page .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state="checked"]){background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .dark\:has-data-\[state\=checked\]\:bg-primary\/10:is(.dark *):has([data-state="checked"]){background-color: color-mix(in oklab, var(--primary) 10%, transparent);}}
.acme-mock-page.acme-mock-page .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid="true"]){--tw-ring-color: var(--destructive);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:is(.dark *):has([data-slot][aria-invalid="true"]){--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);}}
.acme-mock-page.acme-mock-page .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"]{--tw-ring-color: var(--destructive);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"]{--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);}}
.acme-mock-page.acme-mock-page .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active="true"][aria-invalid="true"]{--tw-ring-color: var(--destructive);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40:is(.dark *)[data-active="true"][aria-invalid="true"]{--tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);}}
.acme-mock-page.acme-mock-page .dark\:data-\[state\=active\]\:border-input:is(.dark *)[data-state="active"]{border-color: var(--input);}
.acme-mock-page.acme-mock-page .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state="active"]{background-color: var(--input);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state="active"]{background-color: color-mix(in oklab, var(--input) 30%, transparent);}}
.acme-mock-page.acme-mock-page .dark\:data-\[state\=active\]\:text-foreground:is(.dark *)[data-state="active"]{color: var(--foreground);}
.acme-mock-page.acme-mock-page .dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state="checked"]{background-color: var(--primary);}
.acme-mock-page.acme-mock-page .dark\:data-\[state\=checked\]\:bg-primary-foreground:is(.dark *)[data-state="checked"]{background-color: var(--primary-foreground);}
.acme-mock-page.acme-mock-page .dark\:data-\[state\=unchecked\]\:bg-foreground:is(.dark *)[data-state="unchecked"]{background-color: var(--foreground);}
.acme-mock-page.acme-mock-page .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state="unchecked"]{background-color: var(--input);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .dark\:data-\[state\=unchecked\]\:bg-input\/80:is(.dark *)[data-state="unchecked"]{background-color: color-mix(in oklab, var(--input) 80%, transparent);}}
.acme-mock-page.acme-mock-page .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus{background-color: var(--destructive);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus{background-color: color-mix(in oklab, var(--destructive) 20%, transparent);}}
.acme-mock-page.acme-mock-page .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill: var(--muted-foreground);}
.acme-mock-page.acme-mock-page .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke: var(--border);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke: color-mix(in oklab, var(--border) 50%, transparent);}}
.acme-mock-page.acme-mock-page .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke: var(--border);}
.acme-mock-page.acme-mock-page .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke: rgba(0, 0, 0, 0);}
.acme-mock-page.acme-mock-page .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{--tw-outline-style: none; outline-style: none;}
@media (forced-colors: active){.acme-mock-page.acme-mock-page .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;}}
.acme-mock-page.acme-mock-page .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke: var(--border);}
.acme-mock-page.acme-mock-page .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector{fill: var(--muted);}
.acme-mock-page.acme-mock-page .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill: var(--muted);}
.acme-mock-page.acme-mock-page .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke: var(--border);}
.acme-mock-page.acme-mock-page .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{--tw-outline-style: none; outline-style: none;}
@media (forced-colors: active){.acme-mock-page.acme-mock-page .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;}}
.acme-mock-page.acme-mock-page .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke: rgba(0, 0, 0, 0);}
.acme-mock-page.acme-mock-page .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{--tw-outline-style: none; outline-style: none;}
@media (forced-colors: active){.acme-mock-page.acme-mock-page .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{outline-offset: 2px; outline: rgba(0, 0, 0, 0) solid 2px;}}
.acme-mock-page.acme-mock-page .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block: calc(var(--spacing) * 1.5);}
.acme-mock-page.acme-mock-page .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));}
.acme-mock-page.acme-mock-page .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);}
.acme-mock-page.acme-mock-page .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{color: var(--muted-foreground);}
.acme-mock-page.acme-mock-page .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group]{padding-top: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{height: calc(var(--spacing) * 5);}
.acme-mock-page.acme-mock-page .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{width: calc(var(--spacing) * 5);}
.acme-mock-page.acme-mock-page .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height: calc(var(--spacing) * 12);}
.acme-mock-page.acme-mock-page .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{padding-block: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{height: calc(var(--spacing) * 5);}
.acme-mock-page.acme-mock-page .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{width: calc(var(--spacing) * 5);}
.acme-mock-page.acme-mock-page .\[\&_img\]\:size-full img{width: 100%; height: 100%;}
.acme-mock-page.acme-mock-page .\[\&_img\]\:object-cover img{object-fit: cover;}
.acme-mock-page.acme-mock-page .\[\&_p\]\:leading-relaxed p{--tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed);}
.acme-mock-page.acme-mock-page .\[\&_svg\]\:pointer-events-none svg{pointer-events: none;}
.acme-mock-page.acme-mock-page .\[\&_svg\]\:shrink-0 svg{flex-shrink: 0;}
.acme-mock-page.acme-mock-page .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]){width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]){width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*="size-"]){width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*="text-"]){color: var(--muted-foreground);}
.acme-mock-page.acme-mock-page .\[\&_tr\]\:border-b tr{border-bottom-style: var(--tw-border-style); border-bottom-width: 1px;}
.acme-mock-page.acme-mock-page .\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style: var(--tw-border-style); border-width: 0px;}
.acme-mock-page.acme-mock-page .\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot="item-content"]{flex: 0 0 auto;}
.acme-mock-page.acme-mock-page .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"] button{border-top-left-radius: calc(var(--radius) - 2px); border-bottom-left-radius: calc(var(--radius) - 2px);}
.acme-mock-page.acme-mock-page .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]){padding-right: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .\[\.border-b\]\:pb-3.border-b{padding-bottom: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .\[\.border-b\]\:pb-6.border-b{padding-bottom: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .\[\.border-t\]\:pt-3.border-t{padding-top: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .\[\.border-t\]\:pt-6.border-t{padding-top: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:is(:lang(ae), .acme-mock-page.acme-mock-page :lang(ar), .acme-mock-page.acme-mock-page :lang(arc), .acme-mock-page.acme-mock-page :lang(bcc), .acme-mock-page.acme-mock-page :lang(bqi), .acme-mock-page.acme-mock-page :lang(ckb), .acme-mock-page.acme-mock-page :lang(dv), .acme-mock-page.acme-mock-page :lang(fa), .acme-mock-page.acme-mock-page :lang(glk), .acme-mock-page.acme-mock-page :lang(he), .acme-mock-page.acme-mock-page :lang(ku), .acme-mock-page.acme-mock-page :lang(mzn), .acme-mock-page.acme-mock-page :lang(nqo), .acme-mock-page.acme-mock-page :lang(pnb), .acme-mock-page.acme-mock-page :lang(ps), .acme-mock-page.acme-mock-page :lang(sd), .acme-mock-page.acme-mock-page :lang(ug), .acme-mock-page.acme-mock-page :lang(ur), .acme-mock-page.acme-mock-page :lang(yi)), .acme-mock-page.acme-mock-page [dir="rtl"], .acme-mock-page.acme-mock-page [dir="rtl"] *) *):is(.rdp-button_next > svg){rotate: 180deg;}
.acme-mock-page.acme-mock-page :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae), .acme-mock-page.acme-mock-page :lang(ar), .acme-mock-page.acme-mock-page :lang(arc), .acme-mock-page.acme-mock-page :lang(bcc), .acme-mock-page.acme-mock-page :lang(bqi), .acme-mock-page.acme-mock-page :lang(ckb), .acme-mock-page.acme-mock-page :lang(dv), .acme-mock-page.acme-mock-page :lang(fa), .acme-mock-page.acme-mock-page :lang(glk), .acme-mock-page.acme-mock-page :lang(he), .acme-mock-page.acme-mock-page :lang(ku), .acme-mock-page.acme-mock-page :lang(mzn), .acme-mock-page.acme-mock-page :lang(nqo), .acme-mock-page.acme-mock-page :lang(pnb), .acme-mock-page.acme-mock-page :lang(ps), .acme-mock-page.acme-mock-page :lang(sd), .acme-mock-page.acme-mock-page :lang(ug), .acme-mock-page.acme-mock-page :lang(ur), .acme-mock-page.acme-mock-page :lang(yi)), .acme-mock-page.acme-mock-page [dir="rtl"], .acme-mock-page.acme-mock-page [dir="rtl"] *) *):is(.rdp-button_previous > svg){rotate: 180deg;}
.acme-mock-page.acme-mock-page :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child{display: flex;}
.acme-mock-page.acme-mock-page :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child{align-items: center;}
.acme-mock-page.acme-mock-page :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child{gap: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant="destructive"] > *):is(svg){color: var(--destructive) !important;}
.acme-mock-page.acme-mock-page .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"] button{border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px);}
.acme-mock-page.acme-mock-page .\[\&\>\*\]\:w-full > *{width: 100%;}
.acme-mock-page.acme-mock-page .\[\&\>\*\]\:focus-visible\:relative > :focus-visible{position: relative;}
.acme-mock-page.acme-mock-page .\[\&\>\*\]\:focus-visible\:z-10 > :focus-visible{z-index: 10;}
.acme-mock-page.acme-mock-page .\[\&\>\*\]\:data-\[slot\=field\]\:p-4 > [data-slot="field"]{padding: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .\@md\/field-group\:\[\&\>\*\]\:w-auto > *{width: auto;}
.acme-mock-page.acme-mock-page .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none > :not(:first-child){border-top-left-radius: 0px; border-top-right-radius: 0px;}
.acme-mock-page.acme-mock-page .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none > :not(:first-child){border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
.acme-mock-page.acme-mock-page .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 > :not(:first-child){border-top-style: var(--tw-border-style); border-top-width: 0px;}
.acme-mock-page.acme-mock-page .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 > :not(:first-child){border-left-style: var(--tw-border-style); border-left-width: 0px;}
.acme-mock-page.acme-mock-page .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none > :not(:last-child){border-top-right-radius: 0px; border-bottom-right-radius: 0px;}
.acme-mock-page.acme-mock-page .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none > :not(:last-child){border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
.acme-mock-page.acme-mock-page .\[\&\>\.sr-only\]\:w-auto > .sr-only{width: auto;}
.acme-mock-page.acme-mock-page .\[\&\>\[data-slot\=field-group\]\]\:gap-4 > [data-slot="field-group"]{gap: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"]{flex: 1 1 auto;}
.acme-mock-page.acme-mock-page .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"]{flex: 1 1 auto;}
.acme-mock-page.acme-mock-page .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden="true"]:last-child)) > [data-slot="select-trigger"]:last-of-type{border-top-right-radius: calc(var(--radius) - 2px); border-bottom-right-radius: calc(var(--radius) - 2px);}
.acme-mock-page.acme-mock-page .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit > [data-slot="select-trigger"]:not([class*="w-"]){width: fit-content;}
.acme-mock-page.acme-mock-page .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"]{--tw-translate-y: 2px; translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\, .acme-mock-page.acme-mock-page \[role\=radio\]\]\:mt-px:has(> [data-slot="field-content"]) > [role="checkbox"], .acme-mock-page.acme-mock-page .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\, .acme-mock-page.acme-mock-page \[role\=radio\]\]\:mt-px:has(> [data-slot="field-content"]) [role="radio"]{margin-top: 1px;}
.acme-mock-page.acme-mock-page .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\, .acme-mock-page.acme-mock-page \[role\=radio\]\]\:mt-px:has(> [data-slot="field-content"]) > [role="checkbox"], .acme-mock-page.acme-mock-page .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\, .acme-mock-page.acme-mock-page \[role\=radio\]\]\:mt-px:has(> [data-slot="field-content"]) [role="radio"]{margin-top: 1px;}
.acme-mock-page.acme-mock-page .\[\&\>a\]\:underline > a{text-decoration-line: underline;}
.acme-mock-page.acme-mock-page .\[\&\>a\]\:underline-offset-4 > a{text-underline-offset: 4px;}
.acme-mock-page.acme-mock-page .\[\&\>a\:hover\]\:text-primary > a:hover{color: var(--primary);}
.acme-mock-page.acme-mock-page .\[\&\>button\]\:hidden > button{display: none;}
.acme-mock-page.acme-mock-page .\[\&\>input\]\:flex-1 > input{flex: 1 1 0%;}
.acme-mock-page.acme-mock-page .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has(> [data-align="block-end"]) > input{padding-top: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has(> [data-align="block-start"]) > input{padding-bottom: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has(> [data-align="inline-end"]) > input{padding-right: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has(> [data-align="inline-start"]) > input{padding-left: calc(var(--spacing) * 2);}
.acme-mock-page.acme-mock-page .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd{border-radius: calc(var(--radius) - 5px);}
.acme-mock-page.acme-mock-page .\[\&\>span\]\:text-xs > span{font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));}
.acme-mock-page.acme-mock-page .\[\&\>span\]\:opacity-70 > span{opacity: 0.7;}
.acme-mock-page.acme-mock-page .\[\&\>span\:last-child\]\:truncate > span:last-child{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.acme-mock-page.acme-mock-page .\[\&\>svg\]\:pointer-events-none > svg{pointer-events: none;}
.acme-mock-page.acme-mock-page .\[\&\>svg\]\:size-3 > svg{width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .\[\&\>svg\]\:size-3\.5 > svg{width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5);}
.acme-mock-page.acme-mock-page .\[\&\>svg\]\:size-4 > svg{width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .\[\&\>svg\]\:h-2\.5 > svg{height: calc(var(--spacing) * 2.5);}
.acme-mock-page.acme-mock-page .\[\&\>svg\]\:h-3 > svg{height: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .\[\&\>svg\]\:w-2\.5 > svg{width: calc(var(--spacing) * 2.5);}
.acme-mock-page.acme-mock-page .\[\&\>svg\]\:w-3 > svg{width: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .\[\&\>svg\]\:shrink-0 > svg{flex-shrink: 0;}
.acme-mock-page.acme-mock-page .\[\&\>svg\]\:translate-y-0\.5 > svg{--tw-translate-y: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .\[\&\>svg\]\:text-current > svg{color: currentcolor;}
.acme-mock-page.acme-mock-page .\[\&\>svg\]\:text-muted-foreground > svg{color: var(--muted-foreground);}
.acme-mock-page.acme-mock-page .\[\&\>svg\]\:text-sidebar-accent-foreground > svg{color: var(--sidebar-accent-foreground);}
.acme-mock-page.acme-mock-page .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*="size-"]){width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5);}
.acme-mock-page.acme-mock-page .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > svg:not([class*="size-"]){width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4);}
.acme-mock-page.acme-mock-page .\[\&\>tr\]\:last\:border-b-0 > tr:last-child{border-bottom-style: var(--tw-border-style); border-bottom-width: 0px;}
.acme-mock-page.acme-mock-page .\[\&\[data-panel-group-direction\=vertical\]\>div\]\:rotate-90[data-panel-group-direction="vertical"] > div{rotate: 90deg;}
.acme-mock-page.acme-mock-page .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg{rotate: 180deg;}
.acme-mock-page.acme-mock-page [data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2{right: calc(var(--spacing) * -2);}
.acme-mock-page.acme-mock-page [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize{cursor: e-resize;}
.acme-mock-page.acme-mock-page [data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2{left: calc(var(--spacing) * -2);}
.acme-mock-page.acme-mock-page [data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize{cursor: w-resize;}
.acme-mock-page.acme-mock-page [data-slot="card-content"] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent{background-color: rgba(0, 0, 0, 0);}
.acme-mock-page.acme-mock-page [data-slot="popover-content"] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent{background-color: rgba(0, 0, 0, 0);}
.acme-mock-page.acme-mock-page [data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page [data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20{background-color: color-mix(in oklab, var(--background) 20%, transparent);}}
.acme-mock-page.acme-mock-page [data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background{color: var(--background);}
.acme-mock-page.acme-mock-page [data-slot="tooltip-content"] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){background-color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page [data-slot="tooltip-content"] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10:is(.dark *){background-color: color-mix(in oklab, var(--background) 10%, transparent);}}
.acme-mock-page.acme-mock-page [data-variant="legend"] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5{margin-top: calc(var(--spacing) * -1.5);}
.acme-mock-page.acme-mock-page a.\[a\&\]\: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));}
@media (hover: hover){.acme-mock-page.acme-mock-page a.\[a\&\]\:hover\:bg-accent:hover{background-color: var(--accent);}}
@media (hover: hover){.acme-mock-page.acme-mock-page a.\[a\&\]\:hover\:bg-accent\/50:hover{background-color: var(--accent);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page a.\[a\&\]\:hover\:bg-accent\/50:hover{background-color: color-mix(in oklab, var(--accent) 50%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color: var(--destructive);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color: color-mix(in oklab, var(--destructive) 90%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color: color-mix(in oklab, var(--primary) 90%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color: var(--secondary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color: color-mix(in oklab, var(--secondary) 90%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page a.\[a\&\]\:hover\:text-accent-foreground:hover{color: var(--accent-foreground);}}
@property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; }
@property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; }
@property --tw-animation-duration { syntax: "*"; inherits: false; }
@property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: forwards; }
@property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; }
@property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
.acme-mock-page.acme-mock-page{--background: #faf8f5; --foreground: #0f0a09; --card: #fff; --card-foreground: #0f0a09; --popover: #fff; --popover-foreground: #0f0a09; --primary: #d9000c; --primary-foreground: #fff; --secondary: #f3f2ee; --secondary-foreground: #0f0a09; --muted: #ecebe7; --muted-foreground: #5b5352; --accent: #d9000c; --accent-foreground: #fff; --destructive: #d40c1a; --destructive-foreground: #fff; --border: #dfdeda; --input: #dfdeda; --ring: #d9000c; --chart-1: #d9000c; --chart-2: #009588; --chart-3: #104e64; --chart-4: #fcbb00; --chart-5: #f99c00; --radius: .5rem; --sidebar: #fafafa; --sidebar-foreground: #0a0a0a; --sidebar-primary: #d9000c; --sidebar-primary-foreground: #fafafa; --sidebar-accent: #f5f5f5; --sidebar-accent-foreground: #171717; --sidebar-border: #e5e5e5; --sidebar-ring: #a1a1a1;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page{--background: lab(97.7061% -.0120401 1.90749); --foreground: lab(3.00414% 1.60256 .962484); --card: lab(100% 0 0); --card-foreground: lab(3.00414% 1.60256 .962484); --popover: lab(100% 0 0); --popover-foreground: lab(3.00414% 1.60256 .962484); --primary: lab(45.2363% 79.273 67.4491); --primary-foreground: lab(100% 0 0); --secondary: lab(95.386% -.0118613 1.90761); --secondary-foreground: lab(3.00414% 1.60256 .962484); --muted: lab(93.066% -.0116825 1.90769); --muted-foreground: lab(36.1168% 2.92875 1.94522); --accent: lab(45.2363% 79.273 67.4491); --accent-foreground: lab(100% 0 0); --destructive: lab(45.5806% 69.4641 51.3946); --destructive-foreground: lab(100% 0 0); --border: lab(88.426% -.0113547 1.90792); --input: lab(88.426% -.0113547 1.90792); --ring: lab(45.2363% 79.273 67.4491); --chart-1: lab(45.2363% 79.273 67.4491); --chart-2: lab(55.0223% -41.0774 -3.90277); --chart-3: lab(30.372% -13.1853 -18.7887); --chart-4: lab(80.1641% 16.6016 99.2089); --chart-5: lab(72.7183% 31.8672 97.9407); --sidebar: lab(98.26% 0 0); --sidebar-foreground: lab(2.75381% 0 0); --sidebar-primary: lab(45.2363% 79.273 67.4491); --sidebar-primary-foreground: lab(98.26% 0 0); --sidebar-accent: lab(96.52% -.0000596046 0); --sidebar-accent-foreground: lab(7.78201% -.0000149012 0); --sidebar-border: lab(90.952% -.0000596046 0); --sidebar-ring: lab(66.128% -.0000298023 .0000119209);}}
.acme-mock-page.acme-mock-page .dark{--background: #090504; --foreground: #f3f2ee; --card: #110c0b; --card-foreground: #f3f2ee; --popover: #110c0b; --popover-foreground: #f3f2ee; --primary: #e62c2c; --primary-foreground: #fff; --secondary: #1a1413; --secondary-foreground: #f3f2ee; --muted: #1a1413; --muted-foreground: #918f88; --accent: #e62c2c; --accent-foreground: #fff; --destructive: #d40c1a; --destructive-foreground: #fff; --border: #26201f; --input: #26201f; --ring: #e62c2c; --chart-1: #1447e6; --chart-2: #00bb7f; --chart-3: #f99c00; --chart-4: #ac4bff; --chart-5: #ff2357; --sidebar: #171717; --sidebar-foreground: #fafafa; --sidebar-primary: #1447e6; --sidebar-primary-foreground: #fafafa; --sidebar-accent: #262626; --sidebar-accent-foreground: #fafafa; --sidebar-border: #262626; --sidebar-ring: #525252;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .dark{--background: lab(1.53224% 1.03714 .607771); --foreground: lab(95.386% -.0118613 1.90761); --card: lab(3.64938% 1.81824 1.09877); --card-foreground: lab(95.386% -.0118613 1.90761); --popover: lab(3.64938% 1.81824 1.09877); --popover-foreground: lab(95.386% -.0118613 1.90761); --primary: lab(51.4033% 69.2672 48.7132); --primary-foreground: lab(100% 0 0); --secondary: lab(7.14783% 2.81701 1.73413); --secondary-foreground: lab(95.386% -.0118613 1.90761); --muted: lab(7.14783% 2.81701 1.73413); --muted-foreground: lab(59.4503% .00539422 3.83477); --accent: lab(51.4033% 69.2672 48.7132); --accent-foreground: lab(100% 0 0); --destructive: lab(45.5806% 69.4641 51.3946); --destructive-foreground: lab(100% 0 0); --border: lab(12.9161% 2.94156 1.9574); --input: lab(12.9161% 2.94156 1.9574); --ring: lab(51.4033% 69.2672 48.7132); --chart-1: lab(36.9089% 35.0961 -85.6872); --chart-2: lab(66.9756% -58.27 19.5419); --chart-3: lab(72.7183% 31.8672 97.9407); --chart-4: lab(52.0183% 66.11 -78.2316); --chart-5: lab(56.101% 79.4329 31.4532); --sidebar: lab(7.78201% -.0000149012 0); --sidebar-foreground: lab(98.26% 0 0); --sidebar-primary: lab(36.9089% 35.0961 -85.6872); --sidebar-primary-foreground: lab(98.26% 0 0); --sidebar-accent: lab(15.204% 0 0); --sidebar-accent-foreground: lab(98.26% 0 0); --sidebar-border: lab(15.204% 0 0); --sidebar-ring: lab(34.924% 0 0);}}
.acme-mock-page.acme-mock-page .preset-ember{--primary: #d9000c; --primary-foreground: #fff; --accent: #d9000c; --accent-foreground: #fff; --ring: #d9000c;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-ember{--primary: lab(45.2363% 79.273 67.4491); --primary-foreground: lab(100% 0 0); --accent: lab(45.2363% 79.273 67.4491); --accent-foreground: lab(100% 0 0); --ring: lab(45.2363% 79.273 67.4491);}}
.acme-mock-page.acme-mock-page .dark.preset-ember{--primary: #e62c2c; --accent: #e62c2c; --ring: #e62c2c;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .dark.preset-ember{--primary: lab(51.4033% 69.2672 48.7132); --accent: lab(51.4033% 69.2672 48.7132); --ring: lab(51.4033% 69.2672 48.7132);}}
.acme-mock-page.acme-mock-page .preset-ocean{--primary: #0064b8; --primary-foreground: #fff; --accent: #0064b8; --accent-foreground: #fff; --ring: #0064b8;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-ocean{--primary: lab(40.7234% 2.09621 -59.9175); --primary-foreground: lab(100% 0 0); --accent: lab(40.7234% 2.09621 -59.9175); --accent-foreground: lab(100% 0 0); --ring: lab(40.7234% 2.09621 -59.9175);}}
.acme-mock-page.acme-mock-page .dark.preset-ocean{--primary: #007cdc; --accent: #007cdc; --ring: #007cdc;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .dark.preset-ocean{--primary: lab(49.9251% 1.15311 -66.6331); --accent: lab(49.9251% 1.15311 -66.6331); --ring: lab(49.9251% 1.15311 -66.6331);}}
.acme-mock-page.acme-mock-page .preset-forest{--primary: #007e4f; --primary-foreground: #fff; --accent: #007e4f; --accent-foreground: #fff; --ring: #007e4f;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-forest{--primary: lab(46.5229% -58.6592 22.8139); --primary-foreground: lab(100% 0 0); --accent: lab(46.5229% -58.6592 22.8139); --accent-foreground: lab(100% 0 0); --ring: lab(46.5229% -58.6592 22.8139);}}
.acme-mock-page.acme-mock-page .dark.preset-forest{--primary: #009962; --accent: #009962; --ring: #009962;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .dark.preset-forest{--primary: lab(56.0656% -65.344 25.4384); --accent: lab(56.0656% -65.344 25.4384); --ring: lab(56.0656% -65.344 25.4384);}}
.acme-mock-page.acme-mock-page .preset-crimson{--primary: #bb003b; --primary-foreground: #fff; --accent: #bb003b; --accent-foreground: #fff; --ring: #bb003b;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-crimson{--primary: lab(39.5243% 71.0658 26.4287); --primary-foreground: lab(100% 0 0); --accent: lab(39.5243% 71.0658 26.4287); --accent-foreground: lab(100% 0 0); --ring: lab(39.5243% 71.0658 26.4287);}}
.acme-mock-page.acme-mock-page .dark.preset-crimson{--primary: #e2004c; --accent: #e2004c; --ring: #e2004c;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .dark.preset-crimson{--primary: lab(48.5863% 77.5635 28.3773); --accent: lab(48.5863% 77.5635 28.3773); --ring: lab(48.5863% 77.5635 28.3773);}}
.acme-mock-page.acme-mock-page .preset-violet{--primary: #6741ca; --primary-foreground: #fff; --accent: #6741ca; --accent-foreground: #fff; --ring: #6741ca;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-violet{--primary: lab(38.6066% 41.9887 -66.7303); --primary-foreground: lab(100% 0 0); --accent: lab(38.6066% 41.9887 -66.7303); --accent-foreground: lab(100% 0 0); --ring: lab(38.6066% 41.9887 -66.7303);}}
.acme-mock-page.acme-mock-page .dark.preset-violet{--primary: #845cf7; --accent: #845cf7; --ring: #845cf7;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .dark.preset-violet{--primary: lab(50.0411% 44.4379 -73.4595); --accent: lab(50.0411% 44.4379 -73.4595); --ring: lab(50.0411% 44.4379 -73.4595);}}
.acme-mock-page.acme-mock-page .preset-gold{--primary: #9b7300; --primary-foreground: #0f0a03; --accent: #9b7300; --accent-foreground: #0f0a03; --ring: #9b7300;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-gold{--primary: lab(51.2992% 15.1235 105.451); --primary-foreground: lab(3.07045% .667155 3.31412); --accent: lab(51.2992% 15.1235 105.451); --accent-foreground: lab(3.07045% .667155 3.31412); --ring: lab(51.2992% 15.1235 105.451);}}
.acme-mock-page.acme-mock-page .dark.preset-gold{--primary: #cb9400; --accent: #cb9400; --ring: #cb9400;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .dark.preset-gold{--primary: lab(65.2646% 16.3187 118.431); --accent: lab(65.2646% 16.3187 118.431); --ring: lab(65.2646% 16.3187 118.431);}}
.acme-mock-page.acme-mock-page .preset-teal{--primary: #007b7c; --primary-foreground: #fff; --accent: #007b7c; --accent-foreground: #fff; --ring: #007b7c;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-teal{--primary: lab(45.7844% -45.8993 -13.536); --primary-foreground: lab(100% 0 0); --accent: lab(45.7844% -45.8993 -13.536); --accent-foreground: lab(100% 0 0); --ring: lab(45.7844% -45.8993 -13.536);}}
.acme-mock-page.acme-mock-page .dark.preset-teal{--primary: #009c9c; --accent: #009c9c; --ring: #009c9c;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .dark.preset-teal{--primary: lab(57.5956% -52.4447 -15.4956); --accent: lab(57.5956% -52.4447 -15.4956); --ring: lab(57.5956% -52.4447 -15.4956);}}
.acme-mock-page.acme-mock-page .preset-rose{--primary: #b93780; --primary-foreground: #fff; --accent: #b93780; --accent-foreground: #fff; --ring: #b93780;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-rose{--primary: lab(45.3663% 57.0463 -11.1017); --primary-foreground: lab(100% 0 0); --accent: lab(45.3663% 57.0463 -11.1017); --accent-foreground: lab(100% 0 0); --ring: lab(45.3663% 57.0463 -11.1017);}}
.acme-mock-page.acme-mock-page .dark.preset-rose{--primary: #e24ea0; --accent: #e24ea0; --ring: #e24ea0;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .dark.preset-rose{--primary: lab(56.6988% 63.5447 -12.3476); --accent: lab(56.6988% 63.5447 -12.3476); --ring: lab(56.6988% 63.5447 -12.3476);}}
.acme-mock-page.acme-mock-page .preset-slate{--primary: #3e4858; --primary-foreground: #fff; --accent: #3e4858; --accent-foreground: #fff; --ring: #3e4858;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-slate{--primary: lab(30.2703% -.954032 -10.9346); --primary-foreground: lab(100% 0 0); --accent: lab(30.2703% -.954032 -10.9346); --accent-foreground: lab(100% 0 0); --ring: lab(30.2703% -.954032 -10.9346);}}
.acme-mock-page.acme-mock-page .dark.preset-slate{--primary: #647289; --accent: #647289; --ring: #647289;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .dark.preset-slate{--primary: lab(47.6287% -1.30123 -14.59); --accent: lab(47.6287% -1.30123 -14.59); --ring: lab(47.6287% -1.30123 -14.59);}}
.acme-mock-page.acme-mock-page .preset-copper{--primary: #a54b00; --primary-foreground: #fff; --accent: #a54b00; --accent-foreground: #fff; --ring: #a54b00;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-copper{--primary: lab(43.4169% 36.0016 55.3019); --primary-foreground: lab(100% 0 0); --accent: lab(43.4169% 36.0016 55.3019); --accent-foreground: lab(100% 0 0); --ring: lab(43.4169% 36.0016 55.3019);}}
.acme-mock-page.acme-mock-page .dark.preset-copper{--primary: #cf630d; --accent: #cf630d; --ring: #cf630d;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .dark.preset-copper{--primary: lab(54.9026% 40.9263 61.1216); --accent: lab(54.9026% 40.9263 61.1216); --ring: lab(54.9026% 40.9263 61.1216);}}
.acme-mock-page.acme-mock-page .preset-pearl{--background: #fafaf9; --foreground: #1e2226; --card: #fff; --muted: #f0f2f4; --primary: #495766; --primary-foreground: #fff; --accent: #495766; --ring: #495766; --border: #e3e5e6;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-pearl{--background: lab(98.2705% -.00655651 .761867); --foreground: lab(12.9871% -1.00498 -3.52685); --card: lab(100% 0 0); --muted: lab(95.3578% -.333786 -1.07458); --primary: lab(36.1487% -2.77174 -10.481); --primary-foreground: lab(100% 0 0); --accent: lab(36.1487% -2.77174 -10.481); --ring: lab(36.1487% -2.77174 -10.481); --border: lab(90.7178% -.333726 -1.07453);}}
.acme-mock-page.acme-mock-page .preset-ivory{--background: #fbf8f2; --foreground: #201914; --card: #fffdfa; --muted: #f1eee7; --primary: #77563a; --primary-foreground: #fff; --accent: #77563a; --ring: #77563a; --border: #e4e1da;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-ivory{--background: lab(97.7124% .224441 3.04737); --foreground: lab(9.48198% 2.73063 4.99646); --card: lab(99.4405% .13569 1.9016); --muted: lab(94.24% .287414 3.81377); --primary: lab(39.4879% 11.6489 21.5767); --primary-foreground: lab(100% 0 0); --accent: lab(39.4879% 11.6489 21.5767); --ring: lab(39.4879% 11.6489 21.5767); --border: lab(89.6% .288814 3.81464);}}
.acme-mock-page.acme-mock-page .preset-linen{--background: #faf6ef; --foreground: #2a1f19; --card: #fffbf6; --muted: #efeae2; --primary: #885538; --primary-foreground: #fff; --accent: #885538; --ring: #885538; --border: #e2ddd5;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-linen{--background: lab(97.1287% .580013 3.77259); --foreground: lab(12.9043% 4.59094 6.11705); --card: lab(98.8632% .458807 3.01478); --muted: lab(93.0739% .704795 4.53293); --primary: lab(41.5587% 19.3953 26.0711); --primary-foreground: lab(100% 0 0); --accent: lab(41.5587% 19.3953 26.0711); --ring: lab(41.5587% 19.3953 26.0711); --border: lab(88.4338% .706822 4.53426);}}
.acme-mock-page.acme-mock-page .preset-frost{--background: #f5f9fb; --foreground: #111c22; --card: #fbfeff; --muted: #e9f0f3; --primary: #236682; --primary-foreground: #fff; --accent: #236682; --ring: #236682; --border: #dce2e6;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-frost{--background: lab(97.6998% -1.068 -1.46501); --foreground: lab(9.58183% -3.89887 -5.69217); --card: lab(99.432% -.642121 -.879777); --muted: lab(94.2315% -1.70329 -2.34089); --primary: lab(39.8622% -14.0979 -22.3593); --primary-foreground: lab(100% 0 0); --accent: lab(39.8622% -14.0979 -22.3593); --ring: lab(39.8622% -14.0979 -22.3593); --border: lab(89.5914% -1.7027 -2.34056);}}
.acme-mock-page.acme-mock-page .preset-ash{--background: #f7f7f7; --foreground: #161616; --card: #fcfcfc; --muted: #ebebeb; --primary: #3a3a3a; --primary-foreground: #fff; --accent: #3a3a3a; --ring: #3a3a3a; --border: #d7d7d7;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-ash{--background: lab(97.1% -.0000298023 0); --foreground: lab(7.22637% -.0000149012 0); --card: lab(98.84% 0 0); --muted: lab(93.04% 0 -.0000238419); --primary: lab(24.6% 0 0); --primary-foreground: lab(100% 0 0); --accent: lab(24.6% 0 0); --ring: lab(24.6% 0 0); --border: lab(86.08% 0 0);}}
.acme-mock-page.acme-mock-page .preset-mist{--background: #f7f8fe; --foreground: #20212b; --card: #fdfdff; --muted: #edeef5; --primary: #606496; --primary-foreground: #fff; --accent: #606496; --ring: #606496; --border: #e0e1e8;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-mist{--background: lab(97.6197% .517428 -2.98287); --foreground: lab(12.8242% 1.67494 -7.26859); --card: lab(99.3826% .319362 -1.86687); --muted: lab(94.1243% .652999 -3.72481); --primary: lab(43.505% 8.33023 -28.5666); --primary-foreground: lab(100% 0 0); --accent: lab(43.505% 8.33023 -28.5666); --ring: lab(43.505% 8.33023 -28.5666); --border: lab(89.4842% .654221 -3.7241);}}
.acme-mock-page.acme-mock-page .preset-sage{--background: #f4f8f3; --foreground: #151d15; --card: #fafdfa; --muted: #e7ede7; --primary: #3f6a41; --primary-foreground: #fff; --accent: #3f6a41; --ring: #3f6a41; --border: #dae0da;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-sage{--background: lab(97.2062% -2.23571 1.72808); --foreground: lab(9.77623% -5.59029 4.37143); --card: lab(98.9065% -1.39749 1.0793); --muted: lab(93.1726% -2.79453 2.16126); --primary: lab(40.6728% -22.3958 18.1333); --primary-foreground: lab(100% 0 0); --accent: lab(40.6728% -22.3958 18.1333); --ring: lab(40.6728% -22.3958 18.1333); --border: lab(88.5326% -2.79453 2.16149);}}
.acme-mock-page.acme-mock-page .preset-dove{--background: #f8f4f2; --foreground: #1e1a16; --card: #fcfaf8; --muted: #ece7e3; --primary: #5e4837; --primary-foreground: #fff; --accent: #5e4837; --ring: #5e4837; --border: #dcd6d2;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-dove{--background: lab(96.5112% .836015 1.65993); --foreground: lab(9.4974% 1.76863 3.37419); --card: lab(98.2548% .499964 .994992); --muted: lab(91.8656% 1.34426 2.66018); --primary: lab(32.6057% 7.51829 14.02); --primary-foreground: lab(100% 0 0); --accent: lab(32.6057% 7.51829 14.02); --ring: lab(32.6057% 7.51829 14.02); --border: lab(86.0655% 1.34522 2.66081);}}
.acme-mock-page.acme-mock-page .preset-cloud{--background: #fbfcfd; --foreground: #0e1216; --card: #fff; --muted: #f0f2f4; --primary: #2266a4; --primary-foreground: #fff; --accent: #2266a4; --ring: #2266a4; --border: #e3e5e7;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-cloud{--background: lab(98.8386% -.2231 -.716782); --foreground: lab(5.25641% -.716366 -2.91725); --card: lab(100% 0 0); --muted: lab(95.357% -.443906 -1.4321); --primary: lab(41.4353% -4.0444 -40.3761); --primary-foreground: lab(100% 0 0); --accent: lab(41.4353% -4.0444 -40.3761); --ring: lab(41.4353% -4.0444 -40.3761); --border: lab(90.717% -.443697 -1.43197);}}
.acme-mock-page.acme-mock-page .preset-sand{--background: #fcf4eb; --foreground: #2a1f1a; --card: #fff9f3; --muted: #f0e6db; --primary: #914f2f; --primary-foreground: #fff; --accent: #914f2f; --ring: #914f2f; --border: #e1d9d0;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-sand{--background: lab(96.5268% 1.74725 5.42214); --foreground: lab(12.8841% 4.98667 5.63901); --card: lab(98.2653% 1.14995 3.60503); --muted: lab(91.8871% 2.11597 6.51982); --primary: lab(41.3279% 26.5144 31.0977); --primary-foreground: lab(100% 0 0); --accent: lab(41.3279% 26.5144 31.0977); --ring: lab(41.3279% 26.5144 31.0977); --border: lab(87.2465% 1.75303 5.42604);}}
.acme-mock-page.acme-mock-page .preset-stone{--background: #f6f3ee; --foreground: #25211a; --card: #faf8f5; --muted: #e8e4dd; --primary: #645235; --primary-foreground: #fff; --accent: #645235; --ring: #645235; --border: #d8d4cd;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-stone{--background: lab(95.9632% .459433 3.01504); --foreground: lab(13.0311% 1.0822 5.82942); --card: lab(97.6948% .282407 1.88138); --muted: lab(90.7486% .581801 3.77376); --primary: lab(36.2648% 4.28799 20.282); --primary-foreground: lab(100% 0 0); --accent: lab(36.2648% 4.28799 20.282); --ring: lab(36.2648% 4.28799 20.282); --border: lab(84.9485% .583649 3.77496);}}
.acme-mock-page.acme-mock-page .preset-bone{--background: #faf8f4; --foreground: #1a1513; --card: #fefdfa; --muted: #f0eee9; --primary: #553b32; --primary-foreground: #fff; --accent: #553b32; --ring: #553b32; --border: #e0ded8;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-bone{--background: lab(97.7112% -.0125766 2.29012); --foreground: lab(7.16525% 2.51356 2.19884); --card: lab(99.4409% -.010848 1.52516); --muted: lab(94.2412% -.0115633 3.05698); --primary: lab(27.8029% 10.8067 10.3828); --primary-foreground: lab(100% 0 0); --accent: lab(27.8029% 10.8067 10.3828); --ring: lab(27.8029% 10.8067 10.3828); --border: lab(88.4412% -.0104606 3.05769);}}
.acme-mock-page.acme-mock-page .preset-parchment{--background: #fcf6ee; --foreground: #33261d; --card: #fffbf6; --muted: #f1eae0; --primary: #8c5c3a; --primary-foreground: #fff; --accent: #8c5c3a; --ring: #8c5c3a; --border: #e1dad0;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-parchment{--background: lab(97.1201% 1.04946 4.44832); --foreground: lab(16.3839% 5.24424 8.23872); --card: lab(98.8539% .689864 2.95919); --muted: lab(93.0642% 1.32754 5.57091); --primary: lab(43.959% 17.7289 27.8932); --primary-foreground: lab(100% 0 0); --accent: lab(43.959% 17.7289 27.8932); --ring: lab(43.959% 17.7289 27.8932); --border: lab(87.264% 1.33145 5.57354);}}
.acme-mock-page.acme-mock-page .preset-chalk{--background: #fafaf8; --foreground: #1b1b17; --card: #fff; --muted: #efefeb; --primary: #4b4836; --primary-foreground: #fff; --accent: #4b4836; --ring: #4b4836; --border: #dfdeda;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-chalk{--background: lab(98.282% -.1854 1.12422); --foreground: lab(9.57442% -.426494 3.04665); --card: lab(100.007% -.0624359 .374401); --muted: lab(94.2366% -.306129 1.87564); --primary: lab(30.5859% -1.31246 11.7211); --primary-foreground: lab(100% 0 0); --accent: lab(30.5859% -1.31246 11.7211); --ring: lab(30.5859% -1.31246 11.7211); --border: lab(88.4365% -.305712 1.87588);}}
.acme-mock-page.acme-mock-page .preset-smoke{--background: #eef2f5; --foreground: #141c21; --card: #f6f9fb; --muted: #e0e5e9; --primary: #345a73; --primary-foreground: #fff; --accent: #345a73; --ring: #345a73; --border: #d3d8dc;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-smoke{--background: lab(95.3697% -.98598 -1.98172); --foreground: lab(9.53208% -2.2191 -4.84036); --card: lab(97.6866% -.659525 -1.32244); --muted: lab(90.7327% -1.30969 -2.6395); --primary: lab(36.1946% -7.7444 -19.0162); --primary-foreground: lab(100% 0 0); --accent: lab(36.1946% -7.7444 -19.0162); --ring: lab(36.1946% -7.7444 -19.0162); --border: lab(86.0926% -1.30886 -2.63906);}}
.acme-mock-page.acme-mock-page .preset-cream{--background: #fcfaf1; --foreground: #28201b; --card: #fffdf8; --muted: #f5f2e7; --primary: #965630; --primary-foreground: #fff; --accent: #965630; --ring: #965630; --border: #e7e5da;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-cream{--background: lab(98.334% -.359952 4.57275); --foreground: lab(12.931% 3.39019 4.53401); --card: lab(99.4699% -.249118 3.04227); --muted: lab(95.4516% -.436068 5.72591); --primary: lab(43.74% 24.7121 33.8204); --primary-foreground: lab(100% 0 0); --accent: lab(43.74% 24.7121 33.8204); --ring: lab(43.74% 24.7121 33.8204); --border: lab(90.8114% -.433266 5.72791);}}
.acme-mock-page.acme-mock-page .preset-platinum{--background: #f5f7f9; --foreground: #13161b; --card: #fbfcfd; --muted: #e6e8eb; --primary: #404e63; --primary-foreground: #fff; --accent: #404e63; --ring: #404e63; --border: #d5d7db;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-platinum{--background: lab(97.0907% -.162214 -1.12439); --foreground: lab(7.19015% -.368543 -3.62588); --card: lab(98.8339% -.108749 -.74997); --muted: lab(91.8644% -.26691 -1.87194); --primary: lab(32.5325% -1.00963 -14.4916); --primary-foreground: lab(100% 0 0); --accent: lab(32.5325% -1.00963 -14.4916); --ring: lab(32.5325% -1.00963 -14.4916); --border: lab(86.0644% -.266463 -1.87169);}}
.acme-mock-page.acme-mock-page .preset-seashell{--background: #fff6f6; --foreground: #2b1e1e; --card: #fffdfd; --muted: #f6ebec; --primary: #a3575f; --primary-foreground: #fff; --accent: #a3575f; --ring: #a3575f; --border: #e9dedf;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-seashell{--background: lab(97.5723% 3.25882 1.01888); --foreground: lab(12.783% 6.50753 2.07385); --card: lab(99.3554% 1.95539 .610757); --muted: lab(94.0707% 3.91027 1.2234); --primary: lab(46.7035% 32.4668 10.6874); --primary-foreground: lab(100% 0 0); --accent: lab(46.7035% 32.4668 10.6874); --ring: lab(46.7035% 32.4668 10.6874); --border: lab(89.4307% 3.91021 1.22352);}}
.acme-mock-page.acme-mock-page .preset-marble{--background: #fafcfd; --foreground: #0e1214; --card: #fff; --muted: #eff2f4; --primary: #204955; --primary-foreground: #fff; --accent: #204955; --ring: #204955; --border: #e2e5e6;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-marble{--background: lab(98.8524% -.513077 -.49386); --foreground: lab(5.30387% -1.48908 -1.56179); --card: lab(100% 0 0); --muted: lab(95.3848% -1.02493 -.986946); --primary: lab(28.3438% -11.7973 -11.888); --primary-foreground: lab(100% 0 0); --accent: lab(28.3438% -11.7973 -11.888); --ring: lab(28.3438% -11.7973 -11.888); --border: lab(90.7448% -1.02481 -.986874);}}
.acme-mock-page.acme-mock-page .preset-oat{--background: #f9f4ee; --foreground: #30271f; --card: #fdfaf5; --muted: #ede7df; --primary: #946640; --primary-foreground: #fff; --accent: #946640; --ring: #946640; --border: #dcd6cf;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-oat{--background: lab(96.537% .868797 3.70314); --foreground: lab(16.4285% 3.65537 6.8903); --card: lab(98.2723% .601709 2.58803); --muted: lab(91.8999% 1.05152 4.44967); --primary: lab(47.5252% 15.8575 29.3824); --primary-foreground: lab(100% 0 0); --accent: lab(47.5252% 15.8575 29.3824); --ring: lab(47.5252% 15.8575 29.3824); --border: lab(86.0998% 1.05408 4.45136);}}
.acme-mock-page.acme-mock-page .preset-university{--background: #f7f9fa; --foreground: #031826; --card: #fff; --muted: #eceff1; --primary: #003f64; --primary-foreground: #fff; --accent: #c79600; --accent-foreground: #0f0a03; --ring: #003f64; --border: #dbdee1;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-university{--background: lab(97.685% -.495434 -.992262); --foreground: lab(7.18698% -3.85434 -12.4577); --card: lab(100% 0 0); --muted: lab(94.2081% -.822961 -1.65215); --primary: lab(24.2024% -6.99987 -36.8849); --primary-foreground: lab(100% 0 0); --accent: lab(65.3389% 12.2059 74.266); --accent-foreground: lab(3.07045% .667155 3.31412); --ring: lab(24.2024% -6.99987 -36.8849); --border: lab(88.4081% -.822604 -1.65193);}}
.acme-mock-page.acme-mock-page .preset-law{--background: #02060d; --foreground: #f3f2ee; --card: #070e16; --muted: #0f171f; --primary: #cd9c1f; --primary-foreground: #02060d; --accent: #cd9c1f; --ring: #cd9c1f; --border: #1a222b;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-law{--background: lab(1.53827% -.389941 -2.97685); --foreground: lab(95.386% -.0118613 1.90761); --card: lab(3.66811% -.860922 -5.02954); --muted: lab(7.18439% -1.49957 -6.86639); --primary: lab(67.6876% 10.7607 65.3702); --primary-foreground: lab(1.53827% -.389941 -2.97685); --accent: lab(67.6876% 10.7607 65.3702); --ring: lab(67.6876% 10.7607 65.3702); --border: lab(12.9615% -1.76475 -6.95769);}}
.acme-mock-page.acme-mock-page .preset-restaurant{--background: #120805; --foreground: #f5eee0; --card: #1e130e; --muted: #2a1f1a; --primary: #da6d00; --primary-foreground: #120805; --accent: #da6d00; --ring: #da6d00; --border: #372b26;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-restaurant{--background: lab(2.98377% 2.84908 2.4717); --foreground: lab(94.2766% .635952 7.66995); --card: lab(7.11571% 4.89476 4.55772); --muted: lab(12.8841% 4.98667 5.63901); --primary: lab(58.374% 43.3027 84.2269); --primary-foreground: lab(2.98377% 2.84908 2.4717); --accent: lab(58.374% 43.3027 84.2269); --ring: lab(58.374% 43.3027 84.2269); --border: lab(18.6863% 4.94687 5.59754);}}
.acme-mock-page.acme-mock-page .preset-healthcare{--background: #f8fdfc; --foreground: #041a16; --card: #fff; --muted: #ecf4f2; --primary: #007665; --primary-foreground: #fff; --accent: #007665; --ring: #007665; --border: #dfe6e5;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-healthcare{--background: lab(98.9028% -1.69384 -.0162125); --foreground: lab(7.5839% -9.08896 -.0775635); --card: lab(100% 0 0); --muted: lab(95.4605% -2.71183 -.0257969); --primary: lab(43.5051% -42.7527 -.281584); --primary-foreground: lab(100% 0 0); --accent: lab(43.5051% -42.7527 -.281584); --ring: lab(43.5051% -42.7527 -.281584); --border: lab(90.8205% -2.71198 -.0258207);}}
.acme-mock-page.acme-mock-page .preset-hotel{--background: #030303; --foreground: #faf8f5; --card: #0d0b09; --muted: #141110; --primary: #bf9000; --primary-foreground: #030303; --accent: #bf9000; --ring: #bf9000; --border: #1d1a19;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-hotel{--background: lab(.903296% 0 0); --foreground: lab(97.7005% .135839 1.90167); --card: lab(3.03442% .644714 .688607); --muted: lab(5.24774% .922918 .99746); --primary: lab(63.0256% 11.127 67.4389); --primary-foreground: lab(.903296% 0 0); --accent: lab(63.0256% 11.127 67.4389); --ring: lab(63.0256% 11.127 67.4389); --border: lab(9.49337% 1.2021 1.36992);}}
.acme-mock-page.acme-mock-page .preset-fintech{--background: #00070b; --foreground: #f5faf8; --card: #030d11; --muted: #071418; --primary: #00ac77; --primary-foreground: #00070b; --accent: #009495; --ring: #00ac77; --border: #101d21;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-fintech{--background: lab(1.59488% -1.45043 -1.94549); --foreground: lab(97.7428% -1.6939 -.0162125); --card: lab(3.1043% -2.35382 -2.94795); --muted: lab(5.35061% -3.4732 -4.15824); --primary: lab(61.7691% -63.2757 17.6791); --primary-foreground: lab(1.59488% -1.45043 -1.94549); --accent: lab(55.1722% -49.1589 -14.5449); --ring: lab(61.7691% -63.2757 17.6791); --border: lab(9.63148% -4.85877 -4.80306);}}
.acme-mock-page.acme-mock-page .preset-architecture{--background: #f6f5f3; --foreground: #0d0b07; --card: #fcfcfa; --muted: #ecebe8; --primary: #0d0b07; --primary-foreground: #f6f5f3; --accent: #0d0b07; --ring: #0d0b07; --border: #d8d7d4;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-architecture{--background: lab(96.5357% -.00888109 1.14336); --foreground: lab(3.07073% .0778809 1.82713); --card: lab(98.8505% -.00658631 .761843); --muted: lab(93.0609% -.01055 1.52534); --primary: lab(3.07073% .0778809 1.82713); --primary-foreground: lab(96.5357% -.00888109 1.14336); --accent: lab(3.07073% .0778809 1.82713); --ring: lab(3.07073% .0778809 1.82713); --border: lab(86.1009% -.010252 1.52558);}}
.acme-mock-page.acme-mock-page .preset-wellness{--background: #f5faf5; --foreground: #182619; --card: #fafdfa; --muted: #eaf0ea; --primary: #356c38; --primary-foreground: #fff; --accent: #356c38; --ring: #356c38; --border: #dae0da;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-wellness{--background: lab(97.7862% -2.23571 1.72803); --foreground: lab(13.3796% -8.38909 6.68448); --card: lab(98.9065% -1.39749 1.0793); --muted: lab(94.3327% -2.79456 2.16122); --primary: lab(40.8999% -28.0357 23.083); --primary-foreground: lab(100% 0 0); --accent: lab(40.8999% -28.0357 23.083); --ring: lab(40.8999% -28.0357 23.083); --border: lab(88.5326% -2.79453 2.16149);}}
.acme-mock-page.acme-mock-page .preset-fitness{--background: #060606; --foreground: #f8f8f8; --card: #0d0d0d; --muted: #161616; --primary: #df202e; --primary-foreground: #fff; --accent: #df202e; --ring: #df202e; --border: #222;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-fitness{--background: lab(1.5609% 0 0); --foreground: lab(97.68% -.0000298023 .0000119209); --card: lab(3.6999% 0 0); --muted: lab(7.22637% -.0000149012 0); --primary: lab(49.0306% 69.7939 45.0284); --primary-foreground: lab(100% 0 0); --accent: lab(49.0306% 69.7939 45.0284); --ring: lab(49.0306% 69.7939 45.0284); --border: lab(13% 0 0);}}
.acme-mock-page.acme-mock-page .preset-realestate{--background: #fdfcf9; --foreground: #161107; --card: #fff; --muted: #f3f2ee; --primary: #c56c21; --primary-foreground: #fff; --accent: #c56c21; --ring: #c56c21; --border: #e6e4e1;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-realestate{--background: lab(98.8524% .0796318 1.13986); --foreground: lab(5.30448% .869393 4.92589); --card: lab(100% 0 0); --muted: lab(95.3805% .135958 1.90177); --primary: lab(55.1891% 32.6531 54.4723); --primary-foreground: lab(100% 0 0); --accent: lab(55.1891% 32.6531 54.4723); --ring: lab(55.1891% 32.6531 54.4723); --border: lab(90.7405% .136256 1.90202);}}
.acme-mock-page.acme-mock-page .preset-techproduct{--background: #030309; --foreground: #f8f8fc; --card: #080811; --muted: #10111a; --primary: #00a3aa; --primary-foreground: #030309; --accent: #8362ed; --ring: #00a3aa; --border: #191a24;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-techproduct{--background: lab(.85232% .552394 -2.23712); --foreground: lab(97.6426% .319511 -1.86682); --card: lab(2.38844% .92943 -4.09593); --muted: lab(5.12753% 1.40003 -6.45875); --primary: lab(61.1001% -55.6727 -22.7123); --primary-foreground: lab(.85232% .552394 -2.23712); --accent: lab(50.5162% 38.8222 -66.8722); --ring: lab(61.1001% -55.6727 -22.7123); --border: lab(9.34022% 1.73421 -7.24626);}}
.acme-mock-page.acme-mock-page .preset-marketing{--background: #fcfbfd; --foreground: #0b0a13; --card: #fff; --muted: #f2f1f4; --primary: #b229ad; --primary-foreground: #fff; --accent: #8267e2; --ring: #b229ad; --border: #e4e4e7;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-marketing{--background: lab(98.8214% .23964 -.712395); --foreground: lab(2.92974% 1.58001 -4.3797); --card: lab(100% 0 0); --muted: lab(95.3227% .481069 -1.4235); --primary: lab(44.3617% 64.177 -39.4745); --primary-foreground: lab(100% 0 0); --accent: lab(50.9554% 33.5346 -60.3052); --ring: lab(44.3617% 64.177 -39.4745); --border: lab(90.6827% .481188 -1.42339);}}
.acme-mock-page.acme-mock-page .preset-interior{--background: #f9f4ee; --foreground: #221811; --card: #fffbf6; --muted: #efeae2; --primary: #a35e16; --primary-foreground: #fff; --accent: #a35e16; --ring: #a35e16; --border: #e2ddd5;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-interior{--background: lab(96.5487% .580192 3.77266); --foreground: lab(9.46389% 3.74057 6.52272); --card: lab(98.8632% .458807 3.01478); --muted: lab(93.0739% .704795 4.53293); --primary: lab(47.2923% 25.3823 49.5232); --primary-foreground: lab(100% 0 0); --accent: lab(47.2923% 25.3823 49.5232); --ring: lab(47.2923% 25.3823 49.5232); --border: lab(88.4338% .706822 4.53426);}}
.acme-mock-page.acme-mock-page .preset-saas{--background: #fafcfe; --foreground: #050c13; --card: #fff; --muted: #eff2f5; --primary: #0074c9; --primary-foreground: #fff; --accent: #0074c9; --ring: #0074c9; --border: #e2e5e8;}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .preset-saas{--background: lab(98.8378% -.333846 -1.07465); --foreground: lab(3.01922% -.727452 -4.46609); --card: lab(100% 0 0); --muted: lab(95.3562% -.55328 -1.78928); --primary: lab(46.6457% -.178784 -60.0399); --primary-foreground: lab(100% 0 0); --accent: lab(46.6457% -.178784 -60.0399); --ring: lab(46.6457% -.178784 -60.0399); --border: lab(90.7162% -.553012 -1.78907);}}
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-15px); }
0%, 100% { box-shadow: 0 0 20px var(--primary); }
50% { box-shadow: 0 0 40px var(--primary); }
0% { background-position: 0% center; }
50% { background-position: 100% center; }
100% { background-position: 0% center; }
0% { opacity: 0; transform: translateY(30px); }
100% { opacity: 1; transform: translateY(0px); }
.acme-mock-page.acme-mock-page .animate-float{animation: 6s ease-in-out 0s infinite normal none running float;}
.acme-mock-page.acme-mock-page .animate-float-delayed{animation: 8s ease-in-out 1s infinite normal none running float-delayed;}
.acme-mock-page.acme-mock-page .animate-pulse-glow{animation: 3s ease-in-out 0s infinite normal none running pulse-glow;}
.acme-mock-page.acme-mock-page .animate-gradient-shift{background-size: 200% 200%; animation: 8s ease 0s infinite normal none running gradient-shift;}
.acme-mock-page.acme-mock-page .animate-slide-up{animation: 0.6s ease-out 0s 1 normal forwards running slide-up;}
.acme-mock-page.acme-mock-page .stagger-1{animation-delay: 0.1s;}
.acme-mock-page.acme-mock-page .stagger-2{animation-delay: 0.2s;}
.acme-mock-page.acme-mock-page .stagger-3{animation-delay: 0.3s;}
.acme-mock-page.acme-mock-page .stagger-4{animation-delay: 0.4s;}
.acme-mock-page.acme-mock-page .stagger-5{animation-delay: 0.5s;}
.acme-mock-page.acme-mock-page .stagger-6{animation-delay: 0.6s;}
0% { transform: translateX(0px); }
100% { transform: translateX(-50%); }
.acme-mock-page.acme-mock-page .animate-marquee{animation: 30s linear 0s infinite normal none running marquee;}
.acme-mock-page.acme-mock-page .animate-marquee:hover{animation-play-state: paused;}
0% { opacity: 0; transform: translateY(40px); }
100% { opacity: 1; transform: translateY(0px); }
.acme-mock-page.acme-mock-page .animate-reveal-up{animation: 0.8s ease-out 0s 1 normal forwards running reveal-up;}
0% { opacity: 0; transform: scale(0.9); }
100% { opacity: 1; transform: scale(1); }
.acme-mock-page.acme-mock-page .animate-scale-in{animation: 0.5s ease-out 0s 1 normal forwards running scale-in;}
0% { opacity: 0; }
100% { opacity: 1; }
.acme-mock-page.acme-mock-page .animate-fade-in{animation: 0.6s ease-out 0s 1 normal forwards running fade-in;}
.acme-mock-page.acme-mock-page .hover-underline{position: relative;}
.acme-mock-page.acme-mock-page .hover-underline::after{content: ""; background: currentcolor; width: 0px; height: 1px; transition: width 0.3s; position: absolute; bottom: 0px; left: 0px;}
.acme-mock-page.acme-mock-page .hover-underline:hover::after{width: 100%;}
@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; }
@property --tw-rotate-y { syntax: "*"; inherits: false; }
@property --tw-rotate-z { syntax: "*"; inherits: false; }
@property --tw-skew-x { syntax: "*"; inherits: false; }
@property --tw-skew-y { syntax: "*"; inherits: false; }
@property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-gradient-position { syntax: "*"; inherits: false; }
@property --tw-gradient-from { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-via { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-to { syntax: "<color>"; inherits: false; initial-value: #0000; }
@property --tw-gradient-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-via-stops { syntax: "*"; inherits: false; }
@property --tw-gradient-from-position { syntax: "<length-percentage>"; inherits: false; initial-value: 0%; }
@property --tw-gradient-via-position { syntax: "<length-percentage>"; inherits: false; initial-value: 50%; }
@property --tw-gradient-to-position { syntax: "<length-percentage>"; inherits: false; initial-value: 100%; }
@property --tw-leading { syntax: "*"; inherits: false; }
@property --tw-font-weight { syntax: "*"; inherits: false; }
@property --tw-tracking { syntax: "*"; inherits: false; }
@property --tw-ordinal { syntax: "*"; inherits: false; }
@property --tw-slashed-zero { syntax: "*"; inherits: false; }
@property --tw-numeric-figure { syntax: "*"; inherits: false; }
@property --tw-numeric-spacing { syntax: "*"; inherits: false; }
@property --tw-numeric-fraction { syntax: "*"; inherits: false; }
@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-shadow-color { syntax: "*"; inherits: false; }
@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-ring-color { syntax: "*"; inherits: false; }
@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-ring-inset { syntax: "*"; inherits: false; }
@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0; }
@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
@property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
@property --tw-blur { syntax: "*"; inherits: false; }
@property --tw-brightness { syntax: "*"; inherits: false; }
@property --tw-contrast { syntax: "*"; inherits: false; }
@property --tw-grayscale { syntax: "*"; inherits: false; }
@property --tw-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-invert { syntax: "*"; inherits: false; }
@property --tw-opacity { syntax: "*"; inherits: false; }
@property --tw-saturate { syntax: "*"; inherits: false; }
@property --tw-sepia { syntax: "*"; inherits: false; }
@property --tw-drop-shadow { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-color { syntax: "*"; inherits: false; }
@property --tw-drop-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
@property --tw-drop-shadow-size { syntax: "*"; inherits: false; }
@property --tw-backdrop-blur { syntax: "*"; inherits: false; }
@property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
@property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
@property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
@property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
@property --tw-backdrop-invert { syntax: "*"; inherits: false; }
@property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
@property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
@property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
@property --tw-duration { syntax: "*"; inherits: false; }
@property --tw-ease { syntax: "*"; inherits: false; }
@property --tw-content { syntax: "*"; inherits: false; initial-value: ""; }
100% { transform: rotate(360deg); }
75%, 100% { opacity: 0; transform: scale(2); }
50% { opacity: 0.5; }
0%, 100% { animation-timing-function: cubic-bezier(0.8, 0, 1, 1); transform: translateY(-25%); }
50% { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); transform: none; }
0% { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0)); }
100% { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0)scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0)); }
0% { height: 0px; }
100% { height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, auto)))); }
0% { height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, auto)))); }
100% { height: 0px; }
0%, 70%, 100% { opacity: 1; }
20%, 50% { opacity: 0; }
@font-face { font-family: __nextjs-AcmeMockGeist; font-style: normal; font-weight: 400 600; font-display: swap; src: url("../media/geist-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "__nextjs-AcmeMockGeistMono"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("../media/geist-mono-latin-ext.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: __nextjs-AcmeMockGeist; font-style: normal; font-weight: 400 600; font-display: swap; src: url("../media/geist-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "__nextjs-AcmeMockGeistMono"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("../media/geist-mono-latin.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

.acme-mock-page{width:100%;min-height:1px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
.acme-mock-page,.acme-mock-page *{box-sizing:border-box;}
.acme-mock-page :where(h1,h2,h3,h4,h5,h6){font-family:inherit;}
.acme-mock-page :where(button,input,textarea,select){font:inherit;}
.acme-mock-page img,.acme-mock-page video{max-width:100%;height:auto;}
.acme-mock-page svg{display:inline-block;vertical-align:middle;}
.acme-main:has(.acme-mock-page) .DnnModule,.acme-main:has(.acme-mock-page) .Normal,.acme-main:has(.acme-mock-page) .acme-pane-fluid{margin:0;padding:0;}

.acme-mock-page,.acme-mock-page *{overflow-wrap:normal;word-break:normal;}

/* Route-specific DNN skin fit fixes. Keep the source mock type scale intact;
   only constrain the column so the Swiss layout does not create horizontal scroll. */
.acme-mock-page[data-acme-mock-route="/templates/swiss-design?preset=cloud"] .col-span-8{
  min-width:0;
}
.acme-mock-page[data-acme-mock-route="/templates/parallax-depth?preset=forest"] [data-acme-parallax-speed]{
  backface-visibility:hidden;
  transform:translate3d(0,0,0);
  will-change:transform;
}
.acme-mock-page[data-acme-mock-route="/"] section.relative.overflow-hidden > .absolute.inset-0.opacity-10::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' fill-opacity='0.42'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
  background-size:60px 60px;
}
/* ACME mock preset variables synced from ACME_SPA_improved/app/globals.css. */
/* Color Presets */
/* Preset 1: Ember (Default - Warm Orange) */
.acme-mock-page.acme-mock-page.preset-ember {
  --primary: oklch(0.55 0.25 27);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.55 0.25 27);
  --accent-foreground: oklch(1 0 0);
  --ring: oklch(0.55 0.25 27);
}
.acme-mock-page.acme-mock-page.dark.preset-ember, .dark .acme-mock-page.acme-mock-page.preset-ember {
  --primary: oklch(0.60 0.22 27);
  --accent: oklch(0.60 0.22 27);
  --ring: oklch(0.60 0.22 27);
}

/* Preset 2: Ocean (Deep Blue) */
.acme-mock-page.acme-mock-page.preset-ocean {
  --primary: oklch(0.50 0.18 250);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.50 0.18 250);
  --accent-foreground: oklch(1 0 0);
  --ring: oklch(0.50 0.18 250);
}
.acme-mock-page.acme-mock-page.dark.preset-ocean, .dark .acme-mock-page.acme-mock-page.preset-ocean {
  --primary: oklch(0.58 0.20 250);
  --accent: oklch(0.58 0.20 250);
  --ring: oklch(0.58 0.20 250);
}

/* Preset 3: Forest (Emerald Green) */
.acme-mock-page.acme-mock-page.preset-forest {
  --primary: oklch(0.52 0.17 160);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.52 0.17 160);
  --accent-foreground: oklch(1 0 0);
  --ring: oklch(0.52 0.17 160);
}
.acme-mock-page.acme-mock-page.dark.preset-forest, .dark .acme-mock-page.acme-mock-page.preset-forest {
  --primary: oklch(0.60 0.19 160);
  --accent: oklch(0.60 0.19 160);
  --ring: oklch(0.60 0.19 160);
}

/* Preset 4: Crimson (Rich Red) */
.acme-mock-page.acme-mock-page.preset-crimson {
  --primary: oklch(0.50 0.22 15);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.50 0.22 15);
  --accent-foreground: oklch(1 0 0);
  --ring: oklch(0.50 0.22 15);
}
.acme-mock-page.acme-mock-page.dark.preset-crimson, .dark .acme-mock-page.acme-mock-page.preset-crimson {
  --primary: oklch(0.58 0.24 15);
  --accent: oklch(0.58 0.24 15);
  --ring: oklch(0.58 0.24 15);
}

/* Preset 5: Violet (Royal Purple) */
.acme-mock-page.acme-mock-page.preset-violet {
  --primary: oklch(0.50 0.20 290);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.50 0.20 290);
  --accent-foreground: oklch(1 0 0);
  --ring: oklch(0.50 0.20 290);
}
.acme-mock-page.acme-mock-page.dark.preset-violet, .dark .acme-mock-page.acme-mock-page.preset-violet {
  --primary: oklch(0.60 0.22 290);
  --accent: oklch(0.60 0.22 290);
  --ring: oklch(0.60 0.22 290);
}

/* Preset 6: Gold (Luxury Gold) */
.acme-mock-page.acme-mock-page.preset-gold {
  --primary: oklch(0.58 0.16 85);
  --primary-foreground: oklch(0.15 0.02 85);
  --accent: oklch(0.58 0.16 85);
  --accent-foreground: oklch(0.15 0.02 85);
  --ring: oklch(0.58 0.16 85);
}
.acme-mock-page.acme-mock-page.dark.preset-gold, .dark .acme-mock-page.acme-mock-page.preset-gold {
  --primary: oklch(0.70 0.18 85);
  --accent: oklch(0.70 0.18 85);
  --ring: oklch(0.70 0.18 85);
}

/* Preset 7: Teal (Modern Teal) */
.acme-mock-page.acme-mock-page.preset-teal {
  --primary: oklch(0.52 0.14 195);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.52 0.14 195);
  --accent-foreground: oklch(1 0 0);
  --ring: oklch(0.52 0.14 195);
}
.acme-mock-page.acme-mock-page.dark.preset-teal, .dark .acme-mock-page.acme-mock-page.preset-teal {
  --primary: oklch(0.62 0.16 195);
  --accent: oklch(0.62 0.16 195);
  --ring: oklch(0.62 0.16 195);
}

/* Preset 8: Rose (Soft Pink) */
.acme-mock-page.acme-mock-page.preset-rose {
  --primary: oklch(0.55 0.18 350);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.55 0.18 350);
  --accent-foreground: oklch(1 0 0);
  --ring: oklch(0.55 0.18 350);
}
.acme-mock-page.acme-mock-page.dark.preset-rose, .dark .acme-mock-page.acme-mock-page.preset-rose {
  --primary: oklch(0.65 0.20 350);
  --accent: oklch(0.65 0.20 350);
  --ring: oklch(0.65 0.20 350);
}

/* Preset 9: Slate (Professional Gray) */
.acme-mock-page.acme-mock-page.preset-slate {
  --primary: oklch(0.40 0.03 260);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.40 0.03 260);
  --accent-foreground: oklch(1 0 0);
  --ring: oklch(0.40 0.03 260);
}
.acme-mock-page.acme-mock-page.dark.preset-slate, .dark .acme-mock-page.acme-mock-page.preset-slate {
  --primary: oklch(0.55 0.04 260);
  --accent: oklch(0.55 0.04 260);
  --ring: oklch(0.55 0.04 260);
}

/* Preset 10: Copper (Warm Bronze) */
.acme-mock-page.acme-mock-page.preset-copper {
  --primary: oklch(0.52 0.14 50);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.52 0.14 50);
  --accent-foreground: oklch(1 0 0);
  --ring: oklch(0.52 0.14 50);
}
.acme-mock-page.acme-mock-page.dark.preset-copper, .dark .acme-mock-page.acme-mock-page.preset-copper {
  --primary: oklch(0.62 0.16 50);
  --accent: oklch(0.62 0.16 50);
  --ring: oklch(0.62 0.16 50);
}

/* ============================================
   ELEGANT LIGHT PRESETS (20 new presets)
   Subtle, sophisticated, minimal saturation
   ============================================ */

/* Preset 11: Pearl (Soft White/Gray) */
.acme-mock-page.acme-mock-page.preset-pearl {
  --background: oklch(0.985 0.002 90);
  --foreground: oklch(0.25 0.01 250);
  --card: oklch(1 0 0);
  --muted: oklch(0.96 0.003 250);
  --primary: oklch(0.45 0.03 250);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.45 0.03 250);
  --ring: oklch(0.45 0.03 250);
  --border: oklch(0.92 0.003 250);
}

/* Preset 12: Ivory (Warm Cream) */
.acme-mock-page.acme-mock-page.preset-ivory {
  --background: oklch(0.98 0.008 85);
  --foreground: oklch(0.22 0.015 60);
  --card: oklch(0.995 0.005 85);
  --muted: oklch(0.95 0.01 85);
  --primary: oklch(0.48 0.06 60);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.48 0.06 60);
  --ring: oklch(0.48 0.06 60);
  --border: oklch(0.91 0.01 85);
}

/* Preset 13: Linen (Natural Beige) */
.acme-mock-page.acme-mock-page.preset-linen {
  --background: oklch(0.975 0.01 80);
  --foreground: oklch(0.25 0.02 50);
  --card: oklch(0.99 0.008 80);
  --muted: oklch(0.94 0.012 80);
  --primary: oklch(0.50 0.08 50);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.50 0.08 50);
  --ring: oklch(0.50 0.08 50);
  --border: oklch(0.90 0.012 80);
}

/* Preset 14: Frost (Cool Blue-Gray) */
.acme-mock-page.acme-mock-page.preset-frost {
  --background: oklch(0.98 0.005 230);
  --foreground: oklch(0.22 0.02 230);
  --card: oklch(0.995 0.003 230);
  --muted: oklch(0.95 0.008 230);
  --primary: oklch(0.48 0.08 230);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.48 0.08 230);
  --ring: oklch(0.48 0.08 230);
  --border: oklch(0.91 0.008 230);
}

/* Preset 15: Ash (Neutral Gray) */
.acme-mock-page.acme-mock-page.preset-ash {
  --background: oklch(0.975 0 0);
  --foreground: oklch(0.20 0 0);
  --card: oklch(0.99 0 0);
  --muted: oklch(0.94 0 0);
  --primary: oklch(0.35 0 0);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.35 0 0);
  --ring: oklch(0.35 0 0);
  --border: oklch(0.88 0 0);
}

/* Preset 16: Mist (Soft Lavender) */
.acme-mock-page.acme-mock-page.preset-mist {
  --background: oklch(0.98 0.008 280);
  --foreground: oklch(0.25 0.02 280);
  --card: oklch(0.995 0.005 280);
  --muted: oklch(0.95 0.01 280);
  --primary: oklch(0.52 0.08 280);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.52 0.08 280);
  --ring: oklch(0.52 0.08 280);
  --border: oklch(0.91 0.01 280);
}

/* Preset 17: Sage (Muted Green) */
.acme-mock-page.acme-mock-page.preset-sage {
  --background: oklch(0.975 0.008 145);
  --foreground: oklch(0.22 0.02 145);
  --card: oklch(0.99 0.005 145);
  --muted: oklch(0.94 0.01 145);
  --primary: oklch(0.48 0.08 145);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.48 0.08 145);
  --ring: oklch(0.48 0.08 145);
  --border: oklch(0.90 0.01 145);
}

/* Preset 18: Dove (Warm Gray) */
.acme-mock-page.acme-mock-page.preset-dove {
  --background: oklch(0.97 0.005 60);
  --foreground: oklch(0.22 0.01 60);
  --card: oklch(0.985 0.003 60);
  --muted: oklch(0.93 0.008 60);
  --primary: oklch(0.42 0.04 60);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.42 0.04 60);
  --ring: oklch(0.42 0.04 60);
  --border: oklch(0.88 0.008 60);
}

/* Preset 19: Cloud (Pure Light) */
.acme-mock-page.acme-mock-page.preset-cloud {
  --background: oklch(0.99 0.002 250);
  --foreground: oklch(0.18 0.01 250);
  --card: oklch(1 0 0);
  --muted: oklch(0.96 0.004 250);
  --primary: oklch(0.50 0.12 250);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.50 0.12 250);
  --ring: oklch(0.50 0.12 250);
  --border: oklch(0.92 0.004 250);
}

/* Preset 20: Sand (Desert Neutral) */
.acme-mock-page.acme-mock-page.preset-sand {
  --background: oklch(0.97 0.015 70);
  --foreground: oklch(0.25 0.02 45);
  --card: oklch(0.985 0.01 70);
  --muted: oklch(0.93 0.018 70);
  --primary: oklch(0.50 0.10 45);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.50 0.10 45);
  --ring: oklch(0.50 0.10 45);
  --border: oklch(0.89 0.015 70);
}

/* Preset 21: Stone (Cool Taupe) */
.acme-mock-page.acme-mock-page.preset-stone {
  --background: oklch(0.965 0.008 80);
  --foreground: oklch(0.25 0.015 80);
  --card: oklch(0.98 0.005 80);
  --muted: oklch(0.92 0.01 80);
  --primary: oklch(0.45 0.05 80);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.45 0.05 80);
  --ring: oklch(0.45 0.05 80);
  --border: oklch(0.87 0.01 80);
}

/* Preset 22: Bone (Off-White) */
.acme-mock-page.acme-mock-page.preset-bone {
  --background: oklch(0.98 0.006 90);
  --foreground: oklch(0.20 0.01 40);
  --card: oklch(0.995 0.004 90);
  --muted: oklch(0.95 0.008 90);
  --primary: oklch(0.38 0.04 40);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.38 0.04 40);
  --ring: oklch(0.38 0.04 40);
  --border: oklch(0.90 0.008 90);
}

/* Preset 23: Parchment (Antique) */
.acme-mock-page.acme-mock-page.preset-parchment {
  --background: oklch(0.975 0.012 75);
  --foreground: oklch(0.28 0.025 55);
  --card: oklch(0.99 0.008 75);
  --muted: oklch(0.94 0.015 75);
  --primary: oklch(0.52 0.08 55);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.52 0.08 55);
  --ring: oklch(0.52 0.08 55);
  --border: oklch(0.89 0.015 75);
}

/* Preset 24: Chalk (Soft Neutral) */
.acme-mock-page.acme-mock-page.preset-chalk {
  --background: oklch(0.985 0.003 100);
  --foreground: oklch(0.22 0.008 100);
  --card: oklch(1 0.001 100);
  --muted: oklch(0.95 0.005 100);
  --primary: oklch(0.40 0.03 100);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.40 0.03 100);
  --ring: oklch(0.40 0.03 100);
  --border: oklch(0.90 0.005 100);
}

/* Preset 25: Smoke (Blue-Gray) */
.acme-mock-page.acme-mock-page.preset-smoke {
  --background: oklch(0.96 0.006 240);
  --foreground: oklch(0.22 0.015 240);
  --card: oklch(0.98 0.004 240);
  --muted: oklch(0.92 0.008 240);
  --primary: oklch(0.45 0.06 240);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.45 0.06 240);
  --ring: oklch(0.45 0.06 240);
  --border: oklch(0.88 0.008 240);
}

/* Preset 26: Cream (Soft Yellow) */
.acme-mock-page.acme-mock-page.preset-cream {
  --background: oklch(0.985 0.012 95);
  --foreground: oklch(0.25 0.015 50);
  --card: oklch(0.995 0.008 95);
  --muted: oklch(0.96 0.015 95);
  --primary: oklch(0.52 0.10 50);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.52 0.10 50);
  --ring: oklch(0.52 0.10 50);
  --border: oklch(0.92 0.015 95);
}

/* Preset 27: Platinum (Silver) */
.acme-mock-page.acme-mock-page.preset-platinum {
  --background: oklch(0.975 0.003 260);
  --foreground: oklch(0.20 0.01 260);
  --card: oklch(0.99 0.002 260);
  --muted: oklch(0.93 0.005 260);
  --primary: oklch(0.42 0.04 260);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.42 0.04 260);
  --ring: oklch(0.42 0.04 260);
  --border: oklch(0.88 0.005 260);
}

/* Preset 28: Seashell (Blush) */
.acme-mock-page.acme-mock-page.preset-seashell {
  --background: oklch(0.98 0.01 15);
  --foreground: oklch(0.25 0.02 15);
  --card: oklch(0.995 0.006 15);
  --muted: oklch(0.95 0.012 15);
  --primary: oklch(0.55 0.10 15);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.55 0.10 15);
  --ring: oklch(0.55 0.10 15);
  --border: oklch(0.91 0.012 15);
}

/* Preset 29: Marble (Classic White) */
.acme-mock-page.acme-mock-page.preset-marble {
  --background: oklch(0.99 0.002 220);
  --foreground: oklch(0.18 0.008 220);
  --card: oklch(1 0 0);
  --muted: oklch(0.96 0.004 220);
  --primary: oklch(0.38 0.05 220);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.38 0.05 220);
  --ring: oklch(0.38 0.05 220);
  --border: oklch(0.92 0.004 220);
}

/* Preset 30: Oat (Warm Neutral) */
.acme-mock-page.acme-mock-page.preset-oat {
  --background: oklch(0.97 0.01 75);
  --foreground: oklch(0.28 0.02 60);
  --card: oklch(0.985 0.007 75);
  --muted: oklch(0.93 0.012 75);
  --primary: oklch(0.55 0.08 60);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.55 0.08 60);
  --ring: oklch(0.55 0.08 60);
  --border: oklch(0.88 0.012 75);
}

/* ============================================
   INDUSTRY-SPECIFIC PRESETS (Dark & Light)
   Professional themes for landing pages
   ============================================ */

/* Preset: University (Academic Blue & Gold) */
.acme-mock-page.acme-mock-page.preset-university {
  --background: oklch(0.98 0.003 240);
  --foreground: oklch(0.20 0.04 240);
  --card: oklch(1 0 0);
  --muted: oklch(0.95 0.005 240);
  --primary: oklch(0.35 0.12 240);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.70 0.15 85);
  --accent-foreground: oklch(0.15 0.02 85);
  --ring: oklch(0.35 0.12 240);
  --border: oklch(0.90 0.005 240);
}

/* Preset: Law Firm (Elegant Navy & Gold) */
.acme-mock-page.acme-mock-page.preset-law {
  --background: oklch(0.12 0.02 250);
  --foreground: oklch(0.96 0.005 90);
  --card: oklch(0.16 0.02 250);
  --muted: oklch(0.20 0.02 250);
  --primary: oklch(0.72 0.14 85);
  --primary-foreground: oklch(0.12 0.02 250);
  --accent: oklch(0.72 0.14 85);
  --ring: oklch(0.72 0.14 85);
  --border: oklch(0.25 0.02 250);
}

/* Preset: Restaurant (Warm Amber on Dark) */
.acme-mock-page.acme-mock-page.preset-restaurant {
  --background: oklch(0.15 0.02 45);
  --foreground: oklch(0.95 0.02 85);
  --card: oklch(0.20 0.02 45);
  --muted: oklch(0.25 0.02 45);
  --primary: oklch(0.65 0.18 55);
  --primary-foreground: oklch(0.15 0.02 45);
  --accent: oklch(0.65 0.18 55);
  --ring: oklch(0.65 0.18 55);
  --border: oklch(0.30 0.02 45);
}

/* Preset: Healthcare (Clean Teal) */
.acme-mock-page.acme-mock-page.preset-healthcare {
  --background: oklch(0.99 0.005 180);
  --foreground: oklch(0.20 0.03 180);
  --card: oklch(1 0 0);
  --muted: oklch(0.96 0.008 180);
  --primary: oklch(0.50 0.12 180);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.50 0.12 180);
  --ring: oklch(0.50 0.12 180);
  --border: oklch(0.92 0.008 180);
}

/* Preset: Hotel (Luxury Dark Gold) */
.acme-mock-page.acme-mock-page.preset-hotel {
  --background: oklch(0.10 0 0);
  --foreground: oklch(0.98 0.005 85);
  --card: oklch(0.15 0.005 45);
  --muted: oklch(0.18 0.005 45);
  --primary: oklch(0.68 0.14 85);
  --primary-foreground: oklch(0.10 0 0);
  --accent: oklch(0.68 0.14 85);
  --ring: oklch(0.68 0.14 85);
  --border: oklch(0.22 0.005 45);
}

/* Preset: Fintech (Dark Emerald Cyber) */
.acme-mock-page.acme-mock-page.preset-fintech {
  --background: oklch(0.12 0.02 220);
  --foreground: oklch(0.98 0.005 180);
  --card: oklch(0.15 0.02 220);
  --muted: oklch(0.18 0.02 220);
  --primary: oklch(0.65 0.18 165);
  --primary-foreground: oklch(0.12 0.02 220);
  --accent: oklch(0.60 0.15 195);
  --ring: oklch(0.65 0.18 165);
  --border: oklch(0.22 0.02 220);
}

/* Preset: Architecture (Minimal Gray) */
.acme-mock-page.acme-mock-page.preset-architecture {
  --background: oklch(0.97 0.003 90);
  --foreground: oklch(0.15 0.01 90);
  --card: oklch(0.99 0.002 90);
  --muted: oklch(0.94 0.004 90);
  --primary: oklch(0.15 0.01 90);
  --primary-foreground: oklch(0.97 0.003 90);
  --accent: oklch(0.15 0.01 90);
  --ring: oklch(0.15 0.01 90);
  --border: oklch(0.88 0.004 90);
}

/* Preset: Wellness (Serene Green) */
.acme-mock-page.acme-mock-page.preset-wellness {
  --background: oklch(0.98 0.008 145);
  --foreground: oklch(0.25 0.03 145);
  --card: oklch(0.99 0.005 145);
  --muted: oklch(0.95 0.01 145);
  --primary: oklch(0.48 0.10 145);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.48 0.10 145);
  --ring: oklch(0.48 0.10 145);
  --border: oklch(0.90 0.01 145);
}

/* Preset: Fitness (Bold Red Energy) */
.acme-mock-page.acme-mock-page.preset-fitness {
  --background: oklch(0.12 0 0);
  --foreground: oklch(0.98 0 0);
  --card: oklch(0.16 0 0);
  --muted: oklch(0.20 0 0);
  --primary: oklch(0.58 0.22 25);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.58 0.22 25);
  --ring: oklch(0.58 0.22 25);
  --border: oklch(0.25 0 0);
}

/* Preset: Real Estate (Warm Modern) */
.acme-mock-page.acme-mock-page.preset-realestate {
  --background: oklch(0.99 0.003 85);
  --foreground: oklch(0.18 0.02 85);
  --card: oklch(1 0 0);
  --muted: oklch(0.96 0.005 85);
  --primary: oklch(0.62 0.14 55);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.62 0.14 55);
  --ring: oklch(0.62 0.14 55);
  --border: oklch(0.92 0.005 85);
}

/* Preset: Tech Product (Dark Cyan/Violet) */
.acme-mock-page.acme-mock-page.preset-techproduct {
  --background: oklch(0.10 0.02 280);
  --foreground: oklch(0.98 0.005 280);
  --card: oklch(0.14 0.02 280);
  --muted: oklch(0.18 0.02 280);
  --primary: oklch(0.65 0.18 200);
  --primary-foreground: oklch(0.10 0.02 280);
  --accent: oklch(0.60 0.20 290);
  --ring: oklch(0.65 0.18 200);
  --border: oklch(0.22 0.02 280);
}

/* Preset: Marketing Agency (Vibrant) */
.acme-mock-page.acme-mock-page.preset-marketing {
  --background: oklch(0.99 0.002 290);
  --foreground: oklch(0.15 0.02 290);
  --card: oklch(1 0 0);
  --muted: oklch(0.96 0.004 290);
  --primary: oklch(0.55 0.22 330);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.60 0.18 290);
  --ring: oklch(0.55 0.22 330);
  --border: oklch(0.92 0.004 290);
}

/* Preset: Interior Design (Elegant Warm) */
.acme-mock-page.acme-mock-page.preset-interior {
  --background: oklch(0.97 0.01 80);
  --foreground: oklch(0.22 0.02 60);
  --card: oklch(0.99 0.008 80);
  --muted: oklch(0.94 0.012 80);
  --primary: oklch(0.55 0.12 60);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.55 0.12 60);
  --ring: oklch(0.55 0.12 60);
  --border: oklch(0.90 0.012 80);
}

/* Preset: SaaS (Modern Blue) */
.acme-mock-page.acme-mock-page.preset-saas {
  --background: oklch(0.99 0.003 250);
  --foreground: oklch(0.15 0.02 250);
  --card: oklch(1 0 0);
  --muted: oklch(0.96 0.005 250);
  --primary: oklch(0.55 0.18 250);
  --primary-foreground: oklch(1 0 0);
  --accent: oklch(0.55 0.18 250);
  --ring: oklch(0.55 0.18 250);
  --border: oklch(0.92 0.005 250);
}
/* End ACME mock preset variables. */

/* === ACMEv31 community pages — appended 2026-05-23 === */
.acme-mock-page.acme-mock-page, .acme-mock-page.acme-mock-page{--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --color-red-50: #fef2f2; --color-red-100: #ffe2e2; --color-red-300: #ffa3a3; --color-red-400: #ff6568; --color-red-500: #fb2c36; --color-red-600: #e40014; --color-red-700: #bf000f; --color-orange-50: #fff7ed; --color-orange-100: #ffedd5; --color-orange-200: #ffd7a8; --color-orange-400: #ff8b1a; --color-orange-500: #fe6e00; --color-orange-600: #f05100; --color-orange-700: #c53c00; --color-amber-100: #fef3c6; --color-amber-200: #fee685; --color-amber-300: #ffd236; --color-amber-400: #fcbb00; --color-amber-500: #f99c00; --color-amber-600: #dd7400; --color-amber-700: #b75000; --color-amber-900: #7b3306; --color-yellow-200: #fff085; --color-yellow-400: #fac800; --color-yellow-500: #edb200; --color-green-100: #dcfce7; --color-green-400: #05df72; --color-green-500: #00c758; --color-green-600: #00a544; --color-green-700: #008138; --color-emerald-100: #d0fae5; --color-emerald-300: #5ee9b5; --color-emerald-400: #00d294; --color-emerald-500: #00bb7f; --color-emerald-600: #009767; --color-emerald-700: #007956; --color-emerald-950: #002c22; --color-cyan-50: #ecfeff; --color-cyan-100: #cefafe; --color-cyan-200: #a2f4fd; --color-cyan-400: #00d2ef; --color-cyan-500: #00b7d7; --color-cyan-600: #0092b5; --color-cyan-950: #053345; --color-blue-50: #eff6ff; --color-blue-100: #dbeafe; --color-blue-200: #bedbff; --color-blue-300: #90c5ff; --color-blue-400: #54a2ff; --color-blue-500: #3080ff; --color-blue-600: #155dfc; --color-blue-700: #1447e6; --color-blue-900: #1c398e; --color-indigo-50: #eef2ff; --color-indigo-100: #e0e7ff; --color-indigo-200: #c7d2ff; --color-indigo-300: #a4b3ff; --color-indigo-400: #7d87ff; --color-indigo-500: #625fff; --color-indigo-600: #4f39f6; --color-indigo-700: #432dd7; --color-indigo-900: #312c85; --color-violet-50: #f5f3ff; --color-violet-100: #ede9fe; --color-violet-200: #ddd6ff; --color-violet-300: #c4b4ff; --color-violet-400: #a685ff; --color-violet-500: #8d54ff; --color-violet-600: #7f22fe; --color-violet-700: #7008e7; --color-violet-900: #4d179a; --color-violet-950: #2f0d68; --color-purple-100: #f3e8ff; --color-purple-400: #c07eff; --color-purple-500: #ac4bff; --color-purple-600: #9810fa; --color-fuchsia-400: #ec6cff; --color-fuchsia-500: #e12afb; --color-fuchsia-600: #c600db; --color-fuchsia-700: #a600b5; --color-pink-200: #fccee8; --color-pink-400: #fb64b6; --color-pink-500: #f6339a; --color-pink-600: #e30076; --color-rose-50: #fff1f2; --color-rose-100: #ffe4e6; --color-rose-200: #ffccd3; --color-rose-400: #ff667f; --color-rose-500: #ff2357; --color-rose-600: #e70044; --color-rose-700: #c20039; --color-slate-50: #f8fafc; --color-slate-100: #f1f5f9; --color-slate-200: #e2e8f0; --color-slate-300: #cad5e2; --color-slate-400: #90a1b9; --color-slate-500: #62748e; --color-slate-600: #45556c; --color-slate-700: #314158; --color-slate-800: #1d293d; --color-slate-900: #0f172b; --color-slate-950: #020618; --color-gray-50: #f9fafb; --color-gray-100: #f3f4f6; --color-gray-200: #e5e7eb; --color-gray-300: #d1d5dc; --color-gray-400: #99a1af; --color-gray-500: #6a7282; --color-gray-600: #4a5565; --color-gray-700: #364153; --color-gray-800: #1e2939; --color-gray-900: #101828; --color-neutral-50: #fafafa; --color-neutral-100: #f5f5f5; --color-neutral-200: #e5e5e5; --color-neutral-300: #d4d4d4; --color-neutral-400: #a1a1a1; --color-neutral-500: #737373; --color-neutral-600: #525252; --color-neutral-700: #404040; --color-neutral-800: #262626; --color-neutral-900: #171717; --color-neutral-950: #0a0a0a; --color-stone-50: #fafaf9; --color-stone-100: #f5f5f4; --color-stone-300: #d6d3d1; --color-stone-400: #a6a09b; --color-stone-500: #79716b; --color-stone-600: #57534d; --color-stone-700: #44403b; --color-stone-800: #292524; --color-stone-900: #1c1917; --color-stone-950: #0c0a09; --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 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-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-xs: .125rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --drop-shadow-lg: 0 4px 4px #00000026; --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-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: "AcmeMockGeist", "AcmeMockGeist Fallback", system-ui, sans-serif; --default-mono-font-family: "AcmeMockGeistMono", "AcmeMockGeistMono Fallback", monospace; --color-border: var(--border);}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page, .acme-mock-page.acme-mock-page{--color-red-50: lab(96.5005% 4.18511 1.52329); --color-red-100: lab(92.243% 10.2865 3.83865); --color-red-300: lab(76.5514% 36.4219 15.5335); --color-red-400: lab(63.7053% 60.7449 31.3109); --color-red-500: lab(55.4814% 75.0732 48.8528); --color-red-600: lab(48.4493% 77.4328 61.5452); --color-red-700: lab(40.4273% 67.2623 53.7441); --color-orange-50: lab(97.7008% 1.53738 5.90646); --color-orange-100: lab(94.7127% 3.58391 14.3151); --color-orange-200: lab(88.4871% 9.94918 28.8378); --color-orange-400: lab(70.0429% 42.5156 75.8207); --color-orange-500: lab(64.272% 57.1788 90.3583); --color-orange-600: lab(57.1026% 64.2584 89.8886); --color-orange-700: lab(46.4615% 57.7275 70.8507); --color-amber-100: lab(95.916% -1.2165 23.111); --color-amber-200: lab(91.7203% -.505269 49.9084); --color-amber-300: lab(86.4156% 6.13147 78.3961); --color-amber-400: lab(80.1641% 16.6016 99.2089); --color-amber-500: lab(72.7183% 31.8672 97.9407); --color-amber-600: lab(60.3514% 40.5624 87.1228); --color-amber-700: lab(47.2709% 42.9082 69.2966); --color-amber-900: lab(31.2288% 30.2627 40.0378); --color-yellow-200: lab(94.3433% -5.00426 52.9663); --color-yellow-400: lab(83.2664% 8.65132 106.895); --color-yellow-500: lab(76.3898% 14.5258 98.4589); --color-green-100: lab(96.186% -13.8464 6.52362); --color-green-400: lab(78.503% -64.9265 39.7492); --color-green-500: lab(70.5521% -66.5147 45.8072); --color-green-600: lab(59.0978% -58.6621 41.2579); --color-green-700: lab(47.0329% -47.0239 31.4788); --color-emerald-100: lab(94.9004% -17.0769 5.63836); --color-emerald-300: lab(83.9203% -48.7124 13.8849); --color-emerald-400: lab(75.0771% -60.7313 19.4146); --color-emerald-500: lab(66.9756% -58.27 19.5419); --color-emerald-600: lab(55.0481% -49.9246 15.93); --color-emerald-700: lab(44.4871% -41.0396 11.0361); --color-emerald-950: lab(15.0582% -17.9507 2.38369); --color-cyan-50: lab(98.3303% -5.97429 -2.62109); --color-cyan-100: lab(95.3146% -13.8285 -6.84733); --color-cyan-200: lab(91.0821% -24.0435 -12.8306); --color-cyan-400: lab(76.6045% -40.9406 -29.6231); --color-cyan-500: lab(67.805% -35.3952 -30.2018); --color-cyan-600: lab(55.1767% -26.7496 -30.5138); --color-cyan-950: lab(19.1528% -9.68759 -15.5267); --color-blue-50: lab(96.492% -1.14647 -5.11479); --color-blue-100: lab(92.0301% -2.24757 -11.6453); --color-blue-200: lab(86.15% -4.04379 -21.0797); --color-blue-300: lab(77.5052% -6.4629 -36.42); --color-blue-400: lab(65.0361% -1.42062 -56.9803); --color-blue-500: lab(54.1736% 13.3368 -74.6839); --color-blue-600: lab(44.0605% 29.0279 -86.0352); --color-blue-700: lab(36.9089% 35.0961 -85.6872); --color-blue-900: lab(26.1542% 15.7545 -51.5504); --color-indigo-50: lab(95.4818% .411302 -6.78529); --color-indigo-100: lab(91.6577% 1.04591 -12.7199); --color-indigo-200: lab(84.4329% 3.18974 -23.9688); --color-indigo-300: lab(74.0235% 8.54138 -41.6075); --color-indigo-400: lab(59.866% 22.4833 -64.4485); --color-indigo-500: lab(48.295% 38.3129 -81.9673); --color-indigo-600: lab(38.4009% 52.6132 -92.3857); --color-indigo-700: lab(32.4486% 49.2217 -84.6695); --color-indigo-900: lab(23.3911% 24.6978 -50.4719); --color-violet-50: lab(96.2416% 2.28846 -5.51655); --color-violet-100: lab(93.0838% 4.35197 -9.88284); --color-violet-200: lab(87.0888% 8.53691 -19.4189); --color-violet-300: lab(76.7419% 18.391 -37.0706); --color-violet-400: lab(62.8239% 34.9159 -60.0512); --color-violet-500: lab(49.9355% 55.1777 -81.8963); --color-violet-600: lab(41.088% 68.9966 -91.995); --color-violet-700: lab(35.2783% 67.9912 -88.793); --color-violet-900: lab(24.3783% 45.7525 -61.4902); --color-violet-950: lab(14.0707% 33.3353 -46.7553); --color-purple-100: lab(93.3333% 6.9744 -9.83434); --color-purple-400: lab(63.6946% 47.6127 -59.2066); --color-purple-500: lab(52.0183% 66.11 -78.2316); --color-purple-600: lab(43.0295% 75.21 -86.5669); --color-fuchsia-400: lab(66.1178% 66.0652 -52.4733); --color-fuchsia-500: lab(56.4256% 83.132 -64.639); --color-fuchsia-600: lab(47.5131% 83.4271 -63.0363); --color-fuchsia-700: lab(39.787% 72.2653 -53.1244); --color-pink-200: lab(87.4504% 19.6 -6.46662); --color-pink-400: lab(64.5597% 64.3615 -12.7988); --color-pink-500: lab(56.9303% 76.8162 -8.07021); --color-pink-600: lab(49.5493% 79.8381 2.31769); --color-rose-50: lab(96.2369% 4.94152 1.28012); --color-rose-100: lab(92.8221% 9.86832 2.60077); --color-rose-200: lab(86.806% 19.1909 4.07754); --color-rose-400: lab(64.4124% 63.0291 19.2068); --color-rose-500: lab(56.101% 79.4329 31.4532); --color-rose-600: lab(49.1882% 81.577 36.0311); --color-rose-700: lab(41.1651% 71.6251 30.3087); --color-slate-50: lab(98.1434% -.369549 -1.05968); --color-slate-100: lab(96.286% -.852466 -2.46847); --color-slate-200: lab(91.7353% -.998765 -4.76968); --color-slate-300: lab(84.7652% -1.94535 -7.93337); --color-slate-400: lab(65.5349% -2.25151 -14.5072); --color-slate-500: lab(48.0876% -2.03595 -16.5814); --color-slate-600: lab(35.5623% -1.74978 -15.4316); --color-slate-700: lab(26.9569% -1.47018 -15.6993); --color-slate-800: lab(16.132% -.318021 -14.6672); --color-slate-900: lab(7.78673% 1.82346 -15.0537); --color-slate-950: lab(1.76974% 1.32743 -9.28855); --color-gray-50: lab(98.2596% -.247031 -.706708); --color-gray-100: lab(96.1596% -.082314 -1.13575); --color-gray-200: lab(91.6229% -.159085 -2.26791); --color-gray-300: lab(85.1236% -.612259 -3.7138); --color-gray-400: lab(65.9269% -.832707 -8.17474); --color-gray-500: lab(47.7841% -.393212 -10.0268); --color-gray-600: lab(35.6337% -1.58697 -10.8425); --color-gray-700: lab(27.1134% -.956401 -12.3224); --color-gray-800: lab(16.1051% -1.18239 -11.7533); --color-gray-900: lab(8.11897% .811279 -12.254); --color-neutral-50: lab(98.26% 0 0); --color-neutral-100: lab(96.52% -.0000596046 0); --color-neutral-200: lab(90.952% -.0000596046 0); --color-neutral-300: lab(84.92% 0 0); --color-neutral-400: lab(66.128% -.0000298023 .0000119209); --color-neutral-500: lab(48.496% 0 0); --color-neutral-600: lab(34.924% 0 0); --color-neutral-700: lab(27.036% 0 0); --color-neutral-800: lab(15.204% 0 0); --color-neutral-900: lab(7.78201% -.0000149012 0); --color-neutral-950: lab(2.75381% 0 0); --color-stone-50: lab(98.2686% -.0991821 .364304); --color-stone-100: lab(96.5286% -.0991821 .36428); --color-stone-300: lab(84.7909% .928015 1.59738); --color-stone-400: lab(66.2166% 1.88047 3.20325); --color-stone-500: lab(48.1164% 2.35698 4.26853); --color-stone-600: lab(35.5168% 1.08606 4.07829); --color-stone-700: lab(27.3812% 1.32917 3.57789); --color-stone-800: lab(15.0353% 1.96067 1.53427); --color-stone-900: lab(9.03835% 1.15297 1.92955); --color-stone-950: lab(2.86037% .455312 .568903);}}
.acme-mock-page.acme-mock-page .-top-1\.5{top: calc(var(--spacing) * -1.5);}
.acme-mock-page.acme-mock-page .-top-32{top: calc(var(--spacing) * -32);}
.acme-mock-page.acme-mock-page .-right-1\.5{right: calc(var(--spacing) * -1.5);}
.acme-mock-page.acme-mock-page .-right-32{right: calc(var(--spacing) * -32);}
.acme-mock-page.acme-mock-page .right-\[10\%\]{right: 10%;}
.acme-mock-page.acme-mock-page .right-\[15\%\]{right: 15%;}
.acme-mock-page.acme-mock-page .-bottom-1{bottom: calc(var(--spacing) * -1);}
.acme-mock-page.acme-mock-page .left-1\/3{left: 33.3333%;}
.acme-mock-page.acme-mock-page .left-\[5\%\]{left: 5%;}
.acme-mock-page.acme-mock-page .left-\[10\%\]{left: 10%;}
.acme-mock-page.acme-mock-page .left-\[20\%\]{left: 20%;}
.acme-mock-page.acme-mock-page .-z-0{z-index: calc(0);}
.acme-mock-page.acme-mock-page .mr-6{margin-right: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .mr-auto{margin-right: auto;}
.acme-mock-page.acme-mock-page .mb-5{margin-bottom: calc(var(--spacing) * 5);}
.acme-mock-page.acme-mock-page .line-clamp-3{-webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;}
.acme-mock-page.acme-mock-page .h-0\.5{height: calc(var(--spacing) * .5);}
.acme-mock-page.acme-mock-page .h-56{height: calc(var(--spacing) * 56);}
.acme-mock-page.acme-mock-page .h-80{height: calc(var(--spacing) * 80);}
.acme-mock-page.acme-mock-page .h-\[50vh\]{height: 50vh;}
.acme-mock-page.acme-mock-page .h-\[60vh\]{height: 60vh;}
.acme-mock-page.acme-mock-page .h-\[70vh\]{height: 70vh;}
.acme-mock-page.acme-mock-page .max-h-\[90vh\]{max-height: 90vh;}
.acme-mock-page.acme-mock-page .max-h-\[280px\]{max-height: 280px;}
.acme-mock-page.acme-mock-page .min-h-\[120px\]{min-height: 120px;}
.acme-mock-page.acme-mock-page .min-h-\[450px\]{min-height: 450px;}
.acme-mock-page.acme-mock-page .min-h-\[500px\]{min-height: 500px;}
.acme-mock-page.acme-mock-page .origin-top-right{transform-origin: 100% 0px;}
.acme-mock-page.acme-mock-page .translate-x-1\/3{--tw-translate-x: calc(1 / 3 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .translate-y-1\/2{--tw-translate-y: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y);}
.acme-mock-page.acme-mock-page .-rotate-12{rotate: -12deg;}
.acme-mock-page.acme-mock-page .-skew-x-12{--tw-skew-x: skewX(calc(12deg * -1)); transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );}
.acme-mock-page.acme-mock-page .border-t-2{border-top-style: var(--tw-border-style); border-top-width: 2px;}
.acme-mock-page.acme-mock-page .border-r-0{border-right-style: var(--tw-border-style); border-right-width: 0px;}
.acme-mock-page.acme-mock-page .border-amber-500{border-color: var(--color-amber-500);}
.acme-mock-page.acme-mock-page .border-background\/5{border-color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-background\/5{border-color: color-mix(in oklab, var(--background) 5%, transparent);}}
.acme-mock-page.acme-mock-page .border-muted-foreground\/30{border-color: var(--muted-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-muted-foreground\/30{border-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);}}
.acme-mock-page.acme-mock-page .border-muted-foreground\/50{border-color: var(--muted-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-muted-foreground\/50{border-color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);}}
.acme-mock-page.acme-mock-page .border-rose-500\/15{border-color: rgba(255, 35, 87, 0.15);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-rose-500\/15{border-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent);}}
.acme-mock-page.acme-mock-page .bg-background\/5{background-color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-background\/5{background-color: color-mix(in oklab, var(--background) 5%, transparent);}}
.acme-mock-page.acme-mock-page .bg-background\/50{background-color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-background\/50{background-color: color-mix(in oklab, var(--background) 50%, transparent);}}
.acme-mock-page.acme-mock-page .bg-background\/90{background-color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-background\/90{background-color: color-mix(in oklab, var(--background) 90%, transparent);}}
.acme-mock-page.acme-mock-page .bg-black\/60{background-color: rgba(0, 0, 0, 0.6);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-black\/60{background-color: color-mix(in oklab, var(--color-black) 60%, transparent);}}
.acme-mock-page.acme-mock-page .bg-border\/50{background-color: var(--border);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-border\/50{background-color: color-mix(in oklab, var(--border) 50%, transparent);}}
.acme-mock-page.acme-mock-page .bg-card\/50{background-color: var(--card);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-card\/50{background-color: color-mix(in oklab, var(--card) 50%, transparent);}}
.acme-mock-page.acme-mock-page .bg-card\/80{background-color: var(--card);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-card\/80{background-color: color-mix(in oklab, var(--card) 80%, transparent);}}
.acme-mock-page.acme-mock-page .bg-cyan-100{background-color: var(--color-cyan-100);}
.acme-mock-page.acme-mock-page .bg-destructive\/10{background-color: var(--destructive);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-destructive\/10{background-color: color-mix(in oklab, var(--destructive) 10%, transparent);}}
.acme-mock-page.acme-mock-page .bg-foreground\/80{background-color: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-foreground\/80{background-color: color-mix(in oklab, var(--foreground) 80%, transparent);}}
.acme-mock-page.acme-mock-page .bg-muted-foreground\/30{background-color: var(--muted-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-muted-foreground\/30{background-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent);}}
.acme-mock-page.acme-mock-page .bg-rose-500\/15{background-color: rgba(255, 35, 87, 0.15);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-rose-500\/15{background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent);}}
.acme-mock-page.acme-mock-page .from-primary\/50{--tw-gradient-from: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-primary\/50{--tw-gradient-from: color-mix(in oklab, var(--primary) 50%, transparent);}}
.acme-mock-page.acme-mock-page .from-primary\/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));}
.acme-mock-page.acme-mock-page .from-primary\/60{--tw-gradient-from: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-primary\/60{--tw-gradient-from: color-mix(in oklab, var(--primary) 60%, transparent);}}
.acme-mock-page.acme-mock-page .from-primary\/60{--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));}
.acme-mock-page.acme-mock-page .from-white\/60{--tw-gradient-from: #fff9;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-white\/60{--tw-gradient-from: color-mix(in oklab, var(--color-white) 60%, transparent);}}
.acme-mock-page.acme-mock-page .from-white\/60{--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));}
.acme-mock-page.acme-mock-page .via-black\/50{--tw-gradient-via: #00000080;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-black\/50{--tw-gradient-via: color-mix(in oklab, var(--color-black) 50%, transparent);}}
.acme-mock-page.acme-mock-page .via-black\/50{--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);}
.acme-mock-page.acme-mock-page .via-foreground\/70{--tw-gradient-via: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .via-foreground\/70{--tw-gradient-via: color-mix(in oklab, var(--foreground) 70%, transparent);}}
.acme-mock-page.acme-mock-page .via-foreground\/70{--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);}
.acme-mock-page.acme-mock-page .via-primary{--tw-gradient-via: var(--primary); --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);}
.acme-mock-page.acme-mock-page .to-foreground\/50{--tw-gradient-to: var(--foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-foreground\/50{--tw-gradient-to: color-mix(in oklab, var(--foreground) 50%, transparent);}}
.acme-mock-page.acme-mock-page .to-foreground\/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));}
.acme-mock-page.acme-mock-page .to-primary\/50{--tw-gradient-to: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-primary\/50{--tw-gradient-to: color-mix(in oklab, var(--primary) 50%, transparent);}}
.acme-mock-page.acme-mock-page .to-primary\/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));}
.acme-mock-page.acme-mock-page .to-violet-500\/60{--tw-gradient-to: #8d54ff99;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-violet-500\/60{--tw-gradient-to: color-mix(in oklab, var(--color-violet-500) 60%, transparent);}}
.acme-mock-page.acme-mock-page .to-violet-500\/60{--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));}
.acme-mock-page.acme-mock-page .fill-amber-500{fill: var(--color-amber-500);}
.acme-mock-page.acme-mock-page .stroke-1{stroke-width: 1px;}
.acme-mock-page.acme-mock-page .pt-6{padding-top: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .pt-14{padding-top: calc(var(--spacing) * 14);}
.acme-mock-page.acme-mock-page .pr-12{padding-right: calc(var(--spacing) * 12);}
.acme-mock-page.acme-mock-page .text-\[40rem\]{font-size: 40rem;}
.acme-mock-page.acme-mock-page .text-background\/40{color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-background\/40{color: color-mix(in oklab, var(--background) 40%, transparent);}}
.acme-mock-page.acme-mock-page .text-background\/50{color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-background\/50{color: color-mix(in oklab, var(--background) 50%, transparent);}}
.acme-mock-page.acme-mock-page .text-background\/\[0\.02\]{color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-background\/\[0\.02\]{color: color-mix(in oklab, var(--background) 2%, transparent);}}
.acme-mock-page.acme-mock-page .text-blue-500{color: var(--color-blue-500);}
.acme-mock-page.acme-mock-page .text-border{color: var(--border);}
.acme-mock-page.acme-mock-page .text-primary-foreground\/30{color: var(--primary-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-primary-foreground\/30{color: color-mix(in oklab, var(--primary-foreground) 30%, transparent);}}
.acme-mock-page.acme-mock-page .text-primary-foreground\/90{color: var(--primary-foreground);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-primary-foreground\/90{color: color-mix(in oklab, var(--primary-foreground) 90%, transparent);}}
.acme-mock-page.acme-mock-page .text-primary\/30{color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-primary\/30{color: color-mix(in oklab, var(--primary) 30%, transparent);}}
.acme-mock-page.acme-mock-page .text-violet-500{color: var(--color-violet-500);}
.acme-mock-page.acme-mock-page .opacity-\[0\.03\]{opacity: 0.03;}
.acme-mock-page.acme-mock-page .opacity-\[0\.015\]{opacity: 0.015;}
.acme-mock-page.acme-mock-page .shadow-primary\/30{--tw-shadow-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .shadow-primary\/30{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 30%, transparent) var(--tw-shadow-alpha), transparent);}}
.acme-mock-page.acme-mock-page .blur-\[80px\]{--tw-blur: blur(80px); 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, );}
.acme-mock-page.acme-mock-page .delay-100{transition-delay: 0.1s;}
.acme-mock-page.acme-mock-page .delay-100{--tw-animation-delay: .1s; animation-delay: 0.1s;}
.acme-mock-page.acme-mock-page .slide-in-from-bottom-4{--tw-enter-translate-y: calc(4*var(--spacing));}
.acme-mock-page.acme-mock-page .slide-in-from-bottom-8{--tw-enter-translate-y: calc(8*var(--spacing));}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:w-3:is(:where(.group):hover *){width: calc(var(--spacing) * 3);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:text-foreground:is(:where(.group):hover *){color: var(--foreground);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:shadow-primary\/40:is(:where(.group):hover *){--tw-shadow-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .group-hover\:shadow-primary\/40:is(:where(.group):hover *){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 40%, transparent) var(--tw-shadow-alpha), transparent);}}}
.acme-mock-page.acme-mock-page .placeholder\:text-background\/40::placeholder{color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .placeholder\:text-background\/40::placeholder{color: color-mix(in oklab, var(--background) 40%, transparent);}}
.acme-mock-page.acme-mock-page .placeholder\:text-white\/30::placeholder{color: rgba(255, 255, 255, 0.3);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .placeholder\:text-white\/30::placeholder{color: color-mix(in oklab, var(--color-white) 30%, transparent);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-primary:hover{border-color: var(--primary);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-background\/5:hover{background-color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-background\/5:hover{background-color: color-mix(in oklab, var(--background) 5%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-background\/50:hover{background-color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-background\/50:hover{background-color: color-mix(in oklab, var(--background) 50%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-background\/80:hover{background-color: var(--background);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-background\/80:hover{background-color: color-mix(in oklab, var(--background) 80%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-black\/70:hover{background-color: rgba(0, 0, 0, 0.7);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-black\/70:hover{background-color: color-mix(in oklab, var(--color-black) 70%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-card\/80:hover{background-color: var(--card);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-card\/80:hover{background-color: color-mix(in oklab, var(--card) 80%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-primary\/80:hover{background-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-primary\/80:hover{background-color: color-mix(in oklab, var(--primary) 80%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-transparent:hover{background-color: rgba(0, 0, 0, 0);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-white\/30:hover{background-color: rgba(255, 255, 255, 0.3);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-white\/30:hover{background-color: color-mix(in oklab, var(--color-white) 30%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:pl-2:hover{padding-left: calc(var(--spacing) * 2);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:shadow-primary\/30:hover{--tw-shadow-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:shadow-primary\/30:hover{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 30%, transparent) var(--tw-shadow-alpha), transparent);}}}
.acme-mock-page.acme-mock-page .focus\:ring-primary\/50:focus{--tw-ring-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .focus\:ring-primary\/50:focus{--tw-ring-color: color-mix(in oklab, var(--primary) 50%, transparent);}}
.acme-mock-page.acme-mock-page .focus-visible\:border-primary:focus-visible{border-color: var(--primary);}
.acme-mock-page.acme-mock-page .focus-visible\:ring-primary\/20:focus-visible{--tw-ring-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .focus-visible\:ring-primary\/20:focus-visible{--tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:w-\[320px\]{width: 320px;}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:w-\[380px\]{width: 380px;}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:w-\[400px\]{width: 400px;}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:w-\[500px\]{width: 500px;}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:text-xl{font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height));}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:col-span-4{grid-column: span 4 / span 4;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:row-span-2{grid-row: span 2 / span 2;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:h-96{height: calc(var(--spacing) * 96);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:p-8{padding: calc(var(--spacing) * 8);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:p-16{padding: calc(var(--spacing) * 16);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:col-span-3{grid-column: span 3 / span 3;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:col-span-4{grid-column: span 4 / span 4;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:col-span-6{grid-column: span 6 / span 6;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:col-start-6{grid-column-start: 6;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:col-start-10{grid-column-start: 10;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:-mt-4{margin-top: calc(var(--spacing) * -4);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:mb-4{margin-bottom: calc(var(--spacing) * 4);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:h-\[600px\]{height: 600px;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:p-16{padding: calc(var(--spacing) * 16);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:px-20{padding-inline: calc(var(--spacing) * 20);}}
@media (min-width: 80rem){.acme-mock-page.acme-mock-page .xl\:inline{display: inline;}}
@media (min-width: 80rem){.acme-mock-page.acme-mock-page .xl\:text-8xl{font-size: var(--text-8xl); line-height: var(--tw-leading, var(--text-8xl--line-height));}}

/* === ACMEv31 community pages — appended 2026-05-23 === */
.acme-mock-page.acme-mock-page, .acme-mock-page.acme-mock-page{--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --color-red-50: #fef2f2; --color-red-100: #ffe2e2; --color-red-300: #ffa3a3; --color-red-400: #ff6568; --color-red-500: #fb2c36; --color-red-600: #e40014; --color-red-700: #bf000f; --color-orange-50: #fff7ed; --color-orange-100: #ffedd5; --color-orange-200: #ffd7a8; --color-orange-400: #ff8b1a; --color-orange-500: #fe6e00; --color-orange-600: #f05100; --color-orange-700: #c53c00; --color-amber-100: #fef3c6; --color-amber-200: #fee685; --color-amber-300: #ffd236; --color-amber-400: #fcbb00; --color-amber-500: #f99c00; --color-amber-600: #dd7400; --color-amber-700: #b75000; --color-amber-900: #7b3306; --color-yellow-200: #fff085; --color-yellow-400: #fac800; --color-yellow-500: #edb200; --color-green-100: #dcfce7; --color-green-400: #05df72; --color-green-500: #00c758; --color-green-600: #00a544; --color-green-700: #008138; --color-emerald-100: #d0fae5; --color-emerald-300: #5ee9b5; --color-emerald-400: #00d294; --color-emerald-500: #00bb7f; --color-emerald-600: #009767; --color-emerald-700: #007956; --color-emerald-950: #002c22; --color-cyan-50: #ecfeff; --color-cyan-100: #cefafe; --color-cyan-200: #a2f4fd; --color-cyan-400: #00d2ef; --color-cyan-500: #00b7d7; --color-cyan-600: #0092b5; --color-cyan-950: #053345; --color-blue-50: #eff6ff; --color-blue-100: #dbeafe; --color-blue-200: #bedbff; --color-blue-300: #90c5ff; --color-blue-400: #54a2ff; --color-blue-500: #3080ff; --color-blue-600: #155dfc; --color-blue-700: #1447e6; --color-blue-900: #1c398e; --color-indigo-50: #eef2ff; --color-indigo-100: #e0e7ff; --color-indigo-200: #c7d2ff; --color-indigo-300: #a4b3ff; --color-indigo-400: #7d87ff; --color-indigo-500: #625fff; --color-indigo-600: #4f39f6; --color-indigo-700: #432dd7; --color-indigo-900: #312c85; --color-violet-50: #f5f3ff; --color-violet-100: #ede9fe; --color-violet-200: #ddd6ff; --color-violet-300: #c4b4ff; --color-violet-400: #a685ff; --color-violet-500: #8d54ff; --color-violet-600: #7f22fe; --color-violet-700: #7008e7; --color-violet-900: #4d179a; --color-violet-950: #2f0d68; --color-purple-100: #f3e8ff; --color-purple-400: #c07eff; --color-purple-500: #ac4bff; --color-purple-600: #9810fa; --color-fuchsia-400: #ec6cff; --color-fuchsia-500: #e12afb; --color-fuchsia-600: #c600db; --color-fuchsia-700: #a600b5; --color-pink-200: #fccee8; --color-pink-400: #fb64b6; --color-pink-500: #f6339a; --color-pink-600: #e30076; --color-rose-50: #fff1f2; --color-rose-100: #ffe4e6; --color-rose-200: #ffccd3; --color-rose-400: #ff667f; --color-rose-500: #ff2357; --color-rose-600: #e70044; --color-rose-700: #c20039; --color-slate-50: #f8fafc; --color-slate-100: #f1f5f9; --color-slate-200: #e2e8f0; --color-slate-300: #cad5e2; --color-slate-400: #90a1b9; --color-slate-500: #62748e; --color-slate-600: #45556c; --color-slate-700: #314158; --color-slate-800: #1d293d; --color-slate-900: #0f172b; --color-slate-950: #020618; --color-gray-50: #f9fafb; --color-gray-100: #f3f4f6; --color-gray-200: #e5e7eb; --color-gray-300: #d1d5dc; --color-gray-400: #99a1af; --color-gray-500: #6a7282; --color-gray-600: #4a5565; --color-gray-700: #364153; --color-gray-800: #1e2939; --color-gray-900: #101828; --color-neutral-50: #fafafa; --color-neutral-100: #f5f5f5; --color-neutral-200: #e5e5e5; --color-neutral-300: #d4d4d4; --color-neutral-400: #a1a1a1; --color-neutral-500: #737373; --color-neutral-600: #525252; --color-neutral-700: #404040; --color-neutral-800: #262626; --color-neutral-900: #171717; --color-neutral-950: #0a0a0a; --color-stone-50: #fafaf9; --color-stone-100: #f5f5f4; --color-stone-300: #d6d3d1; --color-stone-400: #a6a09b; --color-stone-500: #79716b; --color-stone-600: #57534d; --color-stone-700: #44403b; --color-stone-800: #292524; --color-stone-900: #1c1917; --color-stone-950: #0c0a09; --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 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-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-xs: .125rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --drop-shadow-lg: 0 4px 4px #00000026; --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-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: "AcmeMockGeist", "AcmeMockGeist Fallback", system-ui, sans-serif; --default-mono-font-family: "AcmeMockGeistMono", "AcmeMockGeistMono Fallback", monospace; --color-border: var(--border);}

/* === ACMEv31 community pages — appended 2026-05-23 === */
.acme-mock-page.acme-mock-page, .acme-mock-page.acme-mock-page{--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --color-red-50: #fef2f2; --color-red-100: #ffe2e2; --color-red-300: #ffa3a3; --color-red-400: #ff6568; --color-red-500: #fb2c36; --color-red-600: #e40014; --color-red-700: #bf000f; --color-orange-50: #fff7ed; --color-orange-100: #ffedd5; --color-orange-200: #ffd7a8; --color-orange-400: #ff8b1a; --color-orange-500: #fe6e00; --color-orange-600: #f05100; --color-orange-700: #c53c00; --color-amber-100: #fef3c6; --color-amber-200: #fee685; --color-amber-300: #ffd236; --color-amber-400: #fcbb00; --color-amber-500: #f99c00; --color-amber-600: #dd7400; --color-amber-700: #b75000; --color-amber-900: #7b3306; --color-yellow-200: #fff085; --color-yellow-400: #fac800; --color-yellow-500: #edb200; --color-green-100: #dcfce7; --color-green-400: #05df72; --color-green-500: #00c758; --color-green-600: #00a544; --color-green-700: #008138; --color-emerald-100: #d0fae5; --color-emerald-300: #5ee9b5; --color-emerald-400: #00d294; --color-emerald-500: #00bb7f; --color-emerald-600: #009767; --color-emerald-700: #007956; --color-emerald-950: #002c22; --color-cyan-50: #ecfeff; --color-cyan-100: #cefafe; --color-cyan-200: #a2f4fd; --color-cyan-400: #00d2ef; --color-cyan-500: #00b7d7; --color-cyan-600: #0092b5; --color-cyan-950: #053345; --color-blue-50: #eff6ff; --color-blue-100: #dbeafe; --color-blue-200: #bedbff; --color-blue-300: #90c5ff; --color-blue-400: #54a2ff; --color-blue-500: #3080ff; --color-blue-600: #155dfc; --color-blue-700: #1447e6; --color-blue-900: #1c398e; --color-indigo-50: #eef2ff; --color-indigo-100: #e0e7ff; --color-indigo-200: #c7d2ff; --color-indigo-300: #a4b3ff; --color-indigo-400: #7d87ff; --color-indigo-500: #625fff; --color-indigo-600: #4f39f6; --color-indigo-700: #432dd7; --color-indigo-900: #312c85; --color-violet-50: #f5f3ff; --color-violet-100: #ede9fe; --color-violet-200: #ddd6ff; --color-violet-300: #c4b4ff; --color-violet-400: #a685ff; --color-violet-500: #8d54ff; --color-violet-600: #7f22fe; --color-violet-700: #7008e7; --color-violet-900: #4d179a; --color-violet-950: #2f0d68; --color-purple-100: #f3e8ff; --color-purple-400: #c07eff; --color-purple-500: #ac4bff; --color-purple-600: #9810fa; --color-fuchsia-400: #ec6cff; --color-fuchsia-500: #e12afb; --color-fuchsia-600: #c600db; --color-fuchsia-700: #a600b5; --color-pink-200: #fccee8; --color-pink-400: #fb64b6; --color-pink-500: #f6339a; --color-pink-600: #e30076; --color-rose-50: #fff1f2; --color-rose-100: #ffe4e6; --color-rose-200: #ffccd3; --color-rose-400: #ff667f; --color-rose-500: #ff2357; --color-rose-600: #e70044; --color-rose-700: #c20039; --color-slate-50: #f8fafc; --color-slate-100: #f1f5f9; --color-slate-200: #e2e8f0; --color-slate-300: #cad5e2; --color-slate-400: #90a1b9; --color-slate-500: #62748e; --color-slate-600: #45556c; --color-slate-700: #314158; --color-slate-800: #1d293d; --color-slate-900: #0f172b; --color-slate-950: #020618; --color-gray-50: #f9fafb; --color-gray-100: #f3f4f6; --color-gray-200: #e5e7eb; --color-gray-300: #d1d5dc; --color-gray-400: #99a1af; --color-gray-500: #6a7282; --color-gray-600: #4a5565; --color-gray-700: #364153; --color-gray-800: #1e2939; --color-gray-900: #101828; --color-neutral-50: #fafafa; --color-neutral-100: #f5f5f5; --color-neutral-200: #e5e5e5; --color-neutral-300: #d4d4d4; --color-neutral-400: #a1a1a1; --color-neutral-500: #737373; --color-neutral-600: #525252; --color-neutral-700: #404040; --color-neutral-800: #262626; --color-neutral-900: #171717; --color-neutral-950: #0a0a0a; --color-stone-50: #fafaf9; --color-stone-100: #f5f5f4; --color-stone-300: #d6d3d1; --color-stone-400: #a6a09b; --color-stone-500: #79716b; --color-stone-600: #57534d; --color-stone-700: #44403b; --color-stone-800: #292524; --color-stone-900: #1c1917; --color-stone-950: #0c0a09; --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: 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-extralight: 200; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-xs: .125rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --drop-shadow-lg: 0 4px 4px #00000026; --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-sm: 8px; --blur-md: 12px; --blur-lg: 16px; --blur-xl: 24px; --blur-2xl: 40px; --blur-3xl: 64px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: "AcmeMockGeist", "AcmeMockGeist Fallback", system-ui, sans-serif; --default-mono-font-family: "AcmeMockGeistMono", "AcmeMockGeistMono Fallback", monospace; --color-border: var(--border);}
.acme-mock-page.acme-mock-page .static{position: static;}
.acme-mock-page.acme-mock-page .-top-52{top: calc(var(--spacing) * -52);}
.acme-mock-page.acme-mock-page .top-5{top: calc(var(--spacing) * 5);}
.acme-mock-page.acme-mock-page .top-\[30\%\]{top: 30%;}
.acme-mock-page.acme-mock-page .-right-24{right: calc(var(--spacing) * -24);}
.acme-mock-page.acme-mock-page .right-5{right: calc(var(--spacing) * 5);}
.acme-mock-page.acme-mock-page .-bottom-10{bottom: calc(var(--spacing) * -10);}
.acme-mock-page.acme-mock-page .-bottom-36{bottom: calc(var(--spacing) * -36);}
.acme-mock-page.acme-mock-page .bottom-3{bottom: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .-left-10{left: calc(var(--spacing) * -10);}
.acme-mock-page.acme-mock-page .-left-24{left: calc(var(--spacing) * -24);}
.acme-mock-page.acme-mock-page .left-2\.5{left: calc(var(--spacing) * 2.5);}
.acme-mock-page.acme-mock-page .left-80{left: calc(var(--spacing) * 80);}
.acme-mock-page.acme-mock-page .mx-3{margin-inline: calc(var(--spacing) * 3);}
.acme-mock-page.acme-mock-page .mt-5{margin-top: calc(var(--spacing) * 5);}
.acme-mock-page.acme-mock-page .mb-2\.5{margin-bottom: calc(var(--spacing) * 2.5);}
.acme-mock-page.acme-mock-page .h-0{height: calc(var(--spacing) * 0);}
.acme-mock-page.acme-mock-page .h-44{height: calc(var(--spacing) * 44);}
.acme-mock-page.acme-mock-page .h-52{height: calc(var(--spacing) * 52);}
.acme-mock-page.acme-mock-page .h-\[18px\]{height: 18px;}
.acme-mock-page.acme-mock-page .h-\[68vh\]{height: 68vh;}
.acme-mock-page.acme-mock-page .h-\[420px\]{height: 420px;}
.acme-mock-page.acme-mock-page .h-\[460px\]{height: 460px;}
.acme-mock-page.acme-mock-page .min-h-\[640px\]{min-height: 640px;}
.acme-mock-page.acme-mock-page .min-h-\[680px\]{min-height: 680px;}
.acme-mock-page.acme-mock-page .w-44{width: calc(var(--spacing) * 44);}
.acme-mock-page.acme-mock-page .w-52{width: calc(var(--spacing) * 52);}
.acme-mock-page.acme-mock-page .w-\[18px\]{width: 18px;}
.acme-mock-page.acme-mock-page .max-w-\[420px\]{max-width: 420px;}
.acme-mock-page.acme-mock-page .max-w-\[1280px\]{max-width: 1280px;}
.acme-mock-page.acme-mock-page .basis-\[calc\(100\%-0px\)\], .acme-mock-page.acme-mock-page .basis-full{flex-basis: 100%;}
.acme-mock-page.acme-mock-page .cursor-zoom-out{cursor: zoom-out;}
.acme-mock-page.acme-mock-page .resize{resize: both;}
.acme-mock-page.acme-mock-page .columns-2{columns: 2;}
.acme-mock-page.acme-mock-page .break-inside-avoid{break-inside: avoid;}
.acme-mock-page.acme-mock-page .gap-5{gap: calc(var(--spacing) * 5);}
.acme-mock-page.acme-mock-page .rounded-\[8px\]{border-radius: 8px;}
.acme-mock-page.acme-mock-page .rounded-b{border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem;}
.acme-mock-page.acme-mock-page .border-r-\[6px\]{border-right-style: var(--tw-border-style); border-right-width: 6px;}
.acme-mock-page.acme-mock-page .border-b-\[6px\]{border-bottom-style: var(--tw-border-style); border-bottom-width: 6px;}
.acme-mock-page.acme-mock-page .border-l-\[6px\]{border-left-style: var(--tw-border-style); border-left-width: 6px;}
.acme-mock-page.acme-mock-page .border-\[\#333\]{border-color: rgb(51, 51, 51);}
.acme-mock-page.acme-mock-page .border-\[\#c8995a\]{border-color: rgb(200, 153, 90);}
.acme-mock-page.acme-mock-page .border-\[\#e8c8b8\]{border-color: rgb(232, 200, 184);}
.acme-mock-page.acme-mock-page .border-\[\#e8c8b8\]\/60{border-color: lab(83.0545 9.8438 12.4244 / 0.6);}
.acme-mock-page.acme-mock-page .border-\[\#f0d8c8\]\/70{border-color: lab(88.0245 6.70737 11.1005 / 0.7);}
.acme-mock-page.acme-mock-page .border-white\/12{border-color: rgba(255, 255, 255, 0.12);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .border-white\/12{border-color: color-mix(in oklab, var(--color-white) 12%, transparent);}}
.acme-mock-page.acme-mock-page .border-r-transparent{border-right-color: rgba(0, 0, 0, 0);}
.acme-mock-page.acme-mock-page .border-b-white{border-bottom-color: var(--color-white);}
.acme-mock-page.acme-mock-page .bg-\[\#333\]{background-color: rgb(51, 51, 51);}
.acme-mock-page.acme-mock-page .bg-\[\#c8c2b6\]{background-color: rgb(200, 194, 182);}
.acme-mock-page.acme-mock-page .bg-\[\#c9a227\]{background-color: rgb(201, 162, 39);}
.acme-mock-page.acme-mock-page .bg-\[\#c41e3a\]{background-color: rgb(196, 30, 58);}
.acme-mock-page.acme-mock-page .bg-\[\#c8995a\]{background-color: rgb(200, 153, 90);}
.acme-mock-page.acme-mock-page .bg-\[\#d27a8a\]{background-color: rgb(210, 122, 138);}
.acme-mock-page.acme-mock-page .bg-\[\#e8b8a2\]{background-color: rgb(232, 184, 162);}
.acme-mock-page.acme-mock-page .bg-\[\#e8c8b8\]{background-color: rgb(232, 200, 184);}
.acme-mock-page.acme-mock-page .bg-\[\#e9a8b0\]{background-color: rgb(233, 168, 176);}
.acme-mock-page.acme-mock-page .bg-\[\#f0bdc4\]{background-color: rgb(240, 189, 196);}
.acme-mock-page.acme-mock-page .bg-\[\#f4c5b8\]{background-color: rgb(244, 197, 184);}
.acme-mock-page.acme-mock-page .bg-\[\#fafaf7\]{background-color: rgb(250, 250, 247);}
.acme-mock-page.acme-mock-page .bg-black\/0{background-color: rgba(0, 0, 0, 0);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-black\/0{background-color: color-mix(in oklab, var(--color-black) 0%, transparent);}}
.acme-mock-page.acme-mock-page .bg-black\/20{background-color: rgba(0, 0, 0, 0.2);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-black\/20{background-color: color-mix(in oklab, var(--color-black) 20%, transparent);}}
.acme-mock-page.acme-mock-page .bg-black\/85{background-color: rgba(0, 0, 0, 0.85);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-black\/85{background-color: color-mix(in oklab, var(--color-black) 85%, transparent);}}
.acme-mock-page.acme-mock-page .bg-black\/95{background-color: rgba(0, 0, 0, 0.95);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-black\/95{background-color: color-mix(in oklab, var(--color-black) 95%, transparent);}}
.acme-mock-page.acme-mock-page .bg-neutral-200{background-color: var(--color-neutral-200);}
.acme-mock-page.acme-mock-page .bg-white\/15{background-color: rgba(255, 255, 255, 0.15);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-white\/15{background-color: color-mix(in oklab, var(--color-white) 15%, transparent);}}
.acme-mock-page.acme-mock-page .bg-white\/85{background-color: rgba(255, 255, 255, 0.85);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-white\/85{background-color: color-mix(in oklab, var(--color-white) 85%, transparent);}}
.acme-mock-page.acme-mock-page .bg-white\/\[0\.04\]{background-color: rgba(255, 255, 255, 0.04);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-white\/\[0\.04\]{background-color: color-mix(in oklab, var(--color-white) 4%, transparent);}}
.acme-mock-page.acme-mock-page .bg-white\/\[0\.05\]{background-color: rgba(255, 255, 255, 0.05);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .bg-white\/\[0\.05\]{background-color: color-mix(in oklab, var(--color-white) 5%, transparent);}}
.acme-mock-page.acme-mock-page .bg-\[linear-gradient\(45deg\, .acme-mock-page.acme-mock-page transparent_25\%\, .acme-mock-page.acme-mock-page rgba\(255\, .acme-mock-page.acme-mock-page 255\, .acme-mock-page.acme-mock-page 255\, .acme-mock-page.acme-mock-page 0\.05\)_25\%\, .acme-mock-page.acme-mock-page rgba\(255\, .acme-mock-page.acme-mock-page 255\, .acme-mock-page.acme-mock-page 255\, .acme-mock-page.acme-mock-page 0\.05\)_50\%\, .acme-mock-page.acme-mock-page transparent_50\%\, .acme-mock-page.acme-mock-page transparent_75\%\, .acme-mock-page.acme-mock-page rgba\(255\, .acme-mock-page.acme-mock-page 255\, .acme-mock-page.acme-mock-page 255\, .acme-mock-page.acme-mock-page 0\.05\)_75\%\)\]{background-image: linear-gradient(45deg, rgba(0, 0, 0, 0) 25%, rgba(255, 255, 255, 0.05) 25%, rgba(255, 255, 255, 0.05) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 75%, rgba(255, 255, 255, 0.05) 75%);}
.acme-mock-page.acme-mock-page .from-\[\#1a1a1a\]{--tw-gradient-from: #1a1a1a; --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));}
.acme-mock-page.acme-mock-page .from-\[\#2d2d2d\]{--tw-gradient-from: #2d2d2d; --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));}
.acme-mock-page.acme-mock-page .from-\[\#c9a227\]{--tw-gradient-from: #c9a227; --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));}
.acme-mock-page.acme-mock-page .from-\[\#fef6f0\]{--tw-gradient-from: #fef6f0; --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));}
.acme-mock-page.acme-mock-page .from-black\/40{--tw-gradient-from: #0006;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .from-black\/40{--tw-gradient-from: color-mix(in oklab, var(--color-black) 40%, transparent);}}
.acme-mock-page.acme-mock-page .from-black\/40{--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));}
.acme-mock-page.acme-mock-page .via-\[\#c9a227\]{--tw-gradient-via: #c9a227; --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);}
.acme-mock-page.acme-mock-page .via-\[\#c9a227\]\/40{--tw-gradient-via: #c9a22766; --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);}
@supports (color: lab(0% 0 0)){.acme-mock-page.acme-mock-page .via-\[\#c9a227\]\/40{--tw-gradient-via: lab(68.7657% 6.51521 63.7509 / .4);}}
.acme-mock-page.acme-mock-page .via-\[\#e8e8e8\]{--tw-gradient-via: #e8e8e8; --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);}
.acme-mock-page.acme-mock-page .via-\[\#fdeae0\]{--tw-gradient-via: #fdeae0; --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);}
.acme-mock-page.acme-mock-page .to-\[\#1a1a1a\]{--tw-gradient-to: #1a1a1a; --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));}
.acme-mock-page.acme-mock-page .to-\[\#a68b1f\]{--tw-gradient-to: #a68b1f; --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));}
.acme-mock-page.acme-mock-page .to-\[\#f8d8d8\]{--tw-gradient-to: #f8d8d8; --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));}
.acme-mock-page.acme-mock-page .to-black\/65{--tw-gradient-to: #000000a6;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .to-black\/65{--tw-gradient-to: color-mix(in oklab, var(--color-black) 65%, transparent);}}
.acme-mock-page.acme-mock-page .to-black\/65{--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));}
.acme-mock-page.acme-mock-page .bg-\[length\:60px_60px\]{background-size: 60px 60px;}
.acme-mock-page.acme-mock-page .py-7{padding-block: calc(var(--spacing) * 7);}
.acme-mock-page.acme-mock-page .pl-1{padding-left: calc(var(--spacing) * 1);}
.acme-mock-page.acme-mock-page .font-\[\'Cormorant_Garamond\'\, .acme-mock-page.acme-mock-page serif\]{font-family: "Cormorant Garamond", serif;}
.acme-mock-page.acme-mock-page .font-\[\'Inter\'\, .acme-mock-page.acme-mock-page system-ui\, .acme-mock-page.acme-mock-page sans-serif\]{font-family: Inter, system-ui, sans-serif;}
.acme-mock-page.acme-mock-page .font-\[\'Oswald\'\, .acme-mock-page.acme-mock-page system-ui\, .acme-mock-page.acme-mock-page sans-serif\]{font-family: Oswald, system-ui, sans-serif;}
.acme-mock-page.acme-mock-page .text-\[15px\]{font-size: 15px;}
.acme-mock-page.acme-mock-page .leading-6{--tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6);}
.acme-mock-page.acme-mock-page .leading-7{--tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7);}
.acme-mock-page.acme-mock-page .tracking-\[0\.05em\]{--tw-tracking: .05em; letter-spacing: 0.05em;}
.acme-mock-page.acme-mock-page .tracking-\[0\.16em\]{--tw-tracking: .16em; letter-spacing: 0.16em;}
.acme-mock-page.acme-mock-page .tracking-\[0\.18em\]{--tw-tracking: .18em; letter-spacing: 0.18em;}
.acme-mock-page.acme-mock-page .text-\[\#1f1f1f\]{color: rgb(31, 31, 31);}
.acme-mock-page.acme-mock-page .text-\[\#3D3D3D\]{color: rgb(61, 61, 61);}
.acme-mock-page.acme-mock-page .text-\[\#3a2a25\]{color: rgb(58, 42, 37);}
.acme-mock-page.acme-mock-page .text-\[\#3d3d3d\]{color: rgb(61, 61, 61);}
.acme-mock-page.acme-mock-page .text-\[\#7a5a50\]{color: rgb(122, 90, 80);}
.acme-mock-page.acme-mock-page .text-\[\#8a857a\]{color: rgb(138, 133, 122);}
.acme-mock-page.acme-mock-page .text-\[\#999\]{color: rgb(153, 153, 153);}
.acme-mock-page.acme-mock-page .text-\[\#a07060\]{color: rgb(160, 112, 96);}
.acme-mock-page.acme-mock-page .text-\[\#c9a227\]{color: rgb(201, 162, 39);}
.acme-mock-page.acme-mock-page .text-\[\#c2925a\]{color: rgb(194, 146, 90);}
.acme-mock-page.acme-mock-page .text-\[\#c8995a\]{color: rgb(200, 153, 90);}
.acme-mock-page.acme-mock-page .text-\[\#e8e8e8\]{color: rgb(232, 232, 232);}
.acme-mock-page.acme-mock-page .text-\[\#f5f5f5\]{color: rgb(245, 245, 245);}
.acme-mock-page.acme-mock-page .text-white\/42{color: rgba(255, 255, 255, 0.42);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-white\/42{color: color-mix(in oklab, var(--color-white) 42%, transparent);}}
.acme-mock-page.acme-mock-page .text-white\/62{color: rgba(255, 255, 255, 0.62);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-white\/62{color: color-mix(in oklab, var(--color-white) 62%, transparent);}}
.acme-mock-page.acme-mock-page .text-white\/64{color: rgba(255, 255, 255, 0.64);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-white\/64{color: color-mix(in oklab, var(--color-white) 64%, transparent);}}
.acme-mock-page.acme-mock-page .text-white\/85{color: rgba(255, 255, 255, 0.85);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .text-white\/85{color: color-mix(in oklab, var(--color-white) 85%, transparent);}}
.acme-mock-page.acme-mock-page .opacity-15{opacity: 0.15;}
.acme-mock-page.acme-mock-page .opacity-25{opacity: 0.25;}
.acme-mock-page.acme-mock-page .shadow-\[0_24px_70px_rgba\(180\, .acme-mock-page.acme-mock-page 110\, .acme-mock-page.acme-mock-page 90\, .acme-mock-page.acme-mock-page 0\.15\)\]{--tw-shadow: 0 24px 70px var(--tw-shadow-color, #b46e5a26); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.acme-mock-page.acme-mock-page .shadow-\[0_25px_80px_rgba\(0\, .acme-mock-page.acme-mock-page 0\, .acme-mock-page.acme-mock-page 0\, .acme-mock-page.acme-mock-page 0\.5\)\]{--tw-shadow: 0 25px 80px var(--tw-shadow-color, #00000080); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}
.acme-mock-page.acme-mock-page .shadow-black\/20{--tw-shadow-color: #0003;}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .shadow-black\/20{--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent);}}
.acme-mock-page.acme-mock-page .backdrop-blur-\[2px\]{--tw-backdrop-blur: blur(2px); 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, );}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:bg-black\/40:is(:where(.group):hover *){background-color: rgba(0, 0, 0, 0.4);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .group-hover\:bg-black\/40:is(:where(.group):hover *){background-color: color-mix(in oklab, var(--color-black) 40%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .group-hover\:underline:is(:where(.group):hover *){text-decoration-line: underline;}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-\[\#c9a227\]:hover{border-color: rgb(201, 162, 39);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-\[\#c8995a\]:hover{border-color: rgb(200, 153, 90);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-neutral-400:hover{border-color: var(--color-neutral-400);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:border-white\/35:hover{border-color: rgba(255, 255, 255, 0.35);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:border-white\/35:hover{border-color: color-mix(in oklab, var(--color-white) 35%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#c9a227\]:hover{background-color: rgb(201, 162, 39);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#c9a227\]\/60:hover{background-color: lab(68.7657 6.51521 63.7509 / 0.6);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#c8995a\]:hover{background-color: rgb(200, 153, 90);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-\[\#c8995a\]\/60:hover{background-color: lab(66.7537 12.8053 39.8997 / 0.6);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-white\/70:hover{background-color: rgba(255, 255, 255, 0.7);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-white\/70:hover{background-color: color-mix(in oklab, var(--color-white) 70%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:bg-white\/\[0\.08\]:hover{background-color: rgba(255, 255, 255, 0.08);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .hover\:bg-white\/\[0\.08\]:hover{background-color: color-mix(in oklab, var(--color-white) 8%, transparent);}}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:shadow-\[0_12px_40px_rgba\(201\, .acme-mock-page.acme-mock-page 162\, .acme-mock-page.acme-mock-page 39\, .acme-mock-page.acme-mock-page 0\.18\)\]:hover{--tw-shadow: 0 12px 40px var(--tw-shadow-color, #c9a2272e); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);}}
@media (hover: hover){.acme-mock-page.acme-mock-page .hover\:shadow-sm: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);}}
.acme-mock-page.acme-mock-page .focus\:ring-primary\/30:focus{--tw-ring-color: var(--primary);}
@supports (color: color-mix(in lab, red, red)){.acme-mock-page.acme-mock-page .focus\:ring-primary\/30:focus{--tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent);}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:inline{display: inline;}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:basis-\[calc\(50\%-10px\)\]{flex-basis: calc(50% - 10px);}}
@media (min-width: 40rem){.acme-mock-page.acme-mock-page .sm\:p-6{padding: calc(var(--spacing) * 6);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:right-6{right: calc(var(--spacing) * 6);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:left-6{left: calc(var(--spacing) * 6);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:mx-4{margin-inline: calc(var(--spacing) * 4);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:mt-3{margin-top: calc(var(--spacing) * 3);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:mt-4{margin-top: calc(var(--spacing) * 4);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:mt-10{margin-top: calc(var(--spacing) * 10);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:mb-3{margin-bottom: calc(var(--spacing) * 3);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:mb-4{margin-bottom: calc(var(--spacing) * 4);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:mb-6{margin-bottom: calc(var(--spacing) * 6);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:mb-8{margin-bottom: calc(var(--spacing) * 8);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:hidden{display: none;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:h-5{height: calc(var(--spacing) * 5);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:h-28{height: calc(var(--spacing) * 28);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:h-56{height: calc(var(--spacing) * 56);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:h-\[75vh\]{height: 75vh;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:h-\[520px\]{height: 520px;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:w-5{width: calc(var(--spacing) * 5);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:w-10{width: calc(var(--spacing) * 10);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:w-12{width: calc(var(--spacing) * 12);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:w-48{width: calc(var(--spacing) * 48);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:basis-\[calc\(33\.333\%-14px\)\]{flex-basis: calc(33.333% - 14px);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:columns-3{columns: 3;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:gap-3{gap: calc(var(--spacing) * 3);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:gap-4{gap: calc(var(--spacing) * 4);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:px-10{padding-inline: calc(var(--spacing) * 10);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:py-8{padding-block: calc(var(--spacing) * 8);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:py-10{padding-block: calc(var(--spacing) * 10);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:py-14{padding-block: calc(var(--spacing) * 14);}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:text-center{text-align: center;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:text-lg{font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:text-xs{font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:text-\[10px\]{font-size: 10px;}}
@media (min-width: 48rem){.acme-mock-page.acme-mock-page .md\:text-\[11px\]{font-size: 11px;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:right-8{right: calc(var(--spacing) * 8);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:left-\[22rem\]{left: 22rem;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:h-14{height: calc(var(--spacing) * 14);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:h-32{height: calc(var(--spacing) * 32);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:h-\[520px\]{height: 520px;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:w-14{width: calc(var(--spacing) * 14);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:w-56{width: calc(var(--spacing) * 56);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:columns-4{columns: 4;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:justify-between{justify-content: space-between;}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:pb-0{padding-bottom: calc(var(--spacing) * 0);}}
@media (min-width: 64rem){.acme-mock-page.acme-mock-page .lg\:text-base{font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));}}
@media (min-width: 80rem){.acme-mock-page.acme-mock-page .xl\:grid-cols-3{grid-template-columns: repeat(3, minmax(0px, 1fr));}}
.acme-mock-page.acme-mock-page .\[\&_section\]\:\!h-\[540px\] section{height: 540px !important;}
.acme-mock-page.acme-mock-page .\[\&_section\]\:\!min-h-\[540px\] section{min-height: 540px !important;}
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 300; font-display: swap; src: url("../media/9cc5c0547f229dea-s.00b2_ptq3xnpy.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 300; font-display: swap; src: url("../media/b0947914c9718a1e-s.0l.9lak812di~.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 300; font-display: swap; src: url("../media/d0b60be57f16ee32-s.0m2lc_66fsc~9.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 300; font-display: swap; src: url("../media/1f9e983605289f29-s.0~7_67muh398v.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 400; font-display: swap; src: url("../media/9cc5c0547f229dea-s.00b2_ptq3xnpy.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 400; font-display: swap; src: url("../media/b0947914c9718a1e-s.0l.9lak812di~.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 400; font-display: swap; src: url("../media/d0b60be57f16ee32-s.0m2lc_66fsc~9.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 400; font-display: swap; src: url("../media/1f9e983605289f29-s.0~7_67muh398v.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 500; font-display: swap; src: url("../media/9cc5c0547f229dea-s.00b2_ptq3xnpy.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 500; font-display: swap; src: url("../media/b0947914c9718a1e-s.0l.9lak812di~.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 500; font-display: swap; src: url("../media/d0b60be57f16ee32-s.0m2lc_66fsc~9.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 500; font-display: swap; src: url("../media/1f9e983605289f29-s.0~7_67muh398v.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 600; font-display: swap; src: url("../media/9cc5c0547f229dea-s.00b2_ptq3xnpy.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 600; font-display: swap; src: url("../media/b0947914c9718a1e-s.0l.9lak812di~.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 600; font-display: swap; src: url("../media/d0b60be57f16ee32-s.0m2lc_66fsc~9.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 600; font-display: swap; src: url("../media/1f9e983605289f29-s.0~7_67muh398v.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 700; font-display: swap; src: url("../media/9cc5c0547f229dea-s.00b2_ptq3xnpy.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 700; font-display: swap; src: url("../media/b0947914c9718a1e-s.0l.9lak812di~.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 700; font-display: swap; src: url("../media/d0b60be57f16ee32-s.0m2lc_66fsc~9.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 700; font-display: swap; src: url("../media/1f9e983605289f29-s.0~7_67muh398v.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Cormorant Garamond Fallback"; src: local("Times New Roman"); ascent-override: 95.27%; descent-override: 29.59%; line-gap-override: 0%; size-adjust: 96.98%; }
.acme-mock-page.acme-mock-page .cormorant_garamond_e1799249-module__Cu3oQa__className{font-family: "Cormorant Garamond", "Cormorant Garamond Fallback"; font-style: normal;}
.acme-mock-page.acme-mock-page .cormorant_garamond_e1799249-module__Cu3oQa__variable{--cel-font-display: "Cormorant Garamond", "Cormorant Garamond Fallback";}
@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2") format("woff2"); unicode-range: U+1F00-1FFF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/5476f68d60460930-s.0wxq9webf.ew4.woff2") format("woff2"); unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF; }
@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url("../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Inter Fallback"; src: local("Arial"); ascent-override: 90.44%; descent-override: 22.52%; line-gap-override: 0%; size-adjust: 107.12%; }
.acme-mock-page.acme-mock-page .inter_dd868f0f-module__amlxrW__className{font-family: Inter, "Inter Fallback"; font-style: normal;}
.acme-mock-page.acme-mock-page .inter_dd868f0f-module__amlxrW__variable{--cel-font-body: "Inter", "Inter Fallback";}
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 400; font-display: swap; src: url("../media/65c558afe41e89d6-s.113htgw8u-emy.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 400; font-display: swap; src: url("../media/14e23f9b59180572-s.08.c8psu~gif9.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 400; font-display: swap; src: url("../media/b49b0d9b851e4899-s.0yfy_qj1.2qn0.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 500; font-display: swap; src: url("../media/65c558afe41e89d6-s.113htgw8u-emy.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 500; font-display: swap; src: url("../media/14e23f9b59180572-s.08.c8psu~gif9.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 500; font-display: swap; src: url("../media/b49b0d9b851e4899-s.0yfy_qj1.2qn0.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 600; font-display: swap; src: url("../media/65c558afe41e89d6-s.113htgw8u-emy.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 600; font-display: swap; src: url("../media/14e23f9b59180572-s.08.c8psu~gif9.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 600; font-display: swap; src: url("../media/b49b0d9b851e4899-s.0yfy_qj1.2qn0.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 700; font-display: swap; src: url("../media/65c558afe41e89d6-s.113htgw8u-emy.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 700; font-display: swap; src: url("../media/14e23f9b59180572-s.08.c8psu~gif9.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: "Playfair Display"; font-style: normal; font-weight: 700; font-display: swap; src: url("../media/b49b0d9b851e4899-s.0yfy_qj1.2qn0.woff2") format("woff2"); unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Playfair Display Fallback"; src: local("Times New Roman"); ascent-override: 97.25%; descent-override: 22.56%; line-gap-override: 0%; size-adjust: 111.26%; }
.acme-mock-page.acme-mock-page .playfair_display_f4b7bd26-module__21JfPW__className{font-family: "Playfair Display", "Playfair Display Fallback"; font-style: normal;}
.acme-mock-page.acme-mock-page .playfair_display_f4b7bd26-module__21JfPW__variable{--rc-font-display: "Playfair Display", "Playfair Display Fallback";}
.acme-mock-page.acme-mock-page .inter_f0c95e31-module___ZSqLq__className{font-family: Inter, "Inter Fallback"; font-style: normal;}
.acme-mock-page.acme-mock-page .inter_f0c95e31-module___ZSqLq__variable{--rc-font-body: "Inter", "Inter Fallback";}
.acme-mock-page.acme-mock-page .megaform-source-sliders-module__6V948a__sourceMount{display: block;}
.acme-mock-page.acme-mock-page .megaform-source-sliders-module__6V948a__sourceMount button{font: inherit;}
.acme-mock-page.acme-mock-page .mfp.fr-realestate{color: rgb(42, 36, 29); font-family: var(--fr-font-body), Georgia, serif; background: radial-gradient(circle at 15% 5%, rgba(198, 162, 97, 0.2), rgba(0, 0, 0, 0) 34%), linear-gradient(135deg, rgb(244, 239, 231) 0%, rgb(251, 248, 242) 52%, rgb(232, 220, 203) 100%); border-radius: 28px; padding: clamp(18px, 3vw, 34px); position: relative; overflow: hidden;}
.acme-mock-page.acme-mock-page .fr-ambient{pointer-events: none; position: absolute; inset: 0px;}
.acme-mock-page.acme-mock-page .fr-orb{filter: blur(18px); opacity: 0.34; border-radius: 999px; position: absolute;}
.acme-mock-page.acme-mock-page .fr-orb.o1{background: rgb(201, 169, 105); width: 180px; height: 180px; top: -60px; left: -46px;}
.acme-mock-page.acme-mock-page .fr-orb.o2{background: rgb(130, 93, 52); width: 130px; height: 130px; top: 14%; right: 8%;}
.acme-mock-page.acme-mock-page .fr-orb.o3{background: rgb(202, 181, 154); width: 220px; height: 220px; bottom: -90px; right: -84px;}
.acme-mock-page.acme-mock-page .fr-card{z-index: 1; background: rgba(255, 252, 246, 0.92); border: 1px solid rgba(112, 86, 48, 0.22); border-radius: 22px; position: relative; overflow: hidden; box-shadow: rgba(64, 44, 25, 0.2) 0px 30px 90px;}
.acme-mock-page.acme-mock-page .fr-accent-line{background: linear-gradient(90deg, rgb(71, 53, 31), rgb(201, 169, 105), rgb(239, 227, 195), rgb(201, 169, 105), rgb(71, 53, 31)); height: 5px;}
.acme-mock-page.acme-mock-page .fr-header{border-bottom: 1px solid rgba(112, 86, 48, 0.16); justify-content: space-between; align-items: center; gap: 22px; padding: clamp(24px, 4vw, 42px); display: flex;}
.acme-mock-page.acme-mock-page .fr-brand{align-items: center; gap: 18px; display: flex;}
.acme-mock-page.acme-mock-page .fr-monogram{color: rgb(128, 98, 46); width: 64px; height: 64px; font-family: var(--fr-font-display), Georgia, serif; letter-spacing: 0.08em; border: 1px solid rgba(71, 53, 31, 0.45); border-radius: 50%; place-items: center; font-size: 25px; display: grid;}
.acme-mock-page.acme-mock-page .fr-brand-name{color: rgb(42, 36, 29); font-family: var(--fr-font-display), Georgia, serif; letter-spacing: 0.12em; margin: 0px; font-size: clamp(26px, 3vw, 42px); font-weight: 600;}
.acme-mock-page.acme-mock-page .fr-brand-tagline{color: rgb(138, 118, 94); letter-spacing: 0.22em; text-transform: uppercase; margin: 4px 0px 0px; font-size: 12px;}
.acme-mock-page.acme-mock-page .fr-header-decor{color: rgba(128, 98, 46, 0.62); width: min(200px, 26vw);}
.acme-mock-page.acme-mock-page .fr-body{padding: clamp(24px, 4vw, 42px);}
.acme-mock-page.acme-mock-page .fr-intro{text-align: center; max-width: 760px; margin: 0px auto 30px;}
.acme-mock-page.acme-mock-page .fr-title{color: rgb(48, 37, 25); font-family: var(--fr-font-display), Georgia, serif; margin: 0px; font-size: clamp(34px, 5vw, 68px); font-weight: 500; line-height: 0.95;}
.acme-mock-page.acme-mock-page .fr-description{color: rgb(122, 106, 89); max-width: 54ch; margin: 14px auto 0px; line-height: 1.7;}
.acme-mock-page.acme-mock-page .fr-section-label{color: rgb(128, 98, 46); letter-spacing: 0.18em; text-transform: uppercase; align-items: center; gap: 10px; font-size: 12px; font-weight: 800; display: inline-flex;}
.acme-mock-page.acme-mock-page .fr-section-icon{width: 24px; height: 24px; display: inline-flex;}
.acme-mock-page.acme-mock-page .fr-gallery-intro{color: rgb(122, 106, 89); margin: 12px 0px 22px;}
.acme-mock-page.acme-mock-page .fr-gallery{grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 18px; display: grid;}
.acme-mock-page.acme-mock-page .fr-property{background: rgb(255, 250, 240); border: 1px solid rgba(112, 86, 48, 0.16); border-radius: 18px; transition: transform 0.22s, box-shadow 0.22s; overflow: hidden; box-shadow: rgba(64, 44, 25, 0.1) 0px 18px 46px;}
.acme-mock-page.acme-mock-page .fr-property:hover{transform: translateY(-4px); box-shadow: rgba(64, 44, 25, 0.17) 0px 26px 68px;}
.acme-mock-page.acme-mock-page .fr-property-image{height: 210px; position: relative; overflow: hidden;}
.acme-mock-page.acme-mock-page .fr-property-image img{object-fit: cover; width: 100%; height: 100%; transition: transform 0.4s;}
.acme-mock-page.acme-mock-page .fr-property:hover .fr-property-image img{transform: scale(1.045);}
.acme-mock-page.acme-mock-page .fr-property-badge{color: rgb(34, 25, 15); letter-spacing: 0.12em; text-transform: uppercase; background: rgb(201, 169, 105); border-radius: 999px; padding: 7px 11px; font-size: 10px; font-weight: 800; position: absolute; top: 14px; left: 14px;}
.acme-mock-page.acme-mock-page .fr-badge-exclusive{color: rgb(255, 247, 231); background: rgb(59, 43, 24);}
.acme-mock-page.acme-mock-page .fr-badge-new{color: rgb(255, 247, 231); background: rgb(143, 79, 54);}
.acme-mock-page.acme-mock-page .fr-badge-premium{background: rgb(239, 227, 195);}
.acme-mock-page.acme-mock-page .fr-property-content{padding: 18px;}
.acme-mock-page.acme-mock-page .fr-property-name{color: rgb(45, 36, 26); font-family: var(--fr-font-display), Georgia, serif; margin: 0px; font-size: 23px; font-weight: 600;}
.acme-mock-page.acme-mock-page .fr-property-location{color: rgb(128, 98, 46); margin: 6px 0px 12px; font-size: 13px;}
.acme-mock-page.acme-mock-page .fr-property-specs{flex-wrap: wrap; gap: 8px; margin-bottom: 12px; display: flex;}
.acme-mock-page.acme-mock-page .fr-property-specs span{color: rgb(100, 83, 64); border: 1px solid rgba(128, 98, 46, 0.18); border-radius: 999px; padding: 6px 9px; font-size: 11px;}
.acme-mock-page.acme-mock-page .fr-property-desc{color: rgb(115, 102, 90); font-size: 13px; line-height: 1.55;}
.acme-mock-page.acme-mock-page .fr-property-price{color: rgb(128, 98, 46); margin-top: 16px; font-size: 18px; font-weight: 800;}
.acme-mock-page.acme-mock-page .mfp.mfp-product-consultation{color: rgb(23, 32, 51); font-family: var(--product-font-body), Inter, system-ui, sans-serif; background: linear-gradient(135deg, rgb(239, 246, 255) 0%, rgb(248, 251, 255) 48%, rgb(233, 242, 255) 100%); border-radius: 28px; padding: clamp(18px, 3vw, 30px); position: relative; overflow: hidden;}
.acme-mock-page.acme-mock-page .mfp-product-consultation .mfp-bg-pattern{background-image: radial-gradient(circle at 20% 20%, rgba(37, 99, 235, 0.12), rgba(0, 0, 0, 0) 24%), radial-gradient(circle at 82% 8%, rgba(14, 165, 233, 0.13), rgba(0, 0, 0, 0) 28%), linear-gradient(90deg, rgba(37, 99, 235, 0.05) 1px, rgba(0, 0, 0, 0) 1px), linear-gradient(rgba(37, 99, 235, 0.05) 1px, rgba(0, 0, 0, 0) 1px); background-size: auto, auto, 44px 44px, 44px 44px; position: absolute; inset: 0px;}
.acme-mock-page.acme-mock-page .mfp-product-consultation .mfp-container{z-index: 1; max-width: 980px; margin: 0px auto; position: relative;}
.acme-mock-page.acme-mock-page .mfp-product-consultation .mfp-card{background: rgba(255, 255, 255, 0.92); border: 1px solid rgba(103, 121, 152, 0.22); border-radius: 24px; overflow: hidden; box-shadow: rgba(37, 99, 235, 0.16) 0px 28px 90px;}
.acme-mock-page.acme-mock-page .mfp-brand-header{border-bottom: 1px solid rgba(103, 121, 152, 0.16); align-items: center; gap: 14px; padding: 24px 28px; display: flex;}
.acme-mock-page.acme-mock-page .mfp-brand-logo{color: rgb(37, 99, 235); place-items: center; width: 48px; height: 48px; display: grid;}
.acme-mock-page.acme-mock-page .mfp-brand-logo svg{width: 40px; height: 40px;}
.acme-mock-page.acme-mock-page .mfp-brand-text{flex-direction: column; display: flex;}
.acme-mock-page.acme-mock-page .mfp-brand-title{color: rgb(23, 32, 51); font-family: var(--product-font-display), Inter, system-ui, sans-serif; font-size: 22px; font-weight: 800;}
.acme-mock-page.acme-mock-page .mfp-brand-subtitle{color: rgb(107, 120, 144); letter-spacing: 0.16em; text-transform: uppercase; font-size: 12px; font-weight: 700;}
.acme-mock-page.acme-mock-page .mfp-form-header{text-align: center; padding: 28px 28px 8px;}
.acme-mock-page.acme-mock-page .mfp-form-title{color: rgb(23, 32, 51); font-family: var(--product-font-display), Inter, system-ui, sans-serif; letter-spacing: -0.05em; margin: 0px; font-size: clamp(30px, 5vw, 58px); font-weight: 800; line-height: 0.98;}
.acme-mock-page.acme-mock-page .mfp-form-desc{color: rgb(107, 120, 144); max-width: 54ch; margin: 14px auto 0px; line-height: 1.7;}
.acme-mock-page.acme-mock-page .mfp-form-body{padding: 22px 28px 30px;}
.acme-mock-page.acme-mock-page .mfp-section-title{color: rgb(30, 64, 175); letter-spacing: 0.14em; text-transform: uppercase; align-items: center; gap: 10px; margin-bottom: 16px; font-size: 12px; font-weight: 900; display: flex;}
.acme-mock-page.acme-mock-page .mfp-section-icon{width: 22px; height: 22px; display: inline-flex;}
.acme-mock-page.acme-mock-page .product-slider-wrapper{margin: 8px 0px 6px; padding: 0px 46px 34px; position: relative;}
.acme-mock-page.acme-mock-page .product-slider{overflow: hidden;}
.acme-mock-page.acme-mock-page .product-slider-track{will-change: transform; gap: 16px; transition: transform 0.42s; display: flex;}
.acme-mock-page.acme-mock-page .product-card{background: rgb(255, 255, 255); border: 1px solid rgba(103, 121, 152, 0.18); border-radius: 18px; min-width: calc(33.3333% - 10.6667px); overflow: hidden; box-shadow: rgba(37, 99, 235, 0.1) 0px 16px 36px;}
.acme-mock-page.acme-mock-page .product-image{background: rgb(219, 234, 254); height: 168px; position: relative; overflow: hidden;}
.acme-mock-page.acme-mock-page .product-image img{object-fit: cover; width: 100%; height: 100%;}
.acme-mock-page.acme-mock-page .product-badge{color: rgb(255, 255, 255); text-transform: uppercase; background: rgb(37, 99, 235); border-radius: 999px; padding: 6px 10px; font-size: 10px; font-weight: 900; position: absolute; top: 12px; left: 12px;}
.acme-mock-page.acme-mock-page .product-info{padding: 15px;}
.acme-mock-page.acme-mock-page .product-name{color: rgb(23, 32, 51); margin: 0px; font-size: 16px; font-weight: 800;}
.acme-mock-page.acme-mock-page .product-price{color: rgb(37, 99, 235); margin: 8px 0px 0px; font-weight: 900;}
.acme-mock-page.acme-mock-page .slider-btn{z-index: 3; color: rgb(37, 99, 235); cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgba(37, 99, 235, 0.16); border-radius: 50%; place-items: center; width: 38px; height: 38px; display: grid; position: absolute; top: 76px; box-shadow: rgba(37, 99, 235, 0.16) 0px 12px 26px;}
.acme-mock-page.acme-mock-page .slider-btn:hover{color: rgb(255, 255, 255); background: rgb(37, 99, 235);}
.acme-mock-page.acme-mock-page .slider-btn svg{width: 18px; height: 18px;}
.acme-mock-page.acme-mock-page .slider-prev{left: 0px;}
.acme-mock-page.acme-mock-page .slider-next{right: 0px;}
.acme-mock-page.acme-mock-page .slider-dots{gap: 7px; display: flex; position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%);}
.acme-mock-page.acme-mock-page :is(.slider-dots .dot, .acme-mock-page.acme-mock-page .rc-slider-dots .rc-dot, .acme-mock-page.acme-mock-page .usa-slider-dots .usa-dot){cursor: pointer; background: rgba(103, 121, 152, 0.42); border: 0px; border-radius: 999px; width: 8px; height: 8px; transition: width 0.18s, background 0.18s;}
.acme-mock-page.acme-mock-page :is(.slider-dots .dot.active, .acme-mock-page.acme-mock-page .rc-slider-dots .rc-dot.active, .acme-mock-page.acme-mock-page .usa-slider-dots .usa-dot.active){background: rgb(37, 99, 235); width: 24px;}
.acme-mock-page.acme-mock-page .mfp.mfp-pt-trainer{color: rgb(247, 250, 245); font-family: var(--pt-font-body), Inter, system-ui, sans-serif; background: radial-gradient(circle at 80% 10%, rgba(125, 216, 111, 0.18), rgba(0, 0, 0, 0) 26%), linear-gradient(145deg, rgb(13, 20, 17) 0%, rgb(21, 31, 25) 100%); border-radius: 28px; padding: clamp(18px, 3vw, 34px); overflow: hidden;}
.acme-mock-page.acme-mock-page .pt-wrapper{max-width: 900px; margin: 0px auto;}
.acme-mock-page.acme-mock-page .pt-header{grid-template-columns: 0.86fr 1.14fr; align-items: end; gap: 30px; margin-bottom: 22px; display: grid;}
.acme-mock-page.acme-mock-page .pt-brand-name{color: rgb(157, 242, 141); font-family: var(--pt-font-display), Inter, system-ui, sans-serif; letter-spacing: -0.04em; margin: 0px; font-size: clamp(34px, 7vw, 70px); font-weight: 800; line-height: 0.92;}
.acme-mock-page.acme-mock-page :is(.pt-brand-tagline, .acme-mock-page.acme-mock-page .pt-form-desc){color: rgb(170, 182, 172);}
.acme-mock-page.acme-mock-page .pt-brand-tagline{letter-spacing: 0.16em; text-transform: uppercase; margin-top: 10px; font-size: 12px; font-weight: 800;}
.acme-mock-page.acme-mock-page .pt-form-title{color: rgb(255, 255, 255); margin: 0px 0px 8px; font-size: clamp(22px, 3vw, 36px); font-weight: 800;}
.acme-mock-page.acme-mock-page .pt-card{background: rgba(255, 255, 255, 0.055); border: 1px solid rgba(157, 242, 141, 0.18); border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.26) 0px 28px 80px;}
.acme-mock-page.acme-mock-page .pt-card-body{padding: clamp(22px, 3vw, 34px);}
.acme-mock-page.acme-mock-page .pt-section-label{color: rgb(157, 242, 141); font-family: var(--pt-font-display), Inter, system-ui, sans-serif; letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 16px; font-size: 14px; font-weight: 900;}
.acme-mock-page.acme-mock-page .pt-gallery-wrapper{position: relative;}
.acme-mock-page.acme-mock-page .pt-gallery-inner{background: rgba(0, 0, 0, 0.22); border-radius: 22px; padding: 26px 54px; position: relative; overflow: hidden;}
.acme-mock-page.acme-mock-page .pt-gallery-track{transition: transform 0.44s; display: flex;}
.acme-mock-page.acme-mock-page .pt-gallery-item{min-width: 100%;}
.acme-mock-page.acme-mock-page .pt-trainer-card{text-align: center; place-items: center; min-height: 310px; display: grid;}
.acme-mock-page.acme-mock-page .pt-trainer-img-wrapper{border: 4px solid rgba(157, 242, 141, 0.82); border-radius: 50%; width: 190px; height: 190px; overflow: hidden; box-shadow: rgba(125, 216, 111, 0.2) 0px 20px 60px;}
.acme-mock-page.acme-mock-page .pt-trainer-img{object-fit: cover; width: 100%; height: 100%;}
.acme-mock-page.acme-mock-page .pt-trainer-name{color: rgb(255, 255, 255); margin: 18px 0px 4px; font-size: 26px; font-weight: 900;}
.acme-mock-page.acme-mock-page .pt-trainer-role{color: rgb(157, 242, 141); letter-spacing: 0.08em; text-transform: uppercase; font-size: 14px; font-weight: 800;}
.acme-mock-page.acme-mock-page .pt-nav-btn{z-index: 2; color: rgb(157, 242, 141); cursor: pointer; background: rgba(13, 20, 17, 0.9); border: 1px solid rgba(157, 242, 141, 0.24); border-radius: 999px; place-items: center; width: 38px; height: 38px; display: grid; position: absolute; top: 50%; transform: translateY(-50%);}
.acme-mock-page.acme-mock-page .pt-nav-prev{left: 12px;}
.acme-mock-page.acme-mock-page .pt-nav-next{right: 12px;}
.acme-mock-page.acme-mock-page .pt-gallery-dots{justify-content: center; gap: 8px; margin-top: 16px; display: flex;}
.acme-mock-page.acme-mock-page .pt-gallery-dot{cursor: pointer; background: rgba(255, 255, 255, 0.28); border: 0px; border-radius: 999px; width: 8px; height: 8px;}
.acme-mock-page.acme-mock-page .pt-dot-active{background: rgb(157, 242, 141); width: 26px;}
.acme-mock-page.acme-mock-page .pt-footer{color: rgb(170, 182, 172); text-align: center; margin-top: 18px;}
.acme-mock-page.acme-mock-page .mfp.mfp-usa-training{color: rgb(15, 33, 71); font-family: var(--usa-font-body), Inter, system-ui, sans-serif; background: linear-gradient(135deg, rgb(248, 251, 255) 0%, rgb(238, 244, 255) 100%); border-radius: 28px; padding: clamp(18px, 3vw, 30px); overflow: hidden;}
.acme-mock-page.acme-mock-page .usa-form-container{max-width: 1040px; margin: 0px auto;}
.acme-mock-page.acme-mock-page .usa-form-card{background: rgb(255, 255, 255); border: 1px solid rgba(15, 33, 71, 0.13); border-radius: 24px; overflow: hidden; box-shadow: rgba(15, 33, 71, 0.14) 0px 28px 82px;}
.acme-mock-page.acme-mock-page .usa-flag-stripe{grid-template-columns: 1fr 1fr 1fr; height: 8px; display: grid;}
.acme-mock-page.acme-mock-page .usa-stripe-red{background: rgb(220, 38, 38);}
.acme-mock-page.acme-mock-page .usa-stripe-white{background: rgb(255, 255, 255);}
.acme-mock-page.acme-mock-page .usa-stripe-blue{background: rgb(29, 78, 216);}
.acme-mock-page.acme-mock-page .usa-header{border-bottom: 1px solid rgba(15, 33, 71, 0.1);}
.acme-mock-page.acme-mock-page .usa-brand{align-items: center; gap: 16px; padding: 24px 28px 0px; display: flex;}
.acme-mock-page.acme-mock-page .usa-logo{color: rgb(29, 78, 216); place-items: center; width: 54px; height: 54px; display: grid;}
.acme-mock-page.acme-mock-page .usa-logo-icon{width: 54px; height: 54px;}
.acme-mock-page.acme-mock-page .usa-brand-name{color: rgb(15, 33, 71); font-family: var(--usa-font-display), Inter, system-ui, sans-serif; letter-spacing: 0.08em; font-size: clamp(22px, 3vw, 38px); font-weight: 900; display: block;}
.acme-mock-page.acme-mock-page .usa-brand-tagline{color: rgb(220, 38, 38); letter-spacing: 0.16em; text-transform: uppercase; font-size: 12px; font-weight: 800; display: block;}
.acme-mock-page.acme-mock-page .usa-form-intro{padding: 22px 28px 28px;}
.acme-mock-page.acme-mock-page .usa-form-title{color: rgb(15, 33, 71); font-family: var(--usa-font-display), Inter, system-ui, sans-serif; margin: 0px; font-size: clamp(30px, 5vw, 56px); font-weight: 900; line-height: 0.98;}
.acme-mock-page.acme-mock-page .usa-form-description{color: rgb(100, 116, 139); max-width: 52ch; margin: 12px 0px 0px; line-height: 1.65;}
.acme-mock-page.acme-mock-page .usa-form-body{padding: 0px 28px 30px;}
.acme-mock-page.acme-mock-page .usa-slider-section{background: linear-gradient(135deg, rgb(239, 246, 255), rgb(255, 255, 255)); border: 1px solid rgba(29, 78, 216, 0.13); border-radius: 22px; padding: 22px;}
.acme-mock-page.acme-mock-page .usa-slider-header{margin-bottom: 18px;}
.acme-mock-page.acme-mock-page .usa-slider-title{color: rgb(15, 33, 71); margin: 0px; font-size: 25px; font-weight: 900;}
.acme-mock-page.acme-mock-page .usa-slider-subtitle{color: rgb(100, 116, 139); margin: 6px 0px 0px;}
.acme-mock-page.acme-mock-page .usa-slider-container{padding: 0px 46px 28px; position: relative;}
.acme-mock-page.acme-mock-page .usa-slider-track{overflow: hidden;}
.acme-mock-page.acme-mock-page .usa-slider-slides{transition: transform 0.43s; display: flex;}
.acme-mock-page.acme-mock-page .usa-slide{padding: 0px 8px;}
.acme-mock-page.acme-mock-page .usa-slide-inner{background: rgb(255, 255, 255); border: 1px solid rgba(15, 33, 71, 0.12); border-radius: 18px; height: 100%; overflow: hidden;}
.acme-mock-page.acme-mock-page .usa-slide-image{height: 160px; position: relative; overflow: hidden;}
.acme-mock-page.acme-mock-page .usa-slide-image img{object-fit: cover; width: 100%; height: 100%;}
.acme-mock-page.acme-mock-page .usa-slide-badge{color: rgb(255, 255, 255); letter-spacing: 0.1em; text-transform: uppercase; border-radius: 999px; padding: 6px 10px; font-size: 10px; font-weight: 900; position: absolute; top: 12px; left: 12px;}
.acme-mock-page.acme-mock-page .usa-badge-featured{background: rgb(29, 78, 216);}
.acme-mock-page.acme-mock-page .usa-badge-popular{background: rgb(220, 38, 38);}
.acme-mock-page.acme-mock-page .usa-badge-new{background: rgb(4, 120, 87);}
.acme-mock-page.acme-mock-page .usa-slide-content{padding: 16px;}
.acme-mock-page.acme-mock-page .usa-slide-content h4{color: rgb(15, 33, 71); margin: 0px; font-size: 17px; font-weight: 900;}
.acme-mock-page.acme-mock-page .usa-slide-content p{color: rgb(100, 116, 139); margin: 7px 0px 0px; font-size: 13px; line-height: 1.5;}
.acme-mock-page.acme-mock-page .usa-slider-nav{z-index: 3; color: rgb(29, 78, 216); cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgba(29, 78, 216, 0.16); border-radius: 50%; place-items: center; width: 38px; height: 38px; display: grid; position: absolute; top: 72px; box-shadow: rgba(29, 78, 216, 0.14) 0px 12px 26px;}
.acme-mock-page.acme-mock-page .usa-slider-prev{left: 0px;}
.acme-mock-page.acme-mock-page .usa-slider-next{right: 0px;}
.acme-mock-page.acme-mock-page .usa-slider-dots{gap: 7px; display: flex; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);}
.acme-mock-page.acme-mock-page .mfp.romantic-celebration{color: rgb(74, 36, 50); font-family: var(--rc-font-body), Inter, system-ui, sans-serif; background: radial-gradient(circle at 9% 12%, rgba(244, 114, 182, 0.22), rgba(0, 0, 0, 0) 25%), radial-gradient(circle at 90% 0px, rgba(201, 169, 105, 0.22), rgba(0, 0, 0, 0) 24%), linear-gradient(135deg, rgb(255, 247, 248) 0%, rgb(255, 255, 255) 45%, rgb(253, 242, 248) 100%); border-radius: 30px; padding: clamp(18px, 3vw, 34px); position: relative; overflow: hidden;}
.acme-mock-page.acme-mock-page .rc-ambient{pointer-events: none; position: absolute; inset: 0px;}
.acme-mock-page.acme-mock-page .rc-rose{filter: blur(10px); background: rgba(244, 114, 182, 0.18); border-radius: 999px; position: absolute;}
.acme-mock-page.acme-mock-page .rc-rose-1{width: 120px; height: 120px; top: 40px; left: -32px;}
.acme-mock-page.acme-mock-page .rc-rose-2{width: 180px; height: 180px; top: -48px; right: 4%;}
.acme-mock-page.acme-mock-page .rc-rose-3{width: 130px; height: 130px; bottom: 8%; right: 12%;}
.acme-mock-page.acme-mock-page .rc-rose-4{width: 90px; height: 90px; bottom: -20px; left: 10%;}
.acme-mock-page.acme-mock-page .rc-frame{z-index: 1; background: rgba(255, 255, 255, 0.88); border: 1px solid rgba(201, 169, 105, 0.34); border-radius: 24px; position: relative; overflow: hidden; box-shadow: rgba(190, 24, 93, 0.14) 0px 30px 90px;}
.acme-mock-page.acme-mock-page .rc-gold-line{background: linear-gradient(90deg, rgb(201, 169, 105), rgb(249, 212, 221), rgb(201, 169, 105)); height: 4px;}
.acme-mock-page.acme-mock-page .rc-header{border-bottom: 1px solid rgba(201, 169, 105, 0.2); grid-template-columns: auto 1fr auto; align-items: center; gap: 20px; padding: clamp(24px, 4vw, 42px); display: grid;}
.acme-mock-page.acme-mock-page .rc-monogram{color: rgb(190, 24, 93); width: 66px; height: 66px; font-family: var(--rc-font-display), Georgia, serif; border: 1px solid rgba(201, 169, 105, 0.48); border-radius: 50%; place-items: center; font-size: 34px; display: grid;}
.acme-mock-page.acme-mock-page .rc-eyebrow{color: rgb(190, 24, 93); letter-spacing: 0.2em; text-transform: uppercase; font-size: 12px; font-weight: 800;}
.acme-mock-page.acme-mock-page .rc-title{color: rgb(74, 36, 50); font-family: var(--rc-font-display), Georgia, serif; margin: 5px 0px 0px; font-size: clamp(34px, 5vw, 64px); font-weight: 600; line-height: 0.95;}
.acme-mock-page.acme-mock-page .rc-event-info{color: rgb(122, 82, 96); text-align: right; gap: 7px; font-size: 13px; display: grid;}
.acme-mock-page.acme-mock-page .rc-main{padding: clamp(24px, 4vw, 40px);}
.acme-mock-page.acme-mock-page .rc-card{background: linear-gradient(rgba(255, 247, 248, 0.72), rgb(255, 255, 255)); border: 1px solid rgba(201, 169, 105, 0.22); border-radius: 22px; padding: 22px;}
.acme-mock-page.acme-mock-page .rc-section-header{color: rgb(190, 24, 93); letter-spacing: 0.14em; text-transform: uppercase; align-items: center; gap: 10px; margin-bottom: 18px; font-size: 12px; font-weight: 900; display: flex;}
.acme-mock-page.acme-mock-page .rc-section-icon{width: 22px; height: 22px; display: inline-flex;}
.acme-mock-page.acme-mock-page .rc-slider-container{padding: 0px 46px 34px; position: relative;}
.acme-mock-page.acme-mock-page .rc-slider{overflow: hidden;}
.acme-mock-page.acme-mock-page .rc-slider-track{transition: transform 0.43s; display: flex;}
.acme-mock-page.acme-mock-page .rc-slide{padding: 0px 8px;}
.acme-mock-page.acme-mock-page .rc-slide-inner{background: rgb(255, 255, 255); border: 1px solid rgba(201, 169, 105, 0.22); border-radius: 18px; height: 100%; overflow: hidden; box-shadow: rgba(190, 24, 93, 0.08) 0px 16px 36px;}
.acme-mock-page.acme-mock-page .rc-slide-image{height: 170px; overflow: hidden;}
.acme-mock-page.acme-mock-page .rc-slide-image img{object-fit: cover; width: 100%; height: 100%;}
.acme-mock-page.acme-mock-page .rc-slide-content{padding: 15px;}
.acme-mock-page.acme-mock-page .rc-slide-badge{color: rgb(190, 24, 93); letter-spacing: 0.12em; text-transform: uppercase; background: rgb(252, 231, 243); border-radius: 999px; padding: 6px 10px; font-size: 10px; font-weight: 900; display: inline-flex;}
.acme-mock-page.acme-mock-page .rc-badge-popular{color: rgb(180, 83, 9); background: rgb(255, 247, 237);}
.acme-mock-page.acme-mock-page .rc-badge-new{color: rgb(157, 23, 77); background: rgb(253, 242, 248);}
.acme-mock-page.acme-mock-page .rc-slide-title{color: rgb(74, 36, 50); font-family: var(--rc-font-display), Georgia, serif; margin: 12px 0px 0px; font-size: 22px; font-weight: 700;}
.acme-mock-page.acme-mock-page .rc-slide-desc{color: rgb(122, 82, 96); margin: 6px 0px 0px; font-size: 13px; line-height: 1.55;}
.acme-mock-page.acme-mock-page .rc-slider-nav{z-index: 3; color: rgb(190, 24, 93); cursor: pointer; background: rgb(255, 255, 255); border: 1px solid rgba(201, 169, 105, 0.32); border-radius: 50%; place-items: center; width: 38px; height: 38px; display: grid; position: absolute; top: 78px; box-shadow: rgba(190, 24, 93, 0.12) 0px 12px 26px;}
.acme-mock-page.acme-mock-page .rc-slider-prev{left: 0px;}
.acme-mock-page.acme-mock-page .rc-slider-next{right: 0px;}
.acme-mock-page.acme-mock-page .rc-slider-dots{gap: 7px; display: flex; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);}
.acme-mock-page.acme-mock-page .mf-ceremony-source{color: rgb(31, 27, 22); font-family: var(--cel-font-body), Inter, system-ui, sans-serif; background: rgb(251, 250, 247); border-radius: 30px; padding: clamp(18px, 4vw, 46px);}
.acme-mock-page.acme-mock-page .cel-outer{max-width: 1024px; margin: 0px auto;}
.acme-mock-page.acme-mock-page .cel-header{text-align: center; margin-bottom: 38px;}
.acme-mock-page.acme-mock-page .cel-kicker{color: rgb(138, 129, 116); letter-spacing: 0.3em; text-transform: uppercase; margin: 0px 0px 12px; font-size: 13px;}
.acme-mock-page.acme-mock-page .cel-title{color: rgb(31, 27, 22); font-family: var(--cel-font-display), Georgia, serif; letter-spacing: 0.04em; margin: 0px; font-size: clamp(44px, 7vw, 82px); font-weight: 300; line-height: 0.96;}
.acme-mock-page.acme-mock-page .cel-flower-line{color: rgb(165, 139, 89); justify-content: center; align-items: center; gap: 16px; margin-top: 14px; font-size: 25px; display: flex;}
.acme-mock-page.acme-mock-page :is(){content: ""; background: rgb(216, 208, 196); width: 64px; height: 1px;}
.acme-mock-page.acme-mock-page .cel-gallery{background: rgb(222, 216, 207); height: min(58vw, 520px); min-height: 390px; position: relative; overflow: hidden; box-shadow: rgba(31, 27, 22, 0.16) 0px 24px 80px;}
.acme-mock-page.acme-mock-page .cel-slide{opacity: 0; transition: opacity 0.7s; position: absolute; inset: 0px;}
.acme-mock-page.acme-mock-page .cel-slide.active{opacity: 1;}
.acme-mock-page.acme-mock-page .cel-slide img{object-fit: cover; width: 100%; height: 100%;}
.acme-mock-page.acme-mock-page .cel-text-rail{z-index: 2; color: rgb(255, 255, 255); backdrop-filter: blur(2px); background: rgba(0, 0, 0, 0.5); flex-direction: column; justify-content: center; width: min(330px, 42%); padding: clamp(22px, 3vw, 34px); display: flex; position: absolute; inset: 0px auto 0px 0px;}
.acme-mock-page.acme-mock-page .cel-copy{display: none;}
.acme-mock-page.acme-mock-page .cel-copy.active{display: block;}
.acme-mock-page.acme-mock-page .cel-count{color: rgba(255, 255, 255, 0.55); letter-spacing: 0.24em; text-transform: uppercase; align-items: center; gap: 9px; font-size: 12px; display: flex;}
.acme-mock-page.acme-mock-page .cel-count::after{content: ""; background: rgba(255, 255, 255, 0.3); width: 34px; height: 1px;}
.acme-mock-page.acme-mock-page .cel-copy h3{color: rgb(255, 255, 255); font-family: var(--cel-font-display), Georgia, serif; margin: 18px 0px 0px; font-size: clamp(25px, 3vw, 36px); font-weight: 300; line-height: 1.08;}
.acme-mock-page.acme-mock-page .cel-copy h3::after{content: ""; background: rgba(255, 255, 255, 0.42); width: 48px; height: 2px; margin-top: 14px; display: block;}
.acme-mock-page.acme-mock-page .cel-sub{color: rgba(255, 255, 255, 0.9); font-family: var(--cel-font-display), Georgia, serif; letter-spacing: 0.04em; margin: 18px 0px 0px; font-size: 17px; font-style: italic;}
.acme-mock-page.acme-mock-page .cel-desc{color: rgba(255, 255, 255, 0.72); margin: 14px 0px 0px; font-size: 14px; font-weight: 300; line-height: 1.7;}
.acme-mock-page.acme-mock-page .cel-tags{flex-wrap: wrap; gap: 7px; margin-top: 18px; display: flex;}
.acme-mock-page.acme-mock-page .cel-tags span{color: rgba(255, 255, 255, 0.64); letter-spacing: 0.12em; text-transform: uppercase; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 5px 7px; font-size: 10px;}
.acme-mock-page.acme-mock-page .cel-nav{z-index: 3; color: rgb(255, 255, 255); cursor: pointer; backdrop-filter: blur(6px); background: rgba(255, 255, 255, 0.22); border: 0px; place-items: center; width: 42px; height: 42px; display: grid; position: absolute; top: 50%; transform: translateY(-50%);}
.acme-mock-page.acme-mock-page .cel-prev{left: 18px;}
.acme-mock-page.acme-mock-page .cel-next{right: 18px;}
.acme-mock-page.acme-mock-page .cel-thumbs{z-index: 4; align-items: end; gap: 8px; display: flex; position: absolute; bottom: 18px; right: 28px;}
.acme-mock-page.acme-mock-page .cel-thumb-wrap{justify-items: center; gap: 5px; display: grid;}
.acme-mock-page.acme-mock-page .cel-thumb-arrow{opacity: 0; border-bottom: 6px solid rgb(255, 255, 255); border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); width: 0px; height: 0px; transition: opacity 0.18s;}
.acme-mock-page.acme-mock-page .cel-thumb-arrow.active{opacity: 1;}
.acme-mock-page.acme-mock-page .cel-thumb{cursor: pointer; opacity: 0.62; background: none; border: 0px; width: 56px; height: 56px; transition: opacity 0.22s, transform 0.22s, box-shadow 0.22s; position: relative; overflow: hidden;}
.acme-mock-page.acme-mock-page .cel-thumb.active{opacity: 1; transform: scale(1.1); box-shadow: rgb(255, 255, 255) 0px 0px 0px 2px;}
.acme-mock-page.acme-mock-page .cel-thumb img{object-fit: cover; width: 100%; height: 100%;}
.acme-mock-page.acme-mock-page .mfp.mfp-wedding-scrapbook{color: rgb(43, 33, 24); background: rgb(239, 228, 209); border-radius: 28px; padding: clamp(18px, 3vw, 34px); font-family: Georgia, "Times New Roman", serif; overflow: hidden;}
.acme-mock-page.acme-mock-page .scrap-grid{grid-template-columns: 0.9fr 1.1fr; gap: 24px; max-width: 1040px; margin: 0px auto; display: grid;}
.acme-mock-page.acme-mock-page .scrap-side{background: linear-gradient(rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.42)), repeating-linear-gradient(0deg, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 38px, rgba(87, 66, 42, 0.08) 39px, rgba(87, 66, 42, 0.08) 40px); border-radius: 18px; min-height: 540px; padding: 34px; position: relative;}
.acme-mock-page.acme-mock-page .polaroid{background: center center / cover no-repeat rgb(215, 194, 163); border-width: 10px 10px 42px; border-style: solid; border-color: rgb(255, 255, 255); border-image: initial; width: 210px; height: 240px; position: absolute; box-shadow: rgba(43, 33, 24, 0.18) 0px 20px 40px;}
.acme-mock-page.acme-mock-page .polaroid-a{top: 34px; left: 34px; transform: rotate(-8deg);}
.acme-mock-page.acme-mock-page .polaroid-b{top: 156px; right: 28px; transform: rotate(9deg);}
.acme-mock-page.acme-mock-page .scrap-side .copy{position: absolute; bottom: 34px; left: 34px; right: 34px;}
.acme-mock-page.acme-mock-page .scrap-side .tiny{color: rgb(156, 107, 57); letter-spacing: 0.22em; text-transform: uppercase; font-size: 12px; font-weight: 800;}
.acme-mock-page.acme-mock-page .scrap-side h1{margin: 10px 0px 0px; font-size: clamp(36px, 5vw, 66px); line-height: 0.92;}
.acme-mock-page.acme-mock-page .scrap-side p{color: rgb(103, 80, 59); max-width: 40ch; line-height: 1.6;}
.acme-mock-page.acme-mock-page .scrap-main{gap: 18px; display: grid;}
.acme-mock-page.acme-mock-page .paper{background: rgb(255, 250, 240); border-radius: 18px; padding: 24px; box-shadow: rgba(43, 33, 24, 0.12) 0px 16px 36px;}
.acme-mock-page.acme-mock-page .paper.lined{background-image: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 31px, rgba(127, 99, 69, 0.12) 32px, rgba(127, 99, 69, 0.12) 33px);}
.acme-mock-page.acme-mock-page .scrapbook-stage{grid-template-columns: 0.9fr 1.1fr; align-items: center; gap: 22px; display: grid;}
.acme-mock-page.acme-mock-page .scrapbook-active-photo{background: rgb(255, 255, 255); border-width: 12px 12px 46px; border-style: solid; border-color: rgb(255, 255, 255); border-image: initial; position: relative; transform: rotate(-2deg); box-shadow: rgba(43, 33, 24, 0.2) 0px 24px 48px;}
.acme-mock-page.acme-mock-page .scrapbook-active-photo img{aspect-ratio: 4 / 3; object-fit: cover; width: 100%;}
.acme-mock-page.acme-mock-page .scrapbook-caption{text-align: center; font-size: 15px; font-weight: 800; position: absolute; bottom: -34px; left: 12px; right: 12px;}
.acme-mock-page.acme-mock-page .scrapbook-copy h2{margin: 0px; font-size: clamp(28px, 4vw, 50px); line-height: 1;}
.acme-mock-page.acme-mock-page .scrapbook-copy p{color: rgb(103, 80, 59); line-height: 1.65;}
.acme-mock-page.acme-mock-page .scrapbook-controls{flex-wrap: wrap; gap: 8px; margin-top: 20px; display: flex;}
.acme-mock-page.acme-mock-page .scrapbook-controls button{color: rgb(43, 33, 24); cursor: pointer; background: rgb(255, 250, 240); border: 1px solid rgba(103, 80, 59, 0.2); border-radius: 999px; padding: 9px 12px; font-size: 12px; font-weight: 800;}
.acme-mock-page.acme-mock-page .scrapbook-controls button.active{color: rgb(255, 250, 240); background: rgb(43, 33, 24);}
@media (max-width: 980px){.acme-mock-page.acme-mock-page .fr-gallery{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.acme-mock-page.acme-mock-page .product-card{min-width: calc(50% - 8px);}
.acme-mock-page.acme-mock-page :is(.pt-header, .acme-mock-page.acme-mock-page .scrap-grid, .acme-mock-page.acme-mock-page .scrapbook-stage){grid-template-columns: 1fr;}
.acme-mock-page.acme-mock-page .cel-text-rail{width: min(330px, 52%);}}
@media (max-width: 680px){.acme-mock-page.acme-mock-page :is(.fr-header, .acme-mock-page.acme-mock-page .rc-header){text-align: left; grid-template-columns: 1fr;}
.acme-mock-page.acme-mock-page .fr-gallery{grid-template-columns: 1fr;}
.acme-mock-page.acme-mock-page .fr-header-decor{display: none;}
.acme-mock-page.acme-mock-page :is(.product-slider-wrapper, .acme-mock-page.acme-mock-page .usa-slider-container, .acme-mock-page.acme-mock-page .rc-slider-container){padding-left: 0px; padding-right: 0px;}
.acme-mock-page.acme-mock-page .product-card{min-width: 100%;}
.acme-mock-page.acme-mock-page :is(.slider-btn, .acme-mock-page.acme-mock-page .usa-slider-nav, .acme-mock-page.acme-mock-page .rc-slider-nav){top: auto; bottom: -4px;}
.acme-mock-page.acme-mock-page :is(.slider-prev, .acme-mock-page.acme-mock-page .usa-slider-prev, .acme-mock-page.acme-mock-page .rc-slider-prev){left: 0px;}
.acme-mock-page.acme-mock-page :is(.slider-next, .acme-mock-page.acme-mock-page .usa-slider-next, .acme-mock-page.acme-mock-page .rc-slider-next){right: 0px;}
.acme-mock-page.acme-mock-page .cel-gallery{height: auto; min-height: 560px;}
.acme-mock-page.acme-mock-page .cel-slide{height: 330px;}
.acme-mock-page.acme-mock-page .cel-text-rail{width: 100%; min-height: 230px; margin-top: 330px; position: relative; inset: auto;}
.acme-mock-page.acme-mock-page .cel-thumbs{bottom: 242px; right: 12px;}
.acme-mock-page.acme-mock-page .cel-thumb{width: 42px; height: 42px;}
.acme-mock-page.acme-mock-page .scrap-side{min-height: 470px;}}
.acme-mock-page.acme-mock-page .mf-ceremony-swipe-source{--cel-swipe-background: #f7f6f1; --cel-swipe-foreground: #243325; --cel-swipe-muted: #6f766b; --cel-swipe-border: #d7d4c6; --cel-swipe-accent: #a49355; background: var(--cel-swipe-background); color: var(--cel-swipe-foreground); font-family: var(--cel-font-body), Inter, system-ui, sans-serif; border-radius: 30px; padding: clamp(18px, 4vw, 46px); overflow: hidden;}
.acme-mock-page.acme-mock-page .cel-swipe-outer{max-width: 1024px; margin: 0px auto;}
.acme-mock-page.acme-mock-page .cel-swipe-header{text-align: center; margin-bottom: 38px;}
.acme-mock-page.acme-mock-page .cel-swipe-kicker{color: var(--cel-swipe-muted); letter-spacing: 0.3em; text-transform: uppercase; margin: 0px 0px 12px; font-size: 13px;}
.acme-mock-page.acme-mock-page .cel-swipe-title{color: var(--cel-swipe-foreground); font-family: var(--cel-font-display), Georgia, serif; letter-spacing: 0.04em; margin: 0px; font-size: clamp(44px, 7vw, 82px); font-weight: 300; line-height: 0.96;}
.acme-mock-page.acme-mock-page .cel-swipe-flower-line{color: var(--cel-swipe-accent); justify-content: center; align-items: center; gap: 16px; margin-top: 14px; font-size: 25px; display: flex;}
.acme-mock-page.acme-mock-page :is(){content: ""; background: var(--cel-swipe-border); width: 64px; height: 1px;}
.acme-mock-page.acme-mock-page .cel-swipe-frame{cursor: grab; touch-action: pan-y; user-select: none; background: rgb(217, 214, 203); height: min(58vw, 520px); min-height: 420px; position: relative; overflow: hidden; box-shadow: rgba(36, 51, 37, 0.16) 0px 24px 80px;}
.acme-mock-page.acme-mock-page .cel-swipe-frame.grabbing{cursor: grabbing;}
.acme-mock-page.acme-mock-page .cel-swipe-track{will-change: transform; width: 100%; height: 100%; display: flex;}
.acme-mock-page.acme-mock-page .cel-swipe-track.animating{transition: transform 0.5s ease-out;}
.acme-mock-page.acme-mock-page .cel-swipe-slide{flex: 0 0 100%; min-width: 100%; height: 100%; position: relative;}
.acme-mock-page.acme-mock-page .cel-swipe-slide img{object-fit: cover; pointer-events: none; width: 100%; height: 100%; position: absolute; inset: 0px;}
.acme-mock-page.acme-mock-page .cel-swipe-panel{z-index: 2; color: rgb(255, 255, 255); backdrop-filter: blur(2px); background: rgba(0, 0, 0, 0.5); flex-direction: column; justify-content: center; width: min(330px, 42%); padding: clamp(22px, 3vw, 34px); display: flex; position: absolute; inset: 0px auto 0px 0px;}
.acme-mock-page.acme-mock-page .cel-swipe-count{color: rgb(243, 197, 120); letter-spacing: 0.24em; text-transform: uppercase; align-items: center; gap: 9px; font-size: 12px; font-weight: 600; display: flex;}
.acme-mock-page.acme-mock-page .cel-swipe-count::after{content: ""; background: linear-gradient(90deg, rgb(215, 167, 101), rgba(215, 167, 101, 0)); border-radius: 2px; width: 42px; height: 2px;}
.acme-mock-page.acme-mock-page .cel-swipe-panel h3{color: rgb(255, 255, 255); font-family: var(--cel-font-display), Georgia, serif; margin: 18px 0px 0px; font-size: clamp(25px, 3vw, 36px); font-weight: 300; line-height: 1.08;}
.acme-mock-page.acme-mock-page .cel-swipe-panel h3::after{content: ""; background: rgba(255, 255, 255, 0.42); width: 48px; height: 2px; margin-top: 14px; display: block;}
.acme-mock-page.acme-mock-page .cel-swipe-sub{color: rgba(255, 255, 255, 0.9); font-family: var(--cel-font-display), Georgia, serif; letter-spacing: 0.04em; margin: 18px 0px 0px; font-size: 17px; font-style: italic;}
.acme-mock-page.acme-mock-page .cel-swipe-desc{color: rgba(255, 255, 255, 0.72); margin: 14px 0px 0px; font-size: 14px; font-weight: 300; line-height: 1.7;}
.acme-mock-page.acme-mock-page .cel-swipe-tags{flex-wrap: wrap; gap: 7px; margin-top: 18px; display: flex;}
.acme-mock-page.acme-mock-page .cel-swipe-tags span{color: rgb(255, 231, 194); letter-spacing: 0.12em; text-transform: uppercase; background: linear-gradient(135deg, rgba(215, 167, 101, 0.22), rgba(255, 141, 153, 0.16)); border: 1px solid rgba(215, 167, 101, 0.45); border-radius: 999px; padding: 5px 10px; font-size: 10.5px; font-weight: 700;}
.acme-mock-page.acme-mock-page .cel-swipe-nav{z-index: 4; color: rgb(42, 26, 7); cursor: pointer; background: linear-gradient(135deg, rgb(215, 167, 101), rgb(184, 115, 50)); border: 0px; border-radius: 50%; place-items: center; width: 46px; height: 46px; transition: background 0.18s, transform 0.18s, box-shadow 0.18s; display: grid; position: absolute; top: 50%; transform: translateY(-50%); box-shadow: rgba(215, 167, 101, 0.45) 0px 6px 20px, rgba(255, 255, 255, 0.15) 0px 0px 0px 2px;}
.acme-mock-page.acme-mock-page .cel-swipe-nav:hover{background: linear-gradient(135deg, rgb(243, 197, 120), rgb(215, 167, 101)); transform: translateY(-50%) scale(1.1); box-shadow: rgba(215, 167, 101, 0.6) 0px 10px 30px, rgba(255, 255, 255, 0.25) 0px 0px 0px 2px;}
.acme-mock-page.acme-mock-page .cel-swipe-prev{left: min(330px, 42%);}
.acme-mock-page.acme-mock-page .cel-swipe-next{right: 18px;}
.acme-mock-page.acme-mock-page .cel-swipe-thumbs{z-index: 5; align-items: end; gap: 8px; display: flex; position: absolute; bottom: 18px; right: 28px;}
.acme-mock-page.acme-mock-page .cel-swipe-thumb-wrap{justify-items: center; gap: 5px; display: grid;}
.acme-mock-page.acme-mock-page .cel-swipe-thumb-arrow{opacity: 0; filter: drop-shadow(rgba(215, 167, 101, 0.6) 0px 2px 4px); border-bottom: 7px solid rgb(243, 197, 120); border-left: 7px solid rgba(0, 0, 0, 0); border-right: 7px solid rgba(0, 0, 0, 0); width: 0px; height: 0px; transition: opacity 0.18s;}
.acme-mock-page.acme-mock-page .cel-swipe-thumb-arrow.active{opacity: 1;}
.acme-mock-page.acme-mock-page .cel-swipe-thumb{cursor: pointer; opacity: 0.55; background: none; border: 0px; border-radius: 8px; width: 68px; height: 68px; transition: opacity 0.22s, transform 0.22s, box-shadow 0.22s; position: relative; overflow: hidden; box-shadow: rgba(255, 255, 255, 0.18) 0px 0px 0px 1px;}
.acme-mock-page.acme-mock-page .cel-swipe-thumb:hover{opacity: 0.85; transform: translateY(-2px);}
.acme-mock-page.acme-mock-page .cel-swipe-thumb.active{opacity: 1; transform: scale(1.12); box-shadow: rgb(243, 197, 120) 0px 0px 0px 2px, rgba(215, 167, 101, 0.55) 0px 8px 18px;}
.acme-mock-page.acme-mock-page .cel-swipe-thumb img{object-fit: cover; width: 100%; height: 100%;}
.acme-mock-page.acme-mock-page .cel-swipe-hint{color: var(--cel-swipe-muted); letter-spacing: 0.16em; text-transform: uppercase; align-items: center; gap: 8px; margin-top: 14px; font-size: 12px; display: inline-flex;}
@media (max-width: 680px){.acme-mock-page.acme-mock-page .cel-swipe-frame{flex-direction: column; height: auto; min-height: 0px; display: flex;}
.acme-mock-page.acme-mock-page .cel-swipe-track{height: auto;}
.acme-mock-page.acme-mock-page .cel-swipe-slide{min-height: 0px; display: grid;}
.acme-mock-page.acme-mock-page .cel-swipe-slide img{aspect-ratio: 4 / 3; position: relative;}
.acme-mock-page.acme-mock-page .cel-swipe-panel{width: 100%; min-height: 210px; position: relative; inset: auto;}
.acme-mock-page.acme-mock-page .cel-swipe-prev{left: 12px;}
.acme-mock-page.acme-mock-page .cel-swipe-next{right: 12px;}
.acme-mock-page.acme-mock-page .cel-swipe-nav{top: 36%;}
.acme-mock-page.acme-mock-page .cel-swipe-thumbs{display: none;}}


/* === megaform-sliders-patch START — do not edit by hand === */

/* --- 1. Hide bulky outer wrappers so only the slider itself shows --- */
.acme-mock-page .mfp-brand-header,
.acme-mock-page .mfp-form-header,
.acme-mock-page .mfp-bg-pattern,
.acme-mock-page .cel-header,
.acme-mock-page .cel-swipe-header,
.acme-mock-page .rc-header,
.acme-mock-page .rc-ambient,
.acme-mock-page .rc-gold-line,
.acme-mock-page .pt-brand-header,
.acme-mock-page .pt-form-header,
.acme-mock-page .pt-header,
.acme-mock-page .usa-brand-header,
.acme-mock-page .usa-form-header,
.acme-mock-page .usa-header,
.acme-mock-page .auto-brand-header,
.acme-mock-page .auto-form-header,
.acme-mock-page .fr-header,
.acme-mock-page .fr-monogram,
.acme-mock-page .fr-ambient,
.acme-mock-page .ws-header,
.acme-mock-page .ws-brand-header,
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__sectionHeader"],
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__sectionLabel"] {
  display: none !important;
}

/* --- 2. Neutralize outer card / frame chrome (heavy borders, shadows) --- */
.acme-mock-page .mfp-card,
.acme-mock-page .rc-frame,
.acme-mock-page .rc-card,
.acme-mock-page .fr-card,
.acme-mock-page .usa-form-card,
.acme-mock-page .pt-card,
.acme-mock-page .pt-wrapper,
.acme-mock-page .pt-gallery-wrapper,
.acme-mock-page .pt-gallery-inner,
.acme-mock-page .pt-card-body,
.acme-mock-page .pt-section,
.acme-mock-page .auto-form-card,
.acme-mock-page .ws-card,
.acme-mock-page .ws-frame,
.acme-mock-page .cel-outer,
.acme-mock-page .cel-swipe-outer,
.acme-mock-page .paper,
.acme-mock-page .paper.lined {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  max-width: none !important;
}

/* --- 3. Make the tracks native-scrollable so sliders SLIDE in DNN --- */
/* React onClick won't run; the user swipes / scrolls horizontally instead.
   Targets two kinds of components:
     (a) shared module — plain class names (.cel-swipe-track, .product-slider-track, …)
     (b) per-slider CSS module — hashed class names (auto-dealership uses its
         own .module.css, so the track ends up as
         .megaform-auto-dealership-slider-module__qC4VYa__track — we match
         via attribute substring selectors).                              */
.acme-mock-page .cel-swipe-track,
.acme-mock-page .product-slider-track,
.acme-mock-page .rc-slider-track,
.acme-mock-page .usa-slider-track,
.acme-mock-page .pt-gallery-track,
.acme-mock-page .fr-slider-track,
.acme-mock-page .ws-track,
.acme-mock-page .cel-gallery,
.acme-mock-page .scrap-grid,
.acme-mock-page .fr-gallery,
.acme-mock-page .scrapbook-stage,
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__track"],
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__viewport"] {
  transform: none !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  scroll-behavior: smooth !important;
  -webkit-overflow-scrolling: touch !important;
  /* HIDE the native scrollbar entirely — looks unprofessional, especially on
     touch surfaces. The arrows + dots provide navigation; swipe still works. */
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
}
.acme-mock-page .cel-swipe-track::-webkit-scrollbar,
.acme-mock-page .product-slider-track::-webkit-scrollbar,
.acme-mock-page .rc-slider-track::-webkit-scrollbar,
.acme-mock-page .usa-slider-track::-webkit-scrollbar,
.acme-mock-page .pt-gallery-track::-webkit-scrollbar,
.acme-mock-page .fr-slider-track::-webkit-scrollbar,
.acme-mock-page .ws-track::-webkit-scrollbar,
.acme-mock-page .cel-gallery::-webkit-scrollbar,
.acme-mock-page .scrap-grid::-webkit-scrollbar,
.acme-mock-page .fr-gallery::-webkit-scrollbar,
.acme-mock-page .scrapbook-stage::-webkit-scrollbar,
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__track"]::-webkit-scrollbar,
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__viewport"]::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Per-slider slide widths — narrow product cards stay 3-per-view, full-bleed
   image+panel slides (ceremony-swipe, real-estate) take 100% width. */
.acme-mock-page .cel-swipe-slide,
.acme-mock-page .ws-slide {
  scroll-snap-align: start !important;
  flex: 0 0 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
}
.acme-mock-page .product-card,
.acme-mock-page .rc-slide,
.acme-mock-page .usa-slide,
.acme-mock-page .pt-trainer-card,
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__slide"]:not([class*="__slideBadge"]):not([class*="__slideImage"]):not([class*="__slideContent"]):not([class*="__slideName"]):not([class*="__slideDesc"]):not([class*="__slidePrice"]) {
  scroll-snap-align: start !important;
  flex: 0 0 calc(33.333% - 11px) !important;
  min-width: 260px !important;
}
@media (max-width: 768px) {
  .acme-mock-page .product-card,
  .acme-mock-page .rc-slide,
  .acme-mock-page .usa-slide,
  .acme-mock-page .pt-trainer-card,
  .acme-mock-page [class*="auto-dealership-slider-module"][class*="__slide"]:not([class*="__slideBadge"]):not([class*="__slideImage"]):not([class*="__slideContent"]):not([class*="__slideName"]):not([class*="__slideDesc"]):not([class*="__slidePrice"]) {
    flex: 0 0 calc(85%) !important;
  }
}
.acme-mock-page .fr-slide {
  scroll-snap-align: start !important;
  flex: 0 0 calc(50% - 8px) !important;
  min-width: 320px !important;
}

/* --- 4. Single-active layered displays — make all slides visible -----
   ceremony-gallery, wedding-scrapbook, real-estate render slides as a
   layered single-active stack via React. Without JS only slide 1 shows.
   Convert these to a horizontal scroll strip so every slide is reachable. */
.acme-mock-page .cel-gallery,
.acme-mock-page .scrap-grid,
.acme-mock-page .fr-gallery {
  display: flex !important;
  flex-direction: row !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  gap: 16px !important;
  height: auto !important;
  position: relative !important;
}
.acme-mock-page .cel-slide,
.acme-mock-page .scrap-main,
.acme-mock-page .fr-property {
  position: relative !important;
  opacity: 1 !important;
  visibility: visible !important;
  scroll-snap-align: start !important;
  flex: 0 0 clamp(280px, 85vw, 560px) !important;
}
.acme-mock-page .cel-slide img,
.acme-mock-page .fr-property img {
  width: 100% !important;
  height: auto !important;
}
/* Hide the React-only thumb-rail since clicks don't switch slides — the
   horizontal scroll strip IS the navigation. Also strip the editorial notes
   that crept into the snapshot from the local mock page (wedding-scrapbook,
   trainer-gallery side panels). */
.acme-mock-page .cel-text-rail,
.acme-mock-page .cel-thumbs,
.acme-mock-page .scrap-side,
.acme-mock-page .scrapbook-controls,
.acme-mock-page .scrapbook-copy,
.acme-mock-page .pt-gallery-dots,
.acme-mock-page .pt-nav-btn {
  display: none !important;
}

/* Wedding scrapbook + trainer gallery: turn the single-active layered view
   into a horizontal scroll of all slides so every photo/trainer is reachable. */
.acme-mock-page .scrapbook-stage,
.acme-mock-page .pt-gallery-track {
  display: flex !important;
  overflow-x: auto !important;
  scroll-snap-type: x mandatory !important;
  gap: 18px !important;
  width: 100% !important;
  flex-wrap: nowrap !important;
}
.acme-mock-page .scrapbook-active-photo {
  flex: 0 0 clamp(280px, 70vw, 480px) !important;
  scroll-snap-align: start !important;
  position: relative !important;
  opacity: 1 !important;
  visibility: visible !important;
}
.acme-mock-page .pt-gallery-item {
  flex: 0 0 clamp(220px, 30vw, 320px) !important;
  min-width: clamp(220px, 30vw, 320px) !important;
  width: clamp(220px, 30vw, 320px) !important;
  scroll-snap-align: start !important;
  position: relative !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* Hide page-shell editorial scaffolding (the local mock page wraps the
   scrapbook with editorial intro text in .copy / .tiny that isn't part of
   the slider). Keep .scrap-grid because it contains the actual polaroids. */
.acme-mock-page .scrap-grid > .copy,
.acme-mock-page .scrap-grid > .tiny,
.acme-mock-page .paper.lined {
  display: none !important;
}

/* Neutralize tinted background on the source-mount wrapper (dark green for
   trainer, beige for scrapbook, etc.). The source mount carries the gradient
   that becomes the bulky frame in DNN. */
.acme-mock-page .mfp.mfp-wedding-scrapbook,
.acme-mock-page .mfp.mfp-pt-trainer,
.acme-mock-page [class*="megaform-source-sliders-module"][class*="__sourceMount"] {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Trainer text was designed for a dark green frame — now that the frame is
   transparent, white text becomes unreadable. Switch to a high-contrast
   dark slate so the names are legible on light backgrounds. */
.acme-mock-page .pt-trainer-name,
.acme-mock-page .pt-trainer-role {
  color: #0f172a !important;
  text-shadow: none !important;
}
.acme-mock-page .pt-trainer-role {
  color: #15803d !important;       /* match the original green accent */
}

/* The prev/next arrow buttons + dots + thumbnails are WIRED by
   acme-slider-interactivity.js. Modern, minimal pill design — smaller,
   sharper, with a hover glow. Anchored to the slider container (which we
   force position:relative below). */
.acme-mock-page .cel-swipe-nav,
.acme-mock-page .product-slider-wrapper .slider-btn,
.acme-mock-page .rc-slider-nav,
.acme-mock-page .usa-slider-nav,
.acme-mock-page .pt-slider-nav,
.acme-mock-page .pt-nav-btn,
.acme-mock-page .fr-slider-nav,
.acme-mock-page .ws-nav,
.acme-mock-page .cel-nav,
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__carouselButton"] {
  display: flex !important;
  z-index: 10 !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.95) !important;
  border: 1px solid rgba(15, 23, 42, 0.10) !important;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.10), 0 8px 22px rgba(15, 23, 42, 0.06) !important;
  cursor: pointer !important;
  color: #0f172a !important;
  opacity: 1 !important;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease !important;
}
.acme-mock-page .cel-swipe-nav:hover,
.acme-mock-page .product-slider-wrapper .slider-btn:hover,
.acme-mock-page .rc-slider-nav:hover,
.acme-mock-page .usa-slider-nav:hover,
.acme-mock-page .pt-nav-btn:hover,
.acme-mock-page .fr-slider-nav:hover,
.acme-mock-page .ws-nav:hover,
.acme-mock-page .cel-nav:hover {
  transform: translateY(-50%) scale(1.08) !important;
  background: #fff !important;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.18), 0 10px 28px rgba(15, 23, 42, 0.10) !important;
}
/* Arrow icons themselves: make sure they're crisp + visible */
.acme-mock-page .cel-swipe-nav svg,
.acme-mock-page .product-slider-wrapper .slider-btn svg,
.acme-mock-page .rc-slider-nav svg,
.acme-mock-page .usa-slider-nav svg,
.acme-mock-page .pt-nav-btn svg,
.acme-mock-page .fr-slider-nav svg,
.acme-mock-page .ws-nav svg,
.acme-mock-page .cel-nav svg {
  width: 18px !important;
  height: 18px !important;
  stroke-width: 2.2 !important;
  color: #0f172a !important;
}
.acme-mock-page .cel-swipe-prev,
.acme-mock-page .rc-slider-prev,
.acme-mock-page .usa-slider-prev,
.acme-mock-page .fr-slider-prev,
.acme-mock-page .ws-prev,
.acme-mock-page .cel-prev,
.acme-mock-page .pt-nav-prev,
.acme-mock-page .product-slider-wrapper .slider-prev {
  left: 8px !important;
  right: auto !important;
}
.acme-mock-page .cel-swipe-next,
.acme-mock-page .rc-slider-next,
.acme-mock-page .usa-slider-next,
.acme-mock-page .fr-slider-next,
.acme-mock-page .ws-next,
.acme-mock-page .cel-next,
.acme-mock-page .pt-nav-next,
.acme-mock-page .product-slider-wrapper .slider-next {
  right: 8px !important;
  left: auto !important;
}
/* Slider containers need position:relative so the absolute arrows
   anchor to the slider, not the page. */
.acme-mock-page .product-slider-wrapper,
.acme-mock-page .rc-slider-container,
.acme-mock-page .usa-slider-wrapper,
.acme-mock-page .pt-gallery-wrapper,
.acme-mock-page .cel-swipe-frame,
.acme-mock-page .cel-gallery,
.acme-mock-page .fr-gallery,
.acme-mock-page .scrapbook-stage,
.acme-mock-page .ws-frame,
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__carouselWrapper"] {
  position: relative !important;
}

/* Auto-dealership card chrome (CSS-module-hashed wrappers) */
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__card"],
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__intro"],
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__title"],
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__description"],
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__ambient"],
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__sectionHeader"],
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__accentTop"] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__intro"],
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__title"],
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__description"] {
  display: none !important;
}

/* Auto-dealership slides lost their image styling when we converted from
   the original grid-layout to flex-track. Restore image visibility + a
   reasonable card layout: image on top, then name/desc/price below. */
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__slide"]:not([class*="__slideBadge"]):not([class*="__slideImage"]):not([class*="__slideContent"]):not([class*="__slideName"]):not([class*="__slideDesc"]):not([class*="__slidePrice"]) {
  display: flex !important;
  flex-direction: column !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.08) !important;
}
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__slideImage"] {
  display: block !important;
  width: 100% !important;
  height: 180px !important;
  overflow: hidden !important;
  position: relative !important;
}
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__slideImage"] img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__slideContent"] {
  padding: 14px 16px 16px !important;
  background: #fff !important;
}
.acme-mock-page [class*="auto-dealership-slider-module"][class*="__slideBadge"] {
  position: absolute !important;
  top: 12px !important; left: 12px !important;
  background: #df0000 !important; color: #fff !important;
  font-size: 11px !important; font-weight: 700 !important;
  padding: 4px 10px !important; border-radius: 999px !important;
  z-index: 2 !important;
}

/* Trainer gallery: ".pt-section-label" was visible above the cards. Hide. */
.acme-mock-page .pt-section-label {
  display: none !important;
}

/* ─── Community American Gallery lightbox polish ───────────────────────
   The original mock's lightbox uses .pg-thumb thumbnails as a bottom strip
   AND React-state love/share/download buttons. In DNN (no React runtime):
     - shrink thumbnails so they don't cover the image
     - hide the action buttons (love/share/download) — they did nothing
     - keep the close X and prev/next arrows                              */
.acme-mock-page .pg-thumb {
  width: 56px !important;
  height: 40px !important;
  border-radius: 6px !important;
  margin: 0 4px !important;
  opacity: .55;
  transition: opacity .15s, transform .15s;
}
.acme-mock-page .pg-thumb:hover,
.acme-mock-page .pg-thumb.active,
.acme-mock-page .pg-thumb[aria-current="true"] {
  opacity: 1 !important;
  transform: scale(1.06);
}
.acme-mock-page .pg-lb-thumbs,
.acme-mock-page [class*="pg-lb-thumb-row"],
.acme-mock-page [class*="thumbnail-strip"] {
  position: absolute !important;
  left: 0 !important; right: 0 !important; bottom: 14px !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: center !important;
  gap: 2px !important;
  z-index: 5 !important;
  overflow-x: auto !important;
  scrollbar-width: none !important;
  padding: 0 16px !important;
}
.acme-mock-page .pg-lb-thumbs::-webkit-scrollbar { display: none !important; }

/* Hide the decorative React action buttons that have no JS handlers in DNN */
.acme-mock-page .pg-lb-actions,
.acme-mock-page [class*="pg-lb-action"],
.acme-mock-page .pg-lb button[aria-label*="like" i],
.acme-mock-page .pg-lb button[aria-label*="share" i],
.acme-mock-page .pg-lb button[aria-label*="download" i],
.acme-mock-page .pg-lb button[aria-label*="favorite" i] {
  display: none !important;
}

/* Lightbox close (X) + prev/next arrows: keep visible + raise z-index */
.acme-mock-page .pg-lb button[aria-label*="close" i],
.acme-mock-page .pg-lb button[aria-label*="previous" i],
.acme-mock-page .pg-lb button[aria-label*="next" i],
.acme-mock-page .pg-lb-close,
.acme-mock-page .pg-lb-prev,
.acme-mock-page .pg-lb-next {
  z-index: 20 !important;
  background: rgba(255, 255, 255, .92) !important;
  color: #0f172a !important;
}

/* Gallery page search input was floating off to the right corner unstyled.
   Either position it properly or hide it (the React filter pills already
   provide filtering). Hide for now — pills work, search needs JS. */
.acme-mock-page .pg-scope [class*="search"] input,
.acme-mock-page .pg-scope input[placeholder*="Search" i] {
  display: none !important;
}

/* ─── Romantic Celebration: prevent right-edge image clipping + mobile ─
   With 3-up cards the rightmost half-card was getting clipped (user feedback).
   Now (a) per-slide width matches 100/perView with no overflow, (b) mobile
   shows 1 card full-width, (c) image inside card maintains aspect ratio. */
.acme-mock-page .rc-slide {
  scroll-snap-align: start !important;
  overflow: hidden !important;
}
.acme-mock-page .rc-slide-image {
  aspect-ratio: 16/10 !important;
  overflow: hidden !important;
  border-top-left-radius: 14px !important;
  border-top-right-radius: 14px !important;
}
.acme-mock-page .rc-slide-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}
.acme-mock-page .rc-slide-inner {
  background: #fff !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(220, 38, 128, 0.10), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}
.acme-mock-page .rc-slide-content {
  padding: 16px 18px 20px !important;
  flex: 1 !important;
}
/* Each badge gets its OWN colour for visual variety */
.acme-mock-page .rc-slide-badge {
  display: inline-block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  margin-bottom: 10px !important;
  background: linear-gradient(135deg, #fda4af, #fb7185) !important;
  color: #881337 !important;
}
.acme-mock-page .rc-slide-badge.rc-badge-popular {
  background: linear-gradient(135deg, #fde68a, #fbbf24) !important;
  color: #78350f !important;
}
.acme-mock-page .rc-slide-badge.rc-badge-new {
  background: linear-gradient(135deg, #bbf7d0, #4ade80) !important;
  color: #14532d !important;
}
.acme-mock-page .rc-slide-title {
  color: #1e293b !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin: 0 0 6px !important;
  font-family: "Playfair Display", Georgia, serif !important;
}
.acme-mock-page .rc-slide-desc {
  color: #64748b !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}
/* Mobile: 1 card full-width */
@media (max-width: 720px) {
  .acme-mock-page .rc-slider-track .rc-slide,
  .acme-mock-page .rc-slide { flex: 0 0 100% !important; min-width: 100% !important; }
}

/* ─── Ceremony Swipe: distinct colours for tags + text ──────────────── */
.acme-mock-page .cel-swipe-tags span {
  background: rgba(243, 197, 120, 0.18) !important;
  color: #f3c578 !important;
  border: 1px solid rgba(243, 197, 120, 0.35) !important;
}
.acme-mock-page .cel-swipe-tags span:nth-child(2) {
  background: rgba(244, 114, 182, 0.18) !important;
  color: #f4b8d4 !important;
  border-color: rgba(244, 114, 182, 0.35) !important;
}
.acme-mock-page .cel-swipe-tags span:nth-child(3) {
  background: rgba(167, 139, 250, 0.18) !important;
  color: #c4b5fd !important;
  border-color: rgba(167, 139, 250, 0.35) !important;
}
.acme-mock-page .cel-swipe-count {
  color: #f3c578 !important;
  font-weight: 700 !important;
}
.acme-mock-page .cel-swipe-panel h3 {
  color: #fff !important;
}
.acme-mock-page .cel-swipe-sub {
  color: #f3c578 !important;
  font-style: italic !important;
}
.acme-mock-page .cel-swipe-desc {
  color: rgba(255, 255, 255, 0.88) !important;
  line-height: 1.55 !important;
}

/* ─── Home Agency hero ('Designs/home-agency') ────────────────────────
   The mock H1 uses Tailwind arbitrary class text-[clamp(3rem,12vw,10rem)]
   which isn't compiled into the deployed CSS, so the text falls back to
   browser default (tiny + illegible). Apply explicit fluid sizing. */
.acme-mock-page[data-acme-mock-route="/home-agency"] h1 {
  font-size: clamp(3rem, 12vw, 10rem) !important;
  font-weight: 900 !important;
  line-height: 0.88 !important;
  letter-spacing: -0.04em !important;
}
.acme-mock-page[data-acme-mock-route="/home-agency"] h1 span:first-child {
  display: block !important;
  color: #fff !important;
}
.acme-mock-page[data-acme-mock-route="/home-agency"] h1 span:last-child {
  display: block !important;
  background: linear-gradient(90deg, #f97316 0%, #ec4899 50%, #8b5cf6 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}
/* Subtitle paragraph below the big H1 — keep readable size on small viewports */
.acme-mock-page[data-acme-mock-route="/home-agency"] h1 + p,
.acme-mock-page[data-acme-mock-route="/home-agency"] .text-xl {
  font-size: clamp(1.1rem, 1.6vw, 1.4rem) !important;
  line-height: 1.55 !important;
}
/* "Creative Studio" eyebrow */
.acme-mock-page[data-acme-mock-route="/home-agency"] .uppercase {
  font-size: 13px !important;
  letter-spacing: 0.3em !important;
}
/* "View Our Work" / "Watch Reel" buttons */
.acme-mock-page[data-acme-mock-route="/home-agency"] button {
  height: 52px !important;
  padding: 0 28px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
}

/* Centre the slider in its frame now that brand/form chrome is gone */
.acme-mock-page [data-mf-slider] {
  margin: 0 auto !important;
}

/* === megaform-sliders-patch END === */