/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{
@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){
*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-divide-x-reverse:0;--tw-content:""}}}

@layer theme{
:root,:host{--font-sans:"Instrument Sans", "Noto Sans CJK", "Noto Sans SC", "Noto Sans Arabic", "PingFang SC", "Microsoft YaHei UI", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Mono", "SF Mono", Menlo, Consolas, ui-monospace, monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-700:oklch(50.5% .213 27.518);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-700:oklch(55.3% .195 38.402);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-700:oklch(55.5% .163 48.998);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-lime-500:oklch(76.8% .233 130.85);--color-lime-700:oklch(53.2% .157 131.589);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-700:oklch(51.1% .096 186.391);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-700:oklch(52% .105 223.128);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-700:oklch(50% .134 242.749);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-700:oklch(48.8% .243 264.376);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-700:oklch(45.7% .24 277.023);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-700:oklch(49.1% .27 292.581);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-700:oklch(49.6% .265 301.924);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-700:oklch(52.5% .223 3.958);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-700:oklch(51.4% .222 16.935);--color-stone-500:oklch(55.3% .013 58.071);--color-stone-700:oklch(37.4% .01 67.558);--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-md:12px;--blur-2xl:40px;--blur-3xl:64px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Noto Serif CJK", "Noto Naskh Arabic", "Source Serif 4", Georgia, "Songti SC", "SimSun", serif;--color-paper-50:#f0eee6;--color-paper-100:#faf9f5;--color-paper-200:#e8e6dc;--color-paper-300:#dbd8ca;--color-ink-50:#1414130a;--color-ink-100:#1414131f;--color-ink-200:#14141329;--color-ink-300:#14141347;--color-ink-400:#1414138f;--color-ink-500:#1414139e;--color-ink-600:#141413b8;--color-ink-700:#141413d6;--color-ink-800:#141413eb;--color-ink-900:#141413;--color-brand-50:#fdf2f3;--color-brand-100:#fbe0e3;--color-brand-200:#f3bcc3;--color-brand-300:#e08b97;--color-brand-400:#c25667;--color-brand-500:#a3344a;--color-brand-600:#8b2c3b;--color-brand-700:#74212f;--color-brand-800:#5d1a26;--color-brand-900:#48141d;--color-accent-50:#eef5f3;--color-accent-100:#d6e8e3;--color-accent-300:#7fbaad;--color-accent-400:#4d9788;--color-accent-500:#347b6e;--color-accent-600:#2c6c60;--color-accent-700:#255a50;--color-chart-0:#8b2c3b;--color-chart-1:#2c6c60;--color-chart-2:#3a5fcf;--color-chart-3:#7c52c4;--color-chart-4:#b5791c;--color-chart-5:#2a8f63;--color-chart-6:#c25683;--color-chart-7:#1f8aa6;--color-cat-0:#c6613f;--color-cat-15:#5e5d59;--color-success:#2a7049;--color-warning:#b5791c;--color-danger:#c2362f;--color-info:#3a5fcf;--radius-card:14px;--radius-button:10px;--radius-pill:999px}}

@layer base{
*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}

::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}

html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}

hr{height:0;color:inherit;border-top-width:1px}

abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}

h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}

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

b,strong{font-weight:bolder}

code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}

small{font-size:80%}

sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}

sub{bottom:-.25em}

sup{top:-.5em}

table{text-indent:0;border-color:inherit;border-collapse:collapse}

:-moz-focusring{outline:auto}

progress{vertical-align:baseline}

summary{display:list-item}

ol,ul,menu{list-style:none}

img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}

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

button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}

::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}

:where(select:is([multiple],[size])) optgroup{font-weight:bolder}

:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}

::file-selector-button{margin-inline-end:4px}

::placeholder{opacity:1}

@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){
::placeholder{color:currentColor}

@supports (color:color-mix(in lab, red, red)){
::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}

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{padding-block:0}

::-webkit-datetime-edit-year-field{padding-block:0}

::-webkit-datetime-edit-month-field{padding-block:0}

::-webkit-datetime-edit-day-field{padding-block:0}

::-webkit-datetime-edit-hour-field{padding-block:0}

::-webkit-datetime-edit-minute-field{padding-block:0}

::-webkit-datetime-edit-second-field{padding-block:0}

::-webkit-datetime-edit-millisecond-field{padding-block:0}

::-webkit-datetime-edit-meridiem-field{padding-block:0}

::-webkit-calendar-picker-indicator{line-height:1}

:-moz-ui-invalid{box-shadow:none}

button,input:where([type=button],[type=reset],[type=submit]){appearance:button}

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

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

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

[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;

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

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

.visible{visibility:visible}

.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}

.absolute{position:absolute}

.fixed{position:fixed}

.relative{position:relative}

.sticky{position:sticky}

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

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

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

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

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

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

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

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

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

.top-1\/3{top:33.3333%}

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

.top-2\.5{top:calc(var(--spacing) * 2.5)}

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

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

.top-\[14vh\]{top:14vh}

[dir="ltr"] .-right-12{right:calc(var(--spacing) * -12)}

[dir="rtl"] .-right-12{left:calc(var(--spacing) * -12)}

[dir="ltr"] .-right-16{right:calc(var(--spacing) * -16)}

[dir="rtl"] .-right-16{left:calc(var(--spacing) * -16)}

[dir="ltr"] .-right-20{right:calc(var(--spacing) * -20)}

[dir="rtl"] .-right-20{left:calc(var(--spacing) * -20)}

[dir="ltr"] .right-0{right:calc(var(--spacing) * 0)}

[dir="rtl"] .right-0{left:calc(var(--spacing) * 0)}

[dir="ltr"] .right-1{right:calc(var(--spacing) * 1)}

[dir="rtl"] .right-1{left:calc(var(--spacing) * 1)}

[dir="ltr"] .right-1\.5{right:calc(var(--spacing) * 1.5)}

[dir="rtl"] .right-1\.5{left:calc(var(--spacing) * 1.5)}

[dir="ltr"] .right-2{right:calc(var(--spacing) * 2)}

[dir="rtl"] .right-2{left:calc(var(--spacing) * 2)}

[dir="ltr"] .right-2\.5{right:calc(var(--spacing) * 2.5)}

[dir="rtl"] .right-2\.5{left:calc(var(--spacing) * 2.5)}

[dir="ltr"] .right-3{right:calc(var(--spacing) * 3)}

[dir="rtl"] .right-3{left:calc(var(--spacing) * 3)}

[dir="ltr"] .right-4{right:calc(var(--spacing) * 4)}

[dir="rtl"] .right-4{left:calc(var(--spacing) * 4)}

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

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

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

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

.bottom-full{bottom:100%}

[dir="ltr"] .-left-12{left:calc(var(--spacing) * -12)}

[dir="rtl"] .-left-12{right:calc(var(--spacing) * -12)}

[dir="ltr"] .-left-20{left:calc(var(--spacing) * -20)}

[dir="rtl"] .-left-20{right:calc(var(--spacing) * -20)}

[dir="ltr"] .-left-40{left:calc(var(--spacing) * -40)}

[dir="rtl"] .-left-40{right:calc(var(--spacing) * -40)}

[dir="ltr"] .-left-\[26px\]{left:-26px}

[dir="rtl"] .-left-\[26px\]{right:-26px}

[dir="ltr"] .left-0{left:calc(var(--spacing) * 0)}

[dir="rtl"] .left-0{right:calc(var(--spacing) * 0)}

[dir="ltr"] .left-1\/2{left:50%}

[dir="rtl"] .left-1\/2{right:50%}

[dir="ltr"] .left-2{left:calc(var(--spacing) * 2)}

[dir="rtl"] .left-2{right:calc(var(--spacing) * 2)}

[dir="ltr"] .left-2\.5{left:calc(var(--spacing) * 2.5)}

[dir="rtl"] .left-2\.5{right:calc(var(--spacing) * 2.5)}

[dir="ltr"] .left-3{left:calc(var(--spacing) * 3)}

[dir="rtl"] .left-3{right:calc(var(--spacing) * 3)}

.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-\[60\]{z-index:60}

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

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

.col-span-2{grid-column:span 2/span 2}

.col-span-3{grid-column:span 3/span 3}

.col-span-4{grid-column:span 4/span 4}

.col-span-8{grid-column:span 8/span 8}

.col-span-9{grid-column:span 9/span 9}

.col-span-12{grid-column:span 12/span 12}

.m-auto{margin:auto}

.-mx-1{margin-inline:calc(var(--spacing) * -1)}

.-mx-2{margin-inline:calc(var(--spacing) * -2)}

.-mx-4{margin-inline:calc(var(--spacing) * -4)}

.mx-1{margin-inline:calc(var(--spacing) * 1)}

.mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}

.mx-2{margin-inline:calc(var(--spacing) * 2)}

.mx-auto{margin-inline:auto}

.-my-5{margin-block:calc(var(--spacing) * -5)}

.my-1{margin-block:calc(var(--spacing) * 1)}

.my-1\.5{margin-block:calc(var(--spacing) * 1.5)}

.my-2{margin-block:calc(var(--spacing) * 2)}

.my-4{margin-block:calc(var(--spacing) * 4)}

.my-5{margin-block:calc(var(--spacing) * 5)}

.my-6{margin-block:calc(var(--spacing) * 6)}

.my-8{margin-block:calc(var(--spacing) * 8)}

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

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

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

.mt-auto{margin-top:auto}

[dir="ltr"] .-mr-1{margin-right:calc(var(--spacing) * -1)}

[dir="rtl"] .-mr-1{margin-left:calc(var(--spacing) * -1)}

[dir="ltr"] .mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}

[dir="rtl"] .mr-1\.5{margin-left:calc(var(--spacing) * 1.5)}

[dir="ltr"] .mr-2{margin-right:calc(var(--spacing) * 2)}

[dir="rtl"] .mr-2{margin-left:calc(var(--spacing) * 2)}

[dir="ltr"] .mr-3{margin-right:calc(var(--spacing) * 3)}

[dir="rtl"] .mr-3{margin-left:calc(var(--spacing) * 3)}

[dir="ltr"] .mr-4{margin-right:calc(var(--spacing) * 4)}

[dir="rtl"] .mr-4{margin-left:calc(var(--spacing) * 4)}

.-mb-px{margin-bottom:-1px}

.mb-0\.5{margin-bottom:calc(var(--spacing) * .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-3\.5{margin-bottom:calc(var(--spacing) * 3.5)}

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

[dir="ltr"] .-ml-1{margin-left:calc(var(--spacing) * -1)}

[dir="rtl"] .-ml-1{margin-right:calc(var(--spacing) * -1)}

[dir="ltr"] .ml-0\.5{margin-left:calc(var(--spacing) * .5)}

[dir="rtl"] .ml-0\.5{margin-right:calc(var(--spacing) * .5)}

[dir="ltr"] .ml-1{margin-left:calc(var(--spacing) * 1)}

[dir="rtl"] .ml-1{margin-right:calc(var(--spacing) * 1)}

[dir="ltr"] .ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}

[dir="rtl"] .ml-1\.5{margin-right:calc(var(--spacing) * 1.5)}

[dir="ltr"] .ml-2{margin-left:calc(var(--spacing) * 2)}

[dir="rtl"] .ml-2{margin-right:calc(var(--spacing) * 2)}

[dir="ltr"] .ml-7{margin-left:calc(var(--spacing) * 7)}

[dir="rtl"] .ml-7{margin-right:calc(var(--spacing) * 7)}

[dir="ltr"] .ml-auto{margin-left:auto}

[dir="rtl"] .ml-auto{margin-right:auto}

.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}

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

.aspect-square{aspect-ratio:1}

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

.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-28{height:calc(var(--spacing) * 28)}

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

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

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

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

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

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

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

.h-\[2px\]{height:2px}

.h-\[56px\]{height:56px}

.h-\[60px\]{height:60px}

.h-\[196px\]{height:196px}

.h-\[200px\]{height:200px}

.h-\[420px\]{height:420px}

.h-\[500px\]{height:500px}

.h-\[600px\]{height:600px}

.h-\[calc\(100vh-3\.5rem\)\]{height:calc(100vh - 3.5rem)}

.h-full{height:100%}

.h-px{height:1px}

.h-screen{height:100vh}

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

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

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

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

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

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

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

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

.max-h-\[50vh\]{max-height:50vh}

.max-h-\[58vh\]{max-height:58vh}

.max-h-\[60vh\]{max-height:60vh}

.max-h-\[70vh\]{max-height:70vh}

.max-h-\[85vh\]{max-height:85vh}

.max-h-\[88vh\]{max-height:88vh}

.max-h-\[90vh\]{max-height:90vh}

.max-h-\[92vh\]{max-height:92vh}

.max-h-\[360px\]{max-height:360px}

.max-h-\[420px\]{max-height:420px}

.max-h-\[600px\]{max-height:600px}

.max-h-\[calc\(100vh-380px\)\]{max-height:calc(100vh - 380px)}

.max-h-\[min\(56vh\,360px\)\]{max-height:min(56vh,360px)}

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

.min-h-\[2\.5em\]{min-height:2.5em}

.min-h-\[40px\]{min-height:40px}

.min-h-\[60px\]{min-height:60px}

.min-h-\[120px\]{min-height:120px}

.min-h-\[140px\]{min-height:140px}

.min-h-\[160px\]{min-height:160px}

.min-h-\[174px\]{min-height:174px}

.min-h-\[200px\]{min-height:200px}

.min-h-\[280px\]{min-height:280px}

.min-h-\[400px\]{min-height:400px}

.min-h-\[560px\]{min-height:560px}

.min-h-\[620px\]{min-height:620px}

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

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

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

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

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

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

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

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

.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-11{width:calc(var(--spacing) * 11)}

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

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

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

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

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

.w-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-60{width:calc(var(--spacing) * 60)}

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

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

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

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

.w-\[12\%\]{width:12%}

.w-\[14\%\]{width:14%}

.w-\[16\%\]{width:16%}

.w-\[32\%\]{width:32%}

.w-\[56px\]{width:56px}

.w-\[60px\]{width:60px}

.w-\[88\%\]{width:88%}

.w-\[90px\]{width:90px}

.w-\[92\%\]{width:92%}

.w-\[92vw\]{width:92vw}

.w-\[100px\]{width:100px}

.w-\[110px\]{width:110px}

.w-\[500px\]{width:500px}

.w-\[600px\]{width:600px}

.w-\[calc\(100vw-2rem\)\]{width:calc(100vw - 2rem)}

.w-\[var\(--radix-popover-trigger-width\)\]{width:var(--radix-popover-trigger-width)}

.w-full{width:100%}

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

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

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

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

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

.max-w-\[28vw\]{max-width:28vw}

.max-w-\[78\%\]{max-width:78%}

.max-w-\[80vw\]{max-width:80vw}

.max-w-\[120px\]{max-width:120px}

.max-w-\[160px\]{max-width:160px}

.max-w-\[180px\]{max-width:180px}

.max-w-\[200px\]{max-width:200px}

.max-w-\[240px\]{max-width:240px}

.max-w-\[260px\]{max-width:260px}

.max-w-\[280px\]{max-width:280px}

.max-w-\[480px\]{max-width:480px}

.max-w-\[540px\]{max-width:540px}

.max-w-\[600px\]{max-width:600px}

.max-w-\[900px\]{max-width:900px}

.max-w-\[1100px\]{max-width:1100px}

.max-w-\[1180px\]{max-width:1180px}

.max-w-\[1200px\]{max-width:1200px}

.max-w-\[1280px\]{max-width:1280px}

.max-w-\[1400px\]{max-width:1400px}

.max-w-\[1500px\]{max-width:1500px}

.max-w-full{max-width:100%}

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

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

.max-w-none{max-width:none}

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

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

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

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

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

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

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

.min-w-\[6\.5rem\]{min-width:6.5rem}

.min-w-\[6rem\]{min-width:6rem}

.min-w-\[28px\]{min-width:28px}

.min-w-\[80px\]{min-width:80px}

.min-w-\[120px\]{min-width:120px}

.min-w-\[140px\]{min-width:140px}

.min-w-\[160px\]{min-width:160px}

.min-w-\[220px\]{min-width:220px}

.min-w-\[240px\]{min-width:240px}

.min-w-\[300px\]{min-width:300px}

.min-w-\[640px\]{min-width:640px}

.min-w-\[720px\]{min-width:720px}

.min-w-\[760px\]{min-width:760px}

.min-w-\[820px\]{min-width:820px}

.min-w-\[920px\]{min-width:920px}

.min-w-\[940px\]{min-width:940px}

.min-w-\[960px\]{min-width:960px}

.min-w-\[1000px\]{min-width:1000px}

.min-w-\[1080px\]{min-width:1080px}

.min-w-\[1100px\]{min-width:1100px}

.min-w-\[1200px\]{min-width:1200px}

.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}

.flex-1{flex:1}

.flex-\[2\]{flex:2}

.flex-\[3\]{flex:3}

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

.grow{flex-grow:1}

.table-fixed{table-layout:fixed}

.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-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}

.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}

.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}

.translate-x-1{--tw-translate-x:calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}

.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}

.translate-x-8{--tw-translate-x:calc(var(--spacing) * 8);translate:var(--tw-translate-x) var(--tw-translate-y)}

.translate-x-\[18px\]{--tw-translate-x:18px;translate:var(--tw-translate-x) var(--tw-translate-y)}

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

.translate-y-8{--tw-translate-y:calc(var(--spacing) * 8);translate:var(--tw-translate-x) var(--tw-translate-y)}

.rotate-90{rotate:90deg}

.rotate-180{rotate:180deg}

.rotate-\[-90deg\]{rotate:-90deg}

.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-default{cursor:default}

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

.cursor-pointer{cursor:pointer}

.cursor-text{cursor:text}

.touch-none{touch-action:none}

.resize-none{resize:none}

.resize-y{resize:vertical}

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

.list-inside{list-style-position:inside}

.list-disc{list-style-type:disc}

.list-none{list-style-type: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-7{grid-template-columns:repeat(7,minmax(0,1fr))}

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

.grid-cols-\[2fr_5fr_auto\]{grid-template-columns:2fr 5fr auto}

.grid-cols-\[36px_minmax\(0\,1fr\)_220px\]{grid-template-columns:36px minmax(0,1fr) 220px}

.grid-cols-\[auto_1fr\]{grid-template-columns:auto 1fr}

.flex-col{flex-direction:column}

.flex-row-reverse{flex-direction:row-reverse}

.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\.5{gap:calc(var(--spacing) * .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-12{gap:calc(var(--spacing) * 12)}

.gap-\[1px\]{gap:1px}

.gap-\[2px\]{gap:2px}

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

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

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

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

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

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

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

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

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

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

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

.gap-x-2{column-gap:calc(var(--spacing) * 2)}

.gap-x-4{column-gap:calc(var(--spacing) * 4)}

.gap-x-6{column-gap:calc(var(--spacing) * 6)}

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

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

.gap-y-2{row-gap:calc(var(--spacing) * 2)}

:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}

:where(.divide-ink-100>:not(:last-child)){border-color:var(--color-ink-100)}

.self-end{align-self:flex-end}

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

.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

.overflow-auto{overflow:auto}

.overflow-hidden{overflow:hidden}

.overflow-x-auto{overflow-x:auto}

.overflow-x-hidden{overflow-x:hidden}

.overflow-y-auto{overflow-y:auto}

.rounded{border-radius:.25rem}

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

.rounded-\[1px\]{border-radius:1px}

.rounded-\[2px\]{border-radius:2px}

.rounded-\[11px\]{border-radius:11px}

.rounded-\[16px\]{border-radius:16px}

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

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

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

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

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

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

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

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

.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}

[dir="ltr"] .rounded-tl-sm{border-top-left-radius:var(--radius-sm)}

[dir="rtl"] .rounded-tl-sm{border-top-right-radius:var(--radius-sm)}

[dir="ltr"] .rounded-r-sm{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}

[dir="rtl"] .rounded-r-sm{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}

[dir="ltr"] .rounded-tr-sm{border-top-right-radius:var(--radius-sm)}

[dir="rtl"] .rounded-tr-sm{border-top-left-radius:var(--radius-sm)}

.border{border-style:var(--tw-border-style);border-width:1px}

.border-0{border-style:var(--tw-border-style);border-width:0}

.border-2{border-style:var(--tw-border-style);border-width:2px}

.border-4{border-style:var(--tw-border-style);border-width:4px}

.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}

[dir="ltr"] .border-r{border-right-style:var(--tw-border-style);border-right-width:1px}

[dir="rtl"] .border-r{border-left-style:var(--tw-border-style);border-left-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}

[dir="ltr"] .border-l{border-left-style:var(--tw-border-style);border-left-width:1px}

[dir="rtl"] .border-l{border-right-style:var(--tw-border-style);border-right-width:1px}

[dir="ltr"] .border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}

[dir="rtl"] .border-l-2{border-right-style:var(--tw-border-style);border-right-width:2px}

.border-dashed{--tw-border-style:dashed;border-style:dashed}

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

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

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

.border-amber-400\/30{border-color:#fcbb004d}

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

.border-blue-400\/30{border-color:#54a2ff4d}

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

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

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

.border-brand-200\/60{border-color:#f3bcc399}

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

.border-brand-200\/70{border-color:#f3bcc3b3}

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

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

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

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

.border-brand-600\/20{border-color:#8b2c3b33}

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

.border-brand-600\/40{border-color:#8b2c3b66}

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

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

.border-cyan-500\/30{border-color:#00b7d74d}

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

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

.border-danger\/15{border-color:#c2362f26}

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

.border-danger\/20{border-color:#c2362f33}

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

.border-danger\/25{border-color:#c2362f40}

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

.border-danger\/30{border-color:#c2362f4d}

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

.border-danger\/40{border-color:#c2362f66}

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

.border-emerald-400\/30{border-color:#00d2944d}

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

.border-emerald-500\/30{border-color:#00bb7f4d}

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

.border-fuchsia-500\/30{border-color:#e12afb4d}

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

.border-green-500\/30{border-color:#00c7584d}

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

.border-indigo-500\/30{border-color:#625fff4d}

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

.border-info\/15{border-color:#3a5fcf26}

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

.border-info\/20{border-color:#3a5fcf33}

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

.border-info\/25{border-color:#3a5fcf40}

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

.border-info\/30{border-color:#3a5fcf4d}

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

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

.border-ink-100\/40{border-color:#1414130c}

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

.border-ink-100\/60{border-color:#14141313}

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

.border-ink-100\/70{border-color:#14141316}

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

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

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

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

.border-lime-500\/30{border-color:#80cd004d}

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

.border-orange-500\/30{border-color:#fe6e004d}

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

.border-pink-500\/30{border-color:#f6339a4d}

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

.border-purple-500\/30{border-color:#ac4bff4d}

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

.border-red-500\/30{border-color:#fb2c364d}

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

.border-rose-400\/30{border-color:#ff667f4d}

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

.border-sky-500\/30{border-color:#00a5ef4d}

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

.border-stone-500\/30{border-color:#79716b4d}

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

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

.border-success\/15{border-color:#2a704926}

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

.border-success\/20{border-color:#2a704933}

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

.border-success\/25{border-color:#2a704940}

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

.border-success\/30{border-color:#2a70494d}

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

.border-success\/40{border-color:#2a704966}

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

.border-teal-500\/30{border-color:#00baa74d}

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

.border-transparent{border-color:#0000}

.border-violet-400\/30{border-color:#a685ff4d}

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

.border-warning\/20{border-color:#b5791c33}

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

.border-warning\/30{border-color:#b5791c4d}

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

.border-warning\/40{border-color:#b5791c66}

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

.border-yellow-500\/30{border-color:#edb2004d}

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

.border-t-brand-600{border-top-color:var(--color-brand-600)}

.bg-\[\#07c160\]{background-color:#07c160}

.bg-\[\#1677ff\]{background-color:#1677ff}

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

.bg-accent-50\/30{background-color:#eef5f34d}

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

.bg-accent-50\/35{background-color:#eef5f359}

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

.bg-accent-50\/40{background-color:#eef5f366}

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

.bg-accent-50\/60{background-color:#eef5f399}

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

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

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

.bg-amber-400\/10{background-color:#fcbb001a}

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

.bg-amber-500{background-color:var(--color-amber-500)}

.bg-blue-400\/10{background-color:#54a2ff1a}

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

.bg-blue-500{background-color:var(--color-blue-500)}

.bg-brand-50{background-color:var(--color-brand-50)}

.bg-brand-50\/30{background-color:#fdf2f34d}

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

.bg-brand-50\/40{background-color:#fdf2f366}

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

.bg-brand-50\/50{background-color:#fdf2f380}

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

.bg-brand-50\/60{background-color:#fdf2f399}

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

.bg-brand-100{background-color:var(--color-brand-100)}

.bg-brand-100\/40{background-color:#fbe0e366}

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

.bg-brand-100\/50{background-color:#fbe0e380}

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

.bg-brand-200\/40{background-color:#f3bcc366}

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

.bg-brand-300\/20{background-color:#e08b9733}

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

.bg-brand-600{background-color:var(--color-brand-600)}

.bg-brand-600\/8{background-color:#8b2c3b14}

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

.bg-brand-600\/10{background-color:#8b2c3b1a}

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

.bg-chart-3\/10{background-color:#7c52c41a}

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

.bg-chart-7\/10{background-color:#1f8aa61a}

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

.bg-current{background-color:currentColor}

.bg-cyan-500{background-color:var(--color-cyan-500)}

.bg-cyan-500\/10{background-color:#00b7d71a}

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

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

.bg-danger\/5{background-color:#c2362f0d}

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

.bg-danger\/10{background-color:#c2362f1a}

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

.bg-danger\/15{background-color:#c2362f26}

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

.bg-danger\/\[0\.03\]{background-color:#c2362f08}

@supports (color:color-mix(in lab, red, red)){
.bg-danger\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-danger) 3%, transparent)}}

.bg-emerald-400\/10{background-color:#00d2941a}

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

.bg-emerald-500{background-color:var(--color-emerald-500)}

.bg-emerald-500\/10{background-color:#00bb7f1a}

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

.bg-fuchsia-500{background-color:var(--color-fuchsia-500)}

.bg-fuchsia-500\/10{background-color:#e12afb1a}

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

.bg-green-500{background-color:var(--color-green-500)}

.bg-green-500\/10{background-color:#00c7581a}

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

.bg-indigo-500{background-color:var(--color-indigo-500)}

.bg-indigo-500\/10{background-color:#625fff1a}

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

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

.bg-info\/5{background-color:#3a5fcf0d}

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

.bg-info\/10{background-color:#3a5fcf1a}

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

.bg-info\/15{background-color:#3a5fcf26}

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

.bg-ink-50{background-color:var(--color-ink-50)}

.bg-ink-100{background-color:var(--color-ink-100)}

.bg-ink-100\/60{background-color:#14141313}

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

.bg-ink-200{background-color:var(--color-ink-200)}

.bg-ink-300{background-color:var(--color-ink-300)}

.bg-ink-400{background-color:var(--color-ink-400)}

.bg-ink-400\/10{background-color:#1414130e}

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

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

.bg-ink-900\/40{background-color:#14141366}

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

.bg-ink-900\/70{background-color:#141413b3}

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

.bg-lime-500{background-color:var(--color-lime-500)}

.bg-lime-500\/10{background-color:#80cd001a}

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

.bg-orange-500{background-color:var(--color-orange-500)}

.bg-orange-500\/10{background-color:#fe6e001a}

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

.bg-paper-50{background-color:var(--color-paper-50)}

.bg-paper-50\/10{background-color:#f0eee61a}

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

.bg-paper-50\/15{background-color:#f0eee626}

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

.bg-paper-50\/50{background-color:#f0eee680}

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

.bg-paper-50\/60{background-color:#f0eee699}

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

.bg-paper-50\/70{background-color:#f0eee6b3}

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

.bg-paper-50\/80{background-color:#f0eee6cc}

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

.bg-paper-100{background-color:var(--color-paper-100)}

.bg-paper-100\/20{background-color:#faf9f533}

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

.bg-paper-100\/30{background-color:#faf9f54d}

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

.bg-paper-100\/40{background-color:#faf9f566}

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

.bg-paper-100\/50{background-color:#faf9f580}

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

.bg-paper-100\/60{background-color:#faf9f599}

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

.bg-paper-100\/70{background-color:#faf9f5b3}

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

.bg-paper-100\/80{background-color:#faf9f5cc}

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

.bg-paper-100\/92{background-color:#faf9f5eb}

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

.bg-paper-200{background-color:var(--color-paper-200)}

.bg-paper-200\/30{background-color:#e8e6dc4d}

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

.bg-paper-200\/50{background-color:#e8e6dc80}

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

.bg-paper-200\/60{background-color:#e8e6dc99}

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

.bg-paper-200\/70{background-color:#e8e6dcb3}

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

.bg-paper-300{background-color:var(--color-paper-300)}

.bg-paper-300\/50{background-color:#dbd8ca80}

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

.bg-pink-500{background-color:var(--color-pink-500)}

.bg-pink-500\/10{background-color:#f6339a1a}

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

.bg-purple-500{background-color:var(--color-purple-500)}

.bg-purple-500\/10{background-color:#ac4bff1a}

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

.bg-red-500{background-color:var(--color-red-500)}

.bg-red-500\/10{background-color:#fb2c361a}

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

.bg-rose-400\/10{background-color:#ff667f1a}

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

.bg-rose-500{background-color:var(--color-rose-500)}

.bg-sky-500{background-color:var(--color-sky-500)}

.bg-sky-500\/10{background-color:#00a5ef1a}

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

.bg-stone-500{background-color:var(--color-stone-500)}

.bg-stone-500\/10{background-color:#79716b1a}

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

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

.bg-success\/5{background-color:#2a70490d}

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

.bg-success\/10{background-color:#2a70491a}

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

.bg-success\/15{background-color:#2a704926}

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

.bg-success\/55{background-color:#2a70498c}

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

.bg-teal-500{background-color:var(--color-teal-500)}

.bg-teal-500\/10{background-color:#00baa71a}

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

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

.bg-violet-400\/10{background-color:#a685ff1a}

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

.bg-violet-500{background-color:var(--color-violet-500)}

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

.bg-warning\/5{background-color:#b5791c0d}

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

.bg-warning\/10{background-color:#b5791c1a}

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

.bg-warning\/15{background-color:#b5791c26}

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

.bg-yellow-500{background-color:var(--color-yellow-500)}

.bg-yellow-500\/10{background-color:#edb2001a}

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

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

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

.from-brand-50{--tw-gradient-from:var(--color-brand-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}

.from-brand-500{--tw-gradient-from:var(--color-brand-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}

.from-brand-600{--tw-gradient-from:var(--color-brand-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}

.from-paper-200{--tw-gradient-from:var(--color-paper-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}

.via-brand-700{--tw-gradient-via:var(--color-brand-700);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}

.to-brand-700{--tw-gradient-to:var(--color-brand-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}

.to-brand-900{--tw-gradient-to:var(--color-brand-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}

.to-paper-50{--tw-gradient-to:var(--color-paper-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}

.to-paper-300{--tw-gradient-to:var(--color-paper-300);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}

.fill-ink-400{fill:var(--color-ink-400)}

.fill-ink-900{fill:var(--color-ink-900)}

.object-contain{object-fit:contain}

.object-cover{object-fit:cover}

.p-0\.5{padding:calc(var(--spacing) * .5)}

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

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

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

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

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

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

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

.py-0\.5{padding-block:calc(var(--spacing) * .5)}

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

.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}

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

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

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

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

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

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

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

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

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

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

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

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

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

.pt-0\.5{padding-top:calc(var(--spacing) * .5)}

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

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

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

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

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

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

[dir="ltr"] .pr-1{padding-right:calc(var(--spacing) * 1)}

[dir="rtl"] .pr-1{padding-left:calc(var(--spacing) * 1)}

[dir="ltr"] .pr-3{padding-right:calc(var(--spacing) * 3)}

[dir="rtl"] .pr-3{padding-left:calc(var(--spacing) * 3)}

[dir="ltr"] .pr-4{padding-right:calc(var(--spacing) * 4)}

[dir="rtl"] .pr-4{padding-left:calc(var(--spacing) * 4)}

[dir="ltr"] .pr-7{padding-right:calc(var(--spacing) * 7)}

[dir="rtl"] .pr-7{padding-left:calc(var(--spacing) * 7)}

[dir="ltr"] .pr-8{padding-right:calc(var(--spacing) * 8)}

[dir="rtl"] .pr-8{padding-left:calc(var(--spacing) * 8)}

[dir="ltr"] .pr-9{padding-right:calc(var(--spacing) * 9)}

[dir="rtl"] .pr-9{padding-left:calc(var(--spacing) * 9)}

[dir="ltr"] .pr-16{padding-right:calc(var(--spacing) * 16)}

[dir="rtl"] .pr-16{padding-left:calc(var(--spacing) * 16)}

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

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

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

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

.pb-3\.5{padding-bottom:calc(var(--spacing) * 3.5)}

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

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

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

[dir="ltr"] .pl-2{padding-left:calc(var(--spacing) * 2)}

[dir="rtl"] .pl-2{padding-right:calc(var(--spacing) * 2)}

[dir="ltr"] .pl-3{padding-left:calc(var(--spacing) * 3)}

[dir="rtl"] .pl-3{padding-right:calc(var(--spacing) * 3)}

[dir="ltr"] .pl-4{padding-left:calc(var(--spacing) * 4)}

[dir="rtl"] .pl-4{padding-right:calc(var(--spacing) * 4)}

[dir="ltr"] .pl-5{padding-left:calc(var(--spacing) * 5)}

[dir="rtl"] .pl-5{padding-right:calc(var(--spacing) * 5)}

[dir="ltr"] .pl-7{padding-left:calc(var(--spacing) * 7)}

[dir="rtl"] .pl-7{padding-right:calc(var(--spacing) * 7)}

[dir="ltr"] .pl-8{padding-left:calc(var(--spacing) * 8)}

[dir="rtl"] .pl-8{padding-right:calc(var(--spacing) * 8)}

[dir="ltr"] .pl-9{padding-left:calc(var(--spacing) * 9)}

[dir="rtl"] .pl-9{padding-right:calc(var(--spacing) * 9)}

[dir="ltr"] .pl-\[21px\]{padding-left:21px}

[dir="rtl"] .pl-\[21px\]{padding-right:21px}

.text-center{text-align:center}

[dir="ltr"] .text-left{text-align:left}

[dir="rtl"] .text-left{text-align:right}

[dir="ltr"] .text-right{text-align:right}

[dir="rtl"] .text-right{text-align:left}

.align-top{vertical-align:top}

.font-display{font-family:var(--font-display)}

.font-mono{font-family:var(--font-mono)}

.font-sans{font-family:var(--font-sans)}

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

.text-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-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--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-\[8px\]{font-size:8px}

.text-\[9px\]{font-size:9px}

.text-\[10\.5px\]{font-size:10.5px}

.text-\[10px\]{font-size:10px}

.text-\[11px\]{font-size:11px}

.text-\[12\.5px\]{font-size:12.5px}

.text-\[12px\]{font-size:12px}

.text-\[13px\]{font-size:13px}

.text-\[15px\]{font-size:15px}

.text-\[17px\]{font-size:17px}

.text-\[28px\]{font-size:28px}

.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-\[1\.1\]{--tw-leading:1.1;line-height:1.1}

.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}

.leading-\[1\.7\]{--tw-leading:1.7;line-height:1.7}

.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-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}

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

.font-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\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}

.tracking-\[0\.5em\]{--tw-tracking:.5em;letter-spacing:.5em}

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

.\[text-wrap\:balance\]{text-wrap:balance}

.break-words{overflow-wrap:break-word}

.break-all{word-break:break-all}

.whitespace-nowrap{white-space:nowrap}

.whitespace-pre{white-space:pre}

.whitespace-pre-line{white-space:pre-line}

.whitespace-pre-wrap{white-space:pre-wrap}

.text-\[\#9B70F4\]{color:#9b70f4}

.text-\[\#635BFF\]{color:#635bff}

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

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

.text-amber-700{color:var(--color-amber-700)}

.text-blue-700{color:var(--color-blue-700)}

.text-brand-600{color:var(--color-brand-600)}

.text-brand-700{color:var(--color-brand-700)}

.text-chart-3{color:var(--color-chart-3)}

.text-chart-7{color:var(--color-chart-7)}

.text-cyan-700{color:var(--color-cyan-700)}

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

.text-emerald-600{color:var(--color-emerald-600)}

.text-emerald-700{color:var(--color-emerald-700)}

.text-fuchsia-700{color:var(--color-fuchsia-700)}

.text-green-700{color:var(--color-green-700)}

.text-indigo-700{color:var(--color-indigo-700)}

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

.text-ink-200{color:var(--color-ink-200)}

.text-ink-300{color:var(--color-ink-300)}

.text-ink-400{color:var(--color-ink-400)}

.text-ink-400\/40{color:#14141339}

@supports (color:color-mix(in lab, red, red)){
.text-ink-400\/40{color:color-mix(in oklab, var(--color-ink-400) 40%, transparent)}}

.text-ink-400\/50{color:#14141348}

@supports (color:color-mix(in lab, red, red)){
.text-ink-400\/50{color:color-mix(in oklab, var(--color-ink-400) 50%, transparent)}}

.text-ink-400\/60{color:#14141356}

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

.text-ink-400\/70{color:#14141364}

@supports (color:color-mix(in lab, red, red)){
.text-ink-400\/70{color:color-mix(in oklab, var(--color-ink-400) 70%, transparent)}}

.text-ink-400\/80{color:#14141372}

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

.text-ink-500{color:var(--color-ink-500)}

.text-ink-600{color:var(--color-ink-600)}

.text-ink-700{color:var(--color-ink-700)}

.text-ink-800{color:var(--color-ink-800)}

.text-ink-900{color:var(--color-ink-900)}

.text-lime-700{color:var(--color-lime-700)}

.text-orange-500{color:var(--color-orange-500)}

.text-orange-700{color:var(--color-orange-700)}

.text-paper-50{color:var(--color-paper-50)}

.text-paper-50\/70{color:#f0eee6b3}

@supports (color:color-mix(in lab, red, red)){
.text-paper-50\/70{color:color-mix(in oklab, var(--color-paper-50) 70%, transparent)}}

.text-paper-50\/80{color:#f0eee6cc}

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

.text-paper-100{color:var(--color-paper-100)}

.text-pink-700{color:var(--color-pink-700)}

.text-purple-700{color:var(--color-purple-700)}

.text-red-700{color:var(--color-red-700)}

.text-rose-700{color:var(--color-rose-700)}

.text-sky-700{color:var(--color-sky-700)}

.text-stone-700{color:var(--color-stone-700)}

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

.text-teal-700{color:var(--color-teal-700)}

.text-violet-700{color:var(--color-violet-700)}

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

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

.text-yellow-700{color:var(--color-yellow-700)}

.normal-case{text-transform:none}

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

.underline{text-decoration-line:underline}

.underline-offset-2{text-underline-offset:2px}

.accent-brand-600{accent-color:var(--color-brand-600)}

.opacity-0{opacity:0}

.opacity-40{opacity:.4}

.opacity-50{opacity:.5}

.opacity-60{opacity:.6}

.opacity-70{opacity:.7}

.opacity-75{opacity:.75}

.opacity-80{opacity:.8}

.opacity-90{opacity:.9}

.opacity-95{opacity:.95}

.opacity-100{opacity:1}

.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}

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

.shadow-\[0_6px_16px_-10px_rgba\(29\,31\,34\,0\.4\)\]{--tw-shadow:0 6px 16px -10px var(--tw-shadow-color,#1d1f2266);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_8px_22px_-8px_color-mix\(in_srgb\,var\(--color-brand-600\)_60\%\,transparent\)\]{--tw-shadow:0 8px 22px -8px var(--tw-shadow-color,#8b2c3b99)}

@supports (color:color-mix(in lab, red, red)){
.shadow-\[0_8px_22px_-8px_color-mix\(in_srgb\,var\(--color-brand-600\)_60\%\,transparent\)\]{--tw-shadow:0 8px 22px -8px var(--tw-shadow-color,color-mix(in srgb,var(--color-brand-600) 60%,transparent))}}

.shadow-\[0_8px_22px_-8px_color-mix\(in_srgb\,var\(--color-brand-600\)_60\%\,transparent\)\]{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_18px_40px_-24px_rgba\(29\,31\,34\,0\.35\)\]{--tw-shadow:0 18px 40px -24px var(--tw-shadow-color,#1d1f2259);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}

.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}

.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}

.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}

.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}

.ring,.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-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}

.ring-accent-300{--tw-ring-color:var(--color-accent-300)}

.ring-accent-600\/30{--tw-ring-color:#2c6c604d}

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

.ring-brand-200{--tw-ring-color:var(--color-brand-200)}

.ring-brand-200\/40{--tw-ring-color:#f3bcc366}

@supports (color:color-mix(in lab, red, red)){
.ring-brand-200\/40{--tw-ring-color:color-mix(in oklab, var(--color-brand-200) 40%, transparent)}}

.ring-brand-400{--tw-ring-color:var(--color-brand-400)}

.ring-brand-600{--tw-ring-color:var(--color-brand-600)}

.ring-brand-600\/40{--tw-ring-color:#8b2c3b66}

@supports (color:color-mix(in lab, red, red)){
.ring-brand-600\/40{--tw-ring-color:color-mix(in oklab, var(--color-brand-600) 40%, transparent)}}

.ring-ink-200{--tw-ring-color:var(--color-ink-200)}

.ring-ink-500\/40{--tw-ring-color:#1414133f}

@supports (color:color-mix(in lab, red, red)){
.ring-ink-500\/40{--tw-ring-color:color-mix(in oklab, var(--color-ink-500) 40%, transparent)}}

.ring-ink-900\/10{--tw-ring-color:#1414131a}

@supports (color:color-mix(in lab, red, red)){
.ring-ink-900\/10{--tw-ring-color:color-mix(in oklab, var(--color-ink-900) 10%, transparent)}}

.ring-paper-50{--tw-ring-color:var(--color-paper-50)}

.ring-paper-100{--tw-ring-color:var(--color-paper-100)}

.ring-success\/30{--tw-ring-color:#2a70494d}

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

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

.ring-offset-paper-50{--tw-ring-offset-color:var(--color-paper-50)}

.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}

.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}

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

.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-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,)}

.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:.2s;transition-duration:.2s}

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

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

.will-change-transform{will-change:transform}

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

.select-all{-webkit-user-select:all;user-select:all}

.select-none{-webkit-user-select:none;user-select:none}

.select-text{-webkit-user-select:text;user-select:text}

.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}

@media (hover:hover){
.group-hover\:text-brand-600:is(:where(.group):hover *){color:var(--color-brand-600)}

.group-hover\:opacity-60:is(:where(.group):hover *){opacity:.6}

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

.placeholder\:text-ink-300::placeholder{color:var(--color-ink-300)}

.placeholder\:text-ink-400::placeholder{color:var(--color-ink-400)}

.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}

.focus-within\:border-brand-400:focus-within{border-color:var(--color-brand-400)}

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

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

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

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

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

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

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

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

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

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

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

.hover\:bg-brand-50:hover{background-color:var(--color-brand-50)}

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

.hover\:bg-brand-100\/50:hover{background-color:#fbe0e380}

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

.hover\:bg-brand-600\/10:hover{background-color:#8b2c3b1a}

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

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

.hover\:bg-danger\/5:hover{background-color:#c2362f0d}

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

.hover\:bg-danger\/10:hover{background-color:#c2362f1a}

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

.hover\:bg-danger\/15:hover{background-color:#c2362f26}

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

.hover\:bg-danger\/90:hover{background-color:#c2362fe6}

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

.hover\:bg-ink-50:hover{background-color:var(--color-ink-50)}

.hover\:bg-ink-100\/60:hover{background-color:#14141313}

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

.hover\:bg-ink-800:hover{background-color:var(--color-ink-800)}

.hover\:bg-paper-50:hover{background-color:var(--color-paper-50)}

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

.hover\:bg-paper-100\/40:hover{background-color:#faf9f566}

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

.hover\:bg-paper-100\/50:hover{background-color:#faf9f580}

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

.hover\:bg-paper-100\/60:hover{background-color:#faf9f599}

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

.hover\:bg-paper-100\/70:hover{background-color:#faf9f5b3}

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

.hover\:bg-paper-200:hover{background-color:var(--color-paper-200)}

.hover\:bg-paper-200\/30:hover{background-color:#e8e6dc4d}

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

.hover\:bg-paper-200\/40:hover{background-color:#e8e6dc66}

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

.hover\:bg-paper-200\/50:hover{background-color:#e8e6dc80}

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

.hover\:bg-paper-200\/60:hover{background-color:#e8e6dc99}

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

.hover\:bg-paper-200\/80:hover{background-color:#e8e6dccc}

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

.hover\:bg-success\/10:hover{background-color:#2a70491a}

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

.hover\:bg-success\/15:hover{background-color:#2a704926}

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

.hover\:bg-success\/20:hover{background-color:#2a704933}

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

.hover\:bg-success\/90:hover{background-color:#2a7049e6}

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

.hover\:bg-warning\/10:hover{background-color:#b5791c1a}

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

.hover\:bg-warning\/15:hover{background-color:#b5791c26}

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

.hover\:bg-warning\/20:hover{background-color:#b5791c33}

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

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

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

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

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

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

.hover\:text-danger\/80:hover{color:#c2362fcc}

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

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

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

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

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

.hover\:text-warning\/80:hover{color:#b5791ccc}

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

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

.hover\:opacity-80:hover{opacity:.8}

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

.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}

.hover\:shadow-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)}

.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}

.hover\:ring-brand-400:hover{--tw-ring-color:var(--color-brand-400)}}

.focus\:border-brand-300:focus{border-color:var(--color-brand-300)}

.focus\:border-brand-400:focus{border-color:var(--color-brand-400)}

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

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

.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-brand-200:focus{--tw-ring-color:var(--color-brand-200)}

.focus\:ring-brand-200\/50:focus{--tw-ring-color:#f3bcc380}

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

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

.focus\:ring-danger\/30:focus{--tw-ring-color:#c2362f4d}

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

.focus\:ring-success\/30:focus{--tw-ring-color:#2a70494d}

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

.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-brand-300:focus-visible{--tw-ring-color:var(--color-brand-300)}

.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\:ring-offset-paper-100:focus-visible{--tw-ring-offset-color:var(--color-paper-100)}

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

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

.disabled\:opacity-30:disabled{opacity:.3}

.disabled\:opacity-40:disabled{opacity:.4}

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

.disabled\:opacity-60:disabled{opacity:.6}

.data-\[disabled\]\:cursor-not-allowed[data-disabled]{cursor:not-allowed}

.data-\[disabled\]\:opacity-40[data-disabled]{opacity:.4}

.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}

.data-\[highlighted\]\:bg-brand-600\/10[data-highlighted]{background-color:#8b2c3b1a}

@supports (color:color-mix(in lab, red, red)){
.data-\[highlighted\]\:bg-brand-600\/10[data-highlighted]{background-color:color-mix(in oklab, var(--color-brand-600) 10%, transparent)}}

.data-\[highlighted\]\:text-brand-700[data-highlighted]{color:var(--color-brand-700)}

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

.data-\[selected\=true\]\:bg-danger\/10[data-selected=true]{background-color:#c2362f1a}

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

.data-\[selected\=true\]\:bg-paper-200[data-selected=true]{background-color:var(--color-paper-200)}

.data-\[selected\=true\]\:text-accent-700[data-selected=true]{color:var(--color-accent-700)}

.data-\[state\=checked\]\:translate-x-3\.5[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 3.5);translate:var(--tw-translate-x) var(--tw-translate-y)}

.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\]\:translate-x-5[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}

.data-\[state\=checked\]\:translate-x-\[18px\][data-state=checked]{--tw-translate-x:18px;translate:var(--tw-translate-x) var(--tw-translate-y)}

.data-\[state\=checked\]\:bg-brand-600[data-state=checked]{background-color:var(--color-brand-600)}

.data-\[state\=checked\]\:bg-success[data-state=checked]{background-color:var(--color-success)}

.data-\[state\=checked\]\:bg-warning[data-state=checked]{background-color:var(--color-warning)}

.data-\[state\=checked\]\:font-semibold[data-state=checked]{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}

.data-\[state\=closed\]\:translate-x-full[data-state=closed]{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}

.data-\[state\=closed\]\:opacity-0[data-state=closed]{opacity:0}

.data-\[state\=open\]\:translate-x-0[data-state=open]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}

.data-\[state\=open\]\:rotate-180[data-state=open]{rotate:180deg}

.data-\[state\=open\]\:border-brand-400[data-state=open]{border-color:var(--color-brand-400)}

.data-\[state\=open\]\:opacity-100[data-state=open]{opacity:1}

.data-\[state\=open\]\:ring-2[data-state=open]{--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)}

.data-\[state\=open\]\:ring-brand-200[data-state=open]{--tw-ring-color:var(--color-brand-200)}

@media (width>=40rem){
.sm\:col-span-1{grid-column:span 1/span 1}

.sm\:col-span-2{grid-column:span 2/span 2}

.sm\:col-span-3{grid-column:span 3/span 3}

.sm\:col-span-4{grid-column:span 4/span 4}

.sm\:flex{display:flex}

.sm\:inline{display:inline}

.sm\:w-64{width:calc(var(--spacing) * 64)}

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

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

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

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

.sm\:items-center{align-items:center}

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

@media (width>=48rem){
.md\:col-span-1{grid-column:span 1/span 1}

.md\:col-span-2{grid-column:span 2/span 2}

.md\:col-span-3{grid-column:span 3/span 3}

.md\:col-span-4{grid-column:span 4/span 4}

[dir="ltr"] .md\:ml-6{margin-left:calc(var(--spacing) * 6)}

[dir="rtl"] .md\:ml-6{margin-right:calc(var(--spacing) * 6)}

.md\:block{display:block}

.md\:flex{display:flex}

.md\:grid{display:grid}

.md\:hidden{display:none}

.md\:inline{display:inline}

.md\:w-1\/2{width:50%}

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

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

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

.md\:grid-cols-\[240px_minmax\(0\,1fr\)\]{grid-template-columns:240px minmax(0,1fr)}

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

.md\:items-center{align-items:center}

.md\:items-end{align-items:flex-end}

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

:where(.md\:divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}}

@media (width>=64rem){
.lg\:sticky{position:sticky}

.lg\:top-6{top:calc(var(--spacing) * 6)}

.lg\:top-20{top:calc(var(--spacing) * 20)}

.lg\:col-span-1{grid-column:span 1/span 1}

.lg\:col-span-2{grid-column:span 2/span 2}

.lg\:col-span-4{grid-column:span 4/span 4}

.lg\:-mx-8{margin-inline:calc(var(--spacing) * -8)}

.lg\:-my-6{margin-block:calc(var(--spacing) * -6)}

.lg\:block{display:block}

.lg\:flex{display:flex}

.lg\:hidden{display:none}

.lg\:w-72{width:calc(var(--spacing) * 72)}

.lg\:min-w-0{min-width:calc(var(--spacing) * 0)}

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

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

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

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

.lg\:grid-cols-\[1\.4fr_1fr\]{grid-template-columns:1.4fr 1fr}

.lg\:grid-cols-\[1\.15fr_1fr\]{grid-template-columns:1.15fr 1fr}

.lg\:grid-cols-\[1fr_360px\]{grid-template-columns:1fr 360px}

.lg\:grid-cols-\[360px_minmax\(0\,1fr\)\]{grid-template-columns:360px minmax(0,1fr)}

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

.lg\:items-end{align-items:flex-end}

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

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

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

.lg\:gap-x-12{column-gap:calc(var(--spacing) * 12)}

.lg\:overflow-visible{overflow:visible}

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

.lg\:px-12{padding-inline:calc(var(--spacing) * 12)}

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

.lg\:pt-40{padding-top:calc(var(--spacing) * 40)}

.lg\:pb-28{padding-bottom:calc(var(--spacing) * 28)}

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

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

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

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

@media (width>=80rem){
.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}

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

.xl\:grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}

.xl\:grid-cols-\[420px_minmax\(0\,1fr\)\]{grid-template-columns:420px minmax(0,1fr)}

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

.xl\:items-center{align-items:center}

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

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

.\[\&_\[cmdk-group-heading\]\]\:px-3 [cmdk-group-heading]{padding-inline:calc(var(--spacing) * 3)}

.\[\&_\[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\]\]\:tracking-wider [cmdk-group-heading]{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}

.\[\&_\[cmdk-group-heading\]\]\:text-ink-400 [cmdk-group-heading]{color:var(--color-ink-400)}

.\[\&_\[cmdk-group-heading\]\]\:uppercase [cmdk-group-heading]{text-transform:uppercase}

.\[\&_a\]\:break-all a{word-break:break-all}

.\[\&_a\]\:text-brand-600 a{color:var(--color-brand-600)}

.\[\&_a\]\:underline a{text-decoration-line:underline}

.\[\&_a\]\:underline-offset-2 a{text-underline-offset:2px}

@media (hover:hover){
.hover\:\[\&_a\]\:text-brand-700:hover a{color:var(--color-brand-700)}}

.\[\&_blockquote\]\:my-2 blockquote{margin-block:calc(var(--spacing) * 2)}

.\[\&_blockquote\]\:my-4 blockquote{margin-block:calc(var(--spacing) * 4)}

[dir="ltr"] .\[\&_blockquote\]\:border-l-2 blockquote{border-left-style:var(--tw-border-style);border-left-width:2px}

[dir="rtl"] .\[\&_blockquote\]\:border-l-2 blockquote{border-right-style:var(--tw-border-style);border-right-width:2px}

[dir="ltr"] .\[\&_blockquote\]\:border-l-4 blockquote{border-left-style:var(--tw-border-style);border-left-width:4px}

[dir="rtl"] .\[\&_blockquote\]\:border-l-4 blockquote{border-right-style:var(--tw-border-style);border-right-width:4px}

.\[\&_blockquote\]\:border-brand-200 blockquote{border-color:var(--color-brand-200)}

.\[\&_blockquote\]\:border-ink-200 blockquote{border-color:var(--color-ink-200)}

[dir="ltr"] .\[\&_blockquote\]\:pl-3 blockquote{padding-left:calc(var(--spacing) * 3)}

[dir="rtl"] .\[\&_blockquote\]\:pl-3 blockquote{padding-right:calc(var(--spacing) * 3)}

[dir="ltr"] .\[\&_blockquote\]\:pl-4 blockquote{padding-left:calc(var(--spacing) * 4)}

[dir="rtl"] .\[\&_blockquote\]\:pl-4 blockquote{padding-right:calc(var(--spacing) * 4)}

.\[\&_blockquote\]\:text-\[12px\] blockquote{font-size:12px}

.\[\&_blockquote\]\:text-ink-400 blockquote{color:var(--color-ink-400)}

.\[\&_blockquote\]\:text-ink-600 blockquote{color:var(--color-ink-600)}

.\[\&_blockquote\]\:not-italic blockquote{font-style:normal}

.\[\&_code\]\:rounded code{border-radius:.25rem}

.\[\&_code\]\:bg-paper-50 code{background-color:var(--color-paper-50)}

.\[\&_code\]\:bg-paper-200 code{background-color:var(--color-paper-200)}

.\[\&_code\]\:px-1 code{padding-inline:calc(var(--spacing) * 1)}

.\[\&_code\]\:px-1\.5 code{padding-inline:calc(var(--spacing) * 1.5)}

.\[\&_code\]\:py-0\.5 code{padding-block:calc(var(--spacing) * .5)}

.\[\&_code\]\:font-mono code{font-family:var(--font-mono)}

.\[\&_code\]\:text-\[0\.85em\] code{font-size:.85em}

.\[\&_code\]\:text-\[12px\] code{font-size:12px}

.\[\&_code\]\:text-brand-700 code{color:var(--color-brand-700)}

.\[\&_code\]\:text-ink-700 code{color:var(--color-ink-700)}

.\[\&_code\]\:before\:content-none code:before,.\[\&_code\]\:after\:content-none code:after{content:var(--tw-content);--tw-content:none;content:none}

.\[\&_h1\]\:mt-10 h1{margin-top:calc(var(--spacing) * 10)}

.\[\&_h1\]\:mb-5 h1{margin-bottom:calc(var(--spacing) * 5)}

.\[\&_h1\]\:text-2xl h1{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}

.\[\&_h1\]\:text-lg h1{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}

.\[\&_h1\]\:font-semibold h1{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}

.\[\&_h1\]\:tracking-tight h1{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}

.\[\&_h1\]\:text-ink-900 h1{color:var(--color-ink-900)}

.\[\&_h2\]\:mt-8 h2{margin-top:calc(var(--spacing) * 8)}

.\[\&_h2\]\:mb-3 h2{margin-bottom:calc(var(--spacing) * 3)}

.\[\&_h2\]\:text-base h2{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}

.\[\&_h2\]\:text-xl h2{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}

.\[\&_h2\]\:font-semibold h2{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}

.\[\&_h2\]\:text-ink-900 h2{color:var(--color-ink-900)}

.\[\&_h3\]\:mt-6 h3{margin-top:calc(var(--spacing) * 6)}

.\[\&_h3\]\:mb-2 h3{margin-bottom:calc(var(--spacing) * 2)}

.\[\&_h3\]\:text-base h3{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}

.\[\&_h3\]\:text-sm h3{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}

.\[\&_h3\]\:font-semibold h3{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}

.\[\&_h3\]\:text-ink-900 h3{color:var(--color-ink-900)}

.\[\&_hr\]\:my-3 hr{margin-block:calc(var(--spacing) * 3)}

.\[\&_hr\]\:my-8 hr{margin-block:calc(var(--spacing) * 8)}

.\[\&_hr\]\:border-ink-100 hr{border-color:var(--color-ink-100)}

.\[\&_li\]\:my-1 li{margin-block:calc(var(--spacing) * 1)}

.\[\&_li\]\:leading-relaxed li{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}

.\[\&_ol\]\:mb-4 ol{margin-bottom:calc(var(--spacing) * 4)}

.\[\&_ol\]\:list-decimal ol{list-style-type:decimal}

:where(.\[\&_ol\]\:space-y-1 ol>: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)))}

[dir="ltr"] .\[\&_ol\]\:pl-5 ol{padding-left:calc(var(--spacing) * 5)}

[dir="rtl"] .\[\&_ol\]\:pl-5 ol{padding-right:calc(var(--spacing) * 5)}

[dir="ltr"] .\[\&_ol\]\:pl-6 ol{padding-left:calc(var(--spacing) * 6)}

[dir="rtl"] .\[\&_ol\]\:pl-6 ol{padding-right:calc(var(--spacing) * 6)}

.\[\&_p\]\:my-1\.5 p{margin-block:calc(var(--spacing) * 1.5)}

.\[\&_p\]\:mb-4 p,.\[\&_pre\]\:mb-4 pre{margin-bottom:calc(var(--spacing) * 4)}

.\[\&_pre\]\:overflow-x-auto pre{overflow-x:auto}

.\[\&_pre\]\:rounded-lg pre{border-radius:var(--radius-lg)}

.\[\&_pre\]\:border pre{border-style:var(--tw-border-style);border-width:1px}

.\[\&_pre\]\:border-ink-100 pre{border-color:var(--color-ink-100)}

.\[\&_pre\]\:bg-paper-50 pre{background-color:var(--color-paper-50)}

.\[\&_pre\]\:p-4 pre{padding:calc(var(--spacing) * 4)}

.\[\&_pre_code\]\:bg-transparent pre code{background-color:#0000}

.\[\&_pre_code\]\:p-0 pre code{padding:calc(var(--spacing) * 0)}

.\[\&_strong\]\:font-semibold strong{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}

.\[\&_strong\]\:text-ink-900 strong{color:var(--color-ink-900)}

.\[\&_table\]\:my-4 table{margin-block:calc(var(--spacing) * 4)}

.\[\&_table\]\:w-full table{width:100%}

.\[\&_table\]\:text-xs table{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}

.\[\&_td\]\:border-t td{border-top-style:var(--tw-border-style);border-top-width:1px}

.\[\&_td\]\:border-b td{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}

.\[\&_td\]\:border-ink-100 td{border-color:var(--color-ink-100)}

.\[\&_td\]\:px-2 td{padding-inline:calc(var(--spacing) * 2)}

.\[\&_td\]\:px-3 td{padding-inline:calc(var(--spacing) * 3)}

.\[\&_td\]\:py-1 td{padding-block:calc(var(--spacing) * 1)}

.\[\&_td\]\:py-2 td{padding-block:calc(var(--spacing) * 2)}

.\[\&_th\]\:border-b th{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}

.\[\&_th\]\:border-ink-200 th{border-color:var(--color-ink-200)}

.\[\&_th\]\:bg-paper-100 th{background-color:var(--color-paper-100)}

.\[\&_th\]\:px-2 th{padding-inline:calc(var(--spacing) * 2)}

.\[\&_th\]\:px-3 th{padding-inline:calc(var(--spacing) * 3)}

.\[\&_th\]\:py-1 th{padding-block:calc(var(--spacing) * 1)}

.\[\&_th\]\:py-2 th{padding-block:calc(var(--spacing) * 2)}

[dir="ltr"] .\[\&_th\]\:text-left th{text-align:left}

[dir="rtl"] .\[\&_th\]\:text-left th{text-align:right}

.\[\&_th\]\:font-medium th{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}

.\[\&_th\]\:font-semibold th{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}

.\[\&_ul\]\:my-1 ul{margin-block:calc(var(--spacing) * 1)}

.\[\&_ul\]\:mb-4 ul{margin-bottom:calc(var(--spacing) * 4)}

.\[\&_ul\]\:list-disc ul{list-style-type:disc}

.\[\&_ul\]\:list-none ul{list-style-type:none}

:where(.\[\&_ul\]\:space-y-1 ul>: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)))}

[dir="ltr"] .\[\&_ul\]\:pl-0 ul{padding-left:calc(var(--spacing) * 0)}

[dir="rtl"] .\[\&_ul\]\:pl-0 ul{padding-right:calc(var(--spacing) * 0)}

[dir="ltr"] .\[\&_ul\]\:pl-5 ul{padding-left:calc(var(--spacing) * 5)}

[dir="rtl"] .\[\&_ul\]\:pl-5 ul{padding-right:calc(var(--spacing) * 5)}

[dir="ltr"] .\[\&_ul\]\:pl-6 ul{padding-left:calc(var(--spacing) * 6)}

[dir="rtl"] .\[\&_ul\]\:pl-6 ul{padding-right:calc(var(--spacing) * 6)}}

@font-face{font-family:Instrument Sans;src:url(https://fonts.gstatic.com/s/instrumentsans/v1/pxiSypQ_NB6tLleYRoFbQHbwUKnG.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}

@media (prefers-color-scheme:dark){
:root:not(.light){--color-paper-50:#262220;--color-paper-100:#1c1916;--color-paper-200:#322d27;--color-paper-300:#3e382f;--color-paper-400:#4c4539;--color-paper-500:#5e5648;--color-ink-50:#f7f3ec0d;--color-ink-100:#f7f3ec21;--color-ink-200:#f7f3ec33;--color-ink-300:#f7f3ec47;--color-ink-400:#f7f3ec8c;--color-ink-500:#f7f3ec9e;--color-ink-600:#f7f3ecb8;--color-ink-700:#f7f3ecd6;--color-ink-800:#f7f3eceb;--color-ink-900:#f7f3ec;--color-brand-50:#2a1216;--color-brand-100:#3a181e;--color-brand-200:#5a212b;--color-brand-300:#7d2d3a;--color-brand-400:#a03a4b;--color-brand-500:#c0566a;--color-brand-600:#d06d80;--color-brand-700:#df8b9b;--color-brand-800:#ecb4be;--color-brand-900:#f7dce1;--color-accent-50:#13302c;--color-accent-100:#1a423b;--color-accent-200:#23564d;--color-accent-300:#2f6f63;--color-accent-400:#3e8a7b;--color-accent-500:#56a293;--color-accent-600:#74b7a9;--color-accent-700:#97cabf;--color-accent-800:#bcdcd5;--color-accent-900:#dcefea;--color-chart-0:#d06d80;--color-chart-1:#56a293;--color-chart-2:#7d97f0;--color-chart-3:#a78cea;--color-chart-4:#e0b15a;--color-chart-5:#52c79a;--color-chart-6:#dd87ab;--color-chart-7:#4fb8d6;--color-cat-0:#e09077;--color-cat-1:#8fb4d9;--color-cat-2:#a8bc85;--color-cat-3:#d98ea8;--color-cat-4:#d9a878;--color-cat-5:#93bdac;--color-cat-6:#aeacd6;--color-cat-7:#a8a69e;--color-cat-8:#c97f5f;--color-cat-9:#74a0c9;--color-cat-10:#8da46b;--color-cat-11:#c97a96;--color-cat-12:#c2935f;--color-cat-13:#7da897;--color-cat-14:#9694c4;--color-cat-15:#8f8d85;--color-success:#4ecb8f;--color-warning:#f3b443;--color-danger:#f0635c;--color-info:#7593ee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}

:root.dark{--color-paper-50:#262220;--color-paper-100:#1c1916;--color-paper-200:#322d27;--color-paper-300:#3e382f;--color-paper-400:#4c4539;--color-paper-500:#5e5648;--color-ink-50:#f7f3ec0d;--color-ink-100:#f7f3ec21;--color-ink-200:#f7f3ec33;--color-ink-300:#f7f3ec47;--color-ink-400:#f7f3ec8c;--color-ink-500:#f7f3ec9e;--color-ink-600:#f7f3ecb8;--color-ink-700:#f7f3ecd6;--color-ink-800:#f7f3eceb;--color-ink-900:#f7f3ec;--color-brand-50:#2a1216;--color-brand-100:#3a181e;--color-brand-200:#5a212b;--color-brand-300:#7d2d3a;--color-brand-400:#a03a4b;--color-brand-500:#c0566a;--color-brand-600:#d06d80;--color-brand-700:#df8b9b;--color-brand-800:#ecb4be;--color-brand-900:#f7dce1;--color-accent-50:#13302c;--color-accent-100:#1a423b;--color-accent-200:#23564d;--color-accent-300:#2f6f63;--color-accent-400:#3e8a7b;--color-accent-500:#56a293;--color-accent-600:#74b7a9;--color-accent-700:#97cabf;--color-accent-800:#bcdcd5;--color-accent-900:#dcefea;--color-chart-0:#d06d80;--color-chart-1:#56a293;--color-chart-2:#7d97f0;--color-chart-3:#a78cea;--color-chart-4:#e0b15a;--color-chart-5:#52c79a;--color-chart-6:#dd87ab;--color-chart-7:#4fb8d6;--color-cat-0:#e09077;--color-cat-1:#8fb4d9;--color-cat-2:#a8bc85;--color-cat-3:#d98ea8;--color-cat-4:#d9a878;--color-cat-5:#93bdac;--color-cat-6:#aeacd6;--color-cat-7:#a8a69e;--color-cat-8:#c97f5f;--color-cat-9:#74a0c9;--color-cat-10:#8da46b;--color-cat-11:#c97a96;--color-cat-12:#c2935f;--color-cat-13:#7da897;--color-cat-14:#9694c4;--color-cat-15:#8f8d85;--color-success:#4ecb8f;--color-warning:#f3b443;--color-danger:#f0635c;--color-info:#7593ee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}

:root{font-family:var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;font-feature-settings:"kern", "liga", "palt";font-optical-sizing:auto;--motion-fast:.12s;--motion-base:.18s;--motion-medium:.28s;--motion-slow:.62s;--motion-ease:cubic-bezier(.2, .8, .2, 1);--motion-ease-out:cubic-bezier(.16, 1, .3, 1)}

html,body,#root{min-height:100vh;margin:0;padding:0}

body{background-color:var(--color-paper-100);color:var(--color-ink-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-sans)}

#root{min-height:100vh}

.radix-themes{--color-background:var(--color-paper-100)}

@keyframes soft-in{
0%{opacity:0;transform:translateY(8px)}

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

.animate-soft-in{animation:soft-in var(--motion-medium) var(--motion-ease-out) both}

@keyframes page-in{
0%{opacity:0;transform:translateY(6px)}

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

@keyframes panel-in{
0%{opacity:0;transform:translateY(10px)scale(.985)}

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

@keyframes reveal-down{
0%{opacity:0;transform:translateY(-4px)}

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

@keyframes shimmer{
0%{background-position:120% 0}

to{background-position:-120% 0}}

.motion-page{animation:page-in var(--motion-medium) var(--motion-ease-out) both}

.motion-stagger>*{animation:panel-in var(--motion-medium) var(--motion-ease-out) both}

.motion-stagger>:nth-child(2){animation-delay:35ms}

.motion-stagger>:nth-child(3){animation-delay:70ms}

.motion-stagger>:nth-child(4){animation-delay:.105s}

.motion-stagger>:nth-child(5){animation-delay:.14s}

.motion-card{transition:transform var(--motion-base) var(--motion-ease), border-color var(--motion-base) var(--motion-ease), background-color var(--motion-base) var(--motion-ease), box-shadow var(--motion-base) var(--motion-ease)}

.motion-card:hover{border-color:#14141320;transform:translateY(-2px)}

@supports (color:color-mix(in lab, red, red)){
.motion-card:hover{border-color:color-mix(in srgb, var(--color-ink-200) 78%, transparent)}}

.motion-card:hover{box-shadow:0 10px 26px #211c1a0f}

.motion-control{transition:transform var(--motion-fast) var(--motion-ease), background-color var(--motion-base) var(--motion-ease), border-color var(--motion-base) var(--motion-ease), color var(--motion-base) var(--motion-ease), opacity var(--motion-base) var(--motion-ease)}

.motion-control:active{transform:scale(.98)}

.motion-nav-item{transition:transform var(--motion-fast) var(--motion-ease), background-color var(--motion-base) var(--motion-ease), color var(--motion-base) var(--motion-ease), box-shadow var(--motion-base) var(--motion-ease);position:relative}

[dir="ltr"] .motion-nav-item:not([aria-disabled=true]):hover{transform:translate(2px)}

[dir="rtl"] .motion-nav-item:not([aria-disabled=true]):hover{transform:translate(-2px)}

.motion-reveal{animation:reveal-down var(--motion-base) var(--motion-ease-out) both}

.motion-dialog{animation:panel-in var(--motion-medium) var(--motion-ease-out) both}

@keyframes confirm-pop{
0%{opacity:0;transform:scale(.94)translateY(8px)}

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

.motion-confirm{animation:confirm-pop var(--motion-medium) var(--motion-ease-out) both}

@keyframes toast-in{
0%{opacity:0;transform:translate(24px)scale(.96)}

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

.motion-toast{animation:toast-in var(--motion-medium) var(--motion-ease-out) both}

@keyframes toast-progress{
0%{width:100%}

to{width:0%}}

.toast-progress{animation:3.2s linear both toast-progress}

.motion-surface-scope>div>:is(section,div).bg-paper-50,.motion-surface-scope>div>div>:is(section,div).bg-paper-50,.motion-surface-scope>div>div>div>:is(section,div).bg-paper-50{animation:panel-in var(--motion-medium) var(--motion-ease-out) both}

.motion-surface-scope>div>:is(div,section):has(>:is(header,h1,h2,table,form,dl)){animation:panel-in var(--motion-medium) var(--motion-ease-out) both}

.motion-surface-scope>div>div>:is(div,section):has(>:is(header,h1,h2,table,form,dl)){animation:panel-in var(--motion-medium) var(--motion-ease-out) both}

.motion-surface-scope :is(section,div).bg-paper-50.border:not([class*=rounded-full]):not([class*=rounded-md]),.motion-surface-scope :is(section,div).bg-paper-50\/50.border:not([class*=rounded-full]):not([class*=rounded-md]),.motion-surface-scope :is(section,div).bg-warning\/5.border,.motion-surface-scope :is(section,div).bg-danger\/5.border,.motion-surface-scope :is(section,div).bg-paper-100\/30.border{transition:transform var(--motion-base) var(--motion-ease), border-color var(--motion-base) var(--motion-ease), background-color var(--motion-base) var(--motion-ease), box-shadow var(--motion-base) var(--motion-ease)}

:is(.motion-surface-scope :is(section,div).bg-paper-50.border:not(:has(table)):not([class*=rounded-full]):not([class*=rounded-md]):not([class*=shadow-]):hover,.motion-surface-scope :is(section,div).bg-paper-50\/50.border:not(:has(table)):not([class*=rounded-full]):not([class*=rounded-md]):not([class*=shadow-]):hover,.motion-surface-scope :is(section,div).bg-paper-100\/30.border:not([class*=rounded-full]):not([class*=rounded-md]):not([class*=shadow-]):hover){border-color:#1414131d;transform:translateY(-2px)}

@supports (color:color-mix(in lab, red, red)){
:is(.motion-surface-scope :is(section,div).bg-paper-50.border:not(:has(table)):not([class*=rounded-full]):not([class*=rounded-md]):not([class*=shadow-]):hover,.motion-surface-scope :is(section,div).bg-paper-50\/50.border:not(:has(table)):not([class*=rounded-full]):not([class*=rounded-md]):not([class*=shadow-]):hover,.motion-surface-scope :is(section,div).bg-paper-100\/30.border:not([class*=rounded-full]):not([class*=rounded-md]):not([class*=shadow-]):hover){border-color:color-mix(in srgb, var(--color-ink-200) 70%, transparent)}}

:is(.motion-surface-scope :is(section,div).bg-paper-50.border:not(:has(table)):not([class*=rounded-full]):not([class*=rounded-md]):not([class*=shadow-]):hover,.motion-surface-scope :is(section,div).bg-paper-50\/50.border:not(:has(table)):not([class*=rounded-full]):not([class*=rounded-md]):not([class*=shadow-]):hover,.motion-surface-scope :is(section,div).bg-paper-100\/30.border:not([class*=rounded-full]):not([class*=rounded-md]):not([class*=shadow-]):hover){box-shadow:0 10px 26px #211c1a0d}

.motion-surface-scope :is(button,a):not(:disabled):not([aria-disabled=true]){transition:transform var(--motion-fast) var(--motion-ease), background-color var(--motion-base) var(--motion-ease), border-color var(--motion-base) var(--motion-ease), color var(--motion-base) var(--motion-ease), opacity var(--motion-base) var(--motion-ease), box-shadow var(--motion-base) var(--motion-ease)}

.motion-surface-scope :is(button,a):not(:disabled):not([aria-disabled=true]):active{transform:scale(.98)}

.motion-surface-scope :is(input,textarea,select){transition:border-color var(--motion-base) var(--motion-ease), box-shadow var(--motion-base) var(--motion-ease), background-color var(--motion-base) var(--motion-ease)}

.motion-surface-scope :is(input,textarea,select):not([type=checkbox]):not([type=radio]):not([type=range]),:is([role=dialog],[role=alertdialog]) :is(input,textarea,select):not([type=checkbox]):not([type=radio]):not([type=range]){border-radius:var(--radius-button);background-color:var(--color-paper-100)}

.motion-surface-scope :is(input,textarea,select):focus{border-color:var(--color-brand-500);box-shadow:0 0 0 3px #f3bcc373}

@supports (color:color-mix(in lab, red, red)){
.motion-surface-scope :is(input,textarea,select):focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-brand-200) 45%, transparent)}}

.motion-surface-scope :is(.rounded-xl,.rounded-2xl):not(.rounded-full){border-radius:var(--radius-card)}

.motion-surface-scope h1:not(.font-sans){font-family:var(--font-display);letter-spacing:-.015em}

.motion-surface-scope h2:not(.font-sans){font-family:var(--font-display)}

*{scrollbar-width:thin;scrollbar-color:var(--color-ink-200) transparent}

::selection{background:#e08b975c}

@supports (color:color-mix(in lab, red, red)){
::selection{background:color-mix(in srgb, var(--color-brand-300) 36%, transparent)}}

.motion-surface-scope table{border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}

.motion-surface-scope thead tr{background-color:#ebe9e0}

@supports (color:color-mix(in lab, red, red)){
.motion-surface-scope thead tr{background-color:color-mix(in srgb, var(--color-paper-200) 58%, var(--color-paper-50))}}

.motion-surface-scope th{color:var(--color-ink-500);font-weight:600}

.motion-surface-scope tbody tr{transition:background-color var(--motion-base) var(--motion-ease)}

.motion-surface-scope tbody tr:hover{background-color:#e8e6dc94}

@supports (color:color-mix(in lab, red, red)){
.motion-surface-scope tbody tr:hover{background-color:color-mix(in srgb, var(--color-paper-200) 58%, transparent)}}

.motion-surface-scope [role=dialog],.motion-surface-scope [data-radix-popper-content-wrapper]>*{animation:panel-in var(--motion-medium) var(--motion-ease-out) both}

.skeleton-line,.skeleton-block{animation:shimmer var(--motion-slow) ease-in-out infinite;position:relative;overflow:hidden}

[dir="ltr"] .skeleton-line,[dir="ltr"] .skeleton-block{background:linear-gradient(100deg, var(--color-paper-200) 0%, var(--color-paper-300) 24%, var(--color-paper-200) 48%)}

[dir="rtl"] .skeleton-line,[dir="rtl"] .skeleton-block{background:linear-gradient(-100deg, var(--color-paper-200) 0%, var(--color-paper-300) 24%, var(--color-paper-200) 48%)}

[dir] .skeleton-line,[dir] .skeleton-block{background-size:220% 100%}

.chart-draw{animation:soft-in .38s var(--motion-ease-out) both}

.chart-slice{transform-box:fill-box;transform-origin:50%;animation:soft-pop .5s var(--motion-ease-out) both;transition:opacity var(--motion-base) var(--motion-ease), transform var(--motion-base) var(--motion-ease), filter var(--motion-base) var(--motion-ease)}

.chart-slice:hover{opacity:.92;filter:drop-shadow(0 8px 14px #211c1a2e);transform:scale(1.025)}

.chart-line{transition:stroke-width var(--motion-base) var(--motion-ease), opacity var(--motion-base) var(--motion-ease)}

.chart-draw-line{stroke-dasharray:1200;stroke-dashoffset:1200px;animation:.78s ease-out forwards draw-line}

.chart-line:hover{stroke-width:5px;opacity:.92}

.chart-point circle{animation:point-in .42s var(--motion-ease-out) both;transition:r var(--motion-base) var(--motion-ease), filter var(--motion-base) var(--motion-ease)}

.chart-point:hover circle{r:6;filter:drop-shadow(0 4px 8px #211c1a38)}

.chart-tooltip{z-index:20;pointer-events:none;border-radius:var(--radius-button);background:#141413e0;min-width:150px;padding:.6rem .7rem;position:absolute}

@supports (color:color-mix(in lab, red, red)){
.chart-tooltip{background:color-mix(in srgb, var(--color-ink-900) 88%, transparent)}}

.chart-tooltip{color:var(--color-paper-50);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:tooltip-in var(--motion-fast) var(--motion-ease-out) both;font-size:12px;line-height:1.45;box-shadow:0 12px 28px #211c1a38}

@keyframes soft-pop{
0%{opacity:0;transform:scale(.94)}

to{opacity:1;transform:scale(1)}}

@keyframes draw-line{
to{stroke-dashoffset:0}}

@keyframes point-in{
0%{opacity:0;transform:scale(.5)}

to{opacity:1;transform:scale(1)}}

@keyframes tooltip-in{
0%{opacity:0;transform:translateY(4px)scale(.98)}

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

@media (prefers-reduced-motion:reduce){
*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}

.motion-card:hover,.motion-control:active,.motion-nav-item:not([aria-disabled=true]):hover,.chart-slice:hover{transform:none}}

.playground-md{line-height:1.55}

.playground-md>*+*{margin-top:.5em}

.playground-md p{margin:0}

.playground-md p+p{margin-top:.55em}

.playground-md h1,.playground-md h2,.playground-md h3,.playground-md h4{font-family:var(--font-sans);margin:.6em 0 .3em;font-weight:600;line-height:1.3}

.playground-md h1{font-size:1.05rem}

.playground-md h2{font-size:1rem}

.playground-md h3{font-size:.95rem}

.playground-md ul,.playground-md ol{margin:.35em 0}

[dir="ltr"] .playground-md ul,[dir="ltr"] .playground-md ol{padding-left:1.4em}

[dir="rtl"] .playground-md ul,[dir="rtl"] .playground-md ol{padding-right:1.4em}

.playground-md li{margin:.15em 0}

.playground-md ul{list-style:outside}

.playground-md ol{list-style:decimal}

.playground-md blockquote{color:var(--color-ink-700,#555);margin:.4em 0}

[dir="ltr"] .playground-md blockquote{border-left:3px solid var(--color-ink-200,#e5e5e5);padding-left:.75em}

[dir="rtl"] .playground-md blockquote{border-right:3px solid var(--color-ink-200,#e5e5e5);padding-right:.75em}

.playground-md hr{border:0;border-top:1px solid var(--color-ink-100,#eee);margin:.8em 0}

@keyframes rs-halo{
0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-brand-400) 50%, transparent)}

70%,to{box-shadow:0 0 0 16px #0000}}

.rs-halo:before{content:"";border-radius:inherit;animation:2.6s ease-out infinite rs-halo;position:absolute;inset:0}

@keyframes rs-ping{
0%{opacity:.75;transform:translate(-50%,-50%)scale(.4)}

80%{opacity:0}

to{opacity:0;transform:translate(-50%,-50%)scale(3.1)}}

.rs-ping{animation:3s ease-out infinite rs-ping}

@keyframes rs-node{
0%,30%{background:var(--color-brand-100);box-shadow:0 0 #0000}

40%{background:var(--color-brand-500);box-shadow:0 0 8px 0 color-mix(in srgb, var(--color-brand-300) 90%, transparent)}

55%,to{background:var(--color-brand-100);box-shadow:0 0 #0000}}

.rs-node{background:var(--color-brand-100);animation:3s ease-in-out infinite rs-node}

@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-y-reverse{syntax:"*";inherits:false;initial-value:0}

@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}

@property --tw-gradient-position{syntax:"*";inherits:false}

@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}

@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}

@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}

@property --tw-gradient-stops{syntax:"*";inherits:false}

@property --tw-gradient-via-stops{syntax:"*";inherits:false}

@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}

@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}

@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}

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

@property --tw-font-weight{syntax:"*";inherits:false}

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

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

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

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

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

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

@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

@property --tw-shadow-color{syntax:"*";inherits:false}

@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}

@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

@property --tw-inset-shadow-color{syntax:"*";inherits:false}

@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}

@property --tw-ring-color{syntax:"*";inherits:false}

@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

@property --tw-inset-ring-color{syntax:"*";inherits:false}

@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

@property --tw-ring-inset{syntax:"*";inherits:false}

@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}

@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}

@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}

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

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

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

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

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

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

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

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

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

@property --tw-drop-shadow{syntax:"*";inherits:false}

@property --tw-drop-shadow-color{syntax:"*";inherits:false}

@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}

@property --tw-drop-shadow-size{syntax:"*";inherits:false}

@property --tw-backdrop-blur{syntax:"*";inherits:false}

@property --tw-backdrop-brightness{syntax:"*";inherits:false}

@property --tw-backdrop-contrast{syntax:"*";inherits:false}

@property --tw-backdrop-grayscale{syntax:"*";inherits:false}

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

@property --tw-backdrop-invert{syntax:"*";inherits:false}

@property --tw-backdrop-opacity{syntax:"*";inherits:false}

@property --tw-backdrop-saturate{syntax:"*";inherits:false}

@property --tw-backdrop-sepia{syntax:"*";inherits:false}

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

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

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

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

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

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

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

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

@keyframes ping{
75%,to{opacity:0;transform:scale(2)}}

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