@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host {--font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif; --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --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-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-900: oklch(42.1% .095 57.708); --color-yellow-950: oklch(28.6% .066 53.813); --color-lime-400: oklch(84.1% .238 128.85); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-900: oklch(39.3% .095 152.535); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --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-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-teal-400: oklch(77.7% .152 181.912); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-900: oklch(39.8% .07 227.392); --color-cyan-950: oklch(30.2% .056 229.695); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-900: oklch(39.1% .09 240.876); --color-blue-50: oklch(97% .014 254.604); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-800: oklch(42.4% .199 265.638); --color-blue-900: oklch(37.9% .146 265.522); --color-blue-950: oklch(28.2% .091 267.935); --color-indigo-50: oklch(96.2% .018 272.314); --color-indigo-100: oklch(93% .034 272.788); --color-indigo-200: oklch(87% .065 274.039); --color-indigo-400: oklch(67.3% .182 276.935); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-indigo-700: oklch(45.7% .24 277.023); --color-indigo-800: oklch(39.8% .195 277.366); --color-indigo-900: oklch(35.9% .144 278.697); --color-indigo-950: oklch(25.7% .09 281.288); --color-purple-400: oklch(71.4% .203 305.504); --color-purple-500: oklch(62.7% .265 303.9); --color-purple-700: oklch(49.6% .265 301.924); --color-pink-100: oklch(94.8% .028 342.258); --color-pink-200: oklch(89.9% .061 343.231); --color-pink-400: oklch(71.8% .202 349.761); --color-pink-500: oklch(65.6% .241 354.308); --color-pink-600: oklch(59.2% .249 .584); --color-pink-700: oklch(52.5% .223 3.958); --color-pink-900: oklch(40.8% .153 2.432); --color-rose-600: oklch(58.6% .253 17.585); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-100: oklch(96.8% .007 247.896); --color-slate-200: oklch(92.9% .013 255.508); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-400: oklch(70.4% .04 256.788); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-600: oklch(44.6% .043 257.281); --color-slate-700: oklch(37.2% .044 257.287); --color-slate-800: oklch(27.9% .041 260.031); --color-slate-900: oklch(20.8% .042 265.755); --color-slate-950: oklch(12.9% .042 264.695); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-gray-950: oklch(13% .028 261.692); --color-stone-700: oklch(37.4% .01 67.558); --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --text-xs: .75rem; --text-xs--line-height: 1.33333; --text-sm: .875rem; --text-sm--line-height: 1.42857; --text-base: 1rem; --text-base--line-height: 1.5; --text-lg: 1.125rem; --text-lg--line-height: 1.55556; --text-xl: 1.25rem; --text-xl--line-height: 1.4; --text-2xl: 1.5rem; --text-2xl--line-height: 1.33333; --text-3xl: 1.875rem; --text-3xl--line-height: 1.2; --text-4xl: 2.25rem; --text-4xl--line-height: 1.11111; --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --text-8xl: 6rem; --text-8xl--line-height: 1; --text-9xl: 8rem; --text-9xl--line-height: 1; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --font-weight-black: 900; --tracking-tighter: -.05em; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-normal: 1.5; --leading-loose: 2; --radius-xs: .125rem; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --ease-in: cubic-bezier(.4,0,1,1); --ease-out: cubic-bezier(0,0,.2,1); --ease-in-out: cubic-bezier(.4,0,.2,1); --animate-ping: ping 1s cubic-bezier(0,0,.2,1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4,0,.6,1) infinite; --blur-xs: 4px; --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); --animate-heartbeat: heartbeat 2.5s ease-in-out infinite; --animate-rollOver: rollOver .9s ease-in-out forwards; --animate-bookFlipFromFlat: bookFlipFromFlat .9s ease-in-out forwards; --animate-movePencil: movePencil 1.2s ease-in-out forwards;}}@layer base{*,::after,::before,::backdrop,::file-selector-button {box-sizing: border-box; margin: 0; padding: 0; border: 0 solid;} html,:host {line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent;} hr {height: 0; color: inherit; border-top-width: 1px;} abbr:where([title]) {-webkit-text-decoration: underline dotted; text-decoration: underline dotted;} h1,h2,h3,h4,h5,h6 {font-size: inherit; font-weight: inherit;} a {color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit;} b,strong {font-weight: bolder;} code,kbd,samp,pre {font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em;} small {font-size: 80%;} sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sub {bottom: -.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 {display: block; vertical-align: middle;} img,video {max-width: 100%; height: auto;} button,input,select,optgroup,textarea,::file-selector-button {font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1;} :where(select:is([multiple],[size])) optgroup {font-weight: bolder;} :where(select:is([multiple],[size])) optgroup option {padding-inline-start: 20px;} ::file-selector-button {margin-inline-end: 4px;} ::placeholder {opacity: 1;} @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {::placeholder {color: currentcolor; @supports (color: color-mix(in lab,red,red)) {color: color-mix(in oklab,currentcolor 50%,transparent);}}} textarea {resize: vertical;} ::-webkit-search-decoration {-webkit-appearance: none;} ::-webkit-date-and-time-value {min-height: 1lh; text-align: inherit;} ::-webkit-datetime-edit {display: inline-flex;} ::-webkit-datetime-edit-fields-wrapper {padding: 0;} ::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field {padding-block: 0;} :-moz-ui-invalid {box-shadow: none;} button,input:where([type="button"],[type="reset"],[type="submit"]),::file-selector-button {appearance: button;} ::-webkit-inner-spin-button,::-webkit-outer-spin-button {height: auto;} [hidden]:where(:not([hidden="until-found"])) {display: none !important;}}@layer utilities{.\@container {container-type: inline-size;} .pointer-events-auto {pointer-events: auto;} .pointer-events-none {pointer-events: none;} .invisible {visibility: hidden;} .visible {visibility: visible;} .sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border-width: 0;} .absolute {position: absolute;} .fixed {position: fixed;} .relative {position: relative;} .static {position: static;} .sticky {position: sticky;} .inset-0 {inset: calc(var(--spacing) * 0);} .inset-x-0 {inset-inline: calc(var(--spacing) * 0);} .-top-3 {top: calc(var(--spacing) * -3);} .-top-12 {top: calc(var(--spacing) * -12);} .top-0 {top: calc(var(--spacing) * 0);} .top-4 {top: calc(var(--spacing) * 4);} .top-6 {top: calc(var(--spacing) * 6);} .top-8 {top: calc(var(--spacing) * 8);} .top-20 {top: calc(var(--spacing) * 20);} .top-full {top: 100%;} .-right-20 {right: calc(var(--spacing) * -20);} .right-0 {right: calc(var(--spacing) * 0);} .right-1 {right: calc(var(--spacing) * 1);} .right-4 {right: calc(var(--spacing) * 4);} .right-20 {right: calc(var(--spacing) * 20);} .right-full {right: 100%;} .-bottom-2 {bottom: calc(var(--spacing) * -2);} .-bottom-8 {bottom: calc(var(--spacing) * -8);} .bottom-0 {bottom: calc(var(--spacing) * 0);} .bottom-1 {bottom: calc(var(--spacing) * 1);} .bottom-4 {bottom: calc(var(--spacing) * 4);} .bottom-full {bottom: 100%;} .left-0 {left: calc(var(--spacing) * 0);} .left-1\/2 {left: 50%;} .left-4 {left: calc(var(--spacing) * 4);} .left-full {left: 100%;} .isolate {isolation: isolate;} .-z-10 {z-index: -10;} .z-0 {z-index: 0;} .z-10 {z-index: 10;} .z-20 {z-index: 20;} .z-30 {z-index: 30;} .z-50 {z-index: 50;} .col-span-1 {grid-column: span 1 / span 1;} .col-span-2 {grid-column: span 2 / span 2;} .col-span-3 {grid-column: span 3 / span 3;} .col-span-4 {grid-column: span 4 / span 4;} .col-span-6 {grid-column: span 6 / span 6;} .col-span-12 {grid-column: span 12 / span 12;} .container {width: 100%; @media (width >= 40rem) {max-width: 40rem;} @media (width >= 48rem) {max-width: 48rem;} @media (width >= 64rem) {max-width: 64rem;} @media (width >= 80rem) {max-width: 80rem;} @media (width >= 96rem) {max-width: 96rem;}} .m-2 {margin: calc(var(--spacing) * 2);} .mx-1 {margin-inline: calc(var(--spacing) * 1);} .mx-2 {margin-inline: calc(var(--spacing) * 2);} .mx-3 {margin-inline: calc(var(--spacing) * 3);} .mx-4 {margin-inline: calc(var(--spacing) * 4);} .mx-auto {margin-inline: auto;} .my-1 {margin-block: calc(var(--spacing) * 1);} .my-2 {margin-block: calc(var(--spacing) * 2);} .my-3 {margin-block: calc(var(--spacing) * 3);} .my-4 {margin-block: calc(var(--spacing) * 4);} .my-8 {margin-block: calc(var(--spacing) * 8);} .my-12 {margin-block: calc(var(--spacing) * 12);} .my-16 {margin-block: calc(var(--spacing) * 16);} .prose {color: var(--tw-prose-body); max-width: 65ch; :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.25em; margin-bottom: 1.25em;} :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: var(--tw-prose-lead); font-size: 1.25em; line-height: 1.6; margin-top: 1.2em; margin-bottom: 1.2em;} :where(a):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: var(--tw-prose-links); text-decoration: underline; font-weight: 500;} :where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: var(--tw-prose-bold); font-weight: 600;} :where(a strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: inherit;} :where(blockquote strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: inherit;} :where(thead th strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: inherit;} :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type: decimal; margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em;} :where(ol[type="A"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type: upper-alpha;} :where(ol[type="a"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type: lower-alpha;} :where(ol[type="A" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type: upper-alpha;} :where(ol[type="a" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type: lower-alpha;} :where(ol[type="I"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type: upper-roman;} :where(ol[type="i"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type: lower-roman;} :where(ol[type="I" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type: upper-roman;} :where(ol[type="i" s]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type: lower-roman;} :where(ol[type="1"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type: decimal;} :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {list-style-type: disc; margin-top: 1.25em; margin-bottom: 1.25em; padding-left: 1.625em;} :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {font-weight: 400; color: var(--tw-prose-counters);} :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *))::marker {color: var(--tw-prose-bullets);} :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.25em;} :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {border-color: var(--tw-prose-hr); border-top-width: 1; margin-top: 3em; margin-bottom: 3em;} :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-weight: 500; font-style: italic; color: var(--tw-prose-quotes); border-left-width: .25rem; border-left-color: var(--tw-prose-quote-borders); quotes: "\201c""\201d""\2018""\2019"; margin-top: 1.6em; margin-bottom: 1.6em; padding-left: 1em;} :where(blockquote p:first-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {content: open-quote;} :where(blockquote p:last-of-type):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {content: close-quote;} :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: var(--tw-prose-headings); font-weight: 800; font-size: 2.25em; margin-top: 0; margin-bottom: .8888889em; line-height: 1.1111111;} :where(h1 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-weight: 900; color: inherit;} :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: var(--tw-prose-headings); font-weight: 700; font-size: 1.5em; margin-top: 2em; margin-bottom: 1em; line-height: 1.3333333;} :where(h2 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-weight: 800; color: inherit;} :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: var(--tw-prose-headings); font-weight: 600; font-size: 1.25em; margin-top: 1.6em; margin-bottom: .6em; line-height: 1.6;} :where(h3 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-weight: 700; color: inherit;} :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: var(--tw-prose-headings); font-weight: 600; margin-top: 1.5em; margin-bottom: .5em; line-height: 1.5;} :where(h4 strong):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-weight: 700; color: inherit;} :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 2em; margin-bottom: 2em;} :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {display: block; margin-top: 2em; margin-bottom: 2em;} :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-weight: 500; font-family: inherit; color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px rgb(var(--tw-prose-kbd-shadows) / 10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows) / 10%); font-size: .875em; border-radius: .3125rem; padding-top: .1875em; padding-right: .375em; padding-bottom: .1875em; padding-left: .375em;} :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: var(--tw-prose-code); font-weight: 600; font-size: .875em;} :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {content: "`";} :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {content: "`";} :where(a code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: inherit;} :where(h1 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: inherit;} :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: inherit; font-size: .875em;} :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: inherit; font-size: .9em;} :where(h4 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: inherit;} :where(blockquote code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: inherit;} :where(thead th code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: inherit;} :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); overflow-x: auto; font-weight: 400; font-size: .875em; line-height: 1.7142857; margin-top: 1.7142857em; margin-bottom: 1.7142857em; border-radius: .375rem; padding-top: .8571429em; padding-right: 1.1428571em; padding-bottom: .8571429em; padding-left: 1.1428571em;} :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {background-color: transparent; border-width: 0; border-radius: 0; padding: 0; font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit;} :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::before {content: none;} :where(pre code):not(:where([class~="not-prose"],[class~="not-prose"] *))::after {content: none;} :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {width: 100%; table-layout: auto; text-align: left; margin-top: 2em; margin-bottom: 2em; font-size: .875em; line-height: 1.7142857;} :where(thead):not(:where([class~="not-prose"],[class~="not-prose"] *)) {border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders);} :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: var(--tw-prose-headings); font-weight: 600; vertical-align: bottom; padding-right: .5714286em; padding-bottom: .5714286em; padding-left: .5714286em;} :where(tbody tr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders);} :where(tbody tr:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {border-bottom-width: 0;} :where(tbody td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {vertical-align: baseline;} :where(tfoot):not(:where([class~="not-prose"],[class~="not-prose"] *)) {border-top-width: 1px; border-top-color: var(--tw-prose-th-borders);} :where(tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {vertical-align: top;} :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 0; margin-bottom: 0;} :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {color: var(--tw-prose-captions); font-size: .875em; line-height: 1.4285714; margin-top: .8571429em;} --tw-prose-body: oklch(37.3% .034 259.733); --tw-prose-headings: oklch(21% .034 264.665); --tw-prose-lead: oklch(44.6% .03 256.802); --tw-prose-links: oklch(21% .034 264.665); --tw-prose-bold: oklch(21% .034 264.665); --tw-prose-counters: oklch(55.1% .027 264.364); --tw-prose-bullets: oklch(87.2% .01 258.338); --tw-prose-hr: oklch(92.8% .006 264.531); --tw-prose-quotes: oklch(21% .034 264.665); --tw-prose-quote-borders: oklch(92.8% .006 264.531); --tw-prose-captions: oklch(55.1% .027 264.364); --tw-prose-kbd: oklch(21% .034 264.665); --tw-prose-kbd-shadows: NaN NaN NaN; --tw-prose-code: oklch(21% .034 264.665); --tw-prose-pre-code: oklch(92.8% .006 264.531); --tw-prose-pre-bg: oklch(27.8% .033 256.848); --tw-prose-th-borders: oklch(87.2% .01 258.338); --tw-prose-td-borders: oklch(92.8% .006 264.531); --tw-prose-invert-body: oklch(87.2% .01 258.338); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.7% .022 261.325); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.7% .022 261.325); --tw-prose-invert-bullets: oklch(44.6% .03 256.802); --tw-prose-invert-hr: oklch(37.3% .034 259.733); --tw-prose-invert-quotes: oklch(96.7% .003 264.542); --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733); --tw-prose-invert-captions: oklch(70.7% .022 261.325); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: 255 255 255; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(87.2% .01 258.338); --tw-prose-invert-pre-bg: rgb(0 0 0 / 50%); --tw-prose-invert-th-borders: oklch(44.6% .03 256.802); --tw-prose-invert-td-borders: oklch(37.3% .034 259.733); font-size: 1rem; line-height: 1.75; :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 0; margin-bottom: 0;} :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 2em; margin-bottom: 2em;} :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: .5em; margin-bottom: .5em;} :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-left: .375em;} :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-left: .375em;} :where(.prose > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: .75em; margin-bottom: .75em;} :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.25em;} :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-bottom: 1.25em;} :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.25em;} :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-bottom: 1.25em;} :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: .75em; margin-bottom: .75em;} :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.25em; margin-bottom: 1.25em;} :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: .5em; padding-left: 1.625em;} :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 0;} :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 0;} :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 0;} :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 0;} :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-left: 0;} :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-right: 0;} :where(tbody td,tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-top: .5714286em; padding-right: .5714286em; padding-bottom: .5714286em; padding-left: .5714286em;} :where(tbody td:first-child,tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-left: 0;} :where(tbody td:last-child,tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-right: 0;} :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 2em; margin-bottom: 2em;} :where(.prose > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 0;} :where(.prose > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-bottom: 0;}} .prose-sm {font-size: .875rem; line-height: 1.7142857; :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.1428571em; margin-bottom: 1.1428571em;} :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: 1.2857143em; line-height: 1.5555556; margin-top: .8888889em; margin-bottom: .8888889em;} :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-left: 1.1111111em;} :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: 2.1428571em; margin-top: 0; margin-bottom: .8em; line-height: 1.2;} :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: 1.4285714em; margin-top: 1.6em; margin-bottom: .8em; line-height: 1.4;} :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: 1.2857143em; margin-top: 1.5555556em; margin-bottom: .4444444em; line-height: 1.5555556;} :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.4285714em; margin-bottom: .5714286em; line-height: 1.4285714;} :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.7142857em; margin-bottom: 1.7142857em;} :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.7142857em; margin-bottom: 1.7142857em;} :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 0; margin-bottom: 0;} :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.7142857em; margin-bottom: 1.7142857em;} :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: .8571429em; border-radius: .3125rem; padding-top: .1428571em; padding-right: .3571429em; padding-bottom: .1428571em; padding-left: .3571429em;} :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: .8571429em;} :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: .9em;} :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: .8888889em;} :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: .8571429em; line-height: 1.6666667; margin-top: 1.6666667em; margin-bottom: 1.6666667em; border-radius: .25rem; padding-top: .6666667em; padding-right: 1em; padding-bottom: .6666667em; padding-left: 1em;} :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.1428571em; margin-bottom: 1.1428571em; padding-left: 1.5714286em;} :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.1428571em; margin-bottom: 1.1428571em; padding-left: 1.5714286em;} :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: .2857143em; margin-bottom: .2857143em;} :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-left: .4285714em;} :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-left: .4285714em;} :where(.prose-sm > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: .5714286em; margin-bottom: .5714286em;} :where(.prose-sm > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.1428571em;} :where(.prose-sm > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-bottom: 1.1428571em;} :where(.prose-sm > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.1428571em;} :where(.prose-sm > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-bottom: 1.1428571em;} :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: .5714286em; margin-bottom: .5714286em;} :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.1428571em; margin-bottom: 1.1428571em;} :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.1428571em;} :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: .2857143em; padding-left: 1.5714286em;} :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 2.8571429em; margin-bottom: 2.8571429em;} :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 0;} :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 0;} :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 0;} :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 0;} :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: .8571429em; line-height: 1.5;} :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-right: 1em; padding-bottom: .6666667em; padding-left: 1em;} :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-left: 0;} :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-right: 0;} :where(tbody td,tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-top: .6666667em; padding-right: 1em; padding-bottom: .6666667em; padding-left: 1em;} :where(tbody td:first-child,tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-left: 0;} :where(tbody td:last-child,tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-right: 0;} :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.7142857em; margin-bottom: 1.7142857em;} :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 0; margin-bottom: 0;} :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: .8571429em; line-height: 1.3333333; margin-top: .6666667em;} :where(.prose-sm > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 0;} :where(.prose-sm > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-bottom: 0;}} .-mt-14 {margin-top: calc(var(--spacing) * -14);} .mt-0 {margin-top: calc(var(--spacing) * 0);} .mt-0\.5 {margin-top: calc(var(--spacing) * .5);} .mt-0\.5\! {margin-top: calc(var(--spacing) * .5) !important;} .mt-0\.75 {margin-top: calc(var(--spacing) * .75);} .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-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-14 {margin-top: calc(var(--spacing) * 14);} .mt-16 {margin-top: calc(var(--spacing) * 16);} .mt-20 {margin-top: calc(var(--spacing) * 20);} .mt-32 {margin-top: calc(var(--spacing) * 32);} .mt-\[0\.165rem\] {margin-top: .165rem;} .mr-2 {margin-right: calc(var(--spacing) * 2);} .mr-4 {margin-right: calc(var(--spacing) * 4);} .-mb-0\.5 {margin-bottom: calc(var(--spacing) * -.5);} .mb-1 {margin-bottom: calc(var(--spacing) * 1);} .mb-3 {margin-bottom: calc(var(--spacing) * 3);} .mb-4 {margin-bottom: calc(var(--spacing) * 4);} .mb-6 {margin-bottom: calc(var(--spacing) * 6);} .mb-8 {margin-bottom: calc(var(--spacing) * 8);} .mb-12 {margin-bottom: calc(var(--spacing) * 12);} .mb-16 {margin-bottom: calc(var(--spacing) * 16);} .mb-20 {margin-bottom: calc(var(--spacing) * 20);} .-ml-\[50\%\] {margin-left: -50%;} .ml-0\.5 {margin-left: calc(var(--spacing) * .5);} .ml-1 {margin-left: calc(var(--spacing) * 1);} .ml-1\.5 {margin-left: calc(var(--spacing) * 1.5);} .ml-2 {margin-left: calc(var(--spacing) * 2);} .ml-3 {margin-left: calc(var(--spacing) * 3);} .ml-4 {margin-left: calc(var(--spacing) * 4);} .ml-7 {margin-left: calc(var(--spacing) * 7);} .ml-12 {margin-left: calc(var(--spacing) * 12);} .btn {display: inline-flex; padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 1); font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); border-radius: var(--radius-sm); border-style: var(--tw-border-style); border-width: 1px; &:active {--tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); 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)); --tw-duration: .2s; transition-duration: .2s; --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out);}} .line-clamp-1 {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;} .line-clamp-2 {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .block {display: block;} .contents {display: contents;} .flex {display: flex;} .grid {display: grid;} .hidden {display: none;} .inline {display: inline;} .inline-block {display: inline-block;} .inline-flex {display: inline-flex;} .table {display: table;} .size-1 {width: calc(var(--spacing) * 1); height: calc(var(--spacing) * 1);} .size-1\.5 {width: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 1.5);} .size-2 {width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2);} .size-3 {width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3);} .size-4 {width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4);} .size-5 {width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5);} .size-6 {width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6);} .size-7 {width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7);} .size-8 {width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8);} .size-9 {width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9);} .size-10 {width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10);} .size-12 {width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12);} .size-48 {width: calc(var(--spacing) * 48); height: calc(var(--spacing) * 48);} .h-0\.5 {height: calc(var(--spacing) * .5);} .h-1 {height: calc(var(--spacing) * 1);} .h-2 {height: calc(var(--spacing) * 2);} .h-2\/3 {height: 66.66667%;} .h-3 {height: calc(var(--spacing) * 3);} .h-3\/4 {height: 75%;} .h-4 {height: calc(var(--spacing) * 4);} .h-5 {height: calc(var(--spacing) * 5);} .h-6 {height: calc(var(--spacing) * 6);} .h-8 {height: calc(var(--spacing) * 8);} .h-12 {height: calc(var(--spacing) * 12);} .h-16 {height: calc(var(--spacing) * 16);} .h-20 {height: calc(var(--spacing) * 20);} .h-24 {height: calc(var(--spacing) * 24);} .h-28 {height: calc(var(--spacing) * 28);} .h-32 {height: calc(var(--spacing) * 32);} .h-36 {height: calc(var(--spacing) * 36);} .h-40 {height: calc(var(--spacing) * 40);} .h-48 {height: calc(var(--spacing) * 48);} .h-64 {height: calc(var(--spacing) * 64);} .h-80 {height: calc(var(--spacing) * 80);} .h-96 {height: calc(var(--spacing) * 96);} .h-\[1em\] {height: 1em;} .h-\[35vh\] {height: 35vh;} .h-dvh {height: 100dvh;} .h-full {height: 100%;} .h-screen {height: 100vh;} .max-h-60 {max-height: calc(var(--spacing) * 60);} .max-h-72 {max-height: calc(var(--spacing) * 72);} .max-h-96 {max-height: calc(var(--spacing) * 96);} .max-h-screen {max-height: 100vh;} .input {width: 100%; padding-inline: calc(var(--spacing) * 3); padding-block: calc(var(--spacing) * 2); font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); color: var(--color-slate-800); background-color: color-mix(in srgb,#fff 90%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-white) 90%,transparent);} border-style: var(--tw-border-style); border-width: 1px; border-color: var(--color-slate-200); border-radius: var(--radius-md); &:not([readonly]):hover {border-color: var(--color-slate-400); background-color: var(--color-white);} &:focus {background-color: var(--color-white); border-color: var(--color-slate-400); &::placeholder {color: var(--color-slate-500);} --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow); --tw-outline-style: none; outline-style: none; @media (forced-colors: active) {outline: 2px solid transparent; outline-offset: 2px;}}} .w-0 {width: calc(var(--spacing) * 0);} .w-1 {width: calc(var(--spacing) * 1);} .w-1\/2 {width: 50%;} .w-1\/3 {width: 33.33333%;} .w-1\/4 {width: 25%;} .w-2 {width: calc(var(--spacing) * 2);} .w-2\/3 {width: 66.66667%;} .w-3 {width: calc(var(--spacing) * 3);} .w-4 {width: calc(var(--spacing) * 4);} .w-5 {width: calc(var(--spacing) * 5);} .w-6 {width: calc(var(--spacing) * 6);} .w-8 {width: calc(var(--spacing) * 8);} .w-12 {width: calc(var(--spacing) * 12);} .w-14 {width: calc(var(--spacing) * 14);} .w-20 {width: calc(var(--spacing) * 20);} .w-24 {width: calc(var(--spacing) * 24);} .w-28 {width: calc(var(--spacing) * 28);} .w-36 {width: calc(var(--spacing) * 36);} .w-64 {width: calc(var(--spacing) * 64);} .w-72 {width: calc(var(--spacing) * 72);} .w-\[1em\] {width: 1em;} .w-\[17\.1rem\] {width: 17.1rem;} .w-\[100px\] {width: 100px;} .w-\[200\%\] {width: 200%;} .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-6xl {max-width: var(--container-6xl);} .max-w-\[16rem\] {max-width: 16rem;} .max-w-\[33\.3333\%\] {max-width: 33.3333%;} .max-w-lg {max-width: var(--container-lg);} .max-w-md {max-width: var(--container-md);} .max-w-prose {max-width: 65ch;} .max-w-sm {max-width: var(--container-sm);} .max-w-xl {max-width: var(--container-xl);} .max-w-xs {max-width: var(--container-xs);} .min-w-\[8rem\] {min-width: 8rem;} .min-w-\[20rem\] {min-width: 20rem;} .min-w-full {min-width: 100%;} .shrink {flex-shrink: 1;} .shrink-0 {flex-shrink: 0;} .grow {flex-grow: 1;} .grow-1 {flex-grow: 1;} .origin-bottom {transform-origin: bottom;} .origin-top-right {transform-origin: top right;} .-translate-x-1\/2 {--tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y);} .-translate-x-\[32rem\] {--tw-translate-x: -32rem; 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\/2 {--tw-translate-x: 50%; 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-y-2 {--tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y);} .-translate-y-px {--tw-translate-y: -1px; translate: var(--tw-translate-x) var(--tw-translate-y);} .translate-y-0 {--tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);} .translate-y-0\.5 {--tw-translate-y: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y);} .translate-y-1 {--tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y);} .translate-y-2 {--tw-translate-y: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y);} .translate-y-4 {--tw-translate-y: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y);} .translate-y-\[0\.30rem\] {--tw-translate-y: .3rem; translate: var(--tw-translate-x) var(--tw-translate-y);} .translate-y-px {--tw-translate-y: 1px; translate: var(--tw-translate-x) var(--tw-translate-y);} .scale-110 {--tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y);} .scale-125 {--tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y);} .-rotate-3 {rotate: -3deg;} .-rotate-6 {rotate: -6deg;} .-rotate-12 {rotate: -12deg;} .rotate-6 {rotate: 6deg;} .rotate-12 {rotate: 12deg;} .rotate-90 {rotate: 90deg;} .\[transform\:rotateX\(75deg\)\] {transform: rotateX(75deg);} .transform {transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);} .star {fill: transparent; animation: sparkle 4s infinite;} .star\! {fill: transparent !important; animation: sparkle 4s infinite !important;} .animate-heartbeat {animation: var(--animate-heartbeat);} .animate-ping {animation: var(--animate-ping);} .animate-pulse {animation: var(--animate-pulse);} .cursor-default {cursor: default;} .cursor-ew-resize {cursor: ew-resize;} .cursor-pointer {cursor: pointer;} .touch-none {touch-action: none;} .resize {resize: both;} .resize-none {resize: none;} .scroll-mt-6 {scroll-margin-top: calc(var(--spacing) * 6);} .scroll-pt-14 {scroll-padding-top: calc(var(--spacing) * 14);} .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-4 {grid-template-columns: repeat(4,minmax(0,1fr));} .grid-cols-6 {grid-template-columns: repeat(6,minmax(0,1fr));} .grid-cols-7 {grid-template-columns: repeat(7,minmax(0,1fr));} .grid-cols-12 {grid-template-columns: repeat(12,minmax(0,1fr));} .grid-cols-\[100px_1fr\] {grid-template-columns: 100px 1fr;} .grid-cols-subgrid {grid-template-columns: subgrid;} .flex-col {flex-direction: column;} .flex-col-reverse {flex-direction: column-reverse;} .flex-row {flex-direction: row;} .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-evenly {justify-content: space-evenly;} .justify-start {justify-content: flex-start;} .gap-0\.5 {gap: calc(var(--spacing) * .5);} .gap-0\.75 {gap: calc(var(--spacing) * .75);} .gap-1 {gap: calc(var(--spacing) * 1);} .gap-1\.5 {gap: calc(var(--spacing) * 1.5);} .gap-2 {gap: calc(var(--spacing) * 2);} .gap-2\.5 {gap: calc(var(--spacing) * 2.5);} .gap-3 {gap: calc(var(--spacing) * 3);} .gap-4 {gap: calc(var(--spacing) * 4);} .gap-5 {gap: calc(var(--spacing) * 5);} .gap-6 {gap: calc(var(--spacing) * 6);} .gap-8 {gap: calc(var(--spacing) * 8);} .gap-10 {gap: calc(var(--spacing) * 10);} .gap-x-0\.5 {column-gap: calc(var(--spacing) * .5);} .gap-x-1 {column-gap: calc(var(--spacing) * 1);} .gap-x-1\.5 {column-gap: calc(var(--spacing) * 1.5);} .gap-x-2 {column-gap: calc(var(--spacing) * 2);} .gap-x-2\.5 {column-gap: calc(var(--spacing) * 2.5);} .gap-x-3 {column-gap: calc(var(--spacing) * 3);} .gap-x-4 {column-gap: calc(var(--spacing) * 4);} .gap-x-5 {column-gap: calc(var(--spacing) * 5);} .gap-x-6 {column-gap: calc(var(--spacing) * 6);} .gap-x-8 {column-gap: calc(var(--spacing) * 8);} .-space-x-1\.5 {:where(& > :not(:last-child)) {--tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)));}} .gap-y-1\.5 {row-gap: calc(var(--spacing) * 1.5);} .gap-y-2 {row-gap: calc(var(--spacing) * 2);} .gap-y-3 {row-gap: calc(var(--spacing) * 3);} .gap-y-4 {row-gap: calc(var(--spacing) * 4);} .gap-y-6 {row-gap: calc(var(--spacing) * 6);} .gap-y-12 {row-gap: calc(var(--spacing) * 12);} .divide-x {:where(& > :not(:last-child)) {--tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));}} .divide-y {:where(& > :not(:last-child)) {--tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));}} .divide-y-50 {:where(& > :not(:last-child)) {--tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(50px * var(--tw-divide-y-reverse)); border-bottom-width: calc(50px * calc(1 - var(--tw-divide-y-reverse)));}} .divide-y-100 {:where(& > :not(:last-child)) {--tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(100px * var(--tw-divide-y-reverse)); border-bottom-width: calc(100px * calc(1 - var(--tw-divide-y-reverse)));}} .divide-gray-100 {:where(& > :not(:last-child)) {border-color: var(--color-gray-100);}} .divide-gray-700 {:where(& > :not(:last-child)) {border-color: var(--color-gray-700);}} .divide-slate-200\/60 {:where(& > :not(:last-child)) {border-color: color-mix(in srgb,oklch(92.9% .013 255.508) 60%,transparent); @supports (color: color-mix(in lab,red,red)) {border-color: color-mix(in oklab,var(--color-slate-200) 60%,transparent);}}} .divide-slate-300\/50 {:where(& > :not(:last-child)) {border-color: color-mix(in srgb,oklch(86.9% .022 252.894) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {border-color: color-mix(in oklab,var(--color-slate-300) 50%,transparent);}}} .self-end {align-self: flex-end;} .self-start {align-self: flex-start;} .truncate {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .overflow-clip {overflow: clip;} .overflow-hidden {overflow: hidden;} .overflow-x-auto {overflow-x: auto;} .overflow-x-hidden {overflow-x: hidden;} .overflow-y-auto {overflow-y: auto;} .scroll-smooth {scroll-behavior: smooth;} .rounded {border-radius: .25rem;} .rounded-2xl {border-radius: var(--radius-2xl);} .rounded-\[calc\(0\.75rem-0\.375rem\)\] {border-radius: 0.375rem;} .rounded-full {border-radius: Infinitypx;} .rounded-full {border-radius: 9999px;} .rounded-lg {border-radius: var(--radius-lg);} .rounded-md {border-radius: var(--radius-md);} .rounded-sm {border-radius: var(--radius-sm);} .rounded-xl {border-radius: var(--radius-xl);} .rounded-xs {border-radius: var(--radius-xs);} .rounded-t-full {border-top-left-radius: Infinitypx; border-top-right-radius: Infinitypx;} .rounded-t-md {border-top-left-radius: var(--radius-md); border-top-right-radius: var(--radius-md);} .rounded-tl-full {border-top-left-radius: Infinitypx;} .rounded-r-lg {border-top-right-radius: var(--radius-lg); border-bottom-right-radius: var(--radius-lg);} .rounded-r-sm {border-top-right-radius: var(--radius-sm); border-bottom-right-radius: var(--radius-sm);} .rounded-tr {border-top-right-radius: .25rem;} .rounded-tr-full {border-top-right-radius: Infinitypx;} .rounded-br-full {border-bottom-right-radius: Infinitypx;} .rounded-bl {border-bottom-left-radius: .25rem;} .border {border-style: var(--tw-border-style); border-width: 1px;} .border-0 {border-style: var(--tw-border-style); border-width: 0px;} .border-2 {border-style: var(--tw-border-style); border-width: 2px;} .border-t {border-top-style: var(--tw-border-style); border-top-width: 1px;} .border-t-\[2\.5px\] {border-top-style: var(--tw-border-style); border-top-width: 2.5px;} .border-r {border-right-style: var(--tw-border-style); border-right-width: 1px;} .border-b {border-bottom-style: var(--tw-border-style); border-bottom-width: 1px;} .border-b-2 {border-bottom-style: var(--tw-border-style); border-bottom-width: 2px;} .border-l {border-left-style: var(--tw-border-style); border-left-width: 1px;} .border-dashed {--tw-border-style: dashed; border-style: dashed;} .border-none {--tw-border-style: none; border-style: none;} .border-\[\#1877f2\] {border-color: #1877f2;} .border-amber-100 {border-color: var(--color-amber-100);} .border-blue-500 {border-color: var(--color-blue-500);} .border-cyan-500 {border-color: var(--color-cyan-500);} .border-gray-50 {border-color: var(--color-gray-50);} .border-gray-100 {border-color: var(--color-gray-100);} .border-gray-200 {border-color: var(--color-gray-200);} .border-gray-200\/50 {border-color: color-mix(in srgb,oklch(92.8% .006 264.531) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {border-color: color-mix(in oklab,var(--color-gray-200) 50%,transparent);}} .border-gray-300 {border-color: var(--color-gray-300);} .border-gray-500 {border-color: var(--color-gray-500);} .border-gray-600\/70 {border-color: color-mix(in srgb,oklch(44.6% .03 256.802) 70%,transparent); @supports (color: color-mix(in lab,red,red)) {border-color: color-mix(in oklab,var(--color-gray-600) 70%,transparent);}} .border-gray-700 {border-color: var(--color-gray-700);} .border-gray-800 {border-color: var(--color-gray-800);} .border-indigo-500 {border-color: var(--color-indigo-500);} .border-pink-500 {border-color: var(--color-pink-500);} .border-pink-600 {border-color: var(--color-pink-600);} .border-red-500 {border-color: var(--color-red-500);} .border-red-600 {border-color: var(--color-red-600);} .border-sky-400\/60 {border-color: color-mix(in srgb,oklch(74.6% .16 232.661) 60%,transparent); @supports (color: color-mix(in lab,red,red)) {border-color: color-mix(in oklab,var(--color-sky-400) 60%,transparent);}} .border-sky-500 {border-color: var(--color-sky-500);} .border-sky-600 {border-color: var(--color-sky-600);} .border-slate-100 {border-color: var(--color-slate-100);} .border-slate-200 {border-color: var(--color-slate-200);} .border-slate-200\/50 {border-color: color-mix(in srgb,oklch(92.9% .013 255.508) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {border-color: color-mix(in oklab,var(--color-slate-200) 50%,transparent);}} .border-slate-200\/70 {border-color: color-mix(in srgb,oklch(92.9% .013 255.508) 70%,transparent); @supports (color: color-mix(in lab,red,red)) {border-color: color-mix(in oklab,var(--color-slate-200) 70%,transparent);}} .border-slate-300 {border-color: var(--color-slate-300);} .border-slate-300\/50 {border-color: color-mix(in srgb,oklch(86.9% .022 252.894) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {border-color: color-mix(in oklab,var(--color-slate-300) 50%,transparent);}} .border-slate-300\/60 {border-color: color-mix(in srgb,oklch(86.9% .022 252.894) 60%,transparent); @supports (color: color-mix(in lab,red,red)) {border-color: color-mix(in oklab,var(--color-slate-300) 60%,transparent);}} .border-slate-400\/50 {border-color: color-mix(in srgb,oklch(70.4% .04 256.788) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {border-color: color-mix(in oklab,var(--color-slate-400) 50%,transparent);}} .border-slate-700 {border-color: var(--color-slate-700);} .border-slate-800 {border-color: var(--color-slate-800);} .border-slate-900\/90 {border-color: color-mix(in srgb,oklch(20.8% .042 265.755) 90%,transparent); @supports (color: color-mix(in lab,red,red)) {border-color: color-mix(in oklab,var(--color-slate-900) 90%,transparent);}} .border-slate-950 {border-color: var(--color-slate-950);} .border-slate-950\/50 {border-color: color-mix(in srgb,oklch(12.9% .042 264.695) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {border-color: color-mix(in oklab,var(--color-slate-950) 50%,transparent);}} .border-transparent {border-color: transparent;} .border-white {border-color: var(--color-white);} .border-white\/40 {border-color: color-mix(in srgb,#fff 40%,transparent); @supports (color: color-mix(in lab,red,red)) {border-color: color-mix(in oklab,var(--color-white) 40%,transparent);}} .border-white\/70 {border-color: color-mix(in srgb,#fff 70%,transparent); @supports (color: color-mix(in lab,red,red)) {border-color: color-mix(in oklab,var(--color-white) 70%,transparent);}} .btn--primary {color: var(--color-slate-100); background-color: var(--color-slate-800); &:hover {background-color: var(--color-slate-900);}} .bg-\[\#1877f2\] {background-color: #1877f2;} .bg-\[\#FF4E02\] {background-color: #FF4E02;} .bg-amber-50 {background-color: var(--color-amber-50);} .bg-amber-100 {background-color: var(--color-amber-100);} .bg-black {background-color: var(--color-black);} .bg-black\/10 {background-color: color-mix(in srgb,#000 10%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-black) 10%,transparent);}} .bg-black\/20 {background-color: color-mix(in srgb,#000 20%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-black) 20%,transparent);}} .bg-black\/40 {background-color: color-mix(in srgb,#000 40%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-black) 40%,transparent);}} .bg-blue-50 {background-color: var(--color-blue-50);} .bg-blue-100 {background-color: var(--color-blue-100);} .bg-blue-500 {background-color: var(--color-blue-500);} .bg-blue-600 {background-color: var(--color-blue-600);} .bg-cyan-100\/50 {background-color: color-mix(in srgb,oklch(95.6% .045 203.388) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-cyan-100) 50%,transparent);}} .bg-cyan-500 {background-color: var(--color-cyan-500);} .bg-cyan-600 {background-color: var(--color-cyan-600);} .bg-emerald-100 {background-color: var(--color-emerald-100);} .bg-emerald-200\/50 {background-color: color-mix(in srgb,oklch(90.5% .093 164.15) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-emerald-200) 50%,transparent);}} .bg-emerald-400 {background-color: var(--color-emerald-400);} .bg-emerald-500 {background-color: var(--color-emerald-500);} .bg-emerald-500\/50 {background-color: color-mix(in srgb,oklch(69.6% .17 162.48) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-emerald-500) 50%,transparent);}} .bg-emerald-500\/75 {background-color: color-mix(in srgb,oklch(69.6% .17 162.48) 75%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-emerald-500) 75%,transparent);}} .bg-emerald-500\/100 {background-color: var(--color-emerald-500);} .bg-emerald-600 {background-color: var(--color-emerald-600);} .bg-gray-50 {background-color: var(--color-gray-50);} .bg-gray-100 {background-color: var(--color-gray-100);} .bg-gray-200 {background-color: var(--color-gray-200);} .bg-gray-200\/50 {background-color: color-mix(in srgb,oklch(92.8% .006 264.531) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-gray-200) 50%,transparent);}} .bg-gray-200\/60 {background-color: color-mix(in srgb,oklch(92.8% .006 264.531) 60%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-gray-200) 60%,transparent);}} .bg-gray-300 {background-color: var(--color-gray-300);} .bg-gray-300\/50 {background-color: color-mix(in srgb,oklch(87.2% .01 258.338) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-gray-300) 50%,transparent);}} .bg-gray-500 {background-color: var(--color-gray-500);} .bg-gray-600 {background-color: var(--color-gray-600);} .bg-gray-700 {background-color: var(--color-gray-700);} .bg-gray-800 {background-color: var(--color-gray-800);} .bg-gray-900 {background-color: var(--color-gray-900);} .bg-gray-900\/30 {background-color: color-mix(in srgb,oklch(21% .034 264.665) 30%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-gray-900) 30%,transparent);}} .bg-green-100 {background-color: var(--color-green-100);} .bg-green-500 {background-color: var(--color-green-500);} .bg-green-600 {background-color: var(--color-green-600);} .bg-indigo-50 {background-color: var(--color-indigo-50);} .bg-indigo-100 {background-color: var(--color-indigo-100);} .bg-indigo-400 {background-color: var(--color-indigo-400);} .bg-indigo-500 {background-color: var(--color-indigo-500);} .bg-indigo-600 {background-color: var(--color-indigo-600);} .bg-indigo-950 {background-color: var(--color-indigo-950);} .bg-orange-100 {background-color: var(--color-orange-100);} .bg-pink-100 {background-color: var(--color-pink-100);} .bg-pink-200 {background-color: var(--color-pink-200);} .bg-pink-500 {background-color: var(--color-pink-500);} .bg-red-100 {background-color: var(--color-red-100);} .bg-red-500 {background-color: var(--color-red-500);} .bg-red-600 {background-color: var(--color-red-600);} .bg-sky-100 {background-color: var(--color-sky-100);} .bg-sky-400 {background-color: var(--color-sky-400);} .bg-sky-500 {background-color: var(--color-sky-500);} .bg-slate-50 {background-color: var(--color-slate-50);} .bg-slate-100 {background-color: var(--color-slate-100);} .bg-slate-200 {background-color: var(--color-slate-200);} .bg-slate-200\/60 {background-color: color-mix(in srgb,oklch(92.9% .013 255.508) 60%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-slate-200) 60%,transparent);}} .bg-slate-300 {background-color: var(--color-slate-300);} .bg-slate-900 {background-color: var(--color-slate-900);} .bg-slate-950\/90 {background-color: color-mix(in srgb,oklch(12.9% .042 264.695) 90%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-slate-950) 90%,transparent);}} .bg-transparent {background-color: transparent;} .bg-white {background-color: var(--color-white);} .bg-white\/20 {background-color: color-mix(in srgb,#fff 20%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-white) 20%,transparent);}} .bg-white\/30 {background-color: color-mix(in srgb,#fff 30%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-white) 30%,transparent);}} .bg-white\/40 {background-color: color-mix(in srgb,#fff 40%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-white) 40%,transparent);}} .bg-white\/50 {background-color: color-mix(in srgb,#fff 50%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-white) 50%,transparent);}} .bg-white\/60 {background-color: color-mix(in srgb,#fff 60%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-white) 60%,transparent);}} .bg-white\/70 {background-color: color-mix(in srgb,#fff 70%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-white) 70%,transparent);}} .bg-white\/80 {background-color: color-mix(in srgb,#fff 80%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-white) 80%,transparent);}} .bg-yellow-500 {background-color: var(--color-yellow-500);} .bg-gradient-to-b {--tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops));} .bg-gradient-to-bl {--tw-gradient-position: to bottom left in oklab; background-image: linear-gradient(var(--tw-gradient-stops));} .bg-gradient-to-br {--tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops));} .bg-gradient-to-l {--tw-gradient-position: to left in oklab; background-image: linear-gradient(var(--tw-gradient-stops));} .bg-gradient-to-r {--tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops));} .bg-gradient-to-t {--tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops));} .bg-gradient-to-tl {--tw-gradient-position: to top left in oklab; background-image: linear-gradient(var(--tw-gradient-stops));} .bg-gradient-to-tr {--tw-gradient-position: to top right in oklab; background-image: linear-gradient(var(--tw-gradient-stops));} .bg-\[linear-gradient\(0deg\,var\(--grid-color\)_1px\,transparent_1px\)\] {background-image: linear-gradient(0deg,var(--grid-color) 1px,transparent 1px);} .bg-\[linear-gradient\(45deg\,var\(--grid-color\)_2px\,transparent_2px\)\,linear-gradient\(-45deg\,var\(--grid-color\)_2px\,transparent_2px\)\] {background-image: linear-gradient(45deg,var(--grid-color) 2px,transparent 2px),linear-gradient(-45deg,var(--grid-color) 2px,transparent 2px);} .bg-\[linear-gradient\(45deg\,var\(--grid-color\)_12\%\,transparent_12\%\,transparent_88\%\,var\(--grid-color\)_88\%\)\,linear-gradient\(-45deg\,var\(--grid-color\)_12\%\,transparent_12\%\,transparent_88\%\,var\(--grid-color\)_88\%\)\,linear-gradient\(45deg\,var\(--grid-color\)_12\%\,transparent_12\%\,transparent_88\%\,var\(--grid-color\)_88\%\)\,linear-gradient\(-45deg\,var\(--grid-color\)_12\%\,transparent_12\%\,transparent_88\%\,var\(--grid-color\)_88\%\)\] {background-image: linear-gradient(45deg,var(--grid-color) 12%,transparent 12%,transparent 88%,var(--grid-color) 88%),linear-gradient(-45deg,var(--grid-color) 12%,transparent 12%,transparent 88%,var(--grid-color) 88%),linear-gradient(45deg,var(--grid-color) 12%,transparent 12%,transparent 88%,var(--grid-color) 88%),linear-gradient(-45deg,var(--grid-color) 12%,transparent 12%,transparent 88%,var(--grid-color) 88%);} .bg-\[linear-gradient\(45deg\,var\(--grid-color\)_25\%\,transparent_25\%\,transparent_50\%\,var\(--grid-color\)_50\%\,var\(--grid-color\)_75\%\,transparent_75\%\,transparent_100\%\)\] {background-image: linear-gradient(45deg,var(--grid-color) 25%,transparent 25%,transparent 50%,var(--grid-color) 50%,var(--grid-color) 75%,transparent 75%,transparent 100%);} .bg-\[linear-gradient\(45deg\,var\(--grid-color\)_25\%\,transparent_25\%\,transparent_75\%\,var\(--grid-color\)_75\%\,var\(--grid-color\)\)\,linear-gradient\(-45deg\,var\(--grid-color\)_25\%\,transparent_25\%\,transparent_75\%\,var\(--grid-color\)_75\%\,var\(--grid-color\)\)\] {background-image: linear-gradient(45deg,var(--grid-color) 25%,transparent 25%,transparent 75%,var(--grid-color) 75%,var(--grid-color)),linear-gradient(-45deg,var(--grid-color) 25%,transparent 25%,transparent 75%,var(--grid-color) 75%,var(--grid-color));} .bg-\[linear-gradient\(45deg\,var\(--grid-color\)_25\%\,transparent_25\%\,transparent_75\%\,var\(--grid-color\)_75\%\,var\(--grid-color\)\)\,linear-gradient\(45deg\,var\(--grid-color\)_25\%\,transparent_25\%\,transparent_75\%\,var\(--grid-color\)_75\%\,var\(--grid-color\)\)\] {background-image: linear-gradient(45deg,var(--grid-color) 25%,transparent 25%,transparent 75%,var(--grid-color) 75%,var(--grid-color)),linear-gradient(45deg,var(--grid-color) 25%,transparent 25%,transparent 75%,var(--grid-color) 75%,var(--grid-color));} .bg-\[linear-gradient\(45deg\,var\(--grid-color\)_50\%\,transparent_50\%\)\,linear-gradient\(-45deg\,var\(--grid-color\)_50\%\,transparent_50\%\)\] {background-image: linear-gradient(45deg,var(--grid-color) 50%,transparent 50%),linear-gradient(-45deg,var(--grid-color) 50%,transparent 50%);} .bg-\[linear-gradient\(45deg\,var\(--grid-color\)_50\%\,transparent_50\%\)\] {background-image: linear-gradient(45deg,var(--grid-color) 50%,transparent 50%);} .bg-\[linear-gradient\(60deg\,var\(--grid-color\)_25\%\,transparent_25\%\,transparent_75\%\,var\(--grid-color\)_75\%\,var\(--grid-color\)\)\,linear-gradient\(120deg\,var\(--grid-color\)_25\%\,transparent_25\%\,transparent_75\%\,var\(--grid-color\)_75\%\,var\(--grid-color\)\)\] {background-image: linear-gradient(60deg,var(--grid-color) 25%,transparent 25%,transparent 75%,var(--grid-color) 75%,var(--grid-color)),linear-gradient(120deg,var(--grid-color) 25%,transparent 25%,transparent 75%,var(--grid-color) 75%,var(--grid-color));} .bg-\[linear-gradient\(90deg\,transparent_50\%\,var\(--grid-color\)_50\%\)\,linear-gradient\(transparent_50\%\,var\(--grid-color\)_50\%\)\] {background-image: linear-gradient(90deg,transparent 50%,var(--grid-color) 50%),linear-gradient(transparent 50%,var(--grid-color) 50%);} .bg-\[linear-gradient\(90deg\,var\(--grid-color\)_1px\,transparent_1px\)\] {background-image: linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);} .bg-\[linear-gradient\(180deg\,\#1e1b4b_0\%\,\#06b6d4_40\%\,\#ffffff_49\%\,\#ffffff_51\%\,\#1e1b4b_51\%\,\#ec4899_100\%\)\] {background-image: linear-gradient(180deg,#1e1b4b 0%,#06b6d4 40%,#ffffff 49%,#ffffff 51%,#1e1b4b 51%,#ec4899 100%);} .bg-\[linear-gradient\(to_right\,var\(--grid-color\)\,transparent_1px\)\,linear-gradient\(to_bottom\,var\(--grid-color\)\,transparent_1px\)\] {background-image: linear-gradient(to right,var(--grid-color),transparent 1px),linear-gradient(to bottom,var(--grid-color),transparent 1px);} .bg-\[linear-gradient\(to_right\,var\(--grid-color\)_1px\,transparent_1px\)\,linear-gradient\(to_bottom\,var\(--grid-color\)_1px\,transparent_1px\)\] {background-image: linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);} .bg-\[radial-gradient\(circle_at_center\,var\(--grid-color\)_0\,var\(--grid-color\)_8px\,transparent_8px\)\,radial-gradient\(circle_at_center\,var\(--grid-color\)_0\,var\(--grid-color\)_8px\,transparent_8px\)\] {background-image: radial-gradient(circle at center,var(--grid-color) 0,var(--grid-color) 8px,transparent 8px),radial-gradient(circle at center,var(--grid-color) 0,var(--grid-color) 8px,transparent 8px);} .bg-\[radial-gradient\(var\(--grid-color\)_1px\,transparent_2px\)\] {background-image: radial-gradient(var(--grid-color) 1px,transparent 2px);} .from-amber-400 {--tw-gradient-from: var(--color-amber-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-amber-500 {--tw-gradient-from: var(--color-amber-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-blue-500 {--tw-gradient-from: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-blue-600 {--tw-gradient-from: var(--color-blue-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-blue-900 {--tw-gradient-from: var(--color-blue-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-blue-950 {--tw-gradient-from: var(--color-blue-950); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-cyan-50 {--tw-gradient-from: var(--color-cyan-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-cyan-400 {--tw-gradient-from: var(--color-cyan-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-cyan-500 {--tw-gradient-from: var(--color-cyan-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-cyan-600 {--tw-gradient-from: var(--color-cyan-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-gray-100 {--tw-gradient-from: var(--color-gray-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-gray-900 {--tw-gradient-from: var(--color-gray-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));} .from-green-400 {--tw-gradient-from: var(--color-green-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-green-900 {--tw-gradient-from: var(--color-green-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));} .from-indigo-500 {--tw-gradient-from: var(--color-indigo-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-indigo-600 {--tw-gradient-from: var(--color-indigo-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-indigo-800 {--tw-gradient-from: var(--color-indigo-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-indigo-900 {--tw-gradient-from: var(--color-indigo-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-orange-400 {--tw-gradient-from: var(--color-orange-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-orange-600 {--tw-gradient-from: var(--color-orange-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-pink-500 {--tw-gradient-from: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-purple-500 {--tw-gradient-from: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-red-500 {--tw-gradient-from: var(--color-red-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-red-600 {--tw-gradient-from: var(--color-red-600); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-red-800 {--tw-gradient-from: var(--color-red-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-sky-50 {--tw-gradient-from: var(--color-sky-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-sky-100 {--tw-gradient-from: var(--color-sky-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-sky-300\/70 {--tw-gradient-from: color-mix(in srgb,oklch(82.8% .111 230.318) 70%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-gradient-from: color-mix(in oklab,var(--color-sky-300) 70%,transparent);} --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-sky-500 {--tw-gradient-from: var(--color-sky-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-sky-600 {--tw-gradient-from: var(--color-sky-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-slate-50 {--tw-gradient-from: var(--color-slate-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-slate-100 {--tw-gradient-from: var(--color-slate-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-slate-500 {--tw-gradient-from: var(--color-slate-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-slate-700 {--tw-gradient-from: var(--color-slate-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));} .from-slate-900 {--tw-gradient-from: var(--color-slate-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-transparent {--tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-white {--tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-white\/20 {--tw-gradient-from: color-mix(in srgb,#fff 20%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-gradient-from: color-mix(in oklab,var(--color-white) 20%,transparent);} --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-white\/80 {--tw-gradient-from: color-mix(in srgb,#fff 80%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-gradient-from: color-mix(in oklab,var(--color-white) 80%,transparent);} --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-yellow-100 {--tw-gradient-from: var(--color-yellow-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-yellow-200 {--tw-gradient-from: var(--color-yellow-200); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .from-yellow-400 {--tw-gradient-from: var(--color-yellow-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .via-blue-600 {--tw-gradient-via: var(--color-blue-600); --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops);} .via-blue-800 {--tw-gradient-via: var(--color-blue-800); --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops);} .via-gray-500 {--tw-gradient-via: var(--color-gray-500); --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops);} .via-green-600 {--tw-gradient-via: var(--color-green-600); --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops);} .via-indigo-500 {--tw-gradient-via: var(--color-indigo-500); --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops);} .via-indigo-700 {--tw-gradient-via: var(--color-indigo-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);} .via-orange-600 {--tw-gradient-via: var(--color-orange-600); --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops);} .via-purple-400 {--tw-gradient-via: var(--color-purple-400); --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops);} .via-red-500 {--tw-gradient-via: var(--color-red-500); --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops);} .via-white\/20 {--tw-gradient-via: color-mix(in srgb,#fff 20%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-gradient-via: color-mix(in oklab,var(--color-white) 20%,transparent);} --tw-gradient-via-stops: var(--tw-gradient-position),var(--tw-gradient-from) var(--tw-gradient-from-position),var(--tw-gradient-via) var(--tw-gradient-via-position),var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops);} .to-amber-50 {--tw-gradient-to: var(--color-amber-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-amber-400 {--tw-gradient-to: var(--color-amber-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-blue-300 {--tw-gradient-to: var(--color-blue-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-blue-400 {--tw-gradient-to: var(--color-blue-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-blue-500 {--tw-gradient-to: var(--color-blue-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-cyan-400 {--tw-gradient-to: var(--color-cyan-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-cyan-400\/60 {--tw-gradient-to: color-mix(in srgb,oklch(78.9% .154 211.53) 60%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-gradient-to: color-mix(in oklab,var(--color-cyan-400) 60%,transparent);} --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-cyan-500 {--tw-gradient-to: var(--color-cyan-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-gray-50 {--tw-gradient-to: var(--color-gray-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-gray-100 {--tw-gradient-to: var(--color-gray-100); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-gray-300 {--tw-gradient-to: var(--color-gray-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-indigo-500 {--tw-gradient-to: var(--color-indigo-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-indigo-800 {--tw-gradient-to: var(--color-indigo-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-lime-400 {--tw-gradient-to: var(--color-lime-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-orange-300 {--tw-gradient-to: var(--color-orange-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-orange-400 {--tw-gradient-to: var(--color-orange-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-orange-500 {--tw-gradient-to: var(--color-orange-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-pink-400 {--tw-gradient-to: var(--color-pink-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-pink-500 {--tw-gradient-to: var(--color-pink-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-pink-700 {--tw-gradient-to: var(--color-pink-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-purple-400 {--tw-gradient-to: var(--color-purple-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-purple-500 {--tw-gradient-to: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-purple-700 {--tw-gradient-to: var(--color-purple-700); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-red-500 {--tw-gradient-to: var(--color-red-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-sky-300\/40 {--tw-gradient-to: color-mix(in srgb,oklch(82.8% .111 230.318) 40%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-gradient-to: color-mix(in oklab,var(--color-sky-300) 40%,transparent);} --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-sky-500 {--tw-gradient-to: var(--color-sky-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-slate-50 {--tw-gradient-to: var(--color-slate-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-slate-300 {--tw-gradient-to: var(--color-slate-300); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-slate-700 {--tw-gradient-to: var(--color-slate-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-slate-800 {--tw-gradient-to: var(--color-slate-800); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-slate-900 {--tw-gradient-to: var(--color-slate-900); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-teal-400 {--tw-gradient-to: var(--color-teal-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-white {--tw-gradient-to: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-white\/40 {--tw-gradient-to: color-mix(in srgb,#fff 40%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-gradient-to: color-mix(in oklab,var(--color-white) 40%,transparent);} --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-yellow-50 {--tw-gradient-to: var(--color-yellow-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-yellow-400 {--tw-gradient-to: var(--color-yellow-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));} .to-yellow-500 {--tw-gradient-to: var(--color-yellow-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));} .animate-highlight {&:hover {mask-image: linear-gradient(45deg,#000 25%,rgba(0,0,0,.6) 50%,#000 75%); mask-size: 600%; mask-position: 0; transition: mask-position 2s ease; mask-position: 120%;}} .bg-\[length\:var\(--grid-size\)_var\(--grid-size\)\] {background-size: var(--grid-size) var(--grid-size);} .bg-\[size\:10px_100\%\] {background-size: 10px 100%;} .bg-\[size\:16px_16px\] {background-size: 16px 16px;} .bg-\[size\:20px_20px\] {background-size: 20px 20px;} .bg-\[size\:24px_24px\] {background-size: 24px 24px;} .bg-\[size\:30px_30px\,30px_30px\] {background-size: 30px 30px,30px 30px;} .bg-\[size\:40px_40px\] {background-size: 40px 40px;} .bg-\[size\:40px_69\.28px\] {background-size: 40px 69.28px;} .bg-\[size\:50px_50px\] {background-size: 50px 50px;} .bg-\[size\:100\%_10px\] {background-size: 100% 10px;} .bg-clip-text {background-clip: text;} .bg-\[position\:-1px_-1px\] {background-position: -1px -1px;} .bg-\[position\:0_0\,0_0\,20px_20px\,20px_20px\] {background-position: 0 0,0 0,20px 20px,20px 20px;} .bg-\[position\:0_0\,10px_10px\] {background-position: 0 0,10px 10px;} .bg-\[position\:0_0\,15px_15px\] {background-position: 0 0,15px 15px;} .\[mask-type\:luminance\] {mask-type: luminance;} .object-cover {object-fit: cover;} .p-0 {padding: calc(var(--spacing) * 0);} .p-0\.5 {padding: calc(var(--spacing) * .5);} .p-1 {padding: calc(var(--spacing) * 1);} .p-1\.5 {padding: calc(var(--spacing) * 1.5);} .p-2 {padding: calc(var(--spacing) * 2);} .p-3 {padding: calc(var(--spacing) * 3);} .p-4 {padding: calc(var(--spacing) * 4);} .p-5 {padding: calc(var(--spacing) * 5);} .p-8 {padding: calc(var(--spacing) * 8);} .p-px {padding: 1px;} .px-0\.5 {padding-inline: calc(var(--spacing) * .5);} .px-1 {padding-inline: calc(var(--spacing) * 1);} .px-2 {padding-inline: calc(var(--spacing) * 2);} .px-2\.5 {padding-inline: calc(var(--spacing) * 2.5);} .px-3 {padding-inline: calc(var(--spacing) * 3);} .px-4 {padding-inline: calc(var(--spacing) * 4);} .px-5 {padding-inline: calc(var(--spacing) * 5);} .px-6 {padding-inline: calc(var(--spacing) * 6);} .px-12 {padding-inline: calc(var(--spacing) * 12);} .py-0\.5 {padding-block: calc(var(--spacing) * .5);} .py-0\.25 {padding-block: calc(var(--spacing) * .25);} .py-1 {padding-block: calc(var(--spacing) * 1);} .py-1\.5 {padding-block: calc(var(--spacing) * 1.5);} .py-2 {padding-block: calc(var(--spacing) * 2);} .py-2\.5 {padding-block: calc(var(--spacing) * 2.5);} .py-3 {padding-block: calc(var(--spacing) * 3);} .py-4 {padding-block: calc(var(--spacing) * 4);} .py-5 {padding-block: calc(var(--spacing) * 5);} .py-6 {padding-block: calc(var(--spacing) * 6);} .py-8 {padding-block: calc(var(--spacing) * 8);} .py-10 {padding-block: calc(var(--spacing) * 10);} .py-12 {padding-block: calc(var(--spacing) * 12);} .py-16 {padding-block: calc(var(--spacing) * 16);} .py-24 {padding-block: calc(var(--spacing) * 24);} .py-32 {padding-block: calc(var(--spacing) * 32);} .py-40 {padding-block: calc(var(--spacing) * 40);} .py-px {padding-block: 1px;} .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-6 {padding-top: calc(var(--spacing) * 6);} .pt-8 {padding-top: calc(var(--spacing) * 8);} .pt-12 {padding-top: calc(var(--spacing) * 12);} .pt-40 {padding-top: calc(var(--spacing) * 40);} .pr-2 {padding-right: calc(var(--spacing) * 2);} .pr-6 {padding-right: calc(var(--spacing) * 6);} .pb-1 {padding-bottom: calc(var(--spacing) * 1);} .pb-2 {padding-bottom: calc(var(--spacing) * 2);} .pb-2\.5 {padding-bottom: calc(var(--spacing) * 2.5);} .pb-4 {padding-bottom: calc(var(--spacing) * 4);} .pb-6 {padding-bottom: calc(var(--spacing) * 6);} .pb-8 {padding-bottom: calc(var(--spacing) * 8);} .pb-10 {padding-bottom: calc(var(--spacing) * 10);} .pb-12 {padding-bottom: calc(var(--spacing) * 12);} .pb-20 {padding-bottom: calc(var(--spacing) * 20);} .pb-48 {padding-bottom: calc(var(--spacing) * 48);} .pb-80 {padding-bottom: calc(var(--spacing) * 80);} .pl-1 {padding-left: calc(var(--spacing) * 1);} .pl-2 {padding-left: calc(var(--spacing) * 2);} .pl-3 {padding-left: calc(var(--spacing) * 3);} .pl-3\.5 {padding-left: calc(var(--spacing) * 3.5);} .pl-6 {padding-left: calc(var(--spacing) * 6);} .text-center {text-align: center;} .text-left {text-align: left;} .font-mono {font-family: var(--font-mono);} .font-sans {font-family: var(--font-sans);} .font-serif {font-family: var(--font-serif);} .text-2xl {font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height));} .text-2xl\/6 {font-size: var(--text-2xl); line-height: calc(var(--spacing) * 6);} .text-3xl {font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height));} .text-4xl {font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height));} .text-5xl {font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height));} .text-6xl {font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height));} .text-7xl {font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height));} .text-9xl {font-size: var(--text-9xl); line-height: var(--tw-leading, var(--text-9xl--line-height));} .text-\[0\.625rem\]\/4 {font-size: .625rem; line-height: calc(var(--spacing) * 4);} .text-base {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));} .text-base\/4 {font-size: var(--text-base); line-height: calc(var(--spacing) * 4);} .text-base\/5 {font-size: var(--text-base); line-height: calc(var(--spacing) * 5);} .text-base\/7 {font-size: var(--text-base); line-height: calc(var(--spacing) * 7);} .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-sm\/4 {font-size: var(--text-sm); line-height: calc(var(--spacing) * 4);} .text-xl {font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height));} .text-xl\/5 {font-size: var(--text-xl); line-height: calc(var(--spacing) * 5);} .text-xl\/8 {font-size: var(--text-xl); line-height: calc(var(--spacing) * 8);} .text-xs {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));} .text-xs\/4 {font-size: var(--text-xs); line-height: calc(var(--spacing) * 4);} .text-\[0\.65rem\] {font-size: .65rem;} .text-\[0\.625rem\] {font-size: .625rem;} .text-\[0\.675rem\] {font-size: .675rem;} .text-\[0px\] {font-size: 0px;} .leading-4 {--tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4);} .leading-6 {--tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6);} .leading-8 {--tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8);} .leading-loose {--tw-leading: var(--leading-loose); line-height: var(--leading-loose);} .leading-none {--tw-leading: 1; line-height: 1;} .leading-normal {--tw-leading: var(--leading-normal); line-height: var(--leading-normal);} .leading-tight {--tw-leading: var(--leading-tight); line-height: var(--leading-tight);} .font-black {--tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black);} .font-bold {--tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);} .font-extrabold {--tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold);} .font-light {--tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light);} .font-medium {--tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);} .font-normal {--tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal);} .font-semibold {--tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold);} .tracking-\[0\.05em\] {--tw-tracking: .05em; letter-spacing: .05em;} .tracking-normal {--tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal);} .tracking-tight {--tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight);} .tracking-tighter {--tw-tracking: var(--tracking-tighter); letter-spacing: var(--tracking-tighter);} .tracking-wide {--tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide);} .tracking-wider {--tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider);} .tracking-widest {--tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest);} .text-balance {text-wrap: balance;} .text-pretty {text-wrap: pretty;} .text-wrap {text-wrap: wrap;} .whitespace-nowrap {white-space: nowrap;} .text-\[\#DF3730\] {color: #DF3730;} .text-amber-700 {color: var(--color-amber-700);} .text-amber-800 {color: var(--color-amber-800);} .text-amber-900 {color: var(--color-amber-900);} .text-black {color: var(--color-black);} .text-black\/40 {color: color-mix(in srgb,#000 40%,transparent); @supports (color: color-mix(in lab,red,red)) {color: color-mix(in oklab,var(--color-black) 40%,transparent);}} .text-black\/60 {color: color-mix(in srgb,#000 60%,transparent); @supports (color: color-mix(in lab,red,red)) {color: color-mix(in oklab,var(--color-black) 60%,transparent);}} .text-blue-100 {color: var(--color-blue-100);} .text-blue-500 {color: var(--color-blue-500);} .text-blue-600 {color: var(--color-blue-600);} .text-blue-800 {color: var(--color-blue-800);} .text-blue-900 {color: var(--color-blue-900);} .text-cyan-100 {color: var(--color-cyan-100);} .text-cyan-500 {color: var(--color-cyan-500);} .text-cyan-700 {color: var(--color-cyan-700);} .text-cyan-900\/50 {color: color-mix(in srgb,oklch(39.8% .07 227.392) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {color: color-mix(in oklab,var(--color-cyan-900) 50%,transparent);}} .text-emerald-50 {color: var(--color-emerald-50);} .text-emerald-400 {color: var(--color-emerald-400);} .text-emerald-500 {color: var(--color-emerald-500);} .text-emerald-600 {color: var(--color-emerald-600);} .text-emerald-700 {color: var(--color-emerald-700);} .text-gray-50 {color: var(--color-gray-50);} .text-gray-100 {color: var(--color-gray-100);} .text-gray-200 {color: var(--color-gray-200);} .text-gray-300 {color: var(--color-gray-300);} .text-gray-400 {color: var(--color-gray-400);} .text-gray-500 {color: var(--color-gray-500);} .text-gray-600 {color: var(--color-gray-600);} .text-gray-600\/50 {color: color-mix(in srgb,oklch(44.6% .03 256.802) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {color: color-mix(in oklab,var(--color-gray-600) 50%,transparent);}} .text-gray-700 {color: var(--color-gray-700);} .text-gray-700\/60 {color: color-mix(in srgb,oklch(37.3% .034 259.733) 60%,transparent); @supports (color: color-mix(in lab,red,red)) {color: color-mix(in oklab,var(--color-gray-700) 60%,transparent);}} .text-gray-800 {color: var(--color-gray-800);} .text-gray-900 {color: var(--color-gray-900);} .text-gray-950 {color: var(--color-gray-950);} .text-green-500 {color: var(--color-green-500);} .text-green-600 {color: var(--color-green-600);} .text-green-700 {color: var(--color-green-700);} .text-green-900 {color: var(--color-green-900);} .text-indigo-50 {color: var(--color-indigo-50);} .text-indigo-100 {color: var(--color-indigo-100);} .text-indigo-500 {color: var(--color-indigo-500);} .text-indigo-600 {color: var(--color-indigo-600);} .text-orange-300 {color: var(--color-orange-300);} .text-orange-400 {color: var(--color-orange-400);} .text-orange-500 {color: var(--color-orange-500);} .text-orange-600 {color: var(--color-orange-600);} .text-pink-100 {color: var(--color-pink-100);} .text-pink-900 {color: var(--color-pink-900);} .text-red-50 {color: var(--color-red-50);} .text-red-500 {color: var(--color-red-500);} .text-red-600 {color: var(--color-red-600);} .text-red-700 {color: var(--color-red-700);} .text-red-800 {color: var(--color-red-800);} .text-rose-600 {color: var(--color-rose-600);} .text-sky-50 {color: var(--color-sky-50);} .text-sky-100 {color: var(--color-sky-100);} .text-sky-300 {color: var(--color-sky-300);} .text-sky-500 {color: var(--color-sky-500);} .text-sky-600 {color: var(--color-sky-600);} .text-sky-700 {color: var(--color-sky-700);} .text-sky-900 {color: var(--color-sky-900);} .text-slate-50 {color: var(--color-slate-50);} .text-slate-200 {color: var(--color-slate-200);} .text-slate-300 {color: var(--color-slate-300);} .text-slate-400 {color: var(--color-slate-400);} .text-slate-500 {color: var(--color-slate-500);} .text-slate-600 {color: var(--color-slate-600);} .text-slate-600\/50 {color: color-mix(in srgb,oklch(44.6% .043 257.281) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {color: color-mix(in oklab,var(--color-slate-600) 50%,transparent);}} .text-slate-700 {color: var(--color-slate-700);} .text-slate-800 {color: var(--color-slate-800);} .text-slate-800\/60 {color: color-mix(in srgb,oklch(27.9% .041 260.031) 60%,transparent); @supports (color: color-mix(in lab,red,red)) {color: color-mix(in oklab,var(--color-slate-800) 60%,transparent);}} .text-slate-900 {color: var(--color-slate-900);} .text-slate-900\/80 {color: color-mix(in srgb,oklch(20.8% .042 265.755) 80%,transparent); @supports (color: color-mix(in lab,red,red)) {color: color-mix(in oklab,var(--color-slate-900) 80%,transparent);}} .text-slate-950 {color: var(--color-slate-950);} .text-stone-700 {color: var(--color-stone-700);} .text-transparent {color: transparent;} .text-white {color: var(--color-white);} .text-white\/60 {color: color-mix(in srgb,#fff 60%,transparent); @supports (color: color-mix(in lab,red,red)) {color: color-mix(in oklab,var(--color-white) 60%,transparent);}} .text-yellow-900 {color: var(--color-yellow-900);} .text-yellow-950 {color: var(--color-yellow-950);} .capitalize {text-transform: capitalize;} .lowercase {text-transform: lowercase;} .uppercase {text-transform: uppercase;} .italic {font-style: italic;} .ordinal {--tw-ordinal: ordinal; font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);} .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;} .no-underline {text-decoration-line: none;} .underline {text-decoration-line: underline;} .antialiased {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} .accent-pink-600 {accent-color: var(--color-pink-600);} .opacity-0 {opacity: 0%;} .opacity-20 {opacity: 20%;} .opacity-25 {opacity: 25%;} .opacity-30 {opacity: 30%;} .opacity-40 {opacity: 40%;} .opacity-50 {opacity: 50%;} .opacity-60 {opacity: 60%;} .opacity-70 {opacity: 70%;} .opacity-75 {opacity: 75%;} .opacity-80 {opacity: 80%;} .opacity-100 {opacity: 100%;} .shadow {--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)),0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);} .shadow-inner {--tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / .05)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);} .shadow-lg {--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)),0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);} .shadow-md {--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)),0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);} .shadow-sm {--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)),0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);} .shadow-xl {--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)),0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);} .shadow-xs {--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / .05)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);} .ring {--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);} .ring-1 {--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);} .ring-2 {--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);} .ring-3 {--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);} .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-\[4px\] {--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);} .shadow-indigo-500 {--tw-shadow-color: oklch(58.5% .233 277.117); @supports (color: color-mix(in lab,red,red)) {--tw-shadow-color: color-mix(in oklab,var(--color-indigo-500) var(--tw-shadow-alpha),transparent);}} .ring-\[\#3a8bff\] {--tw-ring-color: #3a8bff;} .ring-amber-200\/60 {--tw-ring-color: color-mix(in srgb,oklch(92.4% .12 95.746) 60%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-amber-200) 60%,transparent);}} .ring-black\/20 {--tw-ring-color: color-mix(in srgb,#000 20%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-black) 20%,transparent);}} .ring-cyan-200\/50 {--tw-ring-color: color-mix(in srgb,oklch(91.7% .08 205.041) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-cyan-200) 50%,transparent);}} .ring-emerald-200 {--tw-ring-color: var(--color-emerald-200);} .ring-gray-100 {--tw-ring-color: var(--color-gray-100);} .ring-gray-100\/50 {--tw-ring-color: color-mix(in srgb,oklch(96.7% .003 264.542) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-gray-100) 50%,transparent);}} .ring-gray-200 {--tw-ring-color: var(--color-gray-200);} .ring-gray-300 {--tw-ring-color: var(--color-gray-300);} .ring-gray-300\/50 {--tw-ring-color: color-mix(in srgb,oklch(87.2% .01 258.338) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-gray-300) 50%,transparent);}} .ring-gray-500\/10 {--tw-ring-color: color-mix(in srgb,oklch(55.1% .027 264.364) 10%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-gray-500) 10%,transparent);}} .ring-gray-500\/40 {--tw-ring-color: color-mix(in srgb,oklch(55.1% .027 264.364) 40%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-gray-500) 40%,transparent);}} .ring-gray-900 {--tw-ring-color: var(--color-gray-900);} .ring-gray-950 {--tw-ring-color: var(--color-gray-950);} .ring-green-200\/60 {--tw-ring-color: color-mix(in srgb,oklch(92.5% .084 155.995) 60%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-green-200) 60%,transparent);}} .ring-indigo-200\/60 {--tw-ring-color: color-mix(in srgb,oklch(87% .065 274.039) 60%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-indigo-200) 60%,transparent);}} .ring-indigo-500\/40 {--tw-ring-color: color-mix(in srgb,oklch(58.5% .233 277.117) 40%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-indigo-500) 40%,transparent);}} .ring-orange-500\/10 {--tw-ring-color: color-mix(in srgb,oklch(70.5% .213 47.604) 10%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-orange-500) 10%,transparent);}} .ring-red-200 {--tw-ring-color: var(--color-red-200);} .ring-red-200\/60 {--tw-ring-color: color-mix(in srgb,oklch(88.5% .062 18.334) 60%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-red-200) 60%,transparent);}} .ring-sky-500 {--tw-ring-color: var(--color-sky-500);} .ring-sky-500\/10 {--tw-ring-color: color-mix(in srgb,oklch(68.5% .169 237.323) 10%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-sky-500) 10%,transparent);}} .ring-sky-500\/40 {--tw-ring-color: color-mix(in srgb,oklch(68.5% .169 237.323) 40%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-sky-500) 40%,transparent);}} .ring-sky-600\/60 {--tw-ring-color: color-mix(in srgb,oklch(58.8% .158 241.966) 60%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-sky-600) 60%,transparent);}} .ring-slate-50 {--tw-ring-color: var(--color-slate-50);} .ring-slate-100 {--tw-ring-color: var(--color-slate-100);} .ring-slate-200 {--tw-ring-color: var(--color-slate-200);} .ring-slate-200\/50 {--tw-ring-color: color-mix(in srgb,oklch(92.9% .013 255.508) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-slate-200) 50%,transparent);}} .ring-slate-200\/60 {--tw-ring-color: color-mix(in srgb,oklch(92.9% .013 255.508) 60%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-slate-200) 60%,transparent);}} .ring-slate-400\/50 {--tw-ring-color: color-mix(in srgb,oklch(70.4% .04 256.788) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-slate-400) 50%,transparent);}} .ring-slate-500 {--tw-ring-color: var(--color-slate-500);} .ring-slate-700 {--tw-ring-color: var(--color-slate-700);} .ring-slate-900 {--tw-ring-color: var(--color-slate-900);} .ring-transparent {--tw-ring-color: transparent;} .ring-white {--tw-ring-color: var(--color-white);} .ring-white\/20 {--tw-ring-color: color-mix(in srgb,#fff 20%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-white) 20%,transparent);}} .ring-white\/30 {--tw-ring-color: color-mix(in srgb,#fff 30%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-white) 30%,transparent);}} .ring-white\/40 {--tw-ring-color: color-mix(in srgb,#fff 40%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-white) 40%,transparent);}} .ring-white\/60 {--tw-ring-color: color-mix(in srgb,#fff 60%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-white) 60%,transparent);}} .ring-white\/70 {--tw-ring-color: color-mix(in srgb,#fff 70%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-white) 70%,transparent);}} .ring-offset-0 {--tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);} .outline-hidden {--tw-outline-style: none; outline-style: none; @media (forced-colors: active) {outline: 2px solid transparent; outline-offset: 2px;}} .outline {outline-style: var(--tw-outline-style); outline-width: 1px;} .outline-1 {outline-style: var(--tw-outline-style); outline-width: 1px;} .outline-offset-0 {outline-offset: 0px;} .outline-gray-100 {outline-color: var(--color-gray-100);} .outline-gray-200\/70 {outline-color: color-mix(in srgb,oklch(92.8% .006 264.531) 70%,transparent); @supports (color: color-mix(in lab,red,red)) {outline-color: color-mix(in oklab,var(--color-gray-200) 70%,transparent);}} .outline-sky-600 {outline-color: var(--color-sky-600);} .blur {--tw-blur: blur(8px); filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);} .blur-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,);} .blur-\[3px\] {--tw-blur: blur(3px); 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,);} .drop-shadow {--tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / .1))) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, rgb(0 0 0 / .06))); --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06)); 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,);} .saturate-150 {--tw-saturate: saturate(150%); 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-\[1px\] {--tw-backdrop-blur: blur(1px); -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-xs {--tw-backdrop-blur: blur(var(--blur-xs)); -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-contrast-125 {--tw-backdrop-contrast: contrast(125%); -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,visibility,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-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));} .delay-75 {transition-delay: 75ms;} .delay-100 {transition-delay: .1s;} .duration-75 {--tw-duration: 75ms; transition-duration: 75ms;} .duration-100 {--tw-duration: .1s; transition-duration: .1s;} .duration-200 {--tw-duration: .2s; transition-duration: .2s;} .duration-300 {--tw-duration: .3s; transition-duration: .3s;} .duration-500 {--tw-duration: .5s; transition-duration: .5s;} .ease-in {--tw-ease: var(--ease-in); transition-timing-function: var(--ease-in);} .ease-in-out {--tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out);} .ease-out {--tw-ease: var(--ease-out); transition-timing-function: var(--ease-out);} .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;} .\[--grid-color\:\#67e8f9\] {--grid-color: #67e8f9;} .\[--grid-size\:80px\] {--grid-size: 80px;} .\[perspective\:1000px\] {perspective: 1000px;} .\[transform-style\:preserve-3d\] {transform-style: preserve-3d;} .ring-inset {--tw-ring-inset: inset;} .\*\:block {:is(& > *) {display: block;}} .\*\:truncate {:is(& > *) {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}} .\*\:px-3 {:is(& > *) {padding-inline: calc(var(--spacing) * 3);}} .\*\:py-1\.5 {:is(& > *) {padding-block: calc(var(--spacing) * 1.5);}} .group-open\:block {&:is(:where(.group):is([open],:popover-open,:open) *) {display: block;}} .group-open\:hidden {&:is(:where(.group):is([open],:popover-open,:open) *) {display: none;}} .group-open\:-rotate-180 {&:is(:where(.group):is([open],:popover-open,:open) *) {rotate: -180deg;}} .group-open\:rotate-90 {&:is(:where(.group):is([open],:popover-open,:open) *) {rotate: 90deg;}} .group-open\:border-sky-500 {&:is(:where(.group):is([open],:popover-open,:open) *) {border-color: var(--color-sky-500);}} .group-open\:bg-sky-50 {&:is(:where(.group):is([open],:popover-open,:open) *) {background-color: var(--color-sky-50);}} .group-open\:text-sky-500 {&:is(:where(.group):is([open],:popover-open,:open) *) {color: var(--color-sky-500);}} .group-open\:text-sky-600 {&:is(:where(.group):is([open],:popover-open,:open) *) {color: var(--color-sky-600);}} .group-open\/details\:scale-105 {&:is(:where(.group\/details):is([open],:popover-open,:open) *) {--tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y);}} .group-open\/details\:rotate-180 {&:is(:where(.group\/details):is([open],:popover-open,:open) *) {rotate: 180deg;}} .group-open\/details\:border-gray-400 {&:is(:where(.group\/details):is([open],:popover-open,:open) *) {border-color: var(--color-gray-400);}} .group-open\/nav\:block {&:is(:where(.group\/nav):is([open],:popover-open,:open) *) {display: block;}} .group-hover\:scale-95 {&:is(:where(.group):hover *) {@media (hover: hover) {--tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y);}}} .group-hover\:scale-110 {&:is(:where(.group):hover *) {@media (hover: hover) {--tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y);}}} .group-hover\:bg-emerald-200\/50 {&:is(:where(.group):hover *) {@media (hover: hover) {background-color: color-mix(in srgb,oklch(90.5% .093 164.15) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-emerald-200) 50%,transparent);}}}} .group-hover\:bg-orange-200\/50 {&:is(:where(.group):hover *) {@media (hover: hover) {background-color: color-mix(in srgb,oklch(90.1% .076 70.697) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-orange-200) 50%,transparent);}}}} .group-hover\:bg-red-200\/50 {&:is(:where(.group):hover *) {@media (hover: hover) {background-color: color-mix(in srgb,oklch(88.5% .062 18.334) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-red-200) 50%,transparent);}}}} .group-hover\:bg-sky-200\/50 {&:is(:where(.group):hover *) {@media (hover: hover) {background-color: color-mix(in srgb,oklch(90.1% .058 230.902) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-sky-200) 50%,transparent);}}}} .group-hover\:text-\[\#38BDF8\] {&:is(:where(.group):hover *) {@media (hover: hover) {color: #38BDF8;}}} .group-hover\:text-\[\#DF3730\] {&:is(:where(.group):hover *) {@media (hover: hover) {color: #DF3730;}}} .group-hover\:text-black {&:is(:where(.group):hover *) {@media (hover: hover) {color: var(--color-black);}}} .group-hover\:text-emerald-600 {&:is(:where(.group):hover *) {@media (hover: hover) {color: var(--color-emerald-600);}}} .group-hover\:text-orange-600 {&:is(:where(.group):hover *) {@media (hover: hover) {color: var(--color-orange-600);}}} .group-hover\:text-red-600 {&:is(:where(.group):hover *) {@media (hover: hover) {color: var(--color-red-600);}}} .group-hover\:text-sky-500 {&:is(:where(.group):hover *) {@media (hover: hover) {color: var(--color-sky-500);}}} .group-hover\:text-sky-600 {&:is(:where(.group):hover *) {@media (hover: hover) {color: var(--color-sky-600);}}} .group-hover\:text-slate-900 {&:is(:where(.group):hover *) {@media (hover: hover) {color: var(--color-slate-900);}}} .group-hover\:text-white {&:is(:where(.group):hover *) {@media (hover: hover) {color: var(--color-white);}}} .group-hover\/badge\:underline {&:is(:where(.group\/badge):hover *) {@media (hover: hover) {text-decoration-line: underline;}}} .group-hover\/button\:-translate-x-0\.5 {&:is(:where(.group\/button):hover *) {@media (hover: hover) {--tw-translate-x: calc(var(--spacing) * -.5); translate: var(--tw-translate-x) var(--tw-translate-y);}}} .group-hover\/button\:translate-y-px {&:is(:where(.group\/button):hover *) {@media (hover: hover) {--tw-translate-y: 1px; translate: var(--tw-translate-x) var(--tw-translate-y);}}} .group-hover\/button\:-rotate-12 {&:is(:where(.group\/button):hover *) {@media (hover: hover) {rotate: -12deg;}}} .group-hover\/button\:text-cyan-950 {&:is(:where(.group\/button):hover *) {@media (hover: hover) {color: var(--color-cyan-950);}}} .group-hover\/details\:scale-105 {&:is(:where(.group\/details):hover *) {@media (hover: hover) {--tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y);}}} .group-hover\/details\:border-gray-400 {&:is(:where(.group\/details):hover *) {@media (hover: hover) {border-color: var(--color-gray-400);}}} .group-hover\/heading\:opacity-100 {&:is(:where(.group\/heading):hover *) {@media (hover: hover) {opacity: 100%;}}} .group-hover\/image\:opacity-100 {&:is(:where(.group\/image):hover *) {@media (hover: hover) {opacity: 100%;}}} .group-hover\/img\:scale-110 {&:is(:where(.group\/img):hover *) {@media (hover: hover) {--tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y);}}} .group-hover\/img\:bg-black\/10 {&:is(:where(.group\/img):hover *) {@media (hover: hover) {background-color: color-mix(in srgb,#000 10%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-black) 10%,transparent);}}}} .group-hover\/img\:bg-white\/10 {&:is(:where(.group\/img):hover *) {@media (hover: hover) {background-color: color-mix(in srgb,#fff 10%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-white) 10%,transparent);}}}} .group-hover\/img\:text-sky-400 {&:is(:where(.group\/img):hover *) {@media (hover: hover) {color: var(--color-sky-400);}}} .group-hover\/item\:scale-105 {&:is(:where(.group\/item):hover *) {@media (hover: hover) {--tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y);}}} .group-hover\/item\:animate-bookFlipFromFlat {&:is(:where(.group\/item):hover *) {@media (hover: hover) {animation: var(--animate-bookFlipFromFlat);}}} .group-hover\/item\:animate-movePencil {&:is(:where(.group\/item):hover *) {@media (hover: hover) {animation: var(--animate-movePencil);}}} .group-hover\/item\:animate-rollOver {&:is(:where(.group\/item):hover *) {@media (hover: hover) {animation: var(--animate-rollOver);}}} .group-hover\/item\:bg-gray-200 {&:is(:where(.group\/item):hover *) {@media (hover: hover) {background-color: var(--color-gray-200);}}} .group-hover\/item\:opacity-100 {&:is(:where(.group\/item):hover *) {@media (hover: hover) {opacity: 100%;}}} .group-hover\/link\:translate-x-0\.5 {&:is(:where(.group\/link):hover *) {@media (hover: hover) {--tw-translate-x: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y);}}} .group-hover\/link\:-translate-y-6 {&:is(:where(.group\/link):hover *) {@media (hover: hover) {--tw-translate-y: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y);}}} .group-hover\/link\:-translate-y-9 {&:is(:where(.group\/link):hover *) {@media (hover: hover) {--tw-translate-y: calc(var(--spacing) * -9); translate: var(--tw-translate-x) var(--tw-translate-y);}}} .group-hover\/link\:scale-105 {&:is(:where(.group\/link):hover *) {@media (hover: hover) {--tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y);}}} .group-hover\/link\:text-emerald-500 {&:is(:where(.group\/link):hover *) {@media (hover: hover) {color: var(--color-emerald-500);}}} .group-hover\/link\:text-gray-500 {&:is(:where(.group\/link):hover *) {@media (hover: hover) {color: var(--color-gray-500);}}} .group-hover\/link\:text-sky-500 {&:is(:where(.group\/link):hover *) {@media (hover: hover) {color: var(--color-sky-500);}}} .group-hover\/link\:text-slate-500 {&:is(:where(.group\/link):hover *) {@media (hover: hover) {color: var(--color-slate-500);}}} .group-hover\/link\:text-slate-800\/80 {&:is(:where(.group\/link):hover *) {@media (hover: hover) {color: color-mix(in srgb,oklch(27.9% .041 260.031) 80%,transparent); @supports (color: color-mix(in lab,red,red)) {color: color-mix(in oklab,var(--color-slate-800) 80%,transparent);}}}} .group-hover\/link\:text-white {&:is(:where(.group\/link):hover *) {@media (hover: hover) {color: var(--color-white);}}} .group-hover\/link\:opacity-100 {&:is(:where(.group\/link):hover *) {@media (hover: hover) {opacity: 100%;}}} .group-hover\/link\:blur-md {&:is(:where(.group\/link):hover *) {@media (hover: hover) {--tw-blur: blur(var(--blur-md)); 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,);}}} .group-hover\/media\:opacity-100 {&:is(:where(.group\/media):hover *) {@media (hover: hover) {opacity: 100%;}}} .group-hover\/nav\:block {&:is(:where(.group\/nav):hover *) {@media (hover: hover) {display: block;}}} .group-hover\/section\:scale-105 {&:is(:where(.group\/section):hover *) {@media (hover: hover) {--tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y);}}} .group-focus-visible\:bg-emerald-200\/50 {&:is(:where(.group):focus-visible *) {background-color: color-mix(in srgb,oklch(90.5% .093 164.15) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-emerald-200) 50%,transparent);}}} .group-focus-visible\:bg-orange-200\/50 {&:is(:where(.group):focus-visible *) {background-color: color-mix(in srgb,oklch(90.1% .076 70.697) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-orange-200) 50%,transparent);}}} .group-focus-visible\:bg-red-200\/50 {&:is(:where(.group):focus-visible *) {background-color: color-mix(in srgb,oklch(88.5% .062 18.334) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-red-200) 50%,transparent);}}} .group-focus-visible\:bg-sky-200\/50 {&:is(:where(.group):focus-visible *) {background-color: color-mix(in srgb,oklch(90.1% .058 230.902) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-sky-200) 50%,transparent);}}} .group-focus-visible\:text-emerald-600 {&:is(:where(.group):focus-visible *) {color: var(--color-emerald-600);}} .group-focus-visible\:text-orange-600 {&:is(:where(.group):focus-visible *) {color: var(--color-orange-600);}} .group-focus-visible\:text-red-600 {&:is(:where(.group):focus-visible *) {color: var(--color-red-600);}} .group-focus-visible\:text-sky-600 {&:is(:where(.group):focus-visible *) {color: var(--color-sky-600);}} .group-active\/button\:scale-105 {&:is(:where(.group\/button):active *) {--tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y);}} .group-active\/button\:scale-\[\.985\] {&:is(:where(.group\/button):active *) {scale: .985;}} .group-disabled\/button\:block {&:is(:where(.group\/button):disabled *) {display: block;}} .group-disabled\/button\:hidden {&:is(:where(.group\/button):disabled *) {display: none;}} .group-data-nav-opened\/nav\:block {&:is(:where(.group\/nav)[data-nav-opened] *) {display: block;}} .group-data-nav-opened\/nav\:rotate-180 {&:is(:where(.group\/nav)[data-nav-opened] *) {rotate: 180deg;}} .group-data-preview\/tip\:block {&:is(:where(.group\/tip)[data-preview] *) {display: block;}} .group-data-preview\/tip\:hidden {&:is(:where(.group\/tip)[data-preview] *) {display: none;}} .group-data-preview\/tip\:inline {&:is(:where(.group\/tip)[data-preview] *) {display: inline;}} .group-data-show-menu\/navigation\:block {&:is(:where(.group\/navigation)[data-show-menu] *) {display: block;}} .group-data-show-menu\/navigation\:flex {&:is(:where(.group\/navigation)[data-show-menu] *) {display: flex;}} .group-data-show-menu\/navigation\:hidden {&:is(:where(.group\/navigation)[data-show-menu] *) {display: none;}} .group-data-\[command-menu-filtering-value\=true\]\/container\:hidden {&:is(:where(.group\/container)[data-command-menu-filtering-value="true"] *) {display: none;}} .group-data-\[data-attribute-file-value\=\'html\'\]\/code\:block {&:is(:where(.group\/code)[data-data-attribute-file-value="html"] *) {display: block;}} .group-data-\[data-attribute-file-value\=\'html\'\]\/code\:bg-slate-50 {&:is(:where(.group\/code)[data-data-attribute-file-value="html"] *) {background-color: var(--color-slate-50);}} .group-data-\[data-attribute-file-value\=\'html\'\]\/code\:text-slate-800 {&:is(:where(.group\/code)[data-data-attribute-file-value="html"] *) {color: var(--color-slate-800);}} .group-data-\[data-attribute-file-value\=\'js\'\]\/code\:block {&:is(:where(.group\/code)[data-data-attribute-file-value="js"] *) {display: block;}} .group-data-\[data-attribute-file-value\=\'js\'\]\/code\:bg-slate-50 {&:is(:where(.group\/code)[data-data-attribute-file-value="js"] *) {background-color: var(--color-slate-50);}} .group-data-\[data-attribute-file-value\=\'js\'\]\/code\:text-slate-800 {&:is(:where(.group\/code)[data-data-attribute-file-value="js"] *) {color: var(--color-slate-800);}} .group-data-\[data-attribute-file-value\=\'rb\'\]\/code\:block {&:is(:where(.group\/code)[data-data-attribute-file-value="rb"] *) {display: block;}} .group-data-\[data-attribute-file-value\=\'rb\'\]\/code\:bg-slate-50 {&:is(:where(.group\/code)[data-data-attribute-file-value="rb"] *) {background-color: var(--color-slate-50);}} .group-data-\[data-attribute-file-value\=\'rb\'\]\/code\:text-slate-800 {&:is(:where(.group\/code)[data-data-attribute-file-value="rb"] *) {color: var(--color-slate-800);}} .group-data-\[open\=\'\'\]\/block\:block {&:is(:where(.group\/block)[data-open=""] *) {display: block;}} .group-\[\.nav-opened\]\/nav\:block {&:is(:where(.group\/nav):is(.nav-opened) *) {display: block;}} .peer-checked\:bg-gray-100 {&:is(:where(.peer):checked ~ *) {background-color: var(--color-gray-100);}} .peer-checked\/toggle\:hidden {&:is(:where(.peer\/toggle):checked ~ *) {display: none;}} .peer-checked\/toggle\:blur-none {&:is(:where(.peer\/toggle):checked ~ *) {--tw-blur: ; filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);}} .peer-invalid\:visible {&:is(:where(.peer):invalid ~ *) {visibility: visible;}} .peer-hover\:block {&:is(:where(.peer):hover ~ *) {@media (hover: hover) {display: block;}}} .peer-\[\:not\(\[hidden\]\)\]\:flex {&:is(:where(.peer):is(:not([hidden])) ~ *) {display: flex;}} .first-line\:font-semibold {&::first-line {--tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold);}} .first-line\:text-gray-700 {&::first-line {color: var(--color-gray-700);}} .marker\:content-\[\'\'\] {& *::marker {--tw-content: ""; content: var(--tw-content);} &::marker {--tw-content: ""; content: var(--tw-content);} & *::-webkit-details-marker {--tw-content: ""; content: var(--tw-content);} &::-webkit-details-marker {--tw-content: ""; content: var(--tw-content);}} .selection\:bg-sky-50 {& *::selection {background-color: var(--color-sky-50);} &::selection {background-color: var(--color-sky-50);}} .selection\:text-sky-600 {& *::selection {color: var(--color-sky-600);} &::selection {color: var(--color-sky-600);}} .file\:mr-3 {&::file-selector-button {margin-right: calc(var(--spacing) * 3);}} .file\:mr-4 {&::file-selector-button {margin-right: calc(var(--spacing) * 4);}} .file\:rounded-full {&::file-selector-button {border-radius: Infinitypx;}} .file\:rounded-full {&::file-selector-button {border-radius: 9999px;}} .file\:rounded-lg {&::file-selector-button {border-radius: var(--radius-lg);}} .file\:border-0 {&::file-selector-button {border-style: var(--tw-border-style); border-width: 0px;}} .file\:bg-sky-50 {&::file-selector-button {background-color: var(--color-sky-50);}} .file\:bg-slate-50 {&::file-selector-button {background-color: var(--color-slate-50);}} .file\:px-3 {&::file-selector-button {padding-inline: calc(var(--spacing) * 3);}} .file\:px-4 {&::file-selector-button {padding-inline: calc(var(--spacing) * 4);}} .file\:py-2 {&::file-selector-button {padding-block: calc(var(--spacing) * 2);}} .file\:text-sm {&::file-selector-button {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));}} .file\:font-medium {&::file-selector-button {--tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);}} .file\:font-semibold {&::file-selector-button {--tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold);}} .file\:text-gray-800 {&::file-selector-button {color: var(--color-gray-800);}} .file\:text-sky-700 {&::file-selector-button {color: var(--color-sky-700);}} .file\:ring-1 {&::file-selector-button {--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);}} .file\:ring-3 {&::file-selector-button {--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}} .file\:ring-slate-100 {&::file-selector-button {--tw-ring-color: var(--color-slate-100);}} .file\:ring-offset-0 {&::file-selector-button {--tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);}} .placeholder\:text-gray-300 {&::placeholder {color: var(--color-gray-300);}} .placeholder\:text-gray-400 {&::placeholder {color: var(--color-gray-400);}} .before\:absolute {&::before {content: var(--tw-content); position: absolute;}} .before\:inset-0 {&::before {content: var(--tw-content); inset: calc(var(--spacing) * 0);}} .before\:top-4 {&::before {content: var(--tw-content); top: calc(var(--spacing) * 4);}} .before\:top-\[-0\.125rem\] {&::before {content: var(--tw-content); top: -.125rem;}} .before\:-right-0\.5 {&::before {content: var(--tw-content); right: calc(var(--spacing) * -.5);}} .before\:left-\[0\.2rem\] {&::before {content: var(--tw-content); left: .2rem;}} .before\:-z-1 {&::before {content: var(--tw-content); z-index: -1;}} .before\:z-\[-1\] {&::before {content: var(--tw-content); z-index: -1;}} .before\:inline-block {&::before {content: var(--tw-content); display: inline-block;}} .before\:h-2 {&::before {content: var(--tw-content); height: calc(var(--spacing) * 2);}} .before\:h-full {&::before {content: var(--tw-content); height: 100%;}} .before\:w-0\.5 {&::before {content: var(--tw-content); width: calc(var(--spacing) * .5);}} .before\:w-2 {&::before {content: var(--tw-content); width: calc(var(--spacing) * 2);}} .before\:w-full {&::before {content: var(--tw-content); width: 100%;}} .before\:-translate-x-1 {&::before {content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y);}} .before\:-translate-x-1\.5 {&::before {content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * -1.5); translate: var(--tw-translate-x) var(--tw-translate-y);}} .before\:-translate-y-2 {&::before {content: var(--tw-content); --tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y);}} .before\:rotate-\[-1deg\] {&::before {content: var(--tw-content); rotate: -1deg;}} .before\:rounded-full {&::before {content: var(--tw-content); border-radius: Infinitypx;}} .before\:rounded-full {&::before {content: var(--tw-content); border-radius: 9999px;}} .before\:rounded-lg {&::before {content: var(--tw-content); border-radius: var(--radius-lg);}} .before\:border {&::before {content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px;}} .before\:border-slate-100\/70 {&::before {content: var(--tw-content); border-color: color-mix(in srgb,oklch(96.8% .007 247.896) 70%,transparent); @supports (color: color-mix(in lab,red,red)) {border-color: color-mix(in oklab,var(--color-slate-100) 70%,transparent);}}} .before\:bg-gray-200 {&::before {content: var(--tw-content); background-color: var(--color-gray-200);}} .before\:bg-red-500 {&::before {content: var(--tw-content); background-color: var(--color-red-500);}} .before\:bg-white {&::before {content: var(--tw-content); background-color: var(--color-white);}} .before\:pr-1 {&::before {content: var(--tw-content); padding-right: calc(var(--spacing) * 1);}} .before\:font-light {&::before {content: var(--tw-content); --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light);}} .before\:font-normal {&::before {content: var(--tw-content); --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal);}} .before\:text-cyan-500 {&::before {content: var(--tw-content); color: var(--color-cyan-500);}} .before\:text-slate-400 {&::before {content: var(--tw-content); color: var(--color-slate-400);}} .before\:shadow-xs {&::before {content: var(--tw-content); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / .05)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}} .before\:ring-2 {&::before {content: var(--tw-content); --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);}} .before\:ring-white {&::before {content: var(--tw-content); --tw-ring-color: var(--color-white);}} .before\:content-\[\'\'\] {&::before {content: var(--tw-content); --tw-content: ""; content: var(--tw-content);}} .before\:content-\[\'\+\'\] {&::before {content: var(--tw-content); --tw-content: "+"; content: var(--tw-content);}} .before\:content-\[\'\/\'\] {&::before {content: var(--tw-content); --tw-content: "/"; content: var(--tw-content);}} .before\:content-\[attr\(data-text\)\] {&::before {content: var(--tw-content); --tw-content: attr(data-text); content: var(--tw-content);}} .before\:\[-webkit-text-stroke\:4px_white\] {&::before {content: var(--tw-content); -webkit-text-stroke: 4px white;}} .group-open\:before\:content-\[\'-\'\] {&:is(:where(.group):is([open],:popover-open,:open) *) {&::before {content: var(--tw-content); --tw-content: "-"; content: var(--tw-content);}}} .after\:absolute {&::after {content: var(--tw-content); position: absolute;}} .after\:inset-0 {&::after {content: var(--tw-content); inset: calc(var(--spacing) * 0);}} .after\:inset-px {&::after {content: var(--tw-content); inset: 1px;}} .after\:top-\[-0\.125rem\] {&::after {content: var(--tw-content); top: -.125rem;}} .after\:-right-0\.5 {&::after {content: var(--tw-content); right: calc(var(--spacing) * -.5);}} .after\:-z-2 {&::after {content: var(--tw-content); z-index: -2;}} .after\:inline-block {&::after {content: var(--tw-content); display: inline-block;}} .after\:h-2 {&::after {content: var(--tw-content); height: calc(var(--spacing) * 2);}} .after\:h-full {&::after {content: var(--tw-content); height: 100%;}} .after\:w-2 {&::after {content: var(--tw-content); width: calc(var(--spacing) * 2);}} .after\:w-full {&::after {content: var(--tw-content); width: 100%;}} .after\:translate-x-1 {&::after {content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y);}} .after\:translate-y-2 {&::after {content: var(--tw-content); --tw-translate-y: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y);}} .after\:rotate-\[1deg\] {&::after {content: var(--tw-content); rotate: 1deg;}} .after\:animate-ping {&::after {content: var(--tw-content); animation: var(--animate-ping);}} .after\:rounded-\[0\.33rem\] {&::after {content: var(--tw-content); border-radius: .33rem;}} .after\:rounded-full {&::after {content: var(--tw-content); border-radius: Infinitypx;}} .after\:rounded-full {&::after {content: var(--tw-content); border-radius: 9999px;}} .after\:rounded-lg {&::after {content: var(--tw-content); border-radius: var(--radius-lg);}} .after\:border {&::after {content: var(--tw-content); border-style: var(--tw-border-style); border-width: 1px;}} .after\:border-slate-100\/50 {&::after {content: var(--tw-content); border-color: color-mix(in srgb,oklch(96.8% .007 247.896) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {border-color: color-mix(in oklab,var(--color-slate-100) 50%,transparent);}}} .after\:bg-red-500 {&::after {content: var(--tw-content); background-color: var(--color-red-500);}} .after\:bg-white {&::after {content: var(--tw-content); background-color: var(--color-white);}} .after\:shadow-xs {&::after {content: var(--tw-content); --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / .05)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}} .after\:ring-2 {&::after {content: var(--tw-content); --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);}} .after\:ring-white {&::after {content: var(--tw-content); --tw-ring-color: var(--color-white);}} .after\:content-\[\'\'\] {&::after {content: var(--tw-content); --tw-content: ""; content: var(--tw-content);}} .first\:mt-0 {&:first-child {margin-top: calc(var(--spacing) * 0);}} .first\:group-data-\[command-menu-list-open-value\=true\]\/container\:border-t {&:first-child {&:is(:where(.group\/container)[data-command-menu-list-open-value="true"] *) {border-top-style: var(--tw-border-style); border-top-width: 1px;}}} .last\:mb-0 {&:last-child {margin-bottom: calc(var(--spacing) * 0);}} .last\:before\:h-0 {&:last-child {&::before {content: var(--tw-content); height: calc(var(--spacing) * 0);}}} .only\:block {&:only-child {display: block;}} .only\:flex {&:only-child {display: flex;}} .empty\:hidden {&:empty {display: none;}} .focus-within\:block {&:focus-within {display: block;}} .focus-within\:border-gray-600\/60 {&:focus-within {border-color: color-mix(in srgb,oklch(44.6% .03 256.802) 60%,transparent); @supports (color: color-mix(in lab,red,red)) {border-color: color-mix(in oklab,var(--color-gray-600) 60%,transparent);}}} .focus-within\:border-slate-300 {&:focus-within {border-color: var(--color-slate-300);}} .focus-within\:ring-gray-200 {&:focus-within {--tw-ring-color: var(--color-gray-200);}} .focus-within\:outline-hidden {&:focus-within {--tw-outline-style: none; outline-style: none; @media (forced-colors: active) {outline: 2px solid transparent; outline-offset: 2px;}}} .hover\:block {&:hover {@media (hover: hover) {display: block;}}} .hover\:-translate-y-px {&:hover {@media (hover: hover) {--tw-translate-y: -1px; translate: var(--tw-translate-x) var(--tw-translate-y);}}} .hover\:scale-105 {&:hover {@media (hover: hover) {--tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y);}}} .hover\:scale-110 {&:hover {@media (hover: hover) {--tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y);}}} .hover\:border-gray-300 {&:hover {@media (hover: hover) {border-color: var(--color-gray-300);}}} .hover\:border-gray-400 {&:hover {@media (hover: hover) {border-color: var(--color-gray-400);}}} .hover\:border-sky-300\/50 {&:hover {@media (hover: hover) {border-color: color-mix(in srgb,oklch(82.8% .111 230.318) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {border-color: color-mix(in oklab,var(--color-sky-300) 50%,transparent);}}}} .hover\:border-slate-100 {&:hover {@media (hover: hover) {border-color: var(--color-slate-100);}}} .hover\:border-slate-300 {&:hover {@media (hover: hover) {border-color: var(--color-slate-300);}}} .hover\:border-slate-700\! {&:hover {@media (hover: hover) {border-color: var(--color-slate-700) !important;}}} .hover\:border-slate-700\/70 {&:hover {@media (hover: hover) {border-color: color-mix(in srgb,oklch(37.2% .044 257.287) 70%,transparent); @supports (color: color-mix(in lab,red,red)) {border-color: color-mix(in oklab,var(--color-slate-700) 70%,transparent);}}}} .hover\:bg-amber-950 {&:hover {@media (hover: hover) {background-color: var(--color-amber-950);}}} .hover\:bg-black\/25 {&:hover {@media (hover: hover) {background-color: color-mix(in srgb,#000 25%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-black) 25%,transparent);}}}} .hover\:bg-blue-700 {&:hover {@media (hover: hover) {background-color: var(--color-blue-700);}}} .hover\:bg-cyan-600 {&:hover {@media (hover: hover) {background-color: var(--color-cyan-600);}}} .hover\:bg-emerald-100 {&:hover {@media (hover: hover) {background-color: var(--color-emerald-100);}}} .hover\:bg-emerald-700 {&:hover {@media (hover: hover) {background-color: var(--color-emerald-700);}}} .hover\:bg-emerald-900\/40 {&:hover {@media (hover: hover) {background-color: color-mix(in srgb,oklch(37.8% .077 168.94) 40%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-emerald-900) 40%,transparent);}}}} .hover\:bg-gray-50 {&:hover {@media (hover: hover) {background-color: var(--color-gray-50);}}} .hover\:bg-gray-100 {&:hover {@media (hover: hover) {background-color: var(--color-gray-100);}}} .hover\:bg-gray-100\/50 {&:hover {@media (hover: hover) {background-color: color-mix(in srgb,oklch(96.7% .003 264.542) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-gray-100) 50%,transparent);}}}} .hover\:bg-gray-200 {&:hover {@media (hover: hover) {background-color: var(--color-gray-200);}}} .hover\:bg-gray-200\/50 {&:hover {@media (hover: hover) {background-color: color-mix(in srgb,oklch(92.8% .006 264.531) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-gray-200) 50%,transparent);}}}} .hover\:bg-gray-300 {&:hover {@media (hover: hover) {background-color: var(--color-gray-300);}}} .hover\:bg-gray-800 {&:hover {@media (hover: hover) {background-color: var(--color-gray-800);}}} .hover\:bg-gray-900 {&:hover {@media (hover: hover) {background-color: var(--color-gray-900);}}} .hover\:bg-indigo-700 {&:hover {@media (hover: hover) {background-color: var(--color-indigo-700);}}} .hover\:bg-red-50 {&:hover {@media (hover: hover) {background-color: var(--color-red-50);}}} .hover\:bg-red-600 {&:hover {@media (hover: hover) {background-color: var(--color-red-600);}}} .hover\:bg-sky-50 {&:hover {@media (hover: hover) {background-color: var(--color-sky-50);}}} .hover\:bg-sky-200 {&:hover {@media (hover: hover) {background-color: var(--color-sky-200);}}} .hover\:bg-sky-400 {&:hover {@media (hover: hover) {background-color: var(--color-sky-400);}}} .hover\:bg-sky-500 {&:hover {@media (hover: hover) {background-color: var(--color-sky-500);}}} .hover\:bg-sky-600 {&:hover {@media (hover: hover) {background-color: var(--color-sky-600);}}} .hover\:bg-slate-50 {&:hover {@media (hover: hover) {background-color: var(--color-slate-50);}}} .hover\:bg-slate-100 {&:hover {@media (hover: hover) {background-color: var(--color-slate-100);}}} .hover\:bg-slate-800 {&:hover {@media (hover: hover) {background-color: var(--color-slate-800);}}} .hover\:bg-slate-950\/90\! {&:hover {@media (hover: hover) {background-color: color-mix(in srgb,oklch(12.9% .042 264.695) 90%,transparent) !important; @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-slate-950) 90%,transparent) !important;}}}} .hover\:bg-white {&:hover {@media (hover: hover) {background-color: var(--color-white);}}} .hover\:bg-white\/50 {&:hover {@media (hover: hover) {background-color: color-mix(in srgb,#fff 50%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-white) 50%,transparent);}}}} .hover\:text-amber-50 {&:hover {@media (hover: hover) {color: var(--color-amber-50);}}} .hover\:text-amber-800 {&:hover {@media (hover: hover) {color: var(--color-amber-800);}}} .hover\:text-cyan-300 {&:hover {@media (hover: hover) {color: var(--color-cyan-300);}}} .hover\:text-cyan-950 {&:hover {@media (hover: hover) {color: var(--color-cyan-950);}}} .hover\:text-emerald-50 {&:hover {@media (hover: hover) {color: var(--color-emerald-50);}}} .hover\:text-emerald-500 {&:hover {@media (hover: hover) {color: var(--color-emerald-500);}}} .hover\:text-emerald-600 {&:hover {@media (hover: hover) {color: var(--color-emerald-600);}}} .hover\:text-emerald-800 {&:hover {@media (hover: hover) {color: var(--color-emerald-800);}}} .hover\:text-gray-300 {&:hover {@media (hover: hover) {color: var(--color-gray-300);}}} .hover\:text-gray-600 {&:hover {@media (hover: hover) {color: var(--color-gray-600);}}} .hover\:text-gray-700 {&:hover {@media (hover: hover) {color: var(--color-gray-700);}}} .hover\:text-gray-800 {&:hover {@media (hover: hover) {color: var(--color-gray-800);}}} .hover\:text-gray-900 {&:hover {@media (hover: hover) {color: var(--color-gray-900);}}} .hover\:text-green-900 {&:hover {@media (hover: hover) {color: var(--color-green-900);}}} .hover\:text-indigo-800 {&:hover {@media (hover: hover) {color: var(--color-indigo-800);}}} .hover\:text-red-500 {&:hover {@media (hover: hover) {color: var(--color-red-500);}}} .hover\:text-red-600 {&:hover {@media (hover: hover) {color: var(--color-red-600);}}} .hover\:text-red-800 {&:hover {@media (hover: hover) {color: var(--color-red-800);}}} .hover\:text-sky-200 {&:hover {@media (hover: hover) {color: var(--color-sky-200);}}} .hover\:text-sky-500 {&:hover {@media (hover: hover) {color: var(--color-sky-500);}}} .hover\:text-sky-600 {&:hover {@media (hover: hover) {color: var(--color-sky-600);}}} .hover\:text-slate-600 {&:hover {@media (hover: hover) {color: var(--color-slate-600);}}} .hover\:text-slate-700 {&:hover {@media (hover: hover) {color: var(--color-slate-700);}}} .hover\:text-slate-800 {&:hover {@media (hover: hover) {color: var(--color-slate-800);}}} .hover\:text-slate-900 {&:hover {@media (hover: hover) {color: var(--color-slate-900);}}} .hover\:text-white {&:hover {@media (hover: hover) {color: var(--color-white);}}} .hover\:no-underline {&:hover {@media (hover: hover) {text-decoration-line: none;}}} .hover\:underline {&:hover {@media (hover: hover) {text-decoration-line: underline;}}} .hover\:opacity-100 {&:hover {@media (hover: hover) {opacity: 100%;}}} .hover\:shadow-lg {&:hover {@media (hover: hover) {--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)),0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}}} .hover\:shadow-md {&:hover {@media (hover: hover) {--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)),0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}}} .hover\:ring-\[\#0d6edf\] {&:hover {@media (hover: hover) {--tw-ring-color: #0d6edf;}}} .hover\:ring-amber-900 {&:hover {@media (hover: hover) {--tw-ring-color: var(--color-amber-900);}}} .hover\:ring-emerald-900 {&:hover {@media (hover: hover) {--tw-ring-color: var(--color-emerald-900);}}} .hover\:ring-gray-200 {&:hover {@media (hover: hover) {--tw-ring-color: var(--color-gray-200);}}} .hover\:ring-gray-300 {&:hover {@media (hover: hover) {--tw-ring-color: var(--color-gray-300);}}} .hover\:ring-gray-400\/70 {&:hover {@media (hover: hover) {--tw-ring-color: color-mix(in srgb,oklch(70.7% .022 261.325) 70%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-gray-400) 70%,transparent);}}}} .hover\:ring-sky-500 {&:hover {@media (hover: hover) {--tw-ring-color: var(--color-sky-500);}}} .hover\:ring-slate-200 {&:hover {@media (hover: hover) {--tw-ring-color: var(--color-slate-200);}}} .hover\:ring-slate-300 {&:hover {@media (hover: hover) {--tw-ring-color: var(--color-slate-300);}}} .hover\:ring-slate-300\/50 {&:hover {@media (hover: hover) {--tw-ring-color: color-mix(in srgb,oklch(86.9% .022 252.894) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-slate-300) 50%,transparent);}}}} .hover\:ring-slate-400 {&:hover {@media (hover: hover) {--tw-ring-color: var(--color-slate-400);}}} .hover\:outline-gray-300 {&:hover {@media (hover: hover) {outline-color: var(--color-gray-300);}}} .hover\:not-disabled\:bg-red-700 {&:hover {@media (hover: hover) {&:not(*:disabled) {background-color: var(--color-red-700);}}}} .hover\:file\:bg-sky-100 {&:hover {@media (hover: hover) {&::file-selector-button {background-color: var(--color-sky-100);}}}} .hover\:file\:bg-slate-100 {&:hover {@media (hover: hover) {&::file-selector-button {background-color: var(--color-slate-100);}}}} .focus\:border-slate-600 {&:focus {border-color: var(--color-slate-600);}} .focus\:bg-slate-50 {&:focus {background-color: var(--color-slate-50);}} .focus\:bg-slate-950\/90\! {&:focus {background-color: color-mix(in srgb,oklch(12.9% .042 264.695) 90%,transparent) !important; @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-slate-950) 90%,transparent) !important;}}} .focus\:bg-white {&:focus {background-color: var(--color-white);}} .focus\:ring-0 {&:focus {--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}} .focus\:outline-hidden {&:focus {--tw-outline-style: none; outline-style: none; @media (forced-colors: active) {outline: 2px solid transparent; outline-offset: 2px;}}} .focus\:outline-0 {&:focus {outline-style: var(--tw-outline-style); outline-width: 0px;}} .focus\:outline-1 {&:focus {outline-style: var(--tw-outline-style); outline-width: 1px;}} .focus\:outline-offset-0 {&:focus {outline-offset: 0px;}} .focus\:outline-gray-300 {&:focus {outline-color: var(--color-gray-300);}} .focus-visible\:bg-amber-950 {&:focus-visible {background-color: var(--color-amber-950);}} .focus-visible\:bg-emerald-50 {&:focus-visible {background-color: var(--color-emerald-50);}} .focus-visible\:bg-emerald-900\/40 {&:focus-visible {background-color: color-mix(in srgb,oklch(37.8% .077 168.94) 40%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-emerald-900) 40%,transparent);}}} .focus-visible\:bg-gray-50 {&:focus-visible {background-color: var(--color-gray-50);}} .focus-visible\:bg-gray-100 {&:focus-visible {background-color: var(--color-gray-100);}} .focus-visible\:bg-gray-200 {&:focus-visible {background-color: var(--color-gray-200);}} .focus-visible\:bg-red-50 {&:focus-visible {background-color: var(--color-red-50);}} .focus-visible\:ring-0 {&:focus-visible {--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}} .focus-visible\:outline-hidden {&:focus-visible {--tw-outline-style: none; outline-style: none; @media (forced-colors: active) {outline: 2px solid transparent; outline-offset: 2px;}}} .focus-visible\:outline-none {&:focus-visible {--tw-outline-style: none; outline-style: none;}} .active\:translate-y-0 {&:active {--tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y);}} .active\:scale-95 {&:active {--tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y);}} .active\:scale-100 {&:active {--tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y);}} .active\:bg-sky-500 {&:active {background-color: var(--color-sky-500);}} .active\:text-gray-500 {&:active {color: var(--color-gray-500);}} .active\:text-sky-100 {&:active {color: var(--color-sky-100);}} .active\:text-white {&:active {color: var(--color-white);}} .active\:ring-\[\#3a8bff\] {&:active {--tw-ring-color: #3a8bff;}} .active\:ring-gray-400 {&:active {--tw-ring-color: var(--color-gray-400);}} .active\:ring-sky-600\/60 {&:active {--tw-ring-color: color-mix(in srgb,oklch(58.8% .158 241.966) 60%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-sky-600) 60%,transparent);}}} .disabled\:opacity-50 {&:disabled {opacity: 50%;}} .disabled\:hover\:outline-gray-200\/70 {&:disabled {&:hover {@media (hover: hover) {outline-color: color-mix(in srgb,oklch(92.8% .006 264.531) 70%,transparent); @supports (color: color-mix(in lab,red,red)) {outline-color: color-mix(in oklab,var(--color-gray-200) 70%,transparent);}}}}} .in-\[\[disabled\]\]\:flex {:where(*:is([disabled])) & {display: flex;}} .in-\[\[disabled\]\]\:hidden {:where(*:is([disabled])) & {display: none;}} .in-\[\[disabled\]\]\:cursor-default {:where(*:is([disabled])) & {cursor: default;}} .in-\[\[disabled\]\]\:opacity-0 {:where(*:is([disabled])) & {opacity: 0%;}} .in-\[\[disabled\]\]\:hover\:bg-sky-500 {:where(*:is([disabled])) & {&:hover {@media (hover: hover) {background-color: var(--color-sky-500);}}}} .in-\[\[disabled\]\]\:hover\:ring-\[\#3a8bff\] {:where(*:is([disabled])) & {&:hover {@media (hover: hover) {--tw-ring-color: #3a8bff;}}}} .in-\[\[disabled\]\]\:hover\:ring-gray-200 {:where(*:is([disabled])) & {&:hover {@media (hover: hover) {--tw-ring-color: var(--color-gray-200);}}}} .aria-\[current\=page\]\:text-gray-500 {&[aria-current="page"] {color: var(--color-gray-500);}} .max-md\:absolute {@media (width < 48rem) {position: absolute;}} .max-md\:top-full {@media (width < 48rem) {top: 100%;}} .max-md\:left-0 {@media (width < 48rem) {left: calc(var(--spacing) * 0);}} .max-md\:z-10 {@media (width < 48rem) {z-index: 10;}} .max-md\:mx-2 {@media (width < 48rem) {margin-inline: calc(var(--spacing) * 2);}} .max-md\:mt-1\.5 {@media (width < 48rem) {margin-top: calc(var(--spacing) * 1.5);}} .max-md\:mt-2 {@media (width < 48rem) {margin-top: calc(var(--spacing) * 2);}} .max-md\:mt-4 {@media (width < 48rem) {margin-top: calc(var(--spacing) * 4);}} .max-md\:w-full {@media (width < 48rem) {width: 100%;}} .max-md\:flex-col {@media (width < 48rem) {flex-direction: column;}} .max-md\:gap-3 {@media (width < 48rem) {gap: calc(var(--spacing) * 3);}} .max-md\:border {@media (width < 48rem) {border-style: var(--tw-border-style); border-width: 1px;}} .max-md\:px-2 {@media (width < 48rem) {padding-inline: calc(var(--spacing) * 2);}} .max-md\:py-4 {@media (width < 48rem) {padding-block: calc(var(--spacing) * 4);}} .max-md\:shadow-xl {@media (width < 48rem) {--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)),0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}} .max-sm\:w-full {@media (width < 40rem) {width: 100%;}} .max-sm\:pl-2 {@media (width < 40rem) {padding-left: calc(var(--spacing) * 2);}} .sm\:col-span-3 {@media (width >= 40rem) {grid-column: span 3 / span 3;}} .sm\:col-span-6 {@media (width >= 40rem) {grid-column: span 6 / span 6;}} .sm\:my-16 {@media (width >= 40rem) {margin-block: calc(var(--spacing) * 16);}} .sm\:mt-8 {@media (width >= 40rem) {margin-top: calc(var(--spacing) * 8);}} .sm\:mt-16 {@media (width >= 40rem) {margin-top: calc(var(--spacing) * 16);}} .sm\:block {@media (width >= 40rem) {display: block;}} .sm\:h-10 {@media (width >= 40rem) {height: calc(var(--spacing) * 10);}} .sm\:h-48 {@media (width >= 40rem) {height: calc(var(--spacing) * 48);}} .sm\:w-10 {@media (width >= 40rem) {width: calc(var(--spacing) * 10);}} .sm\:shrink-0 {@media (width >= 40rem) {flex-shrink: 0;}} .sm\:grid-cols-2 {@media (width >= 40rem) {grid-template-columns: repeat(2,minmax(0,1fr));}} .sm\:flex-row {@media (width >= 40rem) {flex-direction: row;}} .sm\:gap-2 {@media (width >= 40rem) {gap: calc(var(--spacing) * 2);}} .sm\:py-20 {@media (width >= 40rem) {padding-block: calc(var(--spacing) * 20);}} .sm\:text-lg {@media (width >= 40rem) {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));}} .sm\:text-lg\/5 {@media (width >= 40rem) {font-size: var(--text-lg); line-height: calc(var(--spacing) * 5);}} .sm\:text-gray-500 {@media (width >= 40rem) {color: var(--color-gray-500);}} .md\:absolute {@media (width >= 48rem) {position: absolute;}} .md\:top-2 {@media (width >= 48rem) {top: calc(var(--spacing) * 2);}} .md\:right-full {@media (width >= 48rem) {right: 100%;}} .md\:col-span-1 {@media (width >= 48rem) {grid-column: span 1 / span 1;}} .md\:col-span-2 {@media (width >= 48rem) {grid-column: span 2 / span 2;}} .md\:col-span-3 {@media (width >= 48rem) {grid-column: span 3 / span 3;}} .md\:col-span-4 {@media (width >= 48rem) {grid-column: span 4 / span 4;}} .md\:col-span-6 {@media (width >= 48rem) {grid-column: span 6 / span 6;}} .md\:col-span-8 {@media (width >= 48rem) {grid-column: span 8 / span 8;}} .md\:col-span-11 {@media (width >= 48rem) {grid-column: span 11 / span 11;}} .md\:mx-4 {@media (width >= 48rem) {margin-inline: calc(var(--spacing) * 4);}} .md\:mx-6 {@media (width >= 48rem) {margin-inline: calc(var(--spacing) * 6);}} .md\:my-2 {@media (width >= 48rem) {margin-block: calc(var(--spacing) * 2);}} .md\:my-24 {@media (width >= 48rem) {margin-block: calc(var(--spacing) * 24);}} .md\:mt-0\.5 {@media (width >= 48rem) {margin-top: calc(var(--spacing) * .5);}} .md\:mt-1 {@media (width >= 48rem) {margin-top: calc(var(--spacing) * 1);}} .md\:mt-3 {@media (width >= 48rem) {margin-top: calc(var(--spacing) * 3);}} .md\:mt-3\.5 {@media (width >= 48rem) {margin-top: calc(var(--spacing) * 3.5);}} .md\:mt-6 {@media (width >= 48rem) {margin-top: calc(var(--spacing) * 6);}} .md\:mt-8 {@media (width >= 48rem) {margin-top: calc(var(--spacing) * 8);}} .md\:mt-10 {@media (width >= 48rem) {margin-top: calc(var(--spacing) * 10);}} .md\:mt-12 {@media (width >= 48rem) {margin-top: calc(var(--spacing) * 12);}} .md\:mt-32 {@media (width >= 48rem) {margin-top: calc(var(--spacing) * 32);}} .md\:ml-2 {@media (width >= 48rem) {margin-left: calc(var(--spacing) * 2);}} .md\:line-clamp-2 {@media (width >= 48rem) {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}} .md\:block {@media (width >= 48rem) {display: block;}} .md\:flex {@media (width >= 48rem) {display: flex;}} .md\:hidden {@media (width >= 48rem) {display: none;}} .md\:size-12 {@media (width >= 48rem) {width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12);}} .md\:h-16 {@media (width >= 48rem) {height: calc(var(--spacing) * 16);}} .md\:h-32 {@media (width >= 48rem) {height: calc(var(--spacing) * 32);}} .md\:h-\[50vh\] {@media (width >= 48rem) {height: 50vh;}} .md\:h-screen {@media (width >= 48rem) {height: 100vh;}} .md\:w-1\/2 {@media (width >= 48rem) {width: 50%;}} .md\:w-1\/3 {@media (width >= 48rem) {width: 33.33333%;}} .md\:w-16 {@media (width >= 48rem) {width: calc(var(--spacing) * 16);}} .md\:max-w-2xl {@media (width >= 48rem) {max-width: var(--container-2xl);}} .md\:max-w-3xl {@media (width >= 48rem) {max-width: var(--container-3xl);}} .md\:translate-y-1\.25 {@media (width >= 48rem) {--tw-translate-y: calc(var(--spacing) * 1.25); translate: var(--tw-translate-x) var(--tw-translate-y);}} .md\:-rotate-90 {@media (width >= 48rem) {rotate: -90deg;}} .md\:grid-cols-3 {@media (width >= 48rem) {grid-template-columns: repeat(3,minmax(0,1fr));}} .md\:grid-cols-4 {@media (width >= 48rem) {grid-template-columns: repeat(4,minmax(0,1fr));}} .md\:grid-cols-6 {@media (width >= 48rem) {grid-template-columns: repeat(6,minmax(0,1fr));}} .md\:flex-row {@media (width >= 48rem) {flex-direction: row;}} .md\:items-center {@media (width >= 48rem) {align-items: center;}} .md\:gap-2 {@media (width >= 48rem) {gap: calc(var(--spacing) * 2);}} .md\:gap-3 {@media (width >= 48rem) {gap: calc(var(--spacing) * 3);}} .md\:gap-4 {@media (width >= 48rem) {gap: calc(var(--spacing) * 4);}} .md\:gap-5 {@media (width >= 48rem) {gap: calc(var(--spacing) * 5);}} .md\:gap-6 {@media (width >= 48rem) {gap: calc(var(--spacing) * 6);}} .md\:gap-8 {@media (width >= 48rem) {gap: calc(var(--spacing) * 8);}} .md\:gap-12 {@media (width >= 48rem) {gap: calc(var(--spacing) * 12);}} .md\:gap-20 {@media (width >= 48rem) {gap: calc(var(--spacing) * 20);}} .md\:gap-x-1 {@media (width >= 48rem) {column-gap: calc(var(--spacing) * 1);}} .md\:gap-y-3 {@media (width >= 48rem) {row-gap: calc(var(--spacing) * 3);}} .md\:rounded-lg {@media (width >= 48rem) {border-radius: var(--radius-lg);}} .md\:px-3 {@media (width >= 48rem) {padding-inline: calc(var(--spacing) * 3);}} .md\:px-4 {@media (width >= 48rem) {padding-inline: calc(var(--spacing) * 4);}} .md\:px-6 {@media (width >= 48rem) {padding-inline: calc(var(--spacing) * 6);}} .md\:py-1 {@media (width >= 48rem) {padding-block: calc(var(--spacing) * 1);}} .md\:py-6 {@media (width >= 48rem) {padding-block: calc(var(--spacing) * 6);}} .md\:py-10 {@media (width >= 48rem) {padding-block: calc(var(--spacing) * 10);}} .md\:py-24 {@media (width >= 48rem) {padding-block: calc(var(--spacing) * 24);}} .md\:pt-2\.5 {@media (width >= 48rem) {padding-top: calc(var(--spacing) * 2.5);}} .md\:pt-12 {@media (width >= 48rem) {padding-top: calc(var(--spacing) * 12);}} .md\:pt-20 {@media (width >= 48rem) {padding-top: calc(var(--spacing) * 20);}} .md\:pt-32 {@media (width >= 48rem) {padding-top: calc(var(--spacing) * 32);}} .md\:pt-40 {@media (width >= 48rem) {padding-top: calc(var(--spacing) * 40);}} .md\:pb-20 {@media (width >= 48rem) {padding-bottom: calc(var(--spacing) * 20);}} .md\:pb-24 {@media (width >= 48rem) {padding-bottom: calc(var(--spacing) * 24);}} .md\:pl-24 {@media (width >= 48rem) {padding-left: calc(var(--spacing) * 24);}} .md\:text-right {@media (width >= 48rem) {text-align: right;}} .md\:text-2xl {@media (width >= 48rem) {font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height));}} .md\:text-3xl {@media (width >= 48rem) {font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height));}} .md\:text-4xl {@media (width >= 48rem) {font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height));}} .md\:text-5xl {@media (width >= 48rem) {font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height));}} .md\:text-6xl {@media (width >= 48rem) {font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height));}} .md\:text-7xl {@media (width >= 48rem) {font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height));}} .md\:text-base {@media (width >= 48rem) {font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height));}} .md\:text-base\/5 {@media (width >= 48rem) {font-size: var(--text-base); line-height: calc(var(--spacing) * 5);}} .md\:text-lg {@media (width >= 48rem) {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));}} .md\:text-lg\/5 {@media (width >= 48rem) {font-size: var(--text-lg); line-height: calc(var(--spacing) * 5);}} .md\:text-xl {@media (width >= 48rem) {font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height));}} .md\:text-xl\/6 {@media (width >= 48rem) {font-size: var(--text-xl); line-height: calc(var(--spacing) * 6);}} .md\:whitespace-nowrap {@media (width >= 48rem) {white-space: nowrap;}} .md\:text-slate-500 {@media (width >= 48rem) {color: var(--color-slate-500);}} .md\:text-slate-900 {@media (width >= 48rem) {color: var(--color-slate-900);}} .md\:shadow-xl {@media (width >= 48rem) {--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)),0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / .1)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}} .lg\:col-span-2 {@media (width >= 64rem) {grid-column: span 2 / span 2;}} .lg\:col-span-3 {@media (width >= 64rem) {grid-column: span 3 / span 3;}} .lg\:col-span-4 {@media (width >= 64rem) {grid-column: span 4 / span 4;}} .lg\:col-span-8 {@media (width >= 64rem) {grid-column: span 8 / span 8;}} .lg\:col-span-9 {@media (width >= 64rem) {grid-column: span 9 / span 9;}} .lg\:my-12 {@media (width >= 64rem) {margin-block: calc(var(--spacing) * 12);}} .lg\:prose-lg {@media (width >= 64rem) {font-size: 1.125rem; line-height: 1.7777778; :where(p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.3333333em; margin-bottom: 1.3333333em;} :where([class~="lead"]):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: 1.2222222em; line-height: 1.4545455; margin-top: 1.0909091em; margin-bottom: 1.0909091em;} :where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.6666667em; margin-bottom: 1.6666667em; padding-left: 1em;} :where(h1):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: 2.6666667em; margin-top: 0; margin-bottom: .8333333em; line-height: 1;} :where(h2):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: 1.6666667em; margin-top: 1.8666667em; margin-bottom: 1.0666667em; line-height: 1.3333333;} :where(h3):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: 1.3333333em; margin-top: 1.6666667em; margin-bottom: .6666667em; line-height: 1.5;} :where(h4):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.7777778em; margin-bottom: .4444444em; line-height: 1.5555556;} :where(img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.7777778em; margin-bottom: 1.7777778em;} :where(picture):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.7777778em; margin-bottom: 1.7777778em;} :where(picture > img):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 0; margin-bottom: 0;} :where(video):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.7777778em; margin-bottom: 1.7777778em;} :where(kbd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: .8888889em; border-radius: .3125rem; padding-top: .2222222em; padding-right: .4444444em; padding-bottom: .2222222em; padding-left: .4444444em;} :where(code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: .8888889em;} :where(h2 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: .8666667em;} :where(h3 code):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: .875em;} :where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: .8888889em; line-height: 1.75; margin-top: 2em; margin-bottom: 2em; border-radius: .375rem; padding-top: 1em; padding-right: 1.5em; padding-bottom: 1em; padding-left: 1.5em;} :where(ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-left: 1.5555556em;} :where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.3333333em; margin-bottom: 1.3333333em; padding-left: 1.5555556em;} :where(li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: .6666667em; margin-bottom: .6666667em;} :where(ol > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-left: .4444444em;} :where(ul > li):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-left: .4444444em;} :where(.lg\:prose-lg > ul > li p):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: .8888889em; margin-bottom: .8888889em;} :where(.lg\:prose-lg > ul > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.3333333em;} :where(.lg\:prose-lg > ul > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-bottom: 1.3333333em;} :where(.lg\:prose-lg > ol > li > *:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.3333333em;} :where(.lg\:prose-lg > ol > li > *:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-bottom: 1.3333333em;} :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: .8888889em; margin-bottom: .8888889em;} :where(dl):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.3333333em; margin-bottom: 1.3333333em;} :where(dt):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.3333333em;} :where(dd):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: .6666667em; padding-left: 1.5555556em;} :where(hr):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 3.1111111em; margin-bottom: 3.1111111em;} :where(hr + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 0;} :where(h2 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 0;} :where(h3 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 0;} :where(h4 + *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 0;} :where(table):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: .8888889em; line-height: 1.5;} :where(thead th):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-right: .75em; padding-bottom: .75em; padding-left: .75em;} :where(thead th:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-left: 0;} :where(thead th:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-right: 0;} :where(tbody td,tfoot td):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-top: .75em; padding-right: .75em; padding-bottom: .75em; padding-left: .75em;} :where(tbody td:first-child,tfoot td:first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-left: 0;} :where(tbody td:last-child,tfoot td:last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {padding-right: 0;} :where(figure):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 1.7777778em; margin-bottom: 1.7777778em;} :where(figure > *):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 0; margin-bottom: 0;} :where(figcaption):not(:where([class~="not-prose"],[class~="not-prose"] *)) {font-size: .8888889em; line-height: 1.5; margin-top: 1em;} :where(.lg\:prose-lg > :first-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-top: 0;} :where(.lg\:prose-lg > :last-child):not(:where([class~="not-prose"],[class~="not-prose"] *)) {margin-bottom: 0;}}} .lg\:mt-32 {@media (width >= 64rem) {margin-top: calc(var(--spacing) * 32);}} .lg\:block {@media (width >= 64rem) {display: block;}} .lg\:h-32 {@media (width >= 64rem) {height: calc(var(--spacing) * 32);}} .lg\:gap-4 {@media (width >= 64rem) {gap: calc(var(--spacing) * 4);}} .lg\:gap-5 {@media (width >= 64rem) {gap: calc(var(--spacing) * 5);}} .lg\:gap-6 {@media (width >= 64rem) {gap: calc(var(--spacing) * 6);}} .lg\:gap-8 {@media (width >= 64rem) {gap: calc(var(--spacing) * 8);}} .lg\:gap-10 {@media (width >= 64rem) {gap: calc(var(--spacing) * 10);}} .lg\:gap-12 {@media (width >= 64rem) {gap: calc(var(--spacing) * 12);}} .lg\:gap-18 {@media (width >= 64rem) {gap: calc(var(--spacing) * 18);}} .lg\:gap-x-8 {@media (width >= 64rem) {column-gap: calc(var(--spacing) * 8);}} .lg\:gap-x-20 {@media (width >= 64rem) {column-gap: calc(var(--spacing) * 20);}} .lg\:gap-y-20 {@media (width >= 64rem) {row-gap: calc(var(--spacing) * 20);}} .lg\:rounded-3xl {@media (width >= 64rem) {border-radius: var(--radius-3xl);}} .lg\:px-8 {@media (width >= 64rem) {padding-inline: calc(var(--spacing) * 8);}} .lg\:py-3\.5 {@media (width >= 64rem) {padding-block: calc(var(--spacing) * 3.5);}} .lg\:text-2xl {@media (width >= 64rem) {font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height));}} .lg\:text-3xl {@media (width >= 64rem) {font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height));}} .lg\:text-7xl {@media (width >= 64rem) {font-size: var(--text-7xl); line-height: var(--tw-leading, var(--text-7xl--line-height));}} .lg\:text-8xl {@media (width >= 64rem) {font-size: var(--text-8xl); line-height: var(--tw-leading, var(--text-8xl--line-height));}} .lg\:text-base\/5 {@media (width >= 64rem) {font-size: var(--text-base); line-height: calc(var(--spacing) * 5);}} .lg\:text-lg {@media (width >= 64rem) {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));}} .lg\:text-lg\/6 {@media (width >= 64rem) {font-size: var(--text-lg); line-height: calc(var(--spacing) * 6);}} .lg\:text-sm {@media (width >= 64rem) {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));}} .lg\:text-xl {@media (width >= 64rem) {font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height));}} .lg\:text-xl\/6 {@media (width >= 64rem) {font-size: var(--text-xl); line-height: calc(var(--spacing) * 6);}} .lg\:text-\[24vw\] {@media (width >= 64rem) {font-size: 24vw;}} .lg\:font-semibold {@media (width >= 64rem) {--tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold);}} .lg\:shadow-2xl {@media (width >= 64rem) {--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / .25)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}} .lg\:before\:absolute {@media (width >= 64rem) {&::before {content: var(--tw-content); position: absolute;}}} .lg\:before\:-translate-x-5 {@media (width >= 64rem) {&::before {content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * -5); translate: var(--tw-translate-x) var(--tw-translate-y);}}} .\@sm\:mt-1 {@container (width >= 24rem) {margin-top: calc(var(--spacing) * 1);}} .\@sm\:size-auto {@container (width >= 24rem) {width: auto; height: auto;}} .\@sm\:flex-col {@container (width >= 24rem) {flex-direction: column;}} .\@sm\:rounded-sm {@container (width >= 24rem) {border-radius: var(--radius-sm);}} .\@sm\:bg-gray-100 {@container (width >= 24rem) {background-color: var(--color-gray-100);}} .\@sm\:bg-gray-600 {@container (width >= 24rem) {background-color: var(--color-gray-600);}} .\@sm\:px-0 {@container (width >= 24rem) {padding-inline: calc(var(--spacing) * 0);}} .\@sm\:px-1 {@container (width >= 24rem) {padding-inline: calc(var(--spacing) * 1);}} .\@sm\:py-0\.5 {@container (width >= 24rem) {padding-block: calc(var(--spacing) * .5);}} .\@sm\:text-\[0\.675rem\] {@container (width >= 24rem) {font-size: .675rem;}} .\@md\:block {@container (width >= 28rem) {display: block;}} .\@md\:size-7 {@container (width >= 28rem) {width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7);}} .\@md\:min-h-28 {@container (width >= 28rem) {min-height: calc(var(--spacing) * 28);}} .\@md\:text-sm {@container (width >= 28rem) {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));}} .\@md\:text-xs {@container (width >= 28rem) {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));}} .dark\:bg-gray-950 {@media (prefers-color-scheme: dark) {background-color: var(--color-gray-950);}} .prose-blockquote\:rounded-lg {& :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {border-radius: var(--radius-lg);}} .prose-blockquote\:border-sky-400 {& :is(:where(blockquote):not(:where([class~="not-prose"],[class~="not-prose"] *))) {border-color: var(--color-sky-400);}} .prose-pre\:border {& :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {border-style: var(--tw-border-style); border-width: 1px;}} .prose-pre\:border-slate-200\/40 {& :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {border-color: color-mix(in srgb,oklch(92.9% .013 255.508) 40%,transparent); @supports (color: color-mix(in lab,red,red)) {border-color: color-mix(in oklab,var(--color-slate-200) 40%,transparent);}}} .prose-pre\:bg-slate-100\/40 {& :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {background-color: color-mix(in srgb,oklch(96.8% .007 247.896) 40%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-slate-100) 40%,transparent);}}} .prose-pre\:bg-slate-200\/30 {& :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {background-color: color-mix(in srgb,oklch(92.9% .013 255.508) 30%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-slate-200) 30%,transparent);}}} .prose-pre\:text-slate-800 {& :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {color: var(--color-slate-800);}} .lg\:prose-pre\:rounded-xl {@media (width >= 64rem) {& :is(:where(pre):not(:where([class~="not-prose"],[class~="not-prose"] *))) {border-radius: var(--radius-xl);}}} .prose-ul\:pl-4 {& :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) {padding-left: calc(var(--spacing) * 4);}} .prose-ul\:pl-5 {& :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) {padding-left: calc(var(--spacing) * 5);}} .lg\:prose-ul\:pl-4 {@media (width >= 64rem) {& :is(:where(ul):not(:where([class~="not-prose"],[class~="not-prose"] *))) {padding-left: calc(var(--spacing) * 4);}}} .prose-img\:mx-auto {& :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {margin-inline: auto;}} .prose-img\:w-full {& :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {width: 100%;}} .prose-img\:max-w-3xl {& :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {max-width: var(--container-3xl);}} .prose-img\:rounded-lg {& :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {border-radius: var(--radius-lg);}} .prose-img\:border {& :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {border-style: var(--tw-border-style); border-width: 1px;}} .prose-img\:border-slate-100 {& :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {border-color: var(--color-slate-100);}} .prose-img\:p-2 {& :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {padding: calc(var(--spacing) * 2);}} .prose-img\:ring-1 {& :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {--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);}} .prose-img\:ring-slate-300\/50 {& :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {--tw-ring-color: color-mix(in srgb,oklch(86.9% .022 252.894) 50%,transparent); @supports (color: color-mix(in lab,red,red)) {--tw-ring-color: color-mix(in oklab,var(--color-slate-300) 50%,transparent);}}} .prose-img\:ring-offset-2 {& :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {--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);}} .\[\&_a\]\:no-underline {& a {text-decoration-line: none;}} .active\:\[\&_svg\]\:scale-105 {&:active {& svg {--tw-scale-x: 105%; --tw-scale-y: 105%; --tw-scale-z: 105%; scale: var(--tw-scale-x) var(--tw-scale-y);}}} .\[\&\:\:-webkit-details-marker\]\:hidden {&::-webkit-details-marker {display: none;}} .\[\&\:not\(\:has\(b\)\)\]\:font-bold {&:not(:has(b)) {--tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);}} .\[\&\>\*\]\:block {&>* {display: block;}} .\[\&\>\*\]\:truncate {&>* {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}} .\[\&\>\*\]\:border-r {&>* {border-right-style: var(--tw-border-style); border-right-width: 1px;}} .\[\&\>\*\]\:border-b {&>* {border-bottom-style: var(--tw-border-style); border-bottom-width: 1px;}} .\[\&\>\*\]\:border-gray-200 {&>* {border-color: var(--color-gray-200);}} .\[\&\>\*\]\:border-gray-700 {&>* {border-color: var(--color-gray-700);}} .\[\&\>\*\]\:px-3 {&>* {padding-inline: calc(var(--spacing) * 3);}} .\[\&\>\*\]\:py-1\.5 {&>* {padding-block: calc(var(--spacing) * 1.5);}} .\[\&\>\*\]\:opacity-50 {&>* {opacity: 50%;}} .\[\&\>\*\:nth-child\(-n\+7\)\]\:border-t-0 {&>*:nth-child(-n+7) {border-top-style: var(--tw-border-style); border-top-width: 0px;}} .\[\&\>\*\:nth-child\(7n\)\]\:border-r-0 {&>*:nth-child(7n) {border-right-style: var(--tw-border-style); border-right-width: 0px;}} .\[\&\>\*\:nth-child\(7n-6\)\]\:border-l-0 {&>*:nth-child(7n-6) {border-left-style: var(--tw-border-style); border-left-width: 0px;}} .\[\&\>\*\:nth-last-child\(-n\+7\)\]\:border-b-0 {&>*:nth-last-child(-n+7) {border-bottom-style: var(--tw-border-style); border-bottom-width: 0px;}} .\[\&\>a\]\:block {&>a {display: block;}} .\[\&\>a\]\:flex {&>a {display: flex;}} .\[\&\>a\]\:w-full {&>a {width: 100%;}} .\[\&\>a\]\:items-center {&>a {align-items: center;}} .\[\&\>a\]\:rounded-md {&>a {border-radius: var(--radius-md);}} .\[\&\>a\]\:rounded-sm {&>a {border-radius: var(--radius-sm);}} .\[\&\>a\]\:bg-sky-50 {&>a {background-color: var(--color-sky-50);}} .\[\&\>a\]\:bg-sky-500 {&>a {background-color: var(--color-sky-500);}} .\[\&\>a\]\:bg-sky-900\/60 {&>a {background-color: color-mix(in srgb,oklch(39.1% .09 240.876) 60%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-sky-900) 60%,transparent);}}} .\[\&\>a\]\:px-3 {&>a {padding-inline: calc(var(--spacing) * 3);}} .\[\&\>a\]\:py-1 {&>a {padding-block: calc(var(--spacing) * 1);}} .\[\&\>a\]\:text-sm {&>a {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));}} .\[\&\>a\]\:text-xs {&>a {font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height));}} .\[\&\>a\]\:font-semibold {&>a {--tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold);}} .\[\&\>a\]\:text-gray-600 {&>a {color: var(--color-gray-600);}} .\[\&\>a\]\:text-sky-300 {&>a {color: var(--color-sky-300);}} .\[\&\>a\]\:text-sky-500 {&>a {color: var(--color-sky-500);}} .\[\&\>a\]\:text-white {&>a {color: var(--color-white);}} .\[\&\>a\]\:after\:ml-2 {&>a {&::after {content: var(--tw-content); margin-left: calc(var(--spacing) * 2);}}} .\[\&\>a\]\:after\:font-medium {&>a {&::after {content: var(--tw-content); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);}}} .\[\&\>a\]\:after\:text-gray-400 {&>a {&::after {content: var(--tw-content); color: var(--color-gray-400);}}} .\[\&\>a\]\:after\:content-\[\'\/\'\] {&>a {&::after {content: var(--tw-content); --tw-content: "/"; content: var(--tw-content);}}} .\[\&\>a\]\:hover\:bg-gray-50 {&>a {&:hover {@media (hover: hover) {background-color: var(--color-gray-50);}}}} .\[\&\>a\]\:hover\:bg-gray-900 {&>a {&:hover {@media (hover: hover) {background-color: var(--color-gray-900);}}}} .hover\:\[\&\>a\]\:bg-gray-50 {&:hover {@media (hover: hover) {&>a {background-color: var(--color-gray-50);}}}} .hover\:\[\&\>a\]\:bg-gray-100 {&:hover {@media (hover: hover) {&>a {background-color: var(--color-gray-100);}}}} .hover\:\[\&\>a\]\:bg-gray-900 {&:hover {@media (hover: hover) {&>a {background-color: var(--color-gray-900);}}}} .hover\:\[\&\>a\]\:bg-gray-950 {&:hover {@media (hover: hover) {&>a {background-color: var(--color-gray-950);}}}} .hover\:\[\&\>a\]\:bg-sky-50 {&:hover {@media (hover: hover) {&>a {background-color: var(--color-sky-50);}}}} .hover\:\[\&\>a\]\:bg-sky-600 {&:hover {@media (hover: hover) {&>a {background-color: var(--color-sky-600);}}}} .hover\:\[\&\>a\]\:bg-sky-900\/60 {&:hover {@media (hover: hover) {&>a {background-color: color-mix(in srgb,oklch(39.1% .09 240.876) 60%,transparent); @supports (color: color-mix(in lab,red,red)) {background-color: color-mix(in oklab,var(--color-sky-900) 60%,transparent);}}}}} .hover\:\[\&\>a\]\:text-gray-100 {&:hover {@media (hover: hover) {&>a {color: var(--color-gray-100);}}}} .hover\:\[\&\>a\]\:text-gray-800 {&:hover {@media (hover: hover) {&>a {color: var(--color-gray-800);}}}} .hover\:\[\&\>a\]\:text-sky-300 {&:hover {@media (hover: hover) {&>a {color: var(--color-sky-300);}}}} .hover\:\[\&\>a\]\:text-sky-500 {&:hover {@media (hover: hover) {&>a {color: var(--color-sky-500);}}}} .max-md\:\[\&\>a\]\:py-2 {@media (width < 48rem) {&>a {padding-block: calc(var(--spacing) * 2);}}} .\[\&\>b\]\:font-bold {&>b {--tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);}} .\[\&\>b\]\:font-medium {&>b {--tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);}} .\[\&\>form\]\:mt-1 {&>form {margin-top: calc(var(--spacing) * 1);}} .lg\:\[\&\>form\]\:flex-col {@media (width >= 64rem) {&>form {flex-direction: column;}}} .\[\&\>h2\]\:mt-6 {&>h2 {margin-top: calc(var(--spacing) * 6);}} .\[\&\>h2\]\:text-2xl {&>h2 {font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height));}} .\[\&\>h2\]\:text-lg {&>h2 {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));}} .\[\&\>h2\]\:font-bold {&>h2 {--tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold);}} .\[\&\>h2\~p\]\:mt-2 {&>h2~p {margin-top: calc(var(--spacing) * 2);}} .\[\&\>h3\]\:mt-6 {&>h3 {margin-top: calc(var(--spacing) * 6);}} .\[\&\>h3\]\:text-lg {&>h3 {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));}} .\[\&\>h3\]\:font-medium {&>h3 {--tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);}} .\[\&\>li\]\:flex {&>li {display: flex;}} .\[\&\>li\]\:py-1 {&>li {padding-block: calc(var(--spacing) * 1);}} .\[\&\>li\]\:py-3 {&>li {padding-block: calc(var(--spacing) * 3);}} .\[\&\>li\]\:after\:ml-2 {&>li {&::after {content: var(--tw-content); margin-left: calc(var(--spacing) * 2);}}} .\[\&\>li\]\:after\:font-medium {&>li {&::after {content: var(--tw-content); --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium);}}} .\[\&\>li\]\:after\:text-gray-400 {&>li {&::after {content: var(--tw-content); color: var(--color-gray-400);}}} .\[\&\>li\:not\(\:last-child\)\]\:after\:content-\[\'\203a\'\] {&>li:not(:last-child) {&::after {content: var(--tw-content); --tw-content: "\203a"; content: var(--tw-content);}}} .\[\&\>li\>a\]\:block {&>li>a {display: block;}} .\[\&\>li\>a\]\:text-gray-600 {&>li>a {color: var(--color-gray-600);}} .hover\:\[\&\>li\>a\]\:text-gray-800 {&:hover {@media (hover: hover) {&>li>a {color: var(--color-gray-800);}}}} .\[\&\>li\>span\]\:ring-2 {&>li>span {--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);}} .\[\&\>li\>span\]\:ring-white {&>li>span {--tw-ring-color: var(--color-white);}} .\[\&\>ol\]\:mt-6 {&>ol {margin-top: calc(var(--spacing) * 6);}} .\[\&\>ol\]\:list-decimal {&>ol {list-style-type: decimal;}} .\[\&\>ol\]\:pl-4 {&>ol {padding-left: calc(var(--spacing) * 4);}} .\[\&\>p\]\:mt-6 {&>p {margin-top: calc(var(--spacing) * 6);}} .\[\&\>p\]\:text-lg {&>p {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));}} .\[\&\>p\>a\]\:no-underline {&>p>a {text-decoration-line: none;}} .\[\&\>p\>code\]\:text-sm {&>p>code {font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height));}} .\[\&\>p\>code\]\:font-semibold {&>p>code {--tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold);}} .\[\&\>span\:first-child\]\:bg-indigo-500 {&>span:first-child {background-color: var(--color-indigo-500);}} .\[\&\>svg\]\:sticky {&>svg {position: sticky;}} .\[\&\>svg\]\:top-0 {&>svg {top: calc(var(--spacing) * 0);}} .\[\&\>svg\]\:right-0 {&>svg {right: calc(var(--spacing) * 0);}} .\[\&\>svg\]\:z-10 {&>svg {z-index: 10;}} .\[\&\>svg\]\:h-4 {&>svg {height: calc(var(--spacing) * 4);}} .\[\&\>svg\]\:w-4 {&>svg {width: calc(var(--spacing) * 4);}} .\[\&\>svg\]\:rounded-full {&>svg {border-radius: Infinitypx;}} .\[\&\>svg\]\:rounded-full {&>svg {border-radius: 9999px;}} .\[\&\>svg\]\:bg-gray-100 {&>svg {background-color: var(--color-gray-100);}} .\[\&\>svg\]\:bg-slate-200 {&>svg {background-color: var(--color-slate-200);}} .\[\&\>svg\]\:p-px {&>svg {padding: 1px;}} .\[\&\>svg\]\:text-gray-600 {&>svg {color: var(--color-gray-600);}} .\[\&\>svg\]\:text-slate-900 {&>svg {color: var(--color-slate-900);}} .\[\&\>svg\]\:shadow-md {&>svg {--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)),0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1)); box-shadow: var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);}} .\[\&\>ul\]\:mt-6 {&>ul {margin-top: calc(var(--spacing) * 6);}} .\[\&\>ul\]\:list-decimal {&>ul {list-style-type: decimal;}} .\[\&\>ul\]\:pl-4 {&>ul {padding-left: calc(var(--spacing) * 4);}} .\[\&\>ul\]\:text-lg {&>ul {font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height));}}}@layer base{*,::after,::before,::backdrop,::file-selector-button {border-color: var(--color-gray-200, currentcolor);}}@layer base{a:not([class]) {text-decoration-line: underline;} a:not([class]):hover {text-decoration-line: none;} strong,b {--tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold);}}@layer components{details > summary:not([data-show=true]) {list-style: none;} details > summary:not([data-show=true])::-webkit-details-marker {display: none;} @keyframes bounceUp {0% {opacity: 0; transform: translateY(100%);} 60% {opacity: 1; transform: translateY(-20%);} 80% {transform: translateY(-5%);} 90% {transform: translateY(5%);} 100% {transform: translateY(0);}} @keyframes fall {to {transform: translateY(101vh);}} @keyframes waving {0% {transform-origin: 70% 70%; transform: rotate(0deg);} 10% {transform: rotate(14deg);} 20% {transform: rotate(-8deg);} 30% {transform: rotate(14deg);} 40% {transform: rotate(-4deg);} 50% {transform: rotate(10deg);} 60% {transform: rotate(0deg);} 100% {transform: rotate(0deg);}} @keyframes sparkle {0% {fill: transparent;} 50% {fill: #FFD700;} 100% {fill: transparent;}}}.animate-heartbeat{animation:heartbeat 2s ease infinite}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.highlight .hll{background-color:#ffc}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k,.highlight .o{color:#000;font-weight:700}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:700;font-style:italic}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:700;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .ge{color:#000;font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:700}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr{color:#000;font-weight:700}.highlight .kt{color:#458;font-weight:700}.highlight .m{color:#099}.highlight .s{color:#d01040}.highlight .na{color:teal}.highlight .nb{color:#0086b3}.highlight .nc{color:#458;font-weight:700}.highlight .no{color:teal}.highlight .nd{color:#3c5d5d;font-weight:700}.highlight .ni{color:purple}.highlight .ne,.highlight .nf,.highlight .nl{color:#900;font-weight:700}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{color:#000;font-weight:700}.highlight .w{color:#bbb}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#099}.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s2,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx{color:#d01040}.highlight .sr{color:#009926}.highlight .s1{color:#d01040}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc,.highlight .vg,.highlight .vi{color:teal}.highlight .il{color:#099}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@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-duration{syntax: "*"; inherits: false;}@property --tw-ease{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: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-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-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-divide-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-divide-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-gradient-position{syntax: "*"; inherits: false;}@property --tw-gradient-from{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: "*"; inherits: false;}@property --tw-gradient-via-stops{syntax: "*"; inherits: false;}@property --tw-gradient-from-position{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: "<length-percentage>"; inherits: false; initial-value: 100%;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-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-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-backdrop-blur{syntax: "*"; inherits: false;}@property --tw-backdrop-brightness{syntax: "*"; inherits: false;}@property --tw-backdrop-contrast{syntax: "*"; inherits: false;}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false;}@property --tw-backdrop-invert{syntax: "*"; inherits: false;}@property --tw-backdrop-opacity{syntax: "*"; inherits: false;}@property --tw-backdrop-saturate{syntax: "*"; inherits: false;}@property --tw-backdrop-sepia{syntax: "*"; inherits: false;}@property --tw-content{syntax: "*"; inherits: false; initial-value: "";}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes rollOver{0%,to{transform:perspective(300px) rotateX(0) rotateY(0)}50%{transform:perspective(300px) rotateX(359deg) rotateY(0)}}@keyframes bookFlipFromFlat{0%{transform:perspective(600px) rotateX(0) rotateY(0)}to{transform:perspective(600px) rotateX(60deg) rotateY(0)}}@keyframes movePencil{0%{transform:translate(0) translateY(0)}10%{transform:translate(2px) translateY(1px)}20%{transform:translate(3px) translateY(0)}30%{transform:translate(4px) translateY(.5px)}40%{transform:translate(5px) translateY(0)}50%{transform:translate(5px) translateY(.7px)}60%{transform:translate(4px) translateY(0)}70%{transform:translate(3px) translateY(1px)}80%{transform:translate(2px) translateY(0)}90%{transform:translate(1px) translateY(.8px)}to{transform:translate(0) translateY(0)}}@keyframes heartbeat{0%,to{transform:scale(1)}8%,28%{transform:scale(1.09)}16%,36%{transform:scale(1.02)}44%{transform:scale(1)}52%,72%{transform:scale(1.05)}60%,80%{transform:scale(1)}}@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-font-weight: initial; --tw-tracking: initial; --tw-border-style: solid; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-duration: initial; --tw-ease: 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-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-x-reverse: 0; --tw-divide-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-content: "";}}}
/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */