/* /@fs/Users/manish/manish-dev/caladrius-health-ai-studio-v2/node_modules/.pnpm/@copilotkit+react-core@1.56.3_@types+mdast@4.0.4_@types+react-dom@19.2.3_@types+react@19.2.14_ydosy4qvmpgg25eampx3cwkkia/node_modules/@copilotkit/react-core/dist/v2/index.css */ /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-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-contain-size:initial;--tw-contain-layout:initial;--tw-contain-paint:initial;--tw-contain-style:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--cpk-font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--cpk-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--cpk-color-red-50:oklch(97.1% .013 17.38);--cpk-color-red-200:oklch(88.5% .062 18.334);--cpk-color-red-700:oklch(50.5% .213 27.518);--cpk-color-amber-100:oklch(96.2% .059 95.617);--cpk-color-amber-400:oklch(82.8% .189 84.429);--cpk-color-amber-500:oklch(76.9% .188 70.08);--cpk-color-amber-800:oklch(47.3% .137 46.201);--cpk-color-emerald-100:oklch(95% .052 163.051);--cpk-color-emerald-400:oklch(76.5% .177 163.223);--cpk-color-emerald-500:oklch(69.6% .17 162.48);--cpk-color-emerald-800:oklch(43.2% .095 166.913);--cpk-color-blue-500:oklch(62.3% .214 259.815);--cpk-color-gray-50:oklch(98.5% .002 247.839);--cpk-color-gray-100:oklch(96.7% .003 264.542);--cpk-color-gray-200:oklch(92.8% .006 264.531);--cpk-color-gray-400:oklch(70.7% .022 261.325);--cpk-color-gray-500:oklch(55.1% .027 264.364);--cpk-color-gray-600:oklch(44.6% .03 256.802);--cpk-color-gray-700:oklch(37.3% .034 259.733);--cpk-color-gray-800:oklch(27.8% .033 256.848);--cpk-color-gray-900:oklch(21% .034 264.665);--cpk-color-zinc-50:oklch(98.5% 0 0);--cpk-color-zinc-100:oklch(96.7% .001 286.375);--cpk-color-zinc-200:oklch(92% .004 286.32);--cpk-color-zinc-300:oklch(87.1% .006 286.286);--cpk-color-zinc-400:oklch(70.5% .015 286.067);--cpk-color-zinc-500:oklch(55.2% .016 285.938);--cpk-color-zinc-700:oklch(37% .013 285.805);--cpk-color-zinc-800:oklch(27.4% .006 286.033);--cpk-color-zinc-900:oklch(21% .006 285.885);--cpk-color-black:#000;--cpk-color-white:#fff;--cpk-spacing:.25rem;--cpk-container-3xl:48rem;--cpk-text-xs:.75rem;--cpk-text-xs--line-height:calc(1/.75);--cpk-text-sm:.875rem;--cpk-text-sm--line-height:calc(1.25/.875);--cpk-text-base:1rem;--cpk-text-base--line-height:calc(1.5/1);--cpk-text-xl:1.25rem;--cpk-text-xl--line-height:calc(1.75/1.25);--cpk-text-2xl:1.5rem;--cpk-text-2xl--line-height:calc(2/1.5);--cpk-font-weight-normal:400;--cpk-font-weight-medium:500;--cpk-font-weight-semibold:600;--cpk-font-weight-bold:700;--cpk-tracking-tight:-.025em;--cpk-tracking-wide:.025em;--cpk-tracking-widest:.1em;--cpk-leading-tight:1.25;--cpk-leading-relaxed:1.625;--cpk-radius-2xl:1rem;--cpk-ease-out:cubic-bezier(0,0,.2,1);--cpk-ease-in-out:cubic-bezier(.4,0,.2,1);--cpk-animate-spin:spin 1s linear infinite;--cpk-animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--cpk-default-transition-duration:.15s;--cpk-default-transition-timing-function:cubic-bezier(.4,0,.2,1);--cpk-default-font-family:var(--cpk-font-sans);--cpk-default-mono-font-family:var(--cpk-font-mono);--cpk-animate-pulse-cursor:pulse-cursor .9s cubic-bezier(.4,0,.2,1)infinite}}@layer base{[data-copilotkit],[data-copilotkit] *,[data-copilotkit] :after,[data-copilotkit] :before{box-sizing:border-box;border:0 solid;margin:0;padding:0}[data-copilotkit] ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}[data-copilotkit],[data-copilotkit]{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--cpk-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(--cpk-default-font-feature-settings,normal);font-variation-settings:var(--cpk-default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}[data-copilotkit] hr,hr[data-copilotkit]{height:0;color:inherit;border-top-width:1px}[data-copilotkit] abbr:where([title]),abbr:where([title])[data-copilotkit]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}[data-copilotkit] h1,h1[data-copilotkit],[data-copilotkit] h2,h2[data-copilotkit],[data-copilotkit] h3,h3[data-copilotkit],[data-copilotkit] h4,h4[data-copilotkit],[data-copilotkit] h5,h5[data-copilotkit],[data-copilotkit] h6,h6[data-copilotkit]{font-size:inherit;font-weight:inherit}[data-copilotkit] a,a[data-copilotkit]{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}[data-copilotkit] b,b[data-copilotkit],[data-copilotkit] strong,strong[data-copilotkit]{font-weight:bolder}[data-copilotkit] code,code[data-copilotkit],[data-copilotkit] kbd,kbd[data-copilotkit],[data-copilotkit] samp,samp[data-copilotkit],[data-copilotkit] pre,pre[data-copilotkit]{font-family:var(--cpk-default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--cpk-default-mono-font-feature-settings,normal);font-variation-settings:var(--cpk-default-mono-font-variation-settings,normal);font-size:1em}[data-copilotkit] small,small[data-copilotkit]{font-size:80%}[data-copilotkit] sub,sub[data-copilotkit],[data-copilotkit] sup,sup[data-copilotkit]{vertical-align:baseline;font-size:75%;line-height:0;position:relative}[data-copilotkit] sub,sub[data-copilotkit]{bottom:-.25em}[data-copilotkit] sup,sup[data-copilotkit]{top:-.5em}[data-copilotkit] table,table[data-copilotkit]{text-indent:0;border-color:inherit;border-collapse:collapse}[data-copilotkit] :-moz-focusring{outline:auto}[data-copilotkit] progress,progress[data-copilotkit]{vertical-align:baseline}[data-copilotkit] summary,summary[data-copilotkit]{display:list-item}[data-copilotkit] ol,ol[data-copilotkit],[data-copilotkit] ul,ul[data-copilotkit],[data-copilotkit] menu,menu[data-copilotkit]{list-style:none}[data-copilotkit] img,img[data-copilotkit],[data-copilotkit] svg,svg[data-copilotkit],[data-copilotkit] video,video[data-copilotkit],[data-copilotkit] canvas,canvas[data-copilotkit],[data-copilotkit] audio,audio[data-copilotkit],[data-copilotkit] iframe,iframe[data-copilotkit],[data-copilotkit] embed,embed[data-copilotkit],[data-copilotkit] object,object[data-copilotkit]{vertical-align:middle;display:block}[data-copilotkit] img,img[data-copilotkit],[data-copilotkit] video,video[data-copilotkit]{max-width:100%;height:auto}[data-copilotkit] button,button[data-copilotkit],[data-copilotkit] input,input[data-copilotkit],[data-copilotkit] select,select[data-copilotkit],[data-copilotkit] optgroup,optgroup[data-copilotkit],[data-copilotkit] textarea,textarea[data-copilotkit]{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}[data-copilotkit] ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}[data-copilotkit] :where(select:is([multiple],[size])) optgroup{font-weight:bolder}[data-copilotkit] :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}[data-copilotkit] ::file-selector-button{margin-inline-end:4px}[data-copilotkit] ::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){[data-copilotkit] ::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){[data-copilotkit] ::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}[data-copilotkit] textarea,textarea[data-copilotkit]{resize:vertical}[data-copilotkit] ::-webkit-search-decoration{-webkit-appearance:none}[data-copilotkit] ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}[data-copilotkit] ::-webkit-datetime-edit{display:inline-flex}[data-copilotkit] ::-webkit-datetime-edit-fields-wrapper{padding:0}[data-copilotkit] ::-webkit-datetime-edit{padding-block:0}[data-copilotkit] ::-webkit-datetime-edit-year-field{padding-block:0}[data-copilotkit] ::-webkit-datetime-edit-month-field{padding-block:0}[data-copilotkit] ::-webkit-datetime-edit-day-field{padding-block:0}[data-copilotkit] ::-webkit-datetime-edit-hour-field{padding-block:0}[data-copilotkit] ::-webkit-datetime-edit-minute-field{padding-block:0}[data-copilotkit] ::-webkit-datetime-edit-second-field{padding-block:0}[data-copilotkit] ::-webkit-datetime-edit-millisecond-field{padding-block:0}[data-copilotkit] ::-webkit-datetime-edit-meridiem-field{padding-block:0}[data-copilotkit] ::-webkit-calendar-picker-indicator{line-height:1}[data-copilotkit] :-moz-ui-invalid{box-shadow:none}[data-copilotkit] button,button[data-copilotkit],[data-copilotkit] input:where([type=button],[type=reset],[type=submit]),input:where([type=button],[type=reset],[type=submit])[data-copilotkit]{appearance:button}[data-copilotkit] ::file-selector-button{appearance:button}[data-copilotkit] ::-webkit-inner-spin-button{height:auto}[data-copilotkit] ::-webkit-outer-spin-button{height:auto}[data-copilotkit] [hidden]:where(:not([hidden=until-found])),[hidden]:where(:not([hidden=until-found]))[data-copilotkit]{display:none!important}[data-copilotkit],[data-copilotkit] *{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){[data-copilotkit],[data-copilotkit] *{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}[data-copilotkit]{color:var(--foreground);background-color:var(--background)}@supports (height:100dvh){[data-copilot-sidebar]{height:100dvh}}@media (min-width:768px){[data-copilot-sidebar]{width:var(--sidebar-width,480px)!important}}@media (max-width:767px){[data-copilot-sidebar]{-webkit-overflow-scrolling:touch;width:100%!important}[data-sidebar-chat]{touch-action:pan-y}}}@layer components;@layer utilities{.cpk\:pointer-events-auto{pointer-events:auto}.cpk\:pointer-events-none{pointer-events:none}.cpk\:invisible{visibility:hidden}.cpk\:absolute{position:absolute}.cpk\:fixed{position:fixed}.cpk\:relative{position:relative}.cpk\:inset-0{inset:calc(var(--cpk-spacing)*0)}.cpk\:inset-x-0{inset-inline:calc(var(--cpk-spacing)*0)}.cpk\:top-0{top:calc(var(--cpk-spacing)*0)}.cpk\:top-1{top:calc(var(--cpk-spacing)*1)}.cpk\:top-1\.5{top:calc(var(--cpk-spacing)*1.5)}.cpk\:top-4{top:calc(var(--cpk-spacing)*4)}.cpk\:right-0{right:calc(var(--cpk-spacing)*0)}.cpk\:right-1{right:calc(var(--cpk-spacing)*1)}.cpk\:right-1\.5{right:calc(var(--cpk-spacing)*1.5)}.cpk\:right-4{right:calc(var(--cpk-spacing)*4)}.cpk\:right-6{right:calc(var(--cpk-spacing)*6)}.cpk\:bottom-0{bottom:calc(var(--cpk-spacing)*0)}.cpk\:bottom-6{bottom:calc(var(--cpk-spacing)*6)}.cpk\:bottom-full{bottom:100%}.cpk\:left-0{left:calc(var(--cpk-spacing)*0)}.cpk\:left-2{left:calc(var(--cpk-spacing)*2)}.cpk\:z-10{z-index:10}.cpk\:z-20{z-index:20}.cpk\:z-30{z-index:30}.cpk\:z-50{z-index:50}.cpk\:z-\[1100\]{z-index:1100}.cpk\:z-\[1200\]{z-index:1200}.cpk\:z-\[9999\]{z-index:9999}.cpk\:col-span-3{grid-column:span 3/span 3}.cpk\:col-start-1{grid-column-start:1}.cpk\:col-start-2{grid-column-start:2}.cpk\:col-start-3{grid-column-start:3}.cpk\:row-start-1{grid-row-start:1}.cpk\:row-start-2{grid-row-start:2}.cpk\:m-0{margin:calc(var(--cpk-spacing)*0)}.cpk\:m-2{margin:calc(var(--cpk-spacing)*2)}.cpk\:-mx-1{margin-inline:calc(var(--cpk-spacing)*-1)}.cpk\:mx-auto{margin-inline:auto}.cpk\:my-1{margin-block:calc(var(--cpk-spacing)*1)}.cpk\:prose{color:var(--tw-prose-body);max-width:65ch}.cpk\:prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.cpk\:prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);margin-top:1.2em;margin-bottom:1.2em;font-size:1.25em;line-height:1.6}.cpk\:prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.cpk\:prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.cpk\:prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)),.cpk\:prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)),.cpk\:prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.cpk\:prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:decimal}.cpk\:prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.cpk\:prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.cpk\:prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.cpk\:prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.cpk\:prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.cpk\:prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.cpk\:prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.cpk\:prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.cpk\:prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.cpk\:prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em;list-style-type:disc}.cpk\:prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.cpk\:prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.cpk\:prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.25em;font-weight:600}.cpk\:prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.cpk\:prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"“""”""‘""’";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em;font-style:italic;font-weight:500}.cpk\:prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.cpk\:prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.cpk\:prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:0;margin-bottom:.888889em;font-size:2.25em;font-weight:800;line-height:1.11111}.cpk\:prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.cpk\:prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:2em;margin-bottom:1em;font-size:1.5em;font-weight:700;line-height:1.33333}.cpk\:prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.cpk\:prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.6em;margin-bottom:.6em;font-size:1.25em;font-weight:600;line-height:1.6}.cpk\:prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.cpk\:prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.5}.cpk\:prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.cpk\:prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.cpk\:prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em;display:block}.cpk\:prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.cpk\:prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;border-radius:.3125rem;padding-inline-start:.375em;font-family:inherit;font-size:.875em;font-weight:500}.cpk\:prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.cpk\:prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.cpk\:prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.cpk\:prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)),.cpk\:prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.cpk\:prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.cpk\:prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.cpk\:prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)),.cpk\:prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)),.cpk\:prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.cpk\:prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);padding-top:.857143em;padding-inline-end:1.14286em;padding-bottom:.857143em;border-radius:.375rem;margin-top:1.71429em;margin-bottom:1.71429em;padding-inline-start:1.14286em;font-size:.875em;font-weight:400;line-height:1.71429;overflow-x:auto}.cpk\:prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background-color:#0000;border-width:0;border-radius:0;padding:0}.cpk\:prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before,.cpk\:prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.cpk\:prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){table-layout:auto;width:100%;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.71429}.cpk\:prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.cpk\:prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);vertical-align:bottom;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em;font-weight:600}.cpk\:prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.cpk\:prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.cpk\:prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.cpk\:prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.cpk\:prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.cpk\:prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.cpk\:prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.cpk\:prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);margin-top:.857143em;font-size:.875em;line-height:1.42857}.cpk\:prose{--tw-prose-body:oklch(37.3% .034 259.733);--tw-prose-headings:oklch(21% .034 264.665);--tw-prose-lead:oklch(44.6% .03 256.802);--tw-prose-links:oklch(21% .034 264.665);--tw-prose-bold:oklch(21% .034 264.665);--tw-prose-counters:oklch(55.1% .027 264.364);--tw-prose-bullets:oklch(87.2% .01 258.338);--tw-prose-hr:oklch(92.8% .006 264.531);--tw-prose-quotes:oklch(21% .034 264.665);--tw-prose-quote-borders:oklch(92.8% .006 264.531);--tw-prose-captions:oklch(55.1% .027 264.364);--tw-prose-kbd:oklch(21% .034 264.665);--tw-prose-kbd-shadows:oklab(21% -.00316127 -.0338527/.1);--tw-prose-code:oklch(21% .034 264.665);--tw-prose-pre-code:oklch(92.8% .006 264.531);--tw-prose-pre-bg:oklch(27.8% .033 256.848);--tw-prose-th-borders:oklch(87.2% .01 258.338);--tw-prose-td-borders:oklch(92.8% .006 264.531);--tw-prose-invert-body:oklch(87.2% .01 258.338);--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:oklch(70.7% .022 261.325);--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:oklch(70.7% .022 261.325);--tw-prose-invert-bullets:oklch(44.6% .03 256.802);--tw-prose-invert-hr:oklch(37.3% .034 259.733);--tw-prose-invert-quotes:oklch(96.7% .003 264.542);--tw-prose-invert-quote-borders:oklch(37.3% .034 259.733);--tw-prose-invert-captions:oklch(70.7% .022 261.325);--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:#ffffff1a;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:oklch(87.2% .01 258.338);--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:oklch(44.6% .03 256.802);--tw-prose-invert-td-borders:oklch(37.3% .034 259.733);font-size:1rem;line-height:1.75}.cpk\:prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.cpk\:prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.cpk\:prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)),.cpk\:prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.cpk\:prose :where(.cpk\:prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.cpk\:prose :where(.cpk\:prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.cpk\:prose :where(.cpk\:prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.cpk\:prose :where(.cpk\:prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.cpk\:prose :where(.cpk\:prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.cpk\:prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.cpk\:prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.cpk\:prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.cpk\:prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)),.cpk\:prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)),.cpk\:prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)),.cpk\:prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.cpk\:prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.cpk\:prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.cpk\:prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.571429em;padding-inline-end:.571429em;padding-bottom:.571429em;padding-inline-start:.571429em}.cpk\:prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.cpk\:prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.cpk\:prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.cpk\:prose :where(.cpk\:prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.cpk\:prose :where(.cpk\:prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.cpk\:-mt-\[0px\]{margin-top:0}.cpk\:mt-1{margin-top:calc(var(--cpk-spacing)*1)}.cpk\:mt-2{margin-top:calc(var(--cpk-spacing)*2)}.cpk\:mt-3{margin-top:calc(var(--cpk-spacing)*3)}.cpk\:mt-4{margin-top:calc(var(--cpk-spacing)*4)}.cpk\:mt-\[4px\]{margin-top:4px}.cpk\:-mr-\[5px\]{margin-right:-5px}.cpk\:mr-0{margin-right:calc(var(--cpk-spacing)*0)}.cpk\:mr-2{margin-right:calc(var(--cpk-spacing)*2)}.cpk\:mr-\[10px\]{margin-right:10px}.cpk\:mb-2{margin-bottom:calc(var(--cpk-spacing)*2)}.cpk\:mb-3{margin-bottom:calc(var(--cpk-spacing)*3)}.cpk\:mb-4{margin-bottom:calc(var(--cpk-spacing)*4)}.cpk\:mb-6{margin-bottom:calc(var(--cpk-spacing)*6)}.cpk\:-ml-\[5px\]{margin-left:-5px}.cpk\:ml-0{margin-left:calc(var(--cpk-spacing)*0)}.cpk\:ml-0\.5{margin-left:calc(var(--cpk-spacing)*.5)}.cpk\:ml-1{margin-left:calc(var(--cpk-spacing)*1)}.cpk\:ml-auto{margin-left:auto}.cpk\:block{display:block}.cpk\:flex{display:flex}.cpk\:grid{display:grid}.cpk\:inline-block{display:inline-block}.cpk\:inline-flex{display:inline-flex}.cpk\:size-2{width:calc(var(--cpk-spacing)*2);height:calc(var(--cpk-spacing)*2)}.cpk\:size-2\.5{width:calc(var(--cpk-spacing)*2.5);height:calc(var(--cpk-spacing)*2.5)}.cpk\:size-3\.5{width:calc(var(--cpk-spacing)*3.5);height:calc(var(--cpk-spacing)*3.5)}.cpk\:size-4{width:calc(var(--cpk-spacing)*4);height:calc(var(--cpk-spacing)*4)}.cpk\:size-8{width:calc(var(--cpk-spacing)*8);height:calc(var(--cpk-spacing)*8)}.cpk\:size-9{width:calc(var(--cpk-spacing)*9);height:calc(var(--cpk-spacing)*9)}.cpk\:size-\[18px\]{width:18px;height:18px}.cpk\:size-\[20px\]{width:20px;height:20px}.cpk\:size-\[26px\]{width:26px;height:26px}.cpk\:h-1\.5{height:calc(var(--cpk-spacing)*1.5)}.cpk\:h-2{height:calc(var(--cpk-spacing)*2)}.cpk\:h-3{height:calc(var(--cpk-spacing)*3)}.cpk\:h-3\.5{height:calc(var(--cpk-spacing)*3.5)}.cpk\:h-4{height:calc(var(--cpk-spacing)*4)}.cpk\:h-5{height:calc(var(--cpk-spacing)*5)}.cpk\:h-6{height:calc(var(--cpk-spacing)*6)}.cpk\:h-7{height:calc(var(--cpk-spacing)*7)}.cpk\:h-8{height:calc(var(--cpk-spacing)*8)}.cpk\:h-9{height:calc(var(--cpk-spacing)*9)}.cpk\:h-10{height:calc(var(--cpk-spacing)*10)}.cpk\:h-12{height:calc(var(--cpk-spacing)*12)}.cpk\:h-14{height:calc(var(--cpk-spacing)*14)}.cpk\:h-16{height:calc(var(--cpk-spacing)*16)}.cpk\:h-24{height:calc(var(--cpk-spacing)*24)}.cpk\:h-\[11px\]{height:11px}.cpk\:h-\[26px\]{height:26px}.cpk\:h-\[72px\]{height:72px}.cpk\:h-\[80vh\]{height:80vh}.cpk\:h-\[90vh\]{height:90vh}.cpk\:h-\[100dvh\]{height:100dvh}.cpk\:h-\[100vh\]{height:100vh}.cpk\:h-auto{height:auto}.cpk\:h-full{height:100%}.cpk\:h-px{height:1px}.cpk\:max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.cpk\:max-h-64{max-height:calc(var(--cpk-spacing)*64)}.cpk\:max-h-\[90vh\]{max-height:90vh}.cpk\:max-h-full{max-height:100%}.cpk\:max-h-screen{max-height:100vh}.cpk\:min-h-0{min-height:calc(var(--cpk-spacing)*0)}.cpk\:min-h-\[50px\]{min-height:50px}.cpk\:w-1\.5{width:calc(var(--cpk-spacing)*1.5)}.cpk\:w-2{width:calc(var(--cpk-spacing)*2)}.cpk\:w-3{width:calc(var(--cpk-spacing)*3)}.cpk\:w-3\.5{width:calc(var(--cpk-spacing)*3.5)}.cpk\:w-4{width:calc(var(--cpk-spacing)*4)}.cpk\:w-5{width:calc(var(--cpk-spacing)*5)}.cpk\:w-6{width:calc(var(--cpk-spacing)*6)}.cpk\:w-8{width:calc(var(--cpk-spacing)*8)}.cpk\:w-9{width:calc(var(--cpk-spacing)*9)}.cpk\:w-10{width:calc(var(--cpk-spacing)*10)}.cpk\:w-14{width:calc(var(--cpk-spacing)*14)}.cpk\:w-16{width:calc(var(--cpk-spacing)*16)}.cpk\:w-\[11px\]{width:11px}.cpk\:w-\[72px\]{width:72px}.cpk\:w-\[90vw\]{width:90vw}.cpk\:w-fit{width:fit-content}.cpk\:w-full{width:100%}.cpk\:max-w-3xl{max-width:var(--cpk-container-3xl)}.cpk\:max-w-\[80\%\]{max-width:80%}.cpk\:max-w-\[90vw\]{max-width:90vw}.cpk\:max-w-\[240px\]{max-width:240px}.cpk\:max-w-\[280px\]{max-width:280px}.cpk\:max-w-\[300px\]{max-width:300px}.cpk\:max-w-\[400px\]{max-width:400px}.cpk\:max-w-\[800px\]{max-width:800px}.cpk\:max-w-\[1000px\]{max-width:1000px}.cpk\:max-w-full{max-width:100%}.cpk\:min-w-0{min-width:calc(var(--cpk-spacing)*0)}.cpk\:min-w-\[8rem\]{min-width:8rem}.cpk\:min-w-\[200px\]{min-width:200px}.cpk\:flex-1{flex:1}.cpk\:flex-none{flex:none}.cpk\:shrink-0{flex-shrink:0}.cpk\:origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.cpk\:origin-\(--radix-tooltip-content-transform-origin\){transform-origin:var(--radix-tooltip-content-transform-origin)}.cpk\:origin-bottom{transform-origin:bottom}.cpk\:translate-x-0{--tw-translate-x:calc(var(--cpk-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.cpk\:translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.cpk\:translate-y-0{--tw-translate-y:calc(var(--cpk-spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.cpk\:translate-y-4{--tw-translate-y:calc(var(--cpk-spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.cpk\:translate-y-\[calc\(-50\%_-_2px\)\]{--tw-translate-y:calc(-50% - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.cpk\:rotate-45{rotate:45deg}.cpk\:rotate-90{rotate:90deg}.cpk\:transform-gpu{transform:translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cpk\: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,none)}.cpk\:animate-pulse{animation:var(--cpk-animate-pulse)}.cpk\:animate-pulse-cursor{animation:var(--cpk-animate-pulse-cursor)}.cpk\:animate-spin{animation:var(--cpk-animate-spin)}.cpk\:cursor-default{cursor:default}.cpk\:cursor-pointer{cursor:pointer}.cpk\:cursor-text{cursor:text}.cpk\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-columns:auto minmax(0,1fr) auto}.cpk\:grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.cpk\:flex-col{flex-direction:column}.cpk\:flex-wrap{flex-wrap:wrap}.cpk\:items-center{align-items:center}.cpk\:items-end{align-items:flex-end}.cpk\:items-stretch{align-items:stretch}.cpk\:justify-between{justify-content:space-between}.cpk\:justify-center{justify-content:center}.cpk\:justify-end{justify-content:flex-end}.cpk\:gap-1{gap:calc(var(--cpk-spacing)*1)}.cpk\:gap-1\.5{gap:calc(var(--cpk-spacing)*1.5)}.cpk\:gap-2{gap:calc(var(--cpk-spacing)*2)}.cpk\:gap-3{gap:calc(var(--cpk-spacing)*3)}.cpk\:gap-4{gap:calc(var(--cpk-spacing)*4)}.cpk\:gap-6{gap:calc(var(--cpk-spacing)*6)}.cpk\:gap-x-3{column-gap:calc(var(--cpk-spacing)*3)}.cpk\:gap-y-3{row-gap:calc(var(--cpk-spacing)*3)}.cpk\:truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cpk\:overflow-auto{overflow:auto}.cpk\:overflow-hidden{overflow:hidden}.cpk\:overflow-visible{overflow:visible}.cpk\:overflow-x-hidden{overflow-x:hidden}.cpk\:overflow-y-auto{overflow-y:auto}.cpk\:rounded{border-radius:.25rem}.cpk\:rounded-\[2px\]{border-radius:2px}.cpk\:rounded-\[18px\]{border-radius:18px}.cpk\:rounded-\[28px\]{border-radius:28px}.cpk\:rounded-full{border-radius:3.40282e38px}.cpk\:rounded-lg{border-radius:var(--radius)}.cpk\:rounded-md{border-radius:calc(var(--radius) - 2px)}.cpk\:rounded-none{border-radius:0}.cpk\:rounded-sm{border-radius:calc(var(--radius) - 4px)}.cpk\:rounded-xl{border-radius:calc(var(--radius) + 4px)}.cpk\:border{border-style:var(--tw-border-style);border-width:1px}.cpk\:border-2{border-style:var(--tw-border-style);border-width:2px}.cpk\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.cpk\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.cpk\:border-dashed{--tw-border-style:dashed;border-style:dashed}.cpk\:border-none{--tw-border-style:none;border-style:none}.cpk\:border-border,.cpk\:border-border\/0{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.cpk\:border-border\/0{border-color:color-mix(in oklab,var(--border)0%,transparent)}}.cpk\:border-border\/60{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.cpk\:border-border\/60{border-color:color-mix(in oklab,var(--border)60%,transparent)}}.cpk\:border-gray-100{border-color:var(--cpk-color-gray-100)}.cpk\:border-gray-200{border-color:var(--cpk-color-gray-200)}.cpk\:border-primary,.cpk\:border-primary\/40{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.cpk\:border-primary\/40{border-color:color-mix(in oklab,var(--primary)40%,transparent)}}.cpk\:border-red-200{border-color:var(--cpk-color-red-200)}.cpk\:border-white{border-color:var(--cpk-color-white)}.cpk\:border-zinc-200\/60{border-color:var(--cpk-color-zinc-200)}@supports (color:color-mix(in lab, red, red)){.cpk\:border-zinc-200\/60{border-color:color-mix(in oklab,var(--cpk-color-zinc-200)60%,transparent)}}.cpk\:border-t-transparent{border-top-color:#0000}.cpk\:bg-\[\#4a4a4a\]{background-color:#4a4a4a}.cpk\:bg-amber-100{background-color:var(--cpk-color-amber-100)}.cpk\:bg-background,.cpk\:bg-background\/95{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.cpk\:bg-background\/95{background-color:color-mix(in oklab,var(--background)95%,transparent)}}.cpk\:bg-black,.cpk\:bg-black\/20{background-color:var(--cpk-color-black)}@supports (color:color-mix(in lab, red, red)){.cpk\:bg-black\/20{background-color:color-mix(in oklab,var(--cpk-color-black)20%,transparent)}}.cpk\:bg-black\/40{background-color:var(--cpk-color-black)}@supports (color:color-mix(in lab, red, red)){.cpk\:bg-black\/40{background-color:color-mix(in oklab,var(--cpk-color-black)40%,transparent)}}.cpk\:bg-black\/60{background-color:var(--cpk-color-black)}@supports (color:color-mix(in lab, red, red)){.cpk\:bg-black\/60{background-color:color-mix(in oklab,var(--cpk-color-black)60%,transparent)}}.cpk\:bg-black\/80{background-color:var(--cpk-color-black)}@supports (color:color-mix(in lab, red, red)){.cpk\:bg-black\/80{background-color:color-mix(in oklab,var(--cpk-color-black)80%,transparent)}}.cpk\:bg-blue-500{background-color:var(--cpk-color-blue-500)}.cpk\:bg-border{background-color:var(--border)}.cpk\:bg-destructive{background-color:var(--destructive)}.cpk\:bg-emerald-100{background-color:var(--cpk-color-emerald-100)}.cpk\:bg-foreground{background-color:var(--foreground)}.cpk\:bg-gray-50\/50{background-color:var(--cpk-color-gray-50)}@supports (color:color-mix(in lab, red, red)){.cpk\:bg-gray-50\/50{background-color:color-mix(in oklab,var(--cpk-color-gray-50)50%,transparent)}}.cpk\:bg-gray-200,.cpk\:bg-gray-200\/70{background-color:var(--cpk-color-gray-200)}@supports (color:color-mix(in lab, red, red)){.cpk\:bg-gray-200\/70{background-color:color-mix(in oklab,var(--cpk-color-gray-200)70%,transparent)}}.cpk\:bg-muted{background-color:var(--muted)}.cpk\:bg-muted-foreground{background-color:var(--muted-foreground)}.cpk\:bg-popover{background-color:var(--popover)}.cpk\:bg-primary,.cpk\:bg-primary\/5{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.cpk\:bg-primary\/5{background-color:color-mix(in oklab,var(--primary)5%,transparent)}}.cpk\:bg-red-50{background-color:var(--cpk-color-red-50)}.cpk\:bg-secondary{background-color:var(--secondary)}.cpk\:bg-transparent{background-color:#0000}.cpk\:bg-white,.cpk\:bg-white\/10{background-color:var(--cpk-color-white)}@supports (color:color-mix(in lab, red, red)){.cpk\:bg-white\/10{background-color:color-mix(in oklab,var(--cpk-color-white)10%,transparent)}}.cpk\:bg-white\/70{background-color:var(--cpk-color-white)}@supports (color:color-mix(in lab, red, red)){.cpk\:bg-white\/70{background-color:color-mix(in oklab,var(--cpk-color-white)70%,transparent)}}.cpk\:bg-zinc-50{background-color:var(--cpk-color-zinc-50)}.cpk\:bg-zinc-100{background-color:var(--cpk-color-zinc-100)}.cpk\:bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.cpk\:from-white{--tw-gradient-from:var(--cpk-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))}.cpk\:via-white{--tw-gradient-via:var(--cpk-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)}.cpk\: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))}.cpk\:bg-clip-padding{background-clip:padding-box}.cpk\:fill-current{fill:currentColor}.cpk\:fill-primary{fill:var(--primary)}.cpk\:object-contain{object-fit:contain}.cpk\:object-cover{object-fit:cover}.cpk\:p-0{padding:calc(var(--cpk-spacing)*0)}.cpk\:p-1{padding:calc(var(--cpk-spacing)*1)}.cpk\:p-2{padding:calc(var(--cpk-spacing)*2)}.cpk\:p-3{padding:calc(var(--cpk-spacing)*3)}.cpk\:p-4{padding:calc(var(--cpk-spacing)*4)}.cpk\:p-5{padding:calc(var(--cpk-spacing)*5)}.cpk\:p-6{padding:calc(var(--cpk-spacing)*6)}.cpk\:p-8{padding:calc(var(--cpk-spacing)*8)}.cpk\:px-0{padding-inline:calc(var(--cpk-spacing)*0)}.cpk\:px-1{padding-inline:calc(var(--cpk-spacing)*1)}.cpk\:px-2{padding-inline:calc(var(--cpk-spacing)*2)}.cpk\:px-2\.5{padding-inline:calc(var(--cpk-spacing)*2.5)}.cpk\:px-3{padding-inline:calc(var(--cpk-spacing)*3)}.cpk\:px-4{padding-inline:calc(var(--cpk-spacing)*4)}.cpk\:px-5{padding-inline:calc(var(--cpk-spacing)*5)}.cpk\:px-6{padding-inline:calc(var(--cpk-spacing)*6)}.cpk\:px-8{padding-inline:calc(var(--cpk-spacing)*8)}.cpk\:py-0{padding-block:calc(var(--cpk-spacing)*0)}.cpk\:py-1{padding-block:calc(var(--cpk-spacing)*1)}.cpk\:py-1\.5{padding-block:calc(var(--cpk-spacing)*1.5)}.cpk\:py-2{padding-block:calc(var(--cpk-spacing)*2)}.cpk\:py-3{padding-block:calc(var(--cpk-spacing)*3)}.cpk\:py-4{padding-block:calc(var(--cpk-spacing)*4)}.cpk\:py-6{padding-block:calc(var(--cpk-spacing)*6)}.cpk\:py-\[1px\]{padding-block:1px}.cpk\:pt-1{padding-top:calc(var(--cpk-spacing)*1)}.cpk\:pt-10{padding-top:calc(var(--cpk-spacing)*10)}.cpk\:pr-2{padding-right:calc(var(--cpk-spacing)*2)}.cpk\:pr-4{padding-right:calc(var(--cpk-spacing)*4)}.cpk\:pr-5{padding-right:calc(var(--cpk-spacing)*5)}.cpk\:pr-8{padding-right:calc(var(--cpk-spacing)*8)}.cpk\:pb-2{padding-bottom:calc(var(--cpk-spacing)*2)}.cpk\:pb-4{padding-bottom:calc(var(--cpk-spacing)*4)}.cpk\:pl-0{padding-left:calc(var(--cpk-spacing)*0)}.cpk\:pl-8{padding-left:calc(var(--cpk-spacing)*8)}.cpk\:text-center{text-align:center}.cpk\:text-left{text-align:left}.cpk\:align-middle{vertical-align:middle}.cpk\:font-mono{font-family:var(--cpk-font-mono)}.cpk\:text-base{font-size:var(--cpk-text-base);line-height:var(--tw-leading,var(--cpk-text-base--line-height))}.cpk\:text-sm{font-size:var(--cpk-text-sm);line-height:var(--tw-leading,var(--cpk-text-sm--line-height))}.cpk\:text-xl{font-size:var(--cpk-text-xl);line-height:var(--tw-leading,var(--cpk-text-xl--line-height))}.cpk\:text-xs{font-size:var(--cpk-text-xs);line-height:var(--tw-leading,var(--cpk-text-xs--line-height))}.cpk\:text-\[10px\]{font-size:10px}.cpk\:text-\[11px\]{font-size:11px}.cpk\:text-\[16px\]{font-size:16px}.cpk\:leading-none{--tw-leading:1;line-height:1}.cpk\:leading-relaxed{--tw-leading:var(--cpk-leading-relaxed);line-height:var(--cpk-leading-relaxed)}.cpk\:leading-tight{--tw-leading:var(--cpk-leading-tight);line-height:var(--cpk-leading-tight)}.cpk\:font-bold{--tw-font-weight:var(--cpk-font-weight-bold);font-weight:var(--cpk-font-weight-bold)}.cpk\:font-medium{--tw-font-weight:var(--cpk-font-weight-medium);font-weight:var(--cpk-font-weight-medium)}.cpk\:font-normal{--tw-font-weight:var(--cpk-font-weight-normal);font-weight:var(--cpk-font-weight-normal)}.cpk\:font-semibold{--tw-font-weight:var(--cpk-font-weight-semibold);font-weight:var(--cpk-font-weight-semibold)}.cpk\:tracking-tight{--tw-tracking:var(--cpk-tracking-tight);letter-spacing:var(--cpk-tracking-tight)}.cpk\:tracking-wide{--tw-tracking:var(--cpk-tracking-wide);letter-spacing:var(--cpk-tracking-wide)}.cpk\:tracking-widest{--tw-tracking:var(--cpk-tracking-widest);letter-spacing:var(--cpk-tracking-widest)}.cpk\:text-balance{text-wrap:balance}.cpk\:break-words{overflow-wrap:break-word}.cpk\:break-all{word-break:break-all}.cpk\:text-ellipsis{text-overflow:ellipsis}.cpk\:whitespace-nowrap{white-space:nowrap}.cpk\:whitespace-pre-wrap{white-space:pre-wrap}.cpk\:text-\[\#444444\]{color:#444}.cpk\:text-\[rgb\(93\,93\,93\)\]{color:#5d5d5d}.cpk\:text-amber-800{color:var(--cpk-color-amber-800)}.cpk\:text-emerald-800{color:var(--cpk-color-emerald-800)}.cpk\:text-foreground{color:var(--foreground)}.cpk\:text-gray-400{color:var(--cpk-color-gray-400)}.cpk\:text-gray-500{color:var(--cpk-color-gray-500)}.cpk\:text-gray-600{color:var(--cpk-color-gray-600)}.cpk\:text-gray-800{color:var(--cpk-color-gray-800)}.cpk\:text-muted-foreground{color:var(--muted-foreground)}.cpk\:text-popover-foreground{color:var(--popover-foreground)}.cpk\:text-primary{color:var(--primary)}.cpk\:text-primary-foreground{color:var(--primary-foreground)}.cpk\:text-primary\/70{color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.cpk\:text-primary\/70{color:color-mix(in oklab,var(--primary)70%,transparent)}}.cpk\:text-red-700{color:var(--cpk-color-red-700)}.cpk\:text-secondary-foreground{color:var(--secondary-foreground)}.cpk\:text-white{color:var(--cpk-color-white)}.cpk\:text-zinc-500{color:var(--cpk-color-zinc-500)}.cpk\:text-zinc-800{color:var(--cpk-color-zinc-800)}.cpk\:text-zinc-900{color:var(--cpk-color-zinc-900)}.cpk\:uppercase{text-transform:uppercase}.cpk\:underline-offset-4{text-underline-offset:4px}.cpk\:antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cpk\:opacity-0{opacity:0}.cpk\:opacity-100{opacity:1}.cpk\:shadow-\[0_4px_4px_0_\#0000000a\,0_0_1px_0_\#0000009e\]{--tw-shadow:0 4px 4px 0 var(--tw-shadow-color,#0000000a),0 0 1px 0 var(--tw-shadow-color,#0000009e);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.cpk\: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)}.cpk\: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)}.cpk\: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)}.cpk\: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)}.cpk\: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)}.cpk\: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)}.cpk\: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)}.cpk\:outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.cpk\:outline-hidden{outline-offset:2px;outline:2px solid #0000}}.cpk\:backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.cpk\:backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.cpk\: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(--cpk-default-transition-timing-function));transition-duration:var(--tw-duration,var(--cpk-default-transition-duration))}.cpk\:transition-\[grid-template-rows\]{transition-property:grid-template-rows;transition-timing-function:var(--tw-ease,var(--cpk-default-transition-timing-function));transition-duration:var(--tw-duration,var(--cpk-default-transition-duration))}.cpk\:transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--cpk-default-transition-timing-function));transition-duration:var(--tw-duration,var(--cpk-default-transition-duration))}.cpk\: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(--cpk-default-transition-timing-function));transition-duration:var(--tw-duration,var(--cpk-default-transition-duration))}.cpk\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--cpk-default-transition-timing-function));transition-duration:var(--tw-duration,var(--cpk-default-transition-duration))}.cpk\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--cpk-default-transition-timing-function));transition-duration:var(--tw-duration,var(--cpk-default-transition-duration))}.cpk\:duration-200{--tw-duration:.2s;transition-duration:.2s}.cpk\:duration-300{--tw-duration:.3s;transition-duration:.3s}.cpk\:ease-in-out{--tw-ease:var(--cpk-ease-in-out);transition-timing-function:var(--cpk-ease-in-out)}.cpk\:ease-out{--tw-ease:var(--cpk-ease-out);transition-timing-function:var(--cpk-ease-out)}.cpk\:will-change-transform{will-change:transform}.cpk\:contain-inline-size{--tw-contain-size:inline-size;contain:var(--tw-contain-size,)var(--tw-contain-layout,)var(--tw-contain-paint,)var(--tw-contain-style,)}.cpk\:fade-in-0{--tw-enter-opacity:0}.cpk\:outline-none{--tw-outline-style:none;outline-style:none}.cpk\:select-none{-webkit-user-select:none;user-select:none}.cpk\:zoom-in-95{--tw-enter-scale:.95}@media (hover:hover){.cpk\:group-hover\:visible:is(:where(.cpk\:group):hover *){visibility:visible}}.cpk\:placeholder\:text-\[\#00000077\]::placeholder{color:#0007}@media (hover:hover){.cpk\:hover\:scale-\[1\.04\]:hover{scale:1.04}.cpk\:hover\:bg-\[\#E8E8E8\]:hover{background-color:#e8e8e8}.cpk\:hover\:bg-\[\#f8f8f8\]:hover{background-color:#f8f8f8}.cpk\:hover\:bg-accent:hover,.cpk\:hover\:bg-accent\/60:hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.cpk\:hover\:bg-accent\/60:hover{background-color:color-mix(in oklab,var(--accent)60%,transparent)}}.cpk\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.cpk\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.cpk\:hover\:bg-gray-50:hover{background-color:var(--cpk-color-gray-50)}.cpk\:hover\:bg-muted:hover{background-color:var(--muted)}.cpk\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.cpk\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.cpk\:hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.cpk\:hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.cpk\:hover\:bg-white\/20:hover{background-color:var(--cpk-color-white)}@supports (color:color-mix(in lab, red, red)){.cpk\:hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--cpk-color-white)20%,transparent)}}.cpk\:hover\:text-\[\#333333\]:hover{color:#333}.cpk\:hover\:text-\[rgb\(93\,93\,93\)\]:hover{color:#5d5d5d}.cpk\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.cpk\:hover\:text-foreground:hover{color:var(--foreground)}.cpk\:hover\:underline:hover{text-decoration-line:underline}.cpk\:hover\:opacity-70:hover{opacity:.7}.cpk\: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)}}.cpk\:focus\:bg-accent:focus{background-color:var(--accent)}.cpk\:focus\:text-accent-foreground:focus{color:var(--accent-foreground)}.cpk\:focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.cpk\:focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.cpk\: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)}.cpk\: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)}.cpk\:focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.cpk\:focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.cpk\:focus-visible\:ring-primary\/50:focus-visible{--tw-ring-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.cpk\:focus-visible\:ring-primary\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--primary)50%,transparent)}}.cpk\:focus-visible\:ring-ring:focus-visible,.cpk\:focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.cpk\:focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.cpk\:focus-visible\:ring-offset-2:focus-visible{--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)}.cpk\:focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.cpk\:focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.cpk\:active\:scale-\[0\.96\]:active{scale:.96}.cpk\:disabled\:pointer-events-none:disabled{pointer-events:none}.cpk\:disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.cpk\:disabled\:bg-\[\#00000014\]:disabled{background-color:#00000014}.cpk\:disabled\:text-\[rgb\(13\,13\,13\)\]:disabled{color:#0d0d0d}.cpk\:disabled\:text-muted-foreground:disabled{color:var(--muted-foreground)}.cpk\:disabled\:opacity-50:disabled{opacity:.5}.cpk\:disabled\:opacity-60:disabled{opacity:.6}@media (hover:hover){.cpk\:disabled\:hover\:bg-background:disabled:hover{background-color:var(--background)}.cpk\:disabled\:hover\:bg-transparent:disabled:hover{background-color:#0000}.cpk\:disabled\:hover\:text-\[\#444444\]:disabled:hover{color:#444}.cpk\:disabled\:hover\:text-muted-foreground:disabled:hover{color:var(--muted-foreground)}.cpk\:disabled\:hover\:opacity-100:disabled:hover{opacity:1}}.cpk\:has-\[\>svg\]\:px-2\.5:has(>svg){padding-inline:calc(var(--cpk-spacing)*2.5)}.cpk\:has-\[\>svg\]\:px-3:has(>svg){padding-inline:calc(var(--cpk-spacing)*3)}.cpk\:has-\[\>svg\]\:px-4:has(>svg){padding-inline:calc(var(--cpk-spacing)*4)}.cpk\:aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.cpk\:aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.cpk\:aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.cpk\:data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.cpk\:data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.cpk\:data-\[inset\]\:pl-8[data-inset]{padding-left:calc(var(--cpk-spacing)*8)}.cpk\:data-\[multiline\]\:py-3[data-multiline]{padding-block:calc(var(--cpk-spacing)*3)}.cpk\:data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.cpk\:data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.cpk\:data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.cpk\:data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.cpk\: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,none)}.cpk\:data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.cpk\:data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.cpk\: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,none)}.cpk\:data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--accent)}.cpk\:data-\[state\=open\]\:text-accent-foreground[data-state=open]{color:var(--accent-foreground)}.cpk\:data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.cpk\:data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.cpk\:data-\[variant\=destructive\]\:text-destructive[data-variant=destructive]{color:var(--destructive)}.cpk\:data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.cpk\:data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.cpk\:data-\[variant\=destructive\]\:focus\:text-destructive[data-variant=destructive]:focus{color:var(--destructive)}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.cpk\:supports-\[backdrop-filter\]\:bg-background\/80{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.cpk\:supports-\[backdrop-filter\]\:bg-background\/80{background-color:color-mix(in oklab,var(--background)80%,transparent)}}}@media (min-width:40rem){.cpk\:sm\:h-4{height:calc(var(--cpk-spacing)*4)}.cpk\:sm\:h-8{height:calc(var(--cpk-spacing)*8)}.cpk\:sm\:w-4{width:calc(var(--cpk-spacing)*4)}.cpk\:sm\:gap-1\.5{gap:calc(var(--cpk-spacing)*1.5)}.cpk\:sm\:gap-2{gap:calc(var(--cpk-spacing)*2)}.cpk\:sm\:px-0{padding-inline:calc(var(--cpk-spacing)*0)}.cpk\:sm\:px-3{padding-inline:calc(var(--cpk-spacing)*3)}.cpk\:sm\:text-2xl{font-size:var(--cpk-text-2xl);line-height:var(--tw-leading,var(--cpk-text-2xl--line-height))}.cpk\:sm\:text-xs{font-size:var(--cpk-text-xs);line-height:var(--tw-leading,var(--cpk-text-xs--line-height))}}@media (min-width:48rem){.cpk\:md\:inset-auto{inset:auto}.cpk\:md\:right-6{right:calc(var(--cpk-spacing)*6)}.cpk\:md\:bottom-24{bottom:calc(var(--cpk-spacing)*24)}.cpk\:md\:h-\[var\(--copilot-popup-height\)\]{height:var(--copilot-popup-height)}.cpk\:md\:max-h-\[var\(--copilot-popup-max-height\)\]{max-height:var(--copilot-popup-max-height)}.cpk\:md\:w-\[var\(--copilot-popup-width\)\]{width:var(--copilot-popup-width)}.cpk\:md\:max-w-\[var\(--copilot-popup-max-width\)\]{max-width:var(--copilot-popup-max-width)}.cpk\:md\:origin-bottom-right{transform-origin:100% 100%}.cpk\:md\:translate-y-5{--tw-translate-y:calc(var(--cpk-spacing)*5);translate:var(--tw-translate-x)var(--tw-translate-y)}.cpk\:md\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}.cpk\:md\:scale-\[0\.95\]{scale:.95}.cpk\:md\:items-end{align-items:flex-end}.cpk\:md\:gap-4{gap:calc(var(--cpk-spacing)*4)}.cpk\:md\:rounded-2xl{border-radius:var(--cpk-radius-2xl)}.cpk\:md\:border-border{border-color:var(--border)}.cpk\:md\: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)}.cpk\:md\: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)}.cpk\:md\:ring-border\/40{--tw-ring-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.cpk\:md\:ring-border\/40{--tw-ring-color:color-mix(in oklab,var(--border)40%,transparent)}}.cpk\:md\:transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--cpk-default-transition-timing-function));transition-duration:var(--tw-duration,var(--cpk-default-transition-duration))}.cpk\:md\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--cpk-default-transition-timing-function));transition-duration:var(--tw-duration,var(--cpk-default-transition-duration))}}@media (min-width:64rem){.cpk\:lg\:mr-4{margin-right:calc(var(--cpk-spacing)*4)}.cpk\:lg\:ml-4{margin-left:calc(var(--cpk-spacing)*4)}}.cpk\:dark\:border-\[\#3a3a3a\]:is(.dark *){border-color:#3a3a3a}.cpk\:dark\:border-\[\#404040\]:is(.dark *){border-color:#404040}.cpk\:dark\:border-gray-700:is(.dark *){border-color:var(--cpk-color-gray-700)}.cpk\:dark\:border-input:is(.dark *){border-color:var(--input)}.cpk\:dark\:border-zinc-800\/60:is(.dark *){border-color:var(--cpk-color-zinc-800)}@supports (color:color-mix(in lab, red, red)){.cpk\:dark\:border-zinc-800\/60:is(.dark *){border-color:color-mix(in oklab,var(--cpk-color-zinc-800)60%,transparent)}}.cpk\:dark\:bg-\[\#1f1f1f\]:is(.dark *){background-color:#1f1f1f}.cpk\:dark\:bg-\[\#2f2f2f\]:is(.dark *){background-color:#2f2f2f}.cpk\:dark\:bg-\[\#303030\]:is(.dark *){background-color:#303030}.cpk\:dark\:bg-\[\#e0e0e0\]:is(.dark *){background-color:#e0e0e0}.cpk\:dark\:bg-amber-500\/15:is(.dark *){background-color:var(--cpk-color-amber-500)}@supports (color:color-mix(in lab, red, red)){.cpk\:dark\:bg-amber-500\/15:is(.dark *){background-color:color-mix(in oklab,var(--cpk-color-amber-500)15%,transparent)}}.cpk\:dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.cpk\:dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.cpk\:dark\:bg-emerald-500\/15:is(.dark *){background-color:var(--cpk-color-emerald-500)}@supports (color:color-mix(in lab, red, red)){.cpk\:dark\:bg-emerald-500\/15:is(.dark *){background-color:color-mix(in oklab,var(--cpk-color-emerald-500)15%,transparent)}}.cpk\:dark\:bg-gray-900:is(.dark *){background-color:var(--cpk-color-gray-900)}.cpk\:dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.cpk\:dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}.cpk\:dark\:bg-white:is(.dark *){background-color:var(--cpk-color-white)}.cpk\:dark\:bg-zinc-700\/40:is(.dark *){background-color:var(--cpk-color-zinc-700)}@supports (color:color-mix(in lab, red, red)){.cpk\:dark\:bg-zinc-700\/40:is(.dark *){background-color:color-mix(in oklab,var(--cpk-color-zinc-700)40%,transparent)}}.cpk\:dark\:bg-zinc-800\/60:is(.dark *){background-color:var(--cpk-color-zinc-800)}@supports (color:color-mix(in lab, red, red)){.cpk\:dark\:bg-zinc-800\/60:is(.dark *){background-color:color-mix(in oklab,var(--cpk-color-zinc-800)60%,transparent)}}.cpk\:dark\:bg-zinc-900\/50:is(.dark *){background-color:var(--cpk-color-zinc-900)}@supports (color:color-mix(in lab, red, red)){.cpk\:dark\:bg-zinc-900\/50:is(.dark *){background-color:color-mix(in oklab,var(--cpk-color-zinc-900)50%,transparent)}}.cpk\:dark\:from-\[rgb\(33\,33\,33\)\]:is(.dark *){--tw-gradient-from:#212121;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.cpk\:dark\:via-\[rgb\(33\,33\,33\)\]:is(.dark *){--tw-gradient-via:#212121;--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)}.cpk\:dark\:text-\[rgb\(243\,243\,243\)\]:is(.dark *){color:#f3f3f3}.cpk\:dark\:text-amber-400:is(.dark *){color:var(--cpk-color-amber-400)}.cpk\:dark\:text-black:is(.dark *){color:var(--cpk-color-black)}.cpk\:dark\:text-emerald-400:is(.dark *){color:var(--cpk-color-emerald-400)}.cpk\:dark\:text-gray-200:is(.dark *){color:var(--cpk-color-gray-200)}.cpk\:dark\:text-gray-400:is(.dark *){color:var(--cpk-color-gray-400)}.cpk\:dark\:text-gray-500:is(.dark *){color:var(--cpk-color-gray-500)}.cpk\:dark\:text-white:is(.dark *){color:var(--cpk-color-white)}.cpk\:dark\:text-zinc-100:is(.dark *){color:var(--cpk-color-zinc-100)}.cpk\:dark\:text-zinc-200:is(.dark *){color:var(--cpk-color-zinc-200)}.cpk\:dark\:text-zinc-300:is(.dark *){color:var(--cpk-color-zinc-300)}.cpk\:dark\:text-zinc-400:is(.dark *){color:var(--cpk-color-zinc-400)}.cpk\:dark\:prose-invert:is(.dark *){--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.cpk\:dark\:placeholder\:text-\[\#fffc\]:is(.dark *)::placeholder{color:#fffc}@media (hover:hover){.cpk\:dark\:hover\:bg-\[\#2f2f2f\]:is(.dark *):hover{background-color:#2f2f2f}.cpk\:dark\:hover\:bg-\[\#303030\]:is(.dark *):hover{background-color:#303030}.cpk\:dark\:hover\:bg-\[\#404040\]:is(.dark *):hover{background-color:#404040}.cpk\:dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.cpk\:dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.cpk\:dark\:hover\:bg-gray-800:is(.dark *):hover{background-color:var(--cpk-color-gray-800)}.cpk\:dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.cpk\:dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}.cpk\:dark\:hover\:text-\[\#FFFFFF\]:is(.dark *):hover{color:#fff}.cpk\:dark\:hover\:text-\[rgb\(243\,243\,243\)\]:is(.dark *):hover{color:#f3f3f3}}.cpk\:dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.cpk\:dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.cpk\:dark\:focus-visible\:outline-white:is(.dark *):focus-visible{outline-color:var(--cpk-color-white)}.cpk\:dark\:disabled\:bg-\[\#454545\]:is(.dark *):disabled{background-color:#454545}.cpk\:dark\:disabled\:text-white:is(.dark *):disabled{color:var(--cpk-color-white)}@media (hover:hover){.cpk\:dark\:disabled\:hover\:bg-transparent:is(.dark *):disabled:hover{background-color:#0000}.cpk\:dark\:disabled\:hover\:text-\[\#CCCCCC\]:is(.dark *):disabled:hover{color:#ccc}}.cpk\:dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.cpk\:dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.cpk\: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)){.cpk\:dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant=destructive]:focus{background-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.cpk\:\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.cpk\:\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.cpk\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--cpk-spacing)*4);height:calc(var(--cpk-spacing)*4)}.cpk\:\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]){color:var(--muted-foreground)}:is(.cpk\:data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant=destructive]>*):is(svg){color:var(--destructive)!important}div[data-popup-chat] .cpk\:\[div\[data-popup-chat\]_\&\]\:px-4{padding-inline:calc(var(--cpk-spacing)*4)}div[data-popup-chat] .cpk\:\[div\[data-popup-chat\]_\&\]\:px-6{padding-inline:calc(var(--cpk-spacing)*6)}div[data-sidebar-chat] .cpk\:\[div\[data-sidebar-chat\]_\&\]\:px-8{padding-inline:calc(var(--cpk-spacing)*8)}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}[data-copilotkit]{--background:oklch(100% 0 0);--foreground:oklch(14.5% 0 0);--card:oklch(100% 0 0);--card-foreground:oklch(14.5% 0 0);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.5% 0 0);--primary:oklch(20.5% 0 0);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(97% 0 0);--secondary-foreground:oklch(20.5% 0 0);--muted:oklch(97% 0 0);--muted-foreground:oklch(55.6% 0 0);--accent:oklch(97% 0 0);--accent-foreground:oklch(20.5% 0 0);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(57.7% .245 27.325);--border:oklch(92.2% 0 0);--input:oklch(92.2% 0 0);--ring:oklch(70.8% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--radius:.625rem;--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.5% 0 0);--sidebar-primary:oklch(20.5% 0 0);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(97% 0 0);--sidebar-accent-foreground:oklch(20.5% 0 0);--sidebar-border:oklch(92.2% 0 0);--sidebar-ring:oklch(70.8% 0 0)}.dark [data-copilotkit],[data-copilotkit].dark{--background:oklch(14.5% 0 0);--foreground:oklch(98.5% 0 0);--card:oklch(14.5% 0 0);--card-foreground:oklch(98.5% 0 0);--popover:oklch(14.5% 0 0);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(98.5% 0 0);--primary-foreground:oklch(20.5% 0 0);--secondary:oklch(26.9% 0 0);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(26.9% 0 0);--muted-foreground:oklch(70.8% 0 0);--accent:oklch(26.9% 0 0);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(39.6% .141 25.723);--destructive-foreground:oklch(63.7% .237 25.331);--border:oklch(26.9% 0 0);--input:oklch(26.9% 0 0);--ring:oklch(55.6% 0 0);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.5% 0 0);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(26.9% 0 0);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(26.9% 0 0);--sidebar-ring:oklch(43.9% 0 0)}[data-copilotkit] div[data-streamdown=code-block]>pre{margin-top:calc(var(--cpk-spacing)*0);margin-bottom:calc(var(--cpk-spacing)*0)}[data-copilotkit] ::-webkit-scrollbar{width:6px}[data-copilotkit] ::-webkit-scrollbar-track{background:0 0}[data-copilotkit] ::-webkit-scrollbar-thumb{background:oklch(50% 0 0);border-radius:9999px}[data-copilotkit] ::-webkit-scrollbar-thumb:hover{background:oklch(40% 0 0)}[data-copilotkit] *{scrollbar-width:thin;scrollbar-color:oklch(50% 0 0) transparent}[data-copilotkit] .prose input[type=checkbox]{appearance:none;color:#004f99;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;user-select:none;vertical-align:middle;background-color:#fff;background-origin:border-box;border-width:1px;border-color:#9b9b9b;border-radius:2px;flex-shrink:0;width:1rem;height:1rem;padding:0;display:inline-block}[data-copilotkit] .prose input[type=checkbox]:checked{background-color:#004f99;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:#004f99}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"";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:"";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";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:"";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:"";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-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-contain-size{syntax:"*";inherits:false}@property --tw-contain-layout{syntax:"*";inherits:false}@property --tw-contain-paint{syntax:"*";inherits:false}@property --tw-contain-style{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes pulse-cursor{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.5)}} /* /app/globals.css */ /*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */ @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: "Geist Variable", "Geist", system-ui, sans-serif; --font-mono: "Geist Mono Variable", "Geist Mono", monospace; --color-orange-400: oklch(75% 0.183 55.934); --color-green-500: oklch(72.3% 0.219 149.579); --color-blue-400: oklch(70.7% 0.165 254.624); --color-slate-200: oklch(92.9% 0.013 255.508); --color-slate-700: oklch(37.2% 0.044 257.287); --color-zinc-500: oklch(55.2% 0.016 285.938); --color-black: #000000; --color-white: #ffffff; --spacing: 0.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; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --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-tight: -0.025em; --tracking-normal: 0em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --blur-sm: 8px; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-background: #f8fafc; --color-surface: #ffffff; --color-subtle: #f1f5f9; --color-muted: #e2e8f0; --color-foreground: #0f172a; --color-muted-foreground: #475569; --color-subtle-foreground: #64748b; --color-faint-foreground: #94a3b8; --color-border: #e2e8f0; --color-border-strong: #cbd5e1; --color-primary: #0f172a; --color-primary-foreground: #ffffff; --color-accent: #0284c7; --color-accent-hover: #0369a1; --color-accent-foreground: #ffffff; --color-accent-soft: #f0f9ff; --color-ring: #0284c7; --color-success: #059669; --color-success-soft: #ecfdf5; --color-success-foreground: #047857; --color-warning: #f59e0b; --color-warning-soft: #fffbeb; --color-warning-foreground: #b45309; --color-danger: #e11d48; --color-danger-soft: #fff1f2; --color-danger-foreground: #be123c; --color-info: #0284c7; --color-info-soft: #f0f9ff; --color-info-foreground: #0369a1; --color-ai: #7c3aed; --color-ai-soft: #f5f3ff; --color-ai-foreground: #6d28d9; --text-2xs: 0.6875rem; --text-2xs--line-height: 1rem; } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer utilities { .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .start { inset-inline-start: var(--spacing); } .end { inset-inline-end: var(--spacing); } .-top-1 { top: calc(var(--spacing) * -1); } .-top-1\.5 { top: calc(var(--spacing) * -1.5); } .-top-6 { top: calc(var(--spacing) * -6); } .top-0 { top: calc(var(--spacing) * 0); } .top-1\.5 { top: calc(var(--spacing) * 1.5); } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-3 { top: calc(var(--spacing) * 3); } .top-4 { top: calc(var(--spacing) * 4); } .top-\[20vh\] { top: 20vh; } .top-\[60\%\] { top: 60%; } .top-full { top: 100%; } .top-px { top: 1px; } .-right-1 { right: calc(var(--spacing) * -1); } .-right-1\.5 { right: calc(var(--spacing) * -1.5); } .-right-6 { right: calc(var(--spacing) * -6); } .right-0 { right: calc(var(--spacing) * 0); } .right-1 { right: calc(var(--spacing) * 1); } .right-1\.5 { right: calc(var(--spacing) * 1.5); } .right-2 { right: calc(var(--spacing) * 2); } .right-2\.5 { right: calc(var(--spacing) * 2.5); } .right-3 { right: calc(var(--spacing) * 3); } .right-4 { right: calc(var(--spacing) * 4); } .right-6 { right: calc(var(--spacing) * 6); } .right-\[72px\] { right: 72px; } .-bottom-4 { bottom: calc(var(--spacing) * -4); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-3 { bottom: calc(var(--spacing) * 3); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-5 { bottom: calc(var(--spacing) * 5); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .bottom-24 { bottom: calc(var(--spacing) * 24); } .bottom-full { bottom: 100%; } .-left-4 { left: calc(var(--spacing) * -4); } .left-0 { left: calc(var(--spacing) * 0); } .left-1 { left: calc(var(--spacing) * 1); } .left-1\/2 { left: calc(1 / 2 * 100%); } .left-2 { left: calc(var(--spacing) * 2); } .left-2\.5 { left: calc(var(--spacing) * 2.5); } .left-3 { left: calc(var(--spacing) * 3); } .left-\[9px\] { left: 9px; } .left-\[calc\(50\%\+14px\)\] { left: calc(50% + 14px); } .left-full { left: 100%; } .isolate { isolation: isolate; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[1\] { z-index: 1; } .z-\[5\] { z-index: 5; } .z-\[51\] { z-index: 51; } .z-\[54\] { z-index: 54; } .z-\[55\] { z-index: 55; } .z-\[60\] { z-index: 60; } .z-\[70\] { z-index: 70; } .z-\[71\] { z-index: 71; } .col-span-2 { grid-column: span 2 / span 2; } .container { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } .m-0 { margin: calc(var(--spacing) * 0); } .m-auto { margin: auto; } .-mx-1 { margin-inline: calc(var(--spacing) * -1); } .-mx-6 { margin-inline: calc(var(--spacing) * -6); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-auto { margin-inline: auto; } .-my-4 { margin-block: calc(var(--spacing) * -4); } .my-1 { margin-block: calc(var(--spacing) * 1); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-4 { margin-block: calc(var(--spacing) * 4); } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-auto { margin-top: auto; } .-mr-0\.5 { margin-right: calc(var(--spacing) * -0.5); } .-mr-1 { margin-right: calc(var(--spacing) * -1); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-1\.5 { margin-right: calc(var(--spacing) * 1.5); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .-mb-px { margin-bottom: -1px; } .mb-0\.5 { margin-bottom: calc(var(--spacing) * 0.5); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .ml-0\.5 { margin-left: calc(var(--spacing) * 0.5); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-1\.5 { margin-left: calc(var(--spacing) * 1.5); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-\[26px\] { margin-left: 26px; } .ml-auto { margin-left: auto; } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .aspect-square { aspect-ratio: 1 / 1; } .size-1\.5 { width: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 1.5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .size-\[18px\] { width: 18px; height: 18px; } .h-0\.5 { height: calc(var(--spacing) * 0.5); } .h-1 { height: calc(var(--spacing) * 1); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-20 { height: calc(var(--spacing) * 20); } .h-24 { height: calc(var(--spacing) * 24); } .h-28 { height: calc(var(--spacing) * 28); } .h-48 { height: calc(var(--spacing) * 48); } .h-64 { height: calc(var(--spacing) * 64); } .h-80 { height: calc(var(--spacing) * 80); } .h-\[10px\] { height: 10px; } .h-\[11px\] { height: 11px; } .h-\[15px\] { height: 15px; } .h-\[18px\] { height: 18px; } .h-\[22px\] { height: 22px; } .h-\[320px\] { height: 320px; } .h-\[680px\] { height: 680px; } .h-\[calc\(100vh-280px\)\] { height: calc(100vh - 280px); } .h-\[var\(--radix-navigation-menu-viewport-height\)\] { height: var(--radix-navigation-menu-viewport-height); } .h-auto { height: auto; } .h-full { height: 100%; } .h-px { height: 1px; } .max-h-56 { max-height: calc(var(--spacing) * 56); } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[300px\] { max-height: 300px; } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-8 { min-height: calc(var(--spacing) * 8); } .min-h-\[16px\] { min-height: 16px; } .min-h-\[56px\] { min-height: 56px; } .min-h-\[80px\] { min-height: 80px; } .min-h-\[160px\] { min-height: 160px; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .w-0\.5 { width: calc(var(--spacing) * 0.5); } .w-1 { width: calc(var(--spacing) * 1); } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-1\/2 { width: calc(1 / 2 * 100%); } .w-1\/3 { width: calc(1 / 3 * 100%); } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-2\/3 { width: calc(2 / 3 * 100%); } .w-2\/5 { width: calc(2 / 5 * 100%); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-3\/4 { width: calc(3 / 4 * 100%); } .w-4 { width: calc(var(--spacing) * 4); } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-12 { width: calc(var(--spacing) * 12); } .w-14 { width: calc(var(--spacing) * 14); } .w-16 { width: calc(var(--spacing) * 16); } .w-20 { width: calc(var(--spacing) * 20); } .w-24 { width: calc(var(--spacing) * 24); } .w-28 { width: calc(var(--spacing) * 28); } .w-32 { width: calc(var(--spacing) * 32); } .w-36 { width: calc(var(--spacing) * 36); } .w-40 { width: calc(var(--spacing) * 40); } .w-44 { width: calc(var(--spacing) * 44); } .w-48 { width: calc(var(--spacing) * 48); } .w-52 { width: calc(var(--spacing) * 52); } .w-56 { width: calc(var(--spacing) * 56); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-80 { width: calc(var(--spacing) * 80); } .w-\[5px\] { width: 5px; } .w-\[10px\] { width: 10px; } .w-\[15px\] { width: 15px; } .w-\[22px\] { width: 22px; } .w-\[30\%\] { width: 30%; } .w-\[40\%\] { width: 40%; } .w-\[56px\] { width: 56px; } .w-\[60\%\] { width: 60%; } .w-\[220px\] { width: 220px; } .w-\[260px\] { width: 260px; } .w-\[280px\] { width: 280px; } .w-\[290px\] { width: 290px; } .w-\[480px\] { width: 480px; } .w-\[576px\] { width: 576px; } .w-\[680px\] { width: 680px; } .w-full { width: 100%; } .w-max { width: max-content; } .w-px { width: 1px; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-\[85\%\] { max-width: 85%; } .max-w-\[88\%\] { max-width: 88%; } .max-w-\[94\%\] { max-width: 94%; } .max-w-\[120px\] { max-width: 120px; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[280px\] { max-width: 280px; } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-max { max-width: max-content; } .max-w-md { max-width: var(--container-md); } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-8 { min-width: calc(var(--spacing) * 8); } .min-w-12 { min-width: calc(var(--spacing) * 12); } .min-w-\[8rem\] { min-width: 8rem; } .min-w-\[12rem\] { min-width: 12rem; } .min-w-\[14px\] { min-width: 14px; } .min-w-\[18px\] { min-width: 18px; } .min-w-\[22px\] { min-width: 22px; } .min-w-\[48px\] { min-width: 48px; } .min-w-\[64px\] { min-width: 64px; } .min-w-\[72px\] { min-width: 72px; } .min-w-\[86px\] { min-width: 86px; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[220px\] { min-width: 220px; } .min-w-\[280px\] { min-width: 280px; } .min-w-\[290px\] { min-width: 290px; } .min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); } .min-w-full { min-width: 100%; } .min-w-max { min-width: max-content; } .flex-1 { flex: 1; } .flex-\[1\] { flex: 1; } .flex-\[2\] { flex: 2; } .flex-\[3\] { flex: 3; } .flex-shrink-0 { flex-shrink: 0; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .border-collapse { border-collapse: collapse; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .rotate-45 { rotate: 45deg; } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .animate-ping { animation: var(--animate-ping); } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-col-resize { cursor: col-resize; } .cursor-copy { cursor: copy; } .cursor-default { cursor: default; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .touch-none { touch-action: none; } .resize { resize: both; } .resize-none { resize: none; } .resize-y { resize: vertical; } .scroll-mt-12 { scroll-margin-top: calc(var(--spacing) * 12); } .list-inside { list-style-position: inside; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .appearance-none { appearance: none; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-\[1fr_1fr_2fr_1\.2fr\] { grid-template-columns: 1fr 1fr 2fr 1.2fr; } .grid-cols-\[1fr_auto_auto_auto\] { grid-template-columns: 1fr auto auto auto; } .flex-col { flex-direction: column; } .flex-row { flex-direction: row; } .flex-wrap { flex-wrap: wrap; } .place-items-center { place-items: center; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-0\.5 { gap: calc(var(--spacing) * 0.5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-\[3px\] { gap: 3px; } .gap-px { gap: 1px; } .space-y-0 { :where(& > :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))); } } .space-y-0\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-1 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-1\.5 { :where(& > :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))); } } .space-y-2 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-2\.5 { :where(& > :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))); } } .space-y-3 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-4 { :where(& > :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))); } } .space-y-5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-6 { :where(& > :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))); } } .space-y-8 { :where(& > :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))); } } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .-space-x-2 { :where(& > :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))); } } .gap-y-1 { row-gap: calc(var(--spacing) * 1); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-4 { row-gap: calc(var(--spacing) * 4); } .divide-x { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } } .divide-y { :where(& > :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))); } } .divide-border { :where(& > :not(:last-child)) { border-color: var(--color-border); } } .divide-border\/40 { :where(& > :not(:last-child)) { border-color: color-mix(in srgb, #e2e8f0 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-border) 40%, transparent); } } } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .overflow-y-hidden { overflow-y: hidden; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[1px\] { border-radius: 1px; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[inherit\] { border-radius: inherit; } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: var(--radius-sm); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-t-lg { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } .rounded-l-lg { border-top-left-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .rounded-l-md { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rounded-tl-sm { border-top-left-radius: var(--radius-sm); } .rounded-r-lg { border-top-right-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg); } .rounded-r-md { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rounded-tr-sm { border-top-right-radius: var(--radius-sm); } .rounded-b-lg { border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-\[1\.5px\] { border-style: var(--tw-border-style); border-width: 1.5px; } .border-x { border-inline-style: var(--tw-border-style); border-inline-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0px; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-t-\[3px\] { border-top-style: var(--tw-border-style); border-top-width: 3px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-0 { border-left-style: var(--tw-border-style); border-left-width: 0px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-l-\[3px\] { border-left-style: var(--tw-border-style); border-left-width: 3px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-accent { border-color: var(--color-accent); } .border-accent\/10 { border-color: color-mix(in srgb, #0284c7 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .border-accent\/20 { border-color: color-mix(in srgb, #0284c7 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-accent) 20%, transparent); } } .border-accent\/30 { border-color: color-mix(in srgb, #0284c7 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-accent) 30%, transparent); } } .border-accent\/40 { border-color: color-mix(in srgb, #0284c7 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-accent) 40%, transparent); } } .border-ai { border-color: var(--color-ai); } .border-ai\/10 { border-color: color-mix(in srgb, #7c3aed 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-ai) 10%, transparent); } } .border-ai\/15 { border-color: color-mix(in srgb, #7c3aed 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-ai) 15%, transparent); } } .border-ai\/20 { border-color: color-mix(in srgb, #7c3aed 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-ai) 20%, transparent); } } .border-ai\/30 { border-color: color-mix(in srgb, #7c3aed 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-ai) 30%, transparent); } } .border-ai\/40 { border-color: color-mix(in srgb, #7c3aed 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-ai) 40%, transparent); } } .border-ai\/60 { border-color: color-mix(in srgb, #7c3aed 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-ai) 60%, transparent); } } .border-background { border-color: var(--color-background); } .border-border { border-color: var(--color-border); } .border-border-strong { border-color: var(--color-border-strong); } .border-border\/40 { border-color: color-mix(in srgb, #e2e8f0 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-border) 40%, transparent); } } .border-border\/50 { border-color: color-mix(in srgb, #e2e8f0 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-border) 50%, transparent); } } .border-border\/60 { border-color: color-mix(in srgb, #e2e8f0 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-border) 60%, transparent); } } .border-danger { border-color: var(--color-danger); } .border-danger\/20 { border-color: color-mix(in srgb, #e11d48 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 20%, transparent); } } .border-danger\/30 { border-color: color-mix(in srgb, #e11d48 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 30%, transparent); } } .border-danger\/40 { border-color: color-mix(in srgb, #e11d48 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 40%, transparent); } } .border-danger\/50 { border-color: color-mix(in srgb, #e11d48 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 50%, transparent); } } .border-danger\/70 { border-color: color-mix(in srgb, #e11d48 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 70%, transparent); } } .border-info { border-color: var(--color-info); } .border-info\/25 { border-color: color-mix(in srgb, #0284c7 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 25%, transparent); } } .border-info\/30 { border-color: color-mix(in srgb, #0284c7 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 30%, transparent); } } .border-info\/40 { border-color: color-mix(in srgb, #0284c7 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-info) 40%, transparent); } } .border-slate-200 { border-color: var(--color-slate-200); } .border-success { border-color: var(--color-success); } .border-success\/25 { border-color: color-mix(in srgb, #059669 25%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 25%, transparent); } } .border-success\/30 { border-color: color-mix(in srgb, #059669 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 30%, transparent); } } .border-success\/50 { border-color: color-mix(in srgb, #059669 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-success) 50%, transparent); } } .border-transparent { border-color: transparent; } .border-warning { border-color: var(--color-warning); } .border-warning\/20 { border-color: color-mix(in srgb, #f59e0b 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 20%, transparent); } } .border-warning\/30 { border-color: color-mix(in srgb, #f59e0b 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 30%, transparent); } } .border-warning\/40 { border-color: color-mix(in srgb, #f59e0b 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 40%, transparent); } } .border-warning\/60 { border-color: color-mix(in srgb, #f59e0b 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-warning) 60%, transparent); } } .border-white\/20 { border-color: color-mix(in srgb, #ffffff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .border-t-accent { border-top-color: var(--color-accent); } .border-t-border { border-top-color: var(--color-border); } .border-t-danger { border-top-color: var(--color-danger); } .border-t-success { border-top-color: var(--color-success); } .border-t-transparent { border-top-color: transparent; } .border-t-warning { border-top-color: var(--color-warning); } .border-l-accent { border-left-color: var(--color-accent); } .border-l-border { border-left-color: var(--color-border); } .border-l-danger { border-left-color: var(--color-danger); } .border-l-info { border-left-color: var(--color-info); } .border-l-success { border-left-color: var(--color-success); } .border-l-transparent { border-left-color: transparent; } .border-l-warning { border-left-color: var(--color-warning); } .bg-\[\#1a1a1a\] { background-color: #1a1a1a; } .bg-accent { background-color: var(--color-accent); } .bg-accent-soft { background-color: var(--color-accent-soft); } .bg-accent-soft\/20 { background-color: color-mix(in srgb, #f0f9ff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-accent-soft) 20%, transparent); } } .bg-accent-soft\/30 { background-color: color-mix(in srgb, #f0f9ff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-accent-soft) 30%, transparent); } } .bg-accent-soft\/40 { background-color: color-mix(in srgb, #f0f9ff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-accent-soft) 40%, transparent); } } .bg-accent\/5 { background-color: color-mix(in srgb, #0284c7 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-accent) 5%, transparent); } } .bg-accent\/10 { background-color: color-mix(in srgb, #0284c7 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-accent) 10%, transparent); } } .bg-accent\/20 { background-color: color-mix(in srgb, #0284c7 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-accent) 20%, transparent); } } .bg-accent\/40 { background-color: color-mix(in srgb, #0284c7 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-accent) 40%, transparent); } } .bg-accent\/\[0\.02\] { background-color: color-mix(in srgb, #0284c7 2%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-accent) 2%, transparent); } } .bg-accent\/\[0\.04\] { background-color: color-mix(in srgb, #0284c7 4%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-accent) 4%, transparent); } } .bg-accent\/\[0\.015\] { background-color: color-mix(in srgb, #0284c7 1.5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-accent) 1.5%, transparent); } } .bg-ai { background-color: var(--color-ai); } .bg-ai-soft { background-color: var(--color-ai-soft); } .bg-ai-soft\/20 { background-color: color-mix(in srgb, #f5f3ff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-ai-soft) 20%, transparent); } } .bg-ai-soft\/30 { background-color: color-mix(in srgb, #f5f3ff 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-ai-soft) 30%, transparent); } } .bg-ai-soft\/40 { background-color: color-mix(in srgb, #f5f3ff 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-ai-soft) 40%, transparent); } } .bg-ai-soft\/50 { background-color: color-mix(in srgb, #f5f3ff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-ai-soft) 50%, transparent); } } .bg-ai-soft\/60 { background-color: color-mix(in srgb, #f5f3ff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-ai-soft) 60%, transparent); } } .bg-ai\/10 { background-color: color-mix(in srgb, #7c3aed 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-ai) 10%, transparent); } } .bg-ai\/15 { background-color: color-mix(in srgb, #7c3aed 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-ai) 15%, transparent); } } .bg-background { background-color: var(--color-background); } .bg-background\/30 { background-color: color-mix(in srgb, #f8fafc 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-background) 30%, transparent); } } .bg-background\/90 { background-color: color-mix(in srgb, #f8fafc 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-background) 90%, transparent); } } .bg-black\/30 { background-color: color-mix(in srgb, #000000 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 30%, transparent); } } .bg-black\/40 { background-color: color-mix(in srgb, #000000 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .bg-blue-400 { background-color: var(--color-blue-400); } .bg-blue-400\/10 { background-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-400) 10%, transparent); } } .bg-border { background-color: var(--color-border); } .bg-border-strong { background-color: var(--color-border-strong); } .bg-current { background-color: currentcolor; } .bg-danger { background-color: var(--color-danger); } .bg-danger-soft { background-color: var(--color-danger-soft); } .bg-danger-soft\/30 { background-color: color-mix(in srgb, #fff1f2 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger-soft) 30%, transparent); } } .bg-danger\/5 { background-color: color-mix(in srgb, #e11d48 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 5%, transparent); } } .bg-danger\/10 { background-color: color-mix(in srgb, #e11d48 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } } .bg-danger\/15 { background-color: color-mix(in srgb, #e11d48 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 15%, transparent); } } .bg-danger\/20 { background-color: color-mix(in srgb, #e11d48 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 20%, transparent); } } .bg-foreground { background-color: var(--color-foreground); } .bg-info { background-color: var(--color-info); } .bg-info-soft { background-color: var(--color-info-soft); } .bg-muted { background-color: var(--color-muted); } .bg-muted-foreground { background-color: var(--color-muted-foreground); } .bg-muted-foreground\/30 { background-color: color-mix(in srgb, #475569 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-muted-foreground) 30%, transparent); } } .bg-orange-400 { background-color: var(--color-orange-400); } .bg-orange-400\/10 { background-color: color-mix(in srgb, oklch(75% 0.183 55.934) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-400) 10%, transparent); } } .bg-primary { background-color: var(--color-primary); } .bg-subtle { background-color: var(--color-subtle); } .bg-subtle\/30 { background-color: color-mix(in srgb, #f1f5f9 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-subtle) 30%, transparent); } } .bg-subtle\/40 { background-color: color-mix(in srgb, #f1f5f9 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-subtle) 40%, transparent); } } .bg-subtle\/50 { background-color: color-mix(in srgb, #f1f5f9 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-subtle) 50%, transparent); } } .bg-subtle\/60 { background-color: color-mix(in srgb, #f1f5f9 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-subtle) 60%, transparent); } } .bg-subtle\/80 { background-color: color-mix(in srgb, #f1f5f9 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-subtle) 80%, transparent); } } .bg-success { background-color: var(--color-success); } .bg-success-soft { background-color: var(--color-success-soft); } .bg-success\/5 { background-color: color-mix(in srgb, #059669 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 5%, transparent); } } .bg-success\/10 { background-color: color-mix(in srgb, #059669 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 10%, transparent); } } .bg-success\/20 { background-color: color-mix(in srgb, #059669 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 20%, transparent); } } .bg-surface { background-color: var(--color-surface); } .bg-transparent { background-color: transparent; } .bg-warning { background-color: var(--color-warning); } .bg-warning-soft { background-color: var(--color-warning-soft); } .bg-warning-soft\/40 { background-color: color-mix(in srgb, #fffbeb 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning-soft) 40%, transparent); } } .bg-warning\/10 { background-color: color-mix(in srgb, #f59e0b 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 10%, transparent); } } .bg-warning\/20 { background-color: color-mix(in srgb, #f59e0b 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 20%, transparent); } } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #ffffff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-white\/20 { background-color: color-mix(in srgb, #ffffff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .from-ai { --tw-gradient-from: var(--color-ai); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-accent { --tw-gradient-to: var(--color-accent); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .fill-border { fill: var(--color-border); } .fill-current { fill: currentcolor; } .fill-foreground { fill: var(--color-foreground); } .fill-muted-foreground { fill: var(--color-muted-foreground); } .object-cover { object-fit: cover; } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\.5 { padding: calc(var(--spacing) * 0.5); } .p-1 { padding: calc(var(--spacing) * 1); } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-3\.5 { padding: calc(var(--spacing) * 3.5); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .p-10 { padding: calc(var(--spacing) * 10); } .p-12 { padding: calc(var(--spacing) * 12); } .p-16 { padding: calc(var(--spacing) * 16); } .p-\[18px\] { padding: 18px; } .p-px { padding: 1px; } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-0\.5 { padding-inline: calc(var(--spacing) * 0.5); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-11 { padding-inline: calc(var(--spacing) * 11); } .px-\[3px\] { padding-inline: 3px; } .px-\[18px\] { padding-inline: 18px; } .px-px { padding-inline: 1px; } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-20 { padding-block: calc(var(--spacing) * 20); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-\[6px\] { padding-block: 6px; } .py-px { padding-block: 1px; } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-0\.5 { padding-top: calc(var(--spacing) * 0.5); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-1\.5 { padding-top: calc(var(--spacing) * 1.5); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-2\.5 { padding-top: calc(var(--spacing) * 2.5); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-7 { padding-right: calc(var(--spacing) * 7); } .pr-9 { padding-right: calc(var(--spacing) * 9); } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pb-\[1lh\] { padding-bottom: 1lh; } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .align-middle { vertical-align: middle; } .align-top { vertical-align: top; } .font-mono { font-family: var(--font-mono); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-2xs { font-size: var(--text-2xs); line-height: var(--tw-leading, var(--text-2xs--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[7px\] { font-size: 7px; } .text-\[8px\] { font-size: 8px; } .text-\[9px\] { font-size: 9px; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[12px\] { font-size: 12px; } .text-\[13px\] { font-size: 13px; } .text-\[28px\] { font-size: 28px; } .text-\[64px\] { font-size: 64px; } .leading-4 { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-7 { --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); } .leading-8 { --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } .leading-9 { --tw-leading: calc(var(--spacing) * 9); line-height: calc(var(--spacing) * 9); } .leading-\[14px\] { --tw-leading: 14px; line-height: 14px; } .leading-\[40px\] { --tw-leading: 40px; line-height: 40px; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-\[-0\.02em\] { --tw-tracking: -0.02em; letter-spacing: -0.02em; } .tracking-\[0\.05em\] { --tw-tracking: 0.05em; letter-spacing: 0.05em; } .tracking-\[0\.06em\] { --tw-tracking: 0.06em; letter-spacing: 0.06em; } .tracking-normal { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-wrap { white-space: pre-wrap; } .text-accent { color: var(--color-accent); } .text-accent-foreground { color: var(--color-accent-foreground); } .text-ai { color: var(--color-ai); } .text-ai-foreground { color: var(--color-ai-foreground); } .text-background { color: var(--color-background); } .text-blue-400 { color: var(--color-blue-400); } .text-border { color: var(--color-border); } .text-border-strong { color: var(--color-border-strong); } .text-danger { color: var(--color-danger); } .text-danger-foreground { color: var(--color-danger-foreground); } .text-faint-foreground { color: var(--color-faint-foreground); } .text-foreground { color: var(--color-foreground); } .text-foreground\/80 { color: color-mix(in srgb, #0f172a 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-foreground) 80%, transparent); } } .text-green-500 { color: var(--color-green-500); } .text-info { color: var(--color-info); } .text-info-foreground { color: var(--color-info-foreground); } .text-muted-foreground { color: var(--color-muted-foreground); } .text-muted-foreground\/30 { color: color-mix(in srgb, #475569 30%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-muted-foreground) 30%, transparent); } } .text-muted-foreground\/40 { color: color-mix(in srgb, #475569 40%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-muted-foreground) 40%, transparent); } } .text-muted-foreground\/50 { color: color-mix(in srgb, #475569 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-muted-foreground) 50%, transparent); } } .text-muted-foreground\/60 { color: color-mix(in srgb, #475569 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-muted-foreground) 60%, transparent); } } .text-muted-foreground\/70 { color: color-mix(in srgb, #475569 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-muted-foreground) 70%, transparent); } } .text-orange-400 { color: var(--color-orange-400); } .text-primary-foreground { color: var(--color-primary-foreground); } .text-slate-700 { color: var(--color-slate-700); } .text-success { color: var(--color-success); } .text-success-foreground { color: var(--color-success-foreground); } .text-surface { color: var(--color-surface); } .text-warning { color: var(--color-warning); } .text-warning-foreground { color: var(--color-warning-foreground); } .text-white { color: var(--color-white); } .text-white\/60 { color: color-mix(in srgb, #ffffff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .text-zinc-500 { color: var(--color-zinc-500); } .capitalize { text-transform: capitalize; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .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,); } .line-through { text-decoration-line: line-through; } .overline { text-decoration-line: overline; } .underline { text-decoration-line: underline; } .decoration-danger { text-decoration-color: var(--color-danger); } .decoration-warning { text-decoration-color: var(--color-warning); } .decoration-1 { text-decoration-thickness: 1px; } .decoration-\[1\.5px\] { text-decoration-thickness: 1.5px; } .underline-offset-2 { text-underline-offset: 2px; } .accent-accent { accent-color: var(--color-accent); } .opacity-0 { opacity: 0%; } .opacity-30 { opacity: 30%; } .opacity-40 { opacity: 40%; } .opacity-50 { opacity: 50%; } .opacity-60 { opacity: 60%; } .opacity-70 { opacity: 70%; } .opacity-75 { opacity: 75%; } .opacity-80 { opacity: 80%; } .opacity-90 { opacity: 90%; } .opacity-100 { opacity: 100%; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_4px\] { --tw-shadow: 0 0 0 4px var(--tw-shadow-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_0\] { --tw-shadow: 0 1px 0 var(--tw-shadow-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_0_0\] { --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-inner { --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-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); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring { --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); } .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); } .ring-2 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-\[3px\] { --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); } .shadow-accent\/20 { --tw-shadow-color: color-mix(in srgb, #0284c7 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-accent) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-border { --tw-shadow-color: #e2e8f0; @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, var(--color-border) var(--tw-shadow-alpha), transparent); } } .shadow-border\/40 { --tw-shadow-color: color-mix(in srgb, #e2e8f0 40%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-border) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-accent { --tw-ring-color: var(--color-accent); } .ring-accent\/25 { --tw-ring-color: color-mix(in srgb, #0284c7 25%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-accent) 25%, transparent); } } .ring-accent\/30 { --tw-ring-color: color-mix(in srgb, #0284c7 30%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-accent) 30%, transparent); } } .ring-border\/60 { --tw-ring-color: color-mix(in srgb, #e2e8f0 60%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-border) 60%, transparent); } } .ring-info { --tw-ring-color: var(--color-info); } .ring-ring { --tw-ring-color: var(--color-ring); } .ring-surface { --tw-ring-color: var(--color-surface); } .ring-offset-1 { --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); } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .blur-\[1px\] { --tw-blur: blur(1px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .transition { 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)); } .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)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-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)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-100 { --tw-duration: 100ms; transition-duration: 100ms; } .duration-150 { --tw-duration: 150ms; transition-duration: 150ms; } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .duration-\[260ms\] { --tw-duration: 260ms; transition-duration: 260ms; } .ease-\[cubic-bezier\(0\.32\,0\.72\,0\.28\,1\)\] { --tw-ease: cubic-bezier(0.32,0.72,0.28,1); transition-timing-function: cubic-bezier(0.32,0.72,0.28,1); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { -webkit-user-select: none; user-select: none; } .\[transition\:stroke-dashoffset_0\.3s_ease\] { transition: stroke-dashoffset 0.3s ease; } .group-hover\:text-accent { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-accent); } } } .group-hover\:text-ai { &:is(:where(.group):hover *) { @media (hover: hover) { color: var(--color-ai); } } } .group-hover\:opacity-100 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/code\:opacity-100 { &:is(:where(.group\/code):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/row\:bg-subtle { &:is(:where(.group\/row):hover *) { @media (hover: hover) { background-color: var(--color-subtle); } } } .group-hover\/th\:opacity-100 { &:is(:where(.group\/th):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-data-\[state\=open\]\:rotate-180 { &:is(:where(.group)[data-state="open"] *) { rotate: 180deg; } } .peer-disabled\:cursor-not-allowed { &:is(:where(.peer):disabled ~ *) { cursor: not-allowed; } } .peer-disabled\:opacity-50 { &:is(:where(.peer):disabled ~ *) { opacity: 50%; } } .peer-disabled\:opacity-70 { &:is(:where(.peer):disabled ~ *) { opacity: 70%; } } .placeholder\:text-faint-foreground { &::placeholder { color: var(--color-faint-foreground); } } .placeholder\:text-muted-foreground { &::placeholder { color: var(--color-muted-foreground); } } .backdrop\:bg-black\/40 { &::backdrop { background-color: color-mix(in srgb, #000000 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } } .before\:absolute { &::before { content: var(--tw-content); position: absolute; } } .before\:top-1\.5 { &::before { content: var(--tw-content); top: calc(var(--spacing) * 1.5); } } .before\:top-2 { &::before { content: var(--tw-content); top: calc(var(--spacing) * 2); } } .before\:bottom-1\.5 { &::before { content: var(--tw-content); bottom: calc(var(--spacing) * 1.5); } } .before\:bottom-2 { &::before { content: var(--tw-content); bottom: calc(var(--spacing) * 2); } } .before\:left-0 { &::before { content: var(--tw-content); left: calc(var(--spacing) * 0); } } .before\:w-0\.5 { &::before { content: var(--tw-content); width: calc(var(--spacing) * 0.5); } } .before\:rounded-r-full { &::before { content: var(--tw-content); border-top-right-radius: calc(infinity * 1px); border-bottom-right-radius: calc(infinity * 1px); } } .before\:bg-accent { &::before { content: var(--tw-content); background-color: var(--color-accent); } } .first\:border-t-0 { &:first-child { border-top-style: var(--tw-border-style); border-top-width: 0px; } } .first\:pt-0 { &:first-child { padding-top: calc(var(--spacing) * 0); } } .last\:mb-0 { &:last-child { margin-bottom: calc(var(--spacing) * 0); } } .last\:border-0 { &:last-child { border-style: var(--tw-border-style); border-width: 0px; } } .last\:border-r-0 { &:last-child { border-right-style: var(--tw-border-style); border-right-width: 0px; } } .last\:border-b-0 { &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .last\:pb-0 { &:last-child { padding-bottom: calc(var(--spacing) * 0); } } .focus-within\:relative { &:focus-within { position: relative; } } .focus-within\:z-20 { &:focus-within { z-index: 20; } } .focus-within\:border-accent { &:focus-within { border-color: var(--color-accent); } } .focus-within\:ring-2 { &:focus-within { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-within\:ring-accent\/35 { &:focus-within { --tw-ring-color: color-mix(in srgb, #0284c7 35%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-accent) 35%, transparent); } } } .focus-within\:ring-danger\/35 { &:focus-within { --tw-ring-color: color-mix(in srgb, #e11d48 35%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-danger) 35%, transparent); } } } .hover\:scale-105 { &:hover { @media (hover: hover) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:border-accent { &:hover { @media (hover: hover) { border-color: var(--color-accent); } } } .hover\:border-accent\/30 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #0284c7 30%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-accent) 30%, transparent); } } } } .hover\:border-accent\/50 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #0284c7 50%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-accent) 50%, transparent); } } } } .hover\:border-accent\/60 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #0284c7 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-accent) 60%, transparent); } } } } .hover\:border-ai { &:hover { @media (hover: hover) { border-color: var(--color-ai); } } } .hover\:border-ai\/40 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #7c3aed 40%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-ai) 40%, transparent); } } } } .hover\:border-border { &:hover { @media (hover: hover) { border-color: var(--color-border); } } } .hover\:border-border-strong { &:hover { @media (hover: hover) { border-color: var(--color-border-strong); } } } .hover\:border-danger\/70 { &:hover { @media (hover: hover) { border-color: color-mix(in srgb, #e11d48 70%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-danger) 70%, transparent); } } } } .hover\:bg-accent { &:hover { @media (hover: hover) { background-color: var(--color-accent); } } } .hover\:bg-accent-hover { &:hover { @media (hover: hover) { background-color: var(--color-accent-hover); } } } .hover\:bg-accent-soft { &:hover { @media (hover: hover) { background-color: var(--color-accent-soft); } } } .hover\:bg-accent\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #0284c7 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-accent) 20%, transparent); } } } } .hover\:bg-accent\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #0284c7 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-accent) 30%, transparent); } } } } .hover\:bg-accent\/90 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #0284c7 90%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-accent) 90%, transparent); } } } } .hover\:bg-ai-soft { &:hover { @media (hover: hover) { background-color: var(--color-ai-soft); } } } .hover\:bg-ai\/10 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #7c3aed 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-ai) 10%, transparent); } } } } .hover\:bg-border { &:hover { @media (hover: hover) { background-color: var(--color-border); } } } .hover\:bg-border-strong { &:hover { @media (hover: hover) { background-color: var(--color-border-strong); } } } .hover\:bg-danger-soft { &:hover { @media (hover: hover) { background-color: var(--color-danger-soft); } } } .hover\:bg-danger-soft\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #fff1f2 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger-soft) 80%, transparent); } } } } .hover\:bg-danger\/25 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #e11d48 25%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 25%, transparent); } } } } .hover\:bg-muted\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #e2e8f0 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-muted) 80%, transparent); } } } } .hover\:bg-subtle { &:hover { @media (hover: hover) { background-color: var(--color-subtle); } } } .hover\:bg-subtle\/30 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f1f5f9 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-subtle) 30%, transparent); } } } } .hover\:bg-subtle\/40 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f1f5f9 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-subtle) 40%, transparent); } } } } .hover\:bg-subtle\/50 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f1f5f9 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-subtle) 50%, transparent); } } } } .hover\:bg-subtle\/60 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f1f5f9 60%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-subtle) 60%, transparent); } } } } .hover\:bg-subtle\/80 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f1f5f9 80%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-subtle) 80%, transparent); } } } } .hover\:bg-success-soft { &:hover { @media (hover: hover) { background-color: var(--color-success-soft); } } } .hover\:bg-success\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #059669 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-success) 20%, transparent); } } } } .hover\:bg-surface { &:hover { @media (hover: hover) { background-color: var(--color-surface); } } } .hover\:bg-warning\/20 { &:hover { @media (hover: hover) { background-color: color-mix(in srgb, #f59e0b 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-warning) 20%, transparent); } } } } .hover\:text-accent { &:hover { @media (hover: hover) { color: var(--color-accent); } } } .hover\:text-accent-foreground { &:hover { @media (hover: hover) { color: var(--color-accent-foreground); } } } .hover\:text-accent\/80 { &:hover { @media (hover: hover) { color: color-mix(in srgb, #0284c7 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-accent) 80%, transparent); } } } } .hover\:text-ai\/80 { &:hover { @media (hover: hover) { color: color-mix(in srgb, #7c3aed 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-ai) 80%, transparent); } } } } .hover\:text-danger { &:hover { @media (hover: hover) { color: var(--color-danger); } } } .hover\:text-danger-foreground { &:hover { @media (hover: hover) { color: var(--color-danger-foreground); } } } .hover\:text-foreground { &:hover { @media (hover: hover) { color: var(--color-foreground); } } } .hover\:text-muted-foreground { &:hover { @media (hover: hover) { color: var(--color-muted-foreground); } } } .hover\:text-success-foreground { &:hover { @media (hover: hover) { color: var(--color-success-foreground); } } } .hover\:underline { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } .hover\:opacity-90 { &:hover { @media (hover: hover) { opacity: 90%; } } } .hover\:shadow-sm { &:hover { @media (hover: hover) { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } } .focus\:border-accent { &:focus { border-color: var(--color-accent); } } .focus\:border-ai { &:focus { border-color: var(--color-ai); } } .focus\:bg-danger\/10 { &:focus { background-color: color-mix(in srgb, #e11d48 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-danger) 10%, transparent); } } } .focus\:bg-subtle { &:focus { background-color: var(--color-subtle); } } .focus\:text-danger { &:focus { color: var(--color-danger); } } .focus\:text-foreground { &:focus { color: var(--color-foreground); } } .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); } } .focus\:ring-2 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:ring-accent { &:focus { --tw-ring-color: var(--color-accent); } } .focus\:ring-accent\/35 { &:focus { --tw-ring-color: color-mix(in srgb, #0284c7 35%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-accent) 35%, transparent); } } } .focus\:ring-ai\/20 { &:focus { --tw-ring-color: color-mix(in srgb, #7c3aed 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-ai) 20%, transparent); } } } .focus\:ring-ring { &:focus { --tw-ring-color: var(--color-ring); } } .focus\:ring-offset-0 { &:focus { --tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .focus\:outline-none { &:focus { --tw-outline-style: none; outline-style: none; } } .focus-visible\:border-accent { &:focus-visible { border-color: var(--color-accent); } } .focus-visible\:ring-1 { &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-visible\:ring-2 { &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-visible\:ring-accent { &:focus-visible { --tw-ring-color: var(--color-accent); } } .focus-visible\:ring-accent\/35 { &:focus-visible { --tw-ring-color: color-mix(in srgb, #0284c7 35%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-accent) 35%, transparent); } } } .focus-visible\:ring-ring { &:focus-visible { --tw-ring-color: var(--color-ring); } } .focus-visible\:ring-ring\/35 { &:focus-visible { --tw-ring-color: color-mix(in srgb, #0284c7 35%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-ring) 35%, transparent); } } } .focus-visible\:ring-offset-1 { &:focus-visible { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .focus-visible\:ring-offset-2 { &:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .focus-visible\:outline-none { &:focus-visible { --tw-outline-style: none; outline-style: none; } } .focus-visible\:ring-inset { &:focus-visible { --tw-ring-inset: inset; } } .active\:scale-95 { &:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .disabled\:pointer-events-none { &:disabled { pointer-events: none; } } .disabled\:cursor-not-allowed { &:disabled { cursor: not-allowed; } } .disabled\:bg-subtle { &:disabled { background-color: var(--color-subtle); } } .disabled\:text-faint-foreground { &:disabled { color: var(--color-faint-foreground); } } .disabled\:opacity-30 { &:disabled { opacity: 30%; } } .disabled\:opacity-40 { &:disabled { opacity: 40%; } } .disabled\:opacity-50 { &:disabled { opacity: 50%; } } .aria-invalid\:border-danger { &[aria-invalid="true"] { border-color: var(--color-danger); } } .aria-invalid\:focus-visible\:ring-danger\/35 { &[aria-invalid="true"] { &:focus-visible { --tw-ring-color: color-mix(in srgb, #e11d48 35%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-danger) 35%, transparent); } } } } .aria-selected\:bg-accent-soft { &[aria-selected="true"] { background-color: var(--color-accent-soft); } } .aria-selected\:bg-accent-soft\/50 { &[aria-selected="true"] { background-color: color-mix(in srgb, #f0f9ff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-accent-soft) 50%, transparent); } } } .aria-selected\:bg-subtle { &[aria-selected="true"] { background-color: var(--color-subtle); } } .aria-selected\:text-foreground { &[aria-selected="true"] { color: var(--color-foreground); } } .aria-selected\:opacity-100 { &[aria-selected="true"] { opacity: 100%; } } .data-\[active\]\:bg-subtle\/50 { &[data-active] { background-color: color-mix(in srgb, #f1f5f9 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-subtle) 50%, transparent); } } } .data-\[disabled\]\:pointer-events-none { &[data-disabled] { pointer-events: none; } } .data-\[disabled\]\:opacity-50 { &[data-disabled] { opacity: 50%; } } .data-\[disabled\=true\]\:pointer-events-none { &[data-disabled="true"] { pointer-events: none; } } .data-\[disabled\=true\]\:opacity-50 { &[data-disabled="true"] { opacity: 50%; } } .data-\[highlighted\]\:bg-subtle { &[data-highlighted] { background-color: var(--color-subtle); } } .data-\[placeholder\]\:text-muted-foreground { &[data-placeholder] { color: var(--color-muted-foreground); } } .data-\[state\=active\]\:border-accent { &[data-state="active"] { border-color: var(--color-accent); } } .data-\[state\=active\]\:text-accent { &[data-state="active"] { color: var(--color-accent); } } .data-\[state\=checked\]\:translate-x-4 { &[data-state="checked"] { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } } .data-\[state\=checked\]\:border-accent { &[data-state="checked"] { border-color: var(--color-accent); } } .data-\[state\=checked\]\:bg-accent { &[data-state="checked"] { background-color: var(--color-accent); } } .data-\[state\=closed\]\:duration-200 { &[data-state="closed"] { --tw-duration: 200ms; transition-duration: 200ms; } } .data-\[state\=on\]\:bg-subtle { &[data-state="on"] { background-color: var(--color-subtle); } } .data-\[state\=on\]\:text-foreground { &[data-state="on"] { color: var(--color-foreground); } } .data-\[state\=open\]\:bg-subtle { &[data-state="open"] { background-color: var(--color-subtle); } } .data-\[state\=open\]\:bg-subtle\/50 { &[data-state="open"] { background-color: color-mix(in srgb, #f1f5f9 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-subtle) 50%, transparent); } } } .data-\[state\=open\]\:text-foreground { &[data-state="open"] { color: var(--color-foreground); } } .data-\[state\=open\]\:duration-300 { &[data-state="open"] { --tw-duration: 300ms; transition-duration: 300ms; } } .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); } } .sm\:col-span-1 { @media (width >= 40rem) { grid-column: span 1 / span 1; } } .sm\:col-span-2 { @media (width >= 40rem) { grid-column: span 2 / span 2; } } .sm\:block { @media (width >= 40rem) { display: block; } } .sm\:flex { @media (width >= 40rem) { display: flex; } } .sm\:inline-flex { @media (width >= 40rem) { display: inline-flex; } } .sm\:grid-cols-2 { @media (width >= 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sm\:grid-cols-3 { @media (width >= 40rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .sm\:grid-cols-6 { @media (width >= 40rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .sm\:flex-row { @media (width >= 40rem) { flex-direction: row; } } .sm\:p-6 { @media (width >= 40rem) { padding: calc(var(--spacing) * 6); } } .md\:absolute { @media (width >= 48rem) { position: absolute; } } .md\:col-span-2 { @media (width >= 48rem) { grid-column: span 2 / span 2; } } .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] { @media (width >= 48rem) { width: var(--radix-navigation-menu-viewport-width); } } .md\:w-auto { @media (width >= 48rem) { width: auto; } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:grid-cols-3 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .md\:grid-cols-4 { @media (width >= 48rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:grid-cols-3 { @media (width >= 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lg\:grid-cols-4 { @media (width >= 64rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lg\:grid-cols-8 { @media (width >= 64rem) { grid-template-columns: repeat(8, minmax(0, 1fr)); } } .lg\:grid-cols-\[1fr_360px\] { @media (width >= 64rem) { grid-template-columns: 1fr 360px; } } .lg\:grid-cols-\[minmax\(300px\,380px\)_1fr\] { @media (width >= 64rem) { grid-template-columns: minmax(300px,380px) 1fr; } } .xl\:grid-cols-4 { @media (width >= 80rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .xl\:grid-cols-6 { @media (width >= 80rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .xl\:grid-cols-10 { @media (width >= 80rem) { grid-template-columns: repeat(10, minmax(0, 1fr)); } } .dark\:bg-\[\#111\] { &:where(.dark, .dark *) { background-color: #111; } } .dark\:text-surface { &:where(.dark, .dark *) { color: var(--color-surface); } } .\[\&_\[cmdk-group-heading\]\]\:px-2 { & [cmdk-group-heading] { padding-inline: calc(var(--spacing) * 2); } } .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 { & [cmdk-group-heading] { padding-block: calc(var(--spacing) * 1.5); } } .\[\&_\[cmdk-group-heading\]\]\:text-xs { & [cmdk-group-heading] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } } .\[\&_\[cmdk-group-heading\]\]\:font-medium { & [cmdk-group-heading] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } } .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground { & [cmdk-group-heading] { color: var(--color-muted-foreground); } } .\[\&_button\]\:h-full { & button { height: 100%; } } .\[\&_button\]\:rounded-none { & button { border-radius: 0; } } .\[\&_button\]\:border-0 { & button { border-style: var(--tw-border-style); border-width: 0px; } } .\[\&_button\]\:px-3 { & button { padding-inline: calc(var(--spacing) * 3); } } .\[\&_input\]\:aria-invalid\:border-danger { & input { &[aria-invalid="true"] { border-color: var(--color-danger); } } } .\[\&_svg\]\:size-4 { & svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } } .\[\&_textarea\]\:aria-invalid\:border-danger { & textarea { &[aria-invalid="true"] { border-color: var(--color-danger); } } } .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent-soft { &:has([aria-selected]) { background-color: var(--color-accent-soft); } } .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md { &:first-child { &:has([aria-selected]) { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } } } .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md { &:last-child { &:has([aria-selected]) { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } } } .\[\&\:has\(\[aria-selected\]\.outside\)\]\:bg-accent-soft\/50 { &:has([aria-selected].outside) { background-color: color-mix(in srgb, #f0f9ff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-accent-soft) 50%, transparent); } } } .\[\&\:has\(\[aria-selected\]\.range_end\)\]\:rounded-r-md { &:has([aria-selected].range end) { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } } .\[\&\>button\]\:cursor-not-allowed { &>button { cursor: not-allowed; } } .\[\&\>button\]\:bg-primary { &>button { background-color: var(--color-primary); } } .\[\&\>button\]\:bg-subtle { &>button { background-color: var(--color-subtle); } } .\[\&\>button\]\:font-semibold { &>button { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } } .\[\&\>button\]\:text-muted-foreground { &>button { color: var(--color-muted-foreground); } } .\[\&\>button\]\:text-primary-foreground { &>button { color: var(--color-primary-foreground); } } .\[\&\>button\]\:opacity-50 { &>button { opacity: 50%; } } .aria-selected\:\[\&\>button\]\:text-accent { &[aria-selected="true"] { &>button { color: var(--color-accent); } } } .\[\&\>button\:hover\]\:bg-primary { &>button:hover { background-color: var(--color-primary); } } .\[\&\>button\:hover\]\:text-primary-foreground { &>button:hover { color: var(--color-primary-foreground); } } .\[\&\>div\]\:bg-accent { &>div { background-color: var(--color-accent); } } .\[\&\>div\]\:bg-danger { &>div { background-color: var(--color-danger); } } .\[\&\>div\]\:bg-success { &>div { background-color: var(--color-success); } } .\[\&\>div\]\:bg-warning { &>div { background-color: var(--color-warning); } } .\[\&\[data-state\=open\]\>svg\]\:rotate-180 { &[data-state=open]>svg { rotate: 180deg; } } } .dark { --color-background: #020617; --color-surface: #0f172a; --color-subtle: #1e293b; --color-muted: #1e293b; --color-foreground: #f1f5f9; --color-muted-foreground: #94a3b8; --color-subtle-foreground: #64748b; --color-faint-foreground: #334155; --color-border: #1e293b; --color-border-strong: #334155; --color-primary: #f1f5f9; --color-primary-foreground: #0f172a; --color-accent: #38bdf8; --color-accent-hover: #7dd3fc; --color-accent-foreground: #020617; --color-accent-soft: color-mix(in oklch, #38bdf8 15%, transparent); --color-ring: #38bdf8; --color-success: #10b981; --color-success-soft: color-mix(in oklch, #34d399 15%, transparent); --color-success-foreground: #6ee7b7; --color-warning: #f59e0b; --color-warning-soft: color-mix(in oklch, #fbbf24 15%, transparent); --color-warning-foreground: #fcd34d; --color-danger: #fb7185; --color-danger-soft: color-mix(in oklch, #fb7185 15%, transparent); --color-danger-foreground: #fda4af; --color-info: #38bdf8; --color-info-soft: color-mix(in oklch, #38bdf8 15%, transparent); --color-info-foreground: #7dd3fc; --color-ai: #a78bfa; --color-ai-soft: color-mix(in oklch, #a78bfa 18%, transparent); --color-ai-foreground: #c4b5fd; } :root { --bg: var(--color-background); --bg-elevated: var(--color-surface); --bg-subtle: var(--color-subtle); --bg-muted: var(--color-muted); --fg: var(--color-foreground); --fg-muted: var(--color-muted-foreground); --fg-subtle: var(--color-subtle-foreground); --fg-faint: var(--color-faint-foreground); --border-ds: var(--color-border); --border-strong: var(--color-border-strong); --accent: var(--color-accent); --accent-hover: var(--color-accent-hover); --accent-fg: var(--color-accent-foreground); --accent-soft: var(--color-accent-soft); --success: var(--color-success); --success-soft: var(--color-success-soft); --success-fg: var(--color-success-foreground); --warning: var(--color-warning); --warning-soft: var(--color-warning-soft); --warning-fg: var(--color-warning-foreground); --danger: var(--color-danger); --danger-soft: var(--color-danger-soft); --danger-fg: var(--color-danger-foreground); --info: var(--color-info); --info-soft: var(--color-info-soft); --info-fg: var(--color-info-foreground); --ai: var(--color-ai); --ai-soft: var(--color-ai-soft); --ai-fg: var(--color-ai-foreground); --slate-50: #f8fafc; --slate-100: #f1f5f9; --slate-200: #e2e8f0; --slate-300: #cbd5e1; --slate-400: #94a3b8; --slate-500: #64748b; --slate-600: #475569; --slate-700: #334155; --slate-800: #1e293b; --slate-900: #0f172a; --slate-950: #020617; --sky-300: #7dd3fc; --sky-400: #38bdf8; --sky-500: #0ea5e9; --sky-600: #0284c7; --sky-700: #0369a1; --emerald-300: #6ee7b7; --emerald-400: #34d399; --emerald-500: #10b981; --emerald-600: #059669; --emerald-700: #047857; --emerald-800: #065f46; --amber-100: #fef3c7; --amber-300: #fcd34d; --amber-400: #fbbf24; --amber-500: #f59e0b; --amber-600: #d97706; --amber-700: #b45309; --amber-800: #92400e; --rose-300: #fda4af; --rose-400: #fb7185; --rose-500: #f43f5e; --rose-600: #e11d48; --rose-700: #be123c; --violet-100: #ede9fe; --violet-200: #ddd6fe; --violet-400: #a78bfa; --violet-500: #8b5cf6; --violet-600: #7c3aed; --violet-700: #6d28d9; --violet-800: #5b21b6; } *, *::before, *::after { border-color: var(--color-border); box-sizing: border-box; } body { background-color: var(--color-background); color: var(--color-foreground); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-synthesis: none; } * { scrollbar-width: thin; scrollbar-color: var(--color-border-strong) transparent; } ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background-color: var(--color-border-strong); border-radius: 9999px; } ::-webkit-scrollbar-thumb:hover { background-color: var(--color-subtle-foreground); } ::-webkit-scrollbar-corner { background: transparent; } [data-cal-select-content], [data-cal-portal-content] { background-color: var(--color-surface, #ffffff); } @font-face { font-family: "Geist Variable"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/geist-variable.woff2") format("woff2"); } @font-face { font-family: "Geist Mono Variable"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/geist-mono-variable.woff2") format("woff2"); } :root, [data-copilotkit] { --cpk-color-gray-50: var(--color-surface); --cpk-color-gray-100: var(--color-subtle); --cpk-color-gray-200: var(--color-border); --cpk-color-gray-400: var(--color-muted-foreground); --cpk-color-gray-500: var(--color-muted-foreground); --cpk-color-gray-600: var(--color-muted-foreground); --cpk-color-gray-700: var(--color-foreground); --cpk-color-gray-800: var(--color-foreground); --cpk-color-gray-900: var(--color-foreground); --cpk-color-zinc-50: var(--color-surface); --cpk-color-zinc-100: var(--color-subtle); --cpk-color-zinc-200: var(--color-border); --cpk-color-zinc-300: var(--color-border); --cpk-color-zinc-400: var(--color-muted-foreground); --cpk-color-zinc-500: var(--color-muted-foreground); --cpk-color-zinc-700: var(--color-foreground); --cpk-color-zinc-800: var(--color-foreground); --cpk-color-zinc-900: var(--color-foreground); --cpk-color-blue-500: var(--color-ai); --copilot-kit-primary-color: var(--color-ai); --copilot-kit-contrast-color: #ffffff; --copilot-kit-background-color: var(--color-surface); --copilot-kit-input-background-color: var(--color-surface); --copilot-kit-secondary-color: var(--color-surface); --copilot-kit-secondary-contrast-color: var(--color-foreground); --copilot-kit-separator-color: var(--color-border); --copilot-kit-muted-color: var(--color-muted-foreground); } html.dark, [data-theme="dark"], html.dark [data-copilotkit], [data-theme="dark"] [data-copilotkit] { --cpk-color-gray-50: var(--color-surface); --cpk-color-gray-100: var(--color-subtle); --cpk-color-gray-200: var(--color-border); --cpk-color-gray-900: var(--color-foreground); --cpk-color-zinc-50: var(--color-surface); --cpk-color-zinc-900: var(--color-foreground); --copilot-kit-primary-color: var(--color-ai); --copilot-kit-contrast-color: #020617; --copilot-kit-background-color: var(--color-surface); } [data-copilotkit] { font-family: inherit; } [data-copilotkit].copilotKitChat, .copilotKitChat[data-copilotkit] { flex: 1 1 0%; min-height: 0; height: unset !important; } [data-message-role="user"], [data-message-role="assistant"], [data-copilotkit] [class*="MessageWrapper"], [data-copilotkit] [class*="message-wrapper"] { background: transparent !important; border: none !important; box-shadow: none !important; } .copilotKitMessage.copilotKitUserMessage { background: transparent !important; border: none !important; } .copilotKitMessage.copilotKitAssistantMessage { background-color: var(--color-ai-soft) !important; border: 1px solid color-mix(in srgb, #7c3aed 18%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { border: 1px solid color-mix(in oklch, var(--color-ai) 18%, transparent) !important; } border-radius: 0.75rem 0.75rem 0.75rem 0.125rem !important; max-width: 88% !important; padding: 10px 14px 28px !important; color: var(--color-foreground) !important; position: relative !important; overflow: visible !important; } html.dark .copilotKitMessage.copilotKitAssistantMessage, [data-theme="dark"] .copilotKitMessage.copilotKitAssistantMessage { background-color: color-mix(in srgb, #7c3aed 12%, #ffffff) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklch, var(--color-ai) 12%, var(--color-surface)) !important; } border-color: color-mix(in srgb, #7c3aed 28%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklch, var(--color-ai) 28%, transparent) !important; } color: #e2e8f0 !important; } .copilotKitMessage.copilotKitAssistantMessage .copilotKitMessageControls { position: absolute !important; left: auto !important; right: 8px !important; bottom: 6px !important; top: auto !important; background: transparent !important; border: none !important; box-shadow: none !important; opacity: 1 !important; } [data-copilotkit] [class*="Input"] input, [data-copilotkit] [class*="Input"] textarea, [data-copilotkit] textarea { background: var(--color-surface) !important; border-color: var(--color-border) !important; color: var(--color-foreground) !important; } [data-copilotkit] button[type="submit"], [data-copilotkit] [class*="SendButton"], [data-copilotkit] [class*="send-button"] { background-color: var(--color-ai) !important; color: var(--color-ai-foreground) !important; border-radius: 0.5rem !important; } .copilotKitInputContainer { padding-bottom: 0 !important; } .poweredBy { display: none !important; } .copilotKitInput { border-radius: 16px !important; width: 92% !important; } html.dark .copilotKitInput, [data-theme="dark"] .copilotKitInput { background-color: color-mix(in srgb, #ffffff 70%, white 4%) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklch, var(--color-surface) 70%, white 4%) !important; } border-color: var(--color-border) !important; } .copilotKitInput > textarea::placeholder { color: var(--color-muted-foreground) !important; opacity: 1 !important; } html.dark .copilotKitInput textarea::-webkit-scrollbar-thumb, [data-theme="dark"] .copilotKitInput textarea::-webkit-scrollbar-thumb { background-color: color-mix(in srgb, #e2e8f0 80%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklch, var(--color-border) 80%, transparent) !important; } } .copilotKitMessages::-webkit-scrollbar { width: 4px; } .copilotKitMessages::-webkit-scrollbar-track { background: transparent; } .copilotKitMessages::-webkit-scrollbar-thumb { background-color: var(--color-border-strong); border-radius: 9999px; } [data-testid="copilot-assistant-toolbar"] { justify-content: flex-end !important; padding-top: 4px !important; } .copilotKitMessages > button, [data-copilotkit] [class*="ScrollToBottom"], [data-copilotkit] [class*="scroll-to-bottom"] { display: none !important; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; 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: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; 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: ""; 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: ""; 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: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-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: ""; 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: "*"; initial-value: ""; inherits: false; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: 0.5; } } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-x-reverse: 0; --tw-border-style: solid; --tw-divide-y-reverse: 0; --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-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; } } } /* /@fs//Users/manish/manish-dev/caladrius-health-ai-studio-v2/packages/tokens/src/globals.css */ /* Dark mode variant — driven by .dark class on */ @custom-variant dark (&:where(.dark, .dark *)); /* ─── Design tokens ────────────────────────────────────────────────────── @theme defines light-mode defaults. Tailwind v4 writes these as CSS variables into :root and generates bg-*, text-*, border-* utilities. Dark-mode overrides live in .dark {} below; they cascade over :root. ─────────────────────────────────────────────────────────────────────── */ @theme { /* Absolute colors — always available regardless of mode */ --color-white: #ffffff; --color-black: #000000; /* Background surfaces */ --color-background: #f8fafc; /* slate-50 — app canvas */ --color-surface: #ffffff; /* white — elevated (cards, modals, topbar) */ --color-subtle: #f1f5f9; /* slate-100 — hover, table headers, secondary btn */ --color-muted: #e2e8f0; /* slate-200 — disabled surfaces */ /* Foreground text */ --color-foreground: #0f172a; /* slate-900 */ --color-muted-foreground: #475569; /* slate-600 */ --color-subtle-foreground: #64748b; /* slate-500 */ --color-faint-foreground: #94a3b8; /* slate-400 */ /* Border */ --color-border: #e2e8f0; /* slate-200 */ --color-border-strong: #cbd5e1; /* slate-300 */ /* Primary — slate-900 neutral button */ --color-primary: #0f172a; --color-primary-foreground: #ffffff; /* Accent — sky-600 CTA, links, focus */ --color-accent: #0284c7; /* sky-600 */ --color-accent-hover: #0369a1; /* sky-700 */ --color-accent-foreground: #ffffff; --color-accent-soft: #f0f9ff; /* sky-50 */ --color-ring: #0284c7; /* sky-600 */ /* Status — success */ --color-success: #059669; /* emerald-600 */ --color-success-soft: #ecfdf5; /* emerald-50 */ --color-success-foreground: #047857; /* emerald-700 */ /* Status — warning */ --color-warning: #f59e0b; /* amber-500 */ --color-warning-soft: #fffbeb; /* amber-50 */ --color-warning-foreground: #b45309; /* amber-700 */ /* Status — danger */ --color-danger: #e11d48; /* rose-600 */ --color-danger-soft: #fff1f2; /* rose-50 */ --color-danger-foreground: #be123c; /* rose-700 */ /* Status — info */ --color-info: #0284c7; /* sky-600 */ --color-info-soft: #f0f9ff; /* sky-50 */ --color-info-foreground: #0369a1; /* sky-700 */ /* AI surfaces — violet reserved for AI-only surfaces */ --color-ai: #7c3aed; /* violet-600 */ --color-ai-soft: #f5f3ff; /* violet-50 */ --color-ai-foreground: #6d28d9; /* violet-700 */ /* Typography */ --font-sans: "Geist Variable", "Geist", system-ui, sans-serif; --font-mono: "Geist Mono Variable", "Geist Mono", monospace; /* Extended type scale */ --text-2xs: 0.6875rem; --text-2xs--line-height: 1rem; /* Shell dimensions (used as h-topbar, w-rail-collapsed, etc.) */ --height-topbar: 56px; --width-rail-collapsed: 56px; --width-rail-expanded: 260px; --width-right-rail-collapsed: 56px; --width-right-rail-expanded: 576px; --width-context-drawer: 480px; } /* ─── Dark mode token overrides ──────────────────────────────────────── */ .dark { --color-background: #020617; /* slate-950 */ --color-surface: #0f172a; /* slate-900 */ --color-subtle: #1e293b; /* slate-800 */ --color-muted: #1e293b; /* slate-800 */ --color-foreground: #f1f5f9; /* slate-100 */ --color-muted-foreground: #94a3b8; /* slate-400 */ --color-subtle-foreground: #64748b; /* slate-500 */ --color-faint-foreground: #334155; /* slate-700 */ --color-border: #1e293b; /* slate-800 */ --color-border-strong: #334155; /* slate-700 */ --color-primary: #f1f5f9; /* slate-100 */ --color-primary-foreground: #0f172a; /* slate-900 */ --color-accent: #38bdf8; /* sky-400 */ --color-accent-hover: #7dd3fc; /* sky-300 */ --color-accent-foreground: #020617; /* slate-950 */ --color-accent-soft: color-mix(in oklch, #38bdf8 15%, transparent); --color-ring: #38bdf8; /* sky-400 */ --color-success: #10b981; /* emerald-400 */ --color-success-soft: color-mix(in oklch, #34d399 15%, transparent); --color-success-foreground: #6ee7b7; /* emerald-300 */ --color-warning: #f59e0b; /* amber-400 */ --color-warning-soft: color-mix(in oklch, #fbbf24 15%, transparent); --color-warning-foreground: #fcd34d; /* amber-300 */ --color-danger: #fb7185; /* rose-400 */ --color-danger-soft: color-mix(in oklch, #fb7185 15%, transparent); --color-danger-foreground: #fda4af; /* rose-300 */ --color-info: #38bdf8; /* sky-400 */ --color-info-soft: color-mix(in oklch, #38bdf8 15%, transparent); --color-info-foreground: #7dd3fc; /* sky-300 */ --color-ai: #a78bfa; /* violet-400 */ --color-ai-soft: color-mix(in oklch, #a78bfa 18%, transparent); --color-ai-foreground: #c4b5fd; /* violet-300 */ } /* ─── Design-system HTML aliases ───────────────────────────────────────── Reference HTML files (scaffold-v2.html) use a shorter namespace. These aliases bridge that namespace so markup copied from the reference works in the app without changes. ─────────────────────────────────────────────────────────────────────── */ :root { --bg: var(--color-background); --bg-elevated: var(--color-surface); --bg-subtle: var(--color-subtle); --bg-muted: var(--color-muted); --fg: var(--color-foreground); --fg-muted: var(--color-muted-foreground); --fg-subtle: var(--color-subtle-foreground); --fg-faint: var(--color-faint-foreground); --border-ds: var(--color-border); --border-strong: var(--color-border-strong); --accent: var(--color-accent); --accent-hover: var(--color-accent-hover); --accent-fg: var(--color-accent-foreground); --accent-soft: var(--color-accent-soft); --success: var(--color-success); --success-soft: var(--color-success-soft); --success-fg: var(--color-success-foreground); --warning: var(--color-warning); --warning-soft: var(--color-warning-soft); --warning-fg: var(--color-warning-foreground); --danger: var(--color-danger); --danger-soft: var(--color-danger-soft); --danger-fg: var(--color-danger-foreground); --info: var(--color-info); --info-soft: var(--color-info-soft); --info-fg: var(--color-info-foreground); --ai: var(--color-ai); --ai-soft: var(--color-ai-soft); --ai-fg: var(--color-ai-foreground); /* Raw palette vars used by reference HTML palette grid */ --slate-50: #f8fafc; --slate-100: #f1f5f9; --slate-200: #e2e8f0; --slate-300: #cbd5e1; --slate-400: #94a3b8; --slate-500: #64748b; --slate-600: #475569; --slate-700: #334155; --slate-800: #1e293b; --slate-900: #0f172a; --slate-950: #020617; --sky-300: #7dd3fc; --sky-400: #38bdf8; --sky-500: #0ea5e9; --sky-600: #0284c7; --sky-700: #0369a1; --emerald-300: #6ee7b7; --emerald-400: #34d399; --emerald-500: #10b981; --emerald-600: #059669; --emerald-700: #047857; --emerald-800: #065f46; --amber-100: #fef3c7; --amber-300: #fcd34d; --amber-400: #fbbf24; --amber-500: #f59e0b; --amber-600: #d97706; --amber-700: #b45309; --amber-800: #92400e; --rose-300: #fda4af; --rose-400: #fb7185; --rose-500: #f43f5e; --rose-600: #e11d48; --rose-700: #be123c; --violet-100: #ede9fe; --violet-200: #ddd6fe; --violet-400: #a78bfa; --violet-500: #8b5cf6; --violet-600: #7c3aed; --violet-700: #6d28d9; --violet-800: #5b21b6; } /* ─── Base styles ───────────────────────────────────────────────────── */ *, *::before, *::after { border-color: var(--color-border); box-sizing: border-box; } body { background-color: var(--color-background); color: var(--color-foreground); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-synthesis: none; } /* Scrollbar — thumb-only, blends with theme */ * { scrollbar-width: thin; scrollbar-color: var(--color-border-strong) transparent; } ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background-color: var(--color-border-strong); border-radius: 9999px; } ::-webkit-scrollbar-thumb:hover { background-color: var(--color-subtle-foreground); } ::-webkit-scrollbar-corner { background: transparent; } /* Portal overlay backgrounds — must be opaque regardless of theme. Applied outside @layer so they win over utility-generated backgrounds. */ [data-cal-select-content], [data-cal-portal-content] { background-color: var(--color-surface, #ffffff); } /* ─── Fonts ─────────────────────────────────────────────────────────── */ @font-face { font-family: "Geist Variable"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/geist-variable.woff2") format("woff2"); } @font-face { font-family: "Geist Mono Variable"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("/fonts/geist-mono-variable.woff2") format("woff2"); } /* /@fs//Users/manish/manish-dev/caladrius-health-ai-studio-v2/node_modules/.pnpm/tailwindcss@4.2.4/node_modules/tailwindcss/index.css */ /*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */ @layer properties; @layer theme, base, components, utilities; @layer theme { :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-orange-400: oklch(75% 0.183 55.934); --color-green-500: oklch(72.3% 0.219 149.579); --color-blue-400: oklch(70.7% 0.165 254.624); --color-slate-200: oklch(92.9% 0.013 255.508); --color-slate-700: oklch(37.2% 0.044 257.287); --color-zinc-500: oklch(55.2% 0.016 285.938); --color-black: #000; --color-white: #fff; --spacing: 0.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; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --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-tight: -0.025em; --tracking-normal: 0em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --radius-sm: 0.25rem; --radius-md: 0.375rem; --radius-lg: 0.5rem; --radius-xl: 0.75rem; --radius-2xl: 1rem; --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --blur-sm: 8px; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } } @layer base { *, ::after, ::before, ::backdrop, ::file-selector-button { box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; } html, :host { line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { display: block; vertical-align: middle; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea, ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer utilities { .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .start { inset-inline-start: var(--spacing); } .end { inset-inline-end: var(--spacing); } .-top-1\.5 { top: calc(var(--spacing) * -1.5); } .-top-6 { top: calc(var(--spacing) * -6); } .top-0 { top: calc(var(--spacing) * 0); } .top-1\.5 { top: calc(var(--spacing) * 1.5); } .top-1\/2 { top: calc(1 / 2 * 100%); } .top-3 { top: calc(var(--spacing) * 3); } .top-full { top: 100%; } .-right-1\.5 { right: calc(var(--spacing) * -1.5); } .-right-6 { right: calc(var(--spacing) * -6); } .right-0 { right: calc(var(--spacing) * 0); } .right-1\.5 { right: calc(var(--spacing) * 1.5); } .right-2\.5 { right: calc(var(--spacing) * 2.5); } .right-4 { right: calc(var(--spacing) * 4); } .right-6 { right: calc(var(--spacing) * 6); } .right-\[72px\] { right: 72px; } .-bottom-4 { bottom: calc(var(--spacing) * -4); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-3 { bottom: calc(var(--spacing) * 3); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-5 { bottom: calc(var(--spacing) * 5); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .bottom-24 { bottom: calc(var(--spacing) * 24); } .bottom-full { bottom: 100%; } .-left-4 { left: calc(var(--spacing) * -4); } .left-0 { left: calc(var(--spacing) * 0); } .left-1\/2 { left: calc(1 / 2 * 100%); } .left-2\.5 { left: calc(var(--spacing) * 2.5); } .left-\[9px\] { left: 9px; } .left-full { left: 100%; } .isolate { isolation: isolate; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[51\] { z-index: 51; } .z-\[54\] { z-index: 54; } .z-\[55\] { z-index: 55; } .z-\[60\] { z-index: 60; } .z-\[70\] { z-index: 70; } .z-\[71\] { z-index: 71; } .col-span-2 { grid-column: span 2 / span 2; } .container { width: 100%; @media (width >= 40rem) { max-width: 40rem; } @media (width >= 48rem) { max-width: 48rem; } @media (width >= 64rem) { max-width: 64rem; } @media (width >= 80rem) { max-width: 80rem; } @media (width >= 96rem) { max-width: 96rem; } } .m-auto { margin: auto; } .-mx-6 { margin-inline: calc(var(--spacing) * -6); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-auto { margin-inline: auto; } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-4 { margin-block: calc(var(--spacing) * 4); } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-0\.5 { margin-top: calc(var(--spacing) * 0.5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .-mr-0\.5 { margin-right: calc(var(--spacing) * -0.5); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-1\.5 { margin-right: calc(var(--spacing) * 1.5); } .mb-0\.5 { margin-bottom: calc(var(--spacing) * 0.5); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-12 { margin-bottom: calc(var(--spacing) * 12); } .ml-0\.5 { margin-left: calc(var(--spacing) * 0.5); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-1\.5 { margin-left: calc(var(--spacing) * 1.5); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-\[26px\] { margin-left: 26px; } .ml-auto { margin-left: auto; } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .block { display: block; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .size-1\.5 { width: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 1.5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .size-\[18px\] { width: 18px; height: 18px; } .h-0\.5 { height: calc(var(--spacing) * 0.5); } .h-1 { height: calc(var(--spacing) * 1); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-20 { height: calc(var(--spacing) * 20); } .h-24 { height: calc(var(--spacing) * 24); } .h-28 { height: calc(var(--spacing) * 28); } .h-48 { height: calc(var(--spacing) * 48); } .h-64 { height: calc(var(--spacing) * 64); } .h-80 { height: calc(var(--spacing) * 80); } .h-\[10px\] { height: 10px; } .h-\[11px\] { height: 11px; } .h-\[15px\] { height: 15px; } .h-\[18px\] { height: 18px; } .h-\[22px\] { height: 22px; } .h-\[320px\] { height: 320px; } .h-\[680px\] { height: 680px; } .h-\[calc\(100vh-280px\)\] { height: calc(100vh - 280px); } .h-full { height: 100%; } .h-px { height: 1px; } .max-h-56 { max-height: calc(var(--spacing) * 56); } .max-h-\[80vh\] { max-height: 80vh; } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-\[16px\] { min-height: 16px; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .w-0\.5 { width: calc(var(--spacing) * 0.5); } .w-1 { width: calc(var(--spacing) * 1); } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-1\/2 { width: calc(1 / 2 * 100%); } .w-1\/3 { width: calc(1 / 3 * 100%); } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-2\/3 { width: calc(2 / 3 * 100%); } .w-2\/5 { width: calc(2 / 5 * 100%); } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-3\/4 { width: calc(3 / 4 * 100%); } .w-4 { width: calc(var(--spacing) * 4); } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-12 { width: calc(var(--spacing) * 12); } .w-14 { width: calc(var(--spacing) * 14); } .w-16 { width: calc(var(--spacing) * 16); } .w-20 { width: calc(var(--spacing) * 20); } .w-24 { width: calc(var(--spacing) * 24); } .w-28 { width: calc(var(--spacing) * 28); } .w-32 { width: calc(var(--spacing) * 32); } .w-36 { width: calc(var(--spacing) * 36); } .w-40 { width: calc(var(--spacing) * 40); } .w-44 { width: calc(var(--spacing) * 44); } .w-48 { width: calc(var(--spacing) * 48); } .w-52 { width: calc(var(--spacing) * 52); } .w-56 { width: calc(var(--spacing) * 56); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-80 { width: calc(var(--spacing) * 80); } .w-\[5px\] { width: 5px; } .w-\[10px\] { width: 10px; } .w-\[15px\] { width: 15px; } .w-\[22px\] { width: 22px; } .w-\[30\%\] { width: 30%; } .w-\[40\%\] { width: 40%; } .w-\[60\%\] { width: 60%; } .w-\[220px\] { width: 220px; } .w-\[280px\] { width: 280px; } .w-\[576px\] { width: 576px; } .w-full { width: 100%; } .w-px { width: 1px; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-3xl { max-width: var(--container-3xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-\[85\%\] { max-width: 85%; } .max-w-\[88\%\] { max-width: 88%; } .max-w-\[94\%\] { max-width: 94%; } .max-w-\[120px\] { max-width: 120px; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[280px\] { max-width: 280px; } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-8 { min-width: calc(var(--spacing) * 8); } .min-w-12 { min-width: calc(var(--spacing) * 12); } .min-w-\[14px\] { min-width: 14px; } .min-w-\[18px\] { min-width: 18px; } .min-w-\[22px\] { min-width: 22px; } .min-w-\[48px\] { min-width: 48px; } .min-w-\[72px\] { min-width: 72px; } .min-w-max { min-width: max-content; } .flex-1 { flex: 1; } .flex-\[1\] { flex: 1; } .flex-\[2\] { flex: 2; } .flex-\[3\] { flex: 3; } .shrink-0 { flex-shrink: 0; } .border-collapse { border-collapse: collapse; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,); } .animate-ping { animation: var(--animate-ping); } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-col-resize { cursor: col-resize; } .cursor-copy { cursor: copy; } .cursor-default { cursor: default; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .resize-none { resize: none; } .scroll-mt-12 { scroll-margin-top: calc(var(--spacing) * 12); } .list-inside { list-style-position: inside; } .list-disc { list-style-type: disc; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-\[1fr_1fr_2fr_1\.2fr\] { grid-template-columns: 1fr 1fr 2fr 1.2fr; } .grid-cols-\[1fr_auto_auto_auto\] { grid-template-columns: 1fr auto auto auto; } .flex-col { flex-direction: column; } .flex-wrap { flex-wrap: wrap; } .place-items-center { place-items: center; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-0\.5 { gap: calc(var(--spacing) * 0.5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-\[3px\] { gap: 3px; } .gap-px { gap: 1px; } .space-y-0 { :where(& > :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))); } } .space-y-0\.5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-1 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-1\.5 { :where(& > :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))); } } .space-y-2 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-2\.5 { :where(& > :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))); } } .space-y-3 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-4 { :where(& > :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))); } } .space-y-5 { :where(& > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } } .space-y-6 { :where(& > :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))); } } .space-y-8 { :where(& > :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))); } } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-y-1 { row-gap: calc(var(--spacing) * 1); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-4 { row-gap: calc(var(--spacing) * 4); } .divide-x { :where(& > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } } .divide-y { :where(& > :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))); } } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .rounded { border-radius: 0.25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-\[1px\] { border-radius: 1px; } .rounded-full { border-radius: calc(infinity * 1px); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: var(--radius-sm); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-t-lg { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } .rounded-tl-sm { border-top-left-radius: var(--radius-sm); } .rounded-tr-sm { border-top-right-radius: var(--radius-sm); } .rounded-b-lg { border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-\[1\.5px\] { border-style: var(--tw-border-style); border-width: 1.5px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0px; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-l-\[3px\] { border-left-style: var(--tw-border-style); border-left-width: 3px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-slate-200 { border-color: var(--color-slate-200); } .border-transparent { border-color: transparent; } .border-white\/20 { border-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .border-l-transparent { border-left-color: transparent; } .bg-\[\#1a1a1a\] { background-color: #1a1a1a; } .bg-black\/40 { background-color: color-mix(in srgb, #000 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .bg-blue-400 { background-color: var(--color-blue-400); } .bg-blue-400\/10 { background-color: color-mix(in srgb, oklch(70.7% 0.165 254.624) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-blue-400) 10%, transparent); } } .bg-orange-400 { background-color: var(--color-orange-400); } .bg-orange-400\/10 { background-color: color-mix(in srgb, oklch(75% 0.183 55.934) 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-orange-400) 10%, transparent); } } .bg-transparent { background-color: transparent; } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-white\/20 { background-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .object-cover { object-fit: cover; } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\.5 { padding: calc(var(--spacing) * 0.5); } .p-1 { padding: calc(var(--spacing) * 1); } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-3\.5 { padding: calc(var(--spacing) * 3.5); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .p-10 { padding: calc(var(--spacing) * 10); } .p-12 { padding: calc(var(--spacing) * 12); } .p-16 { padding: calc(var(--spacing) * 16); } .p-\[18px\] { padding: 18px; } .p-px { padding: 1px; } .px-0\.5 { padding-inline: calc(var(--spacing) * 0.5); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-11 { padding-inline: calc(var(--spacing) * 11); } .px-\[3px\] { padding-inline: 3px; } .px-px { padding-inline: 1px; } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * 0.5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-20 { padding-block: calc(var(--spacing) * 20); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-\[6px\] { padding-block: 6px; } .py-px { padding-block: 1px; } .pt-0\.5 { padding-top: calc(var(--spacing) * 0.5); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-1\.5 { padding-top: calc(var(--spacing) * 1.5); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-2\.5 { padding-top: calc(var(--spacing) * 2.5); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-9 { padding-right: calc(var(--spacing) * 9); } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pb-\[1lh\] { padding-bottom: 1lh; } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .align-middle { vertical-align: middle; } .align-top { vertical-align: top; } .font-mono { font-family: var(--font-mono); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[7px\] { font-size: 7px; } .text-\[8px\] { font-size: 8px; } .text-\[9px\] { font-size: 9px; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[12px\] { font-size: 12px; } .text-\[28px\] { font-size: 28px; } .text-\[64px\] { font-size: 64px; } .leading-4 { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-7 { --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); } .leading-8 { --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } .leading-9 { --tw-leading: calc(var(--spacing) * 9); line-height: calc(var(--spacing) * 9); } .leading-\[14px\] { --tw-leading: 14px; line-height: 14px; } .leading-\[40px\] { --tw-leading: 40px; line-height: 40px; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-\[-0\.02em\] { --tw-tracking: -0.02em; letter-spacing: -0.02em; } .tracking-\[0\.05em\] { --tw-tracking: 0.05em; letter-spacing: 0.05em; } .tracking-\[0\.06em\] { --tw-tracking: 0.06em; letter-spacing: 0.06em; } .tracking-normal { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre { white-space: pre; } .whitespace-pre-wrap { white-space: pre-wrap; } .text-blue-400 { color: var(--color-blue-400); } .text-green-500 { color: var(--color-green-500); } .text-orange-400 { color: var(--color-orange-400); } .text-slate-700 { color: var(--color-slate-700); } .text-white { color: var(--color-white); } .text-white\/60 { color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .text-zinc-500 { color: var(--color-zinc-500); } .capitalize { text-transform: capitalize; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .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,); } .line-through { text-decoration-line: line-through; } .overline { text-decoration-line: overline; } .underline { text-decoration-line: underline; } .decoration-1 { text-decoration-thickness: 1px; } .decoration-\[1\.5px\] { text-decoration-thickness: 1.5px; } .underline-offset-2 { text-underline-offset: 2px; } .opacity-0 { opacity: 0%; } .opacity-30 { opacity: 30%; } .opacity-40 { opacity: 40%; } .opacity-50 { opacity: 50%; } .opacity-60 { opacity: 60%; } .opacity-70 { opacity: 70%; } .opacity-75 { opacity: 75%; } .opacity-80 { opacity: 80%; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_0\] { --tw-shadow: 0 1px 0 var(--tw-shadow-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_0_0\] { --tw-shadow: 0 1px 0 0 var(--tw-shadow-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-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); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring { --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); } .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); } .ring-2 { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-offset-1 { --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); } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .blur-\[1px\] { --tw-blur: blur(1px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .filter { filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); } .transition { 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)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-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)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-200 { --tw-duration: 200ms; transition-duration: 200ms; } .duration-300 { --tw-duration: 300ms; transition-duration: 300ms; } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { -webkit-user-select: none; user-select: none; } .group-hover\:opacity-100 { &:is(:where(.group):hover *) { @media (hover: hover) { opacity: 100%; } } } .group-hover\/code\:opacity-100 { &:is(:where(.group\/code):hover *) { @media (hover: hover) { opacity: 100%; } } } .backdrop\:bg-black\/40 { &::backdrop { background-color: color-mix(in srgb, #000 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } } .before\:absolute { &::before { content: var(--tw-content); position: absolute; } } .before\:top-1\.5 { &::before { content: var(--tw-content); top: calc(var(--spacing) * 1.5); } } .before\:bottom-1\.5 { &::before { content: var(--tw-content); bottom: calc(var(--spacing) * 1.5); } } .before\:left-0 { &::before { content: var(--tw-content); left: calc(var(--spacing) * 0); } } .before\:w-0\.5 { &::before { content: var(--tw-content); width: calc(var(--spacing) * 0.5); } } .before\:rounded-r-full { &::before { content: var(--tw-content); border-top-right-radius: calc(infinity * 1px); border-bottom-right-radius: calc(infinity * 1px); } } .first\:border-t-0 { &:first-child { border-top-style: var(--tw-border-style); border-top-width: 0px; } } .first\:pt-0 { &:first-child { padding-top: calc(var(--spacing) * 0); } } .last\:mb-0 { &:last-child { margin-bottom: calc(var(--spacing) * 0); } } .last\:border-0 { &:last-child { border-style: var(--tw-border-style); border-width: 0px; } } .last\:border-b-0 { &:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0px; } } .last\:pb-0 { &:last-child { padding-bottom: calc(var(--spacing) * 0); } } .hover\:scale-105 { &:hover { @media (hover: hover) { --tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y); } } } .hover\:underline { &:hover { @media (hover: hover) { text-decoration-line: underline; } } } .hover\:opacity-90 { &:hover { @media (hover: hover) { opacity: 90%; } } } .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); } } .focus\:ring-2 { &:focus { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus\:outline-none { &:focus { --tw-outline-style: none; outline-style: none; } } .focus-visible\:ring-1 { &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-visible\:ring-2 { &:focus-visible { --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } .focus-visible\:ring-offset-1 { &:focus-visible { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .focus-visible\:ring-offset-2 { &:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } } .focus-visible\:outline-none { &:focus-visible { --tw-outline-style: none; outline-style: none; } } .focus-visible\:ring-inset { &:focus-visible { --tw-ring-inset: inset; } } .active\:scale-95 { &:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .disabled\:pointer-events-none { &:disabled { pointer-events: none; } } .disabled\:cursor-not-allowed { &:disabled { cursor: not-allowed; } } .disabled\:opacity-40 { &:disabled { opacity: 40%; } } .disabled\:opacity-50 { &:disabled { opacity: 50%; } } .sm\:col-span-1 { @media (width >= 40rem) { grid-column: span 1 / span 1; } } .sm\:col-span-2 { @media (width >= 40rem) { grid-column: span 2 / span 2; } } .sm\:block { @media (width >= 40rem) { display: block; } } .sm\:flex { @media (width >= 40rem) { display: flex; } } .sm\:inline-flex { @media (width >= 40rem) { display: inline-flex; } } .sm\:grid-cols-2 { @media (width >= 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .sm\:grid-cols-3 { @media (width >= 40rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .sm\:grid-cols-6 { @media (width >= 40rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .sm\:p-6 { @media (width >= 40rem) { padding: calc(var(--spacing) * 6); } } .md\:col-span-2 { @media (width >= 48rem) { grid-column: span 2 / span 2; } } .md\:grid-cols-2 { @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .md\:grid-cols-3 { @media (width >= 48rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .md\:grid-cols-4 { @media (width >= 48rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lg\:grid-cols-2 { @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .lg\:grid-cols-3 { @media (width >= 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .lg\:grid-cols-4 { @media (width >= 64rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .lg\:grid-cols-8 { @media (width >= 64rem) { grid-template-columns: repeat(8, minmax(0, 1fr)); } } .lg\:grid-cols-\[1fr_360px\] { @media (width >= 64rem) { grid-template-columns: 1fr 360px; } } .lg\:grid-cols-\[minmax\(300px\,380px\)_1fr\] { @media (width >= 64rem) { grid-template-columns: minmax(300px,380px) 1fr; } } .xl\:grid-cols-4 { @media (width >= 80rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .xl\:grid-cols-6 { @media (width >= 80rem) { grid-template-columns: repeat(6, minmax(0, 1fr)); } } .xl\:grid-cols-10 { @media (width >= 80rem) { grid-template-columns: repeat(10, minmax(0, 1fr)); } } .dark\:bg-\[\#111\] { @media (prefers-color-scheme: dark) { background-color: #111; } } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false; } @property --tw-rotate-y { syntax: "*"; inherits: false; } @property --tw-rotate-z { syntax: "*"; inherits: false; } @property --tw-skew-x { syntax: "*"; inherits: false; } @property --tw-skew-y { syntax: "*"; inherits: false; } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-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: ""; 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: ""; 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: ""; inherits: false; initial-value: 0px; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-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: ""; 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: "*"; initial-value: ""; inherits: false; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } @keyframes pulse { 50% { opacity: 0.5; } } @layer properties { @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) { *, ::before, ::after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-divide-x-reverse: 0; --tw-border-style: solid; --tw-divide-y-reverse: 0; --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-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; } } }