/* [project]/node_modules/@copilotkit/react-core/dist/v2/index.css [client] (css) */ @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 { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 rgba(0, 0, 0, 0); --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 rgba(0, 0, 0, 0); --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0); --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 rgba(0, 0, 0, 0); --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0); --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-contain-size: initial; --tw-contain-layout: initial; --tw-contain-paint: initial; --tw-contain-style: initial; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; } ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 rgba(0, 0, 0, 0); --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 rgba(0, 0, 0, 0); --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0); --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 rgba(0, 0, 0, 0); --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0); --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-contain-size: initial; --tw-contain-layout: initial; --tw-contain-paint: initial; --tw-contain-style: initial; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; } } } @layer theme { :root, :host { --cpk-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --cpk-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --cpk-color-red-50: #fef2f2; --cpk-color-red-200: #ffcaca; --cpk-color-red-700: #bf000f; --cpk-color-amber-50: #fffbeb; --cpk-color-amber-100: #fef3c6; --cpk-color-amber-200: #fee685; --cpk-color-amber-400: #fcbb00; --cpk-color-amber-500: #f99c00; --cpk-color-amber-700: #b75000; --cpk-color-amber-800: #953d00; --cpk-color-emerald-100: #d0fae5; --cpk-color-emerald-400: #00d294; --cpk-color-emerald-500: #00bb7f; --cpk-color-emerald-800: #005f46; --cpk-color-blue-500: #3080ff; --cpk-color-gray-50: #f9fafb; --cpk-color-gray-100: #f3f4f6; --cpk-color-gray-200: #e5e7eb; --cpk-color-gray-400: #99a1af; --cpk-color-gray-500: #6a7282; --cpk-color-gray-600: #4a5565; --cpk-color-gray-700: #364153; --cpk-color-gray-800: #1e2939; --cpk-color-gray-900: #101828; --cpk-color-zinc-50: #fafafa; --cpk-color-zinc-100: #f4f4f5; --cpk-color-zinc-200: #e4e4e7; --cpk-color-zinc-300: #d4d4d8; --cpk-color-zinc-400: #9f9fa9; --cpk-color-zinc-500: #71717b; --cpk-color-zinc-700: #3f3f46; --cpk-color-zinc-800: #27272a; --cpk-color-zinc-900: #18181b; --cpk-color-black: #000; --cpk-color-white: #fff; --cpk-spacing: .25rem; --cpk-container-3xl: 48rem; --cpk-text-xs: .75rem; --cpk-text-xs--line-height: calc(1 / .75); --cpk-text-sm: .875rem; --cpk-text-sm--line-height: calc(1.25 / .875); --cpk-text-base: 1rem; --cpk-text-base--line-height: calc(1.5 / 1); --cpk-text-xl: 1.25rem; --cpk-text-xl--line-height: calc(1.75 / 1.25); --cpk-text-2xl: 1.5rem; --cpk-text-2xl--line-height: calc(2 / 1.5); --cpk-font-weight-normal: 400; --cpk-font-weight-medium: 500; --cpk-font-weight-semibold: 600; --cpk-font-weight-bold: 700; --cpk-tracking-tight: -.025em; --cpk-tracking-wide: .025em; --cpk-tracking-widest: .1em; --cpk-leading-tight: 1.25; --cpk-leading-relaxed: 1.625; --cpk-radius-2xl: 1rem; --cpk-ease-out: cubic-bezier(0, 0, .2, 1); --cpk-ease-in-out: cubic-bezier(.4, 0, .2, 1); --cpk-animate-spin: spin 1s linear infinite; --cpk-animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --cpk-default-transition-duration: .15s; --cpk-default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --cpk-default-font-family: var(--cpk-font-sans); --cpk-default-mono-font-family: var(--cpk-font-mono); --cpk-animate-pulse-cursor: pulse-cursor .9s cubic-bezier(.4, 0, .2, 1) infinite; } @supports (color: color(display-p3 0 0 0)) { :root, :host { --cpk-color-red-50: color(display-p3 .988669 .951204 .950419); --cpk-color-red-200: color(display-p3 .969562 .798149 .794299); --cpk-color-red-700: color(display-p3 .692737 .116232 .104679); --cpk-color-amber-50: color(display-p3 .997804 .985047 .926312); --cpk-color-amber-100: color(display-p3 .989391 .954583 .796328); --cpk-color-amber-200: color(display-p3 .979824 .904554 .57325); --cpk-color-amber-400: color(display-p3 .959186 .738519 .118268); --cpk-color-amber-500: color(display-p3 .93994 .620584 .0585367); --cpk-color-amber-700: color(display-p3 .67989 .32771 .0520514); --cpk-color-amber-800: color(display-p3 .547533 .256058 .0728326); --cpk-color-emerald-100: color(display-p3 .848335 .975974 .901691); --cpk-color-emerald-400: color(display-p3 .334701 .819603 .591575); --cpk-color-emerald-500: color(display-p3 .267113 .726847 .508397); --cpk-color-emerald-800: color(display-p3 .135396 .371401 .277561); --cpk-color-blue-500: color(display-p3 .266422 .491219 .988624); --cpk-color-gray-50: color(display-p3 .977213 .98084 .985102); --cpk-color-gray-100: color(display-p3 .953567 .956796 .964321); --cpk-color-gray-200: color(display-p3 .899787 .906171 .92106); --cpk-color-gray-400: color(display-p3 .605734 .630385 .680158); --cpk-color-gray-500: color(display-p3 .421287 .446085 .504784); --cpk-color-gray-600: color(display-p3 .297358 .332176 .39043); --cpk-color-gray-700: color(display-p3 .219968 .253721 .318679); --cpk-color-gray-800: color(display-p3 .125854 .159497 .216835); --cpk-color-gray-900: color(display-p3 .070423 .0928982 .151928); --cpk-color-zinc-50: color(display-p3 .980256 .980256 .980256); --cpk-color-zinc-100: color(display-p3 .956385 .956385 .959079); --cpk-color-zinc-200: color(display-p3 .894477 .894477 .905114); --cpk-color-zinc-300: color(display-p3 .831087 .831083 .846819); --cpk-color-zinc-400: color(display-p3 .622604 .622563 .659842); --cpk-color-zinc-500: color(display-p3 .442983 .442931 .480324); --cpk-color-zinc-700: color(display-p3 .246478 .246448 .273934); --cpk-color-zinc-800: color(display-p3 .152895 .152887 .16466); --cpk-color-zinc-900: color(display-p3 .0937957 .093793 .104806); } } @supports (color: lab(0% 0 0)) { :root, :host { --cpk-color-red-50: lab(96.5005% 4.18508 1.52328); --cpk-color-red-200: lab(86.017% 19.8815 7.75869); --cpk-color-red-700: lab(40.4273% 67.2623 53.7441); --cpk-color-amber-50: lab(98.6252% -.635922 8.42309); --cpk-color-amber-100: lab(95.916% -1.21653 23.111); --cpk-color-amber-200: lab(91.7203% -.505269 49.9084); --cpk-color-amber-400: lab(80.1641% 16.6016 99.2089); --cpk-color-amber-500: lab(72.7183% 31.8672 97.9407); --cpk-color-amber-700: lab(47.2709% 42.9082 69.2966); --cpk-color-amber-800: lab(37.8822% 37.1699 52.2718); --cpk-color-emerald-100: lab(94.9004% -17.0769 5.63836); --cpk-color-emerald-400: lab(75.0771% -60.7313 19.4147); --cpk-color-emerald-500: lab(66.9756% -58.27 19.5419); --cpk-color-emerald-800: lab(35.3675% -33.1188 8.04002); --cpk-color-blue-500: lab(54.1736% 13.3369 -74.6839); --cpk-color-gray-50: lab(98.2596% -.247031 -.706708); --cpk-color-gray-100: lab(96.1596% -.0823438 -1.13575); --cpk-color-gray-200: lab(91.6229% -.159115 -2.26791); --cpk-color-gray-400: lab(65.9269% -.832707 -8.17473); --cpk-color-gray-500: lab(47.7841% -.393182 -10.0268); --cpk-color-gray-600: lab(35.6337% -1.58697 -10.8425); --cpk-color-gray-700: lab(27.1134% -.956401 -12.3224); --cpk-color-gray-800: lab(16.1051% -1.18239 -11.7533); --cpk-color-gray-900: lab(8.11897% .811279 -12.254); --cpk-color-zinc-50: lab(98.26% 0 0); --cpk-color-zinc-100: lab(96.1634% .0993311 -.364041); --cpk-color-zinc-200: lab(90.6853% .399232 -1.45452); --cpk-color-zinc-300: lab(84.9837% .601262 -2.17986); --cpk-color-zinc-400: lab(65.6464% 1.53497 -5.42429); --cpk-color-zinc-500: lab(47.8878% 1.65477 -5.77283); --cpk-color-zinc-700: lab(26.8019% 1.35387 -4.68303); --cpk-color-zinc-800: lab(15.7305% .613764 -2.16959); --cpk-color-zinc-900: lab(8.30603% .618205 -2.16572); } } } @layer base { [data-copilotkit], [data-copilotkit] *, [data-copilotkit] :after, [data-copilotkit] :before { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } [data-copilotkit] ::-webkit-file-upload-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } [data-copilotkit] ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } [data-copilotkit], [data-copilotkit] { -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; line-height: 1.5; font-family: var(--cpk-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--cpk-default-font-feature-settings, normal); font-variation-settings: var(--cpk-default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } [data-copilotkit] hr, hr[data-copilotkit] { height: 0; color: inherit; border-top-width: 1px; } [data-copilotkit] abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } abbr:where([title])[data-copilotkit] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } [data-copilotkit] h1, h1[data-copilotkit], [data-copilotkit] h2, h2[data-copilotkit], [data-copilotkit] h3, h3[data-copilotkit], [data-copilotkit] h4, h4[data-copilotkit], [data-copilotkit] h5, h5[data-copilotkit], [data-copilotkit] h6, h6[data-copilotkit] { font-size: inherit; font-weight: inherit; } [data-copilotkit] a, a[data-copilotkit] { color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } [data-copilotkit] b, b[data-copilotkit], [data-copilotkit] strong, strong[data-copilotkit] { font-weight: bolder; } [data-copilotkit] code, code[data-copilotkit], [data-copilotkit] kbd, kbd[data-copilotkit], [data-copilotkit] samp, samp[data-copilotkit], [data-copilotkit] pre, pre[data-copilotkit] { font-family: var(--cpk-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--cpk-default-mono-font-feature-settings, normal); font-variation-settings: var(--cpk-default-mono-font-variation-settings, normal); font-size: 1em; } [data-copilotkit] small, small[data-copilotkit] { font-size: 80%; } [data-copilotkit] sub, sub[data-copilotkit], [data-copilotkit] sup, sup[data-copilotkit] { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } [data-copilotkit] sub, sub[data-copilotkit] { bottom: -.25em; } [data-copilotkit] sup, sup[data-copilotkit] { top: -.5em; } [data-copilotkit] table, table[data-copilotkit] { text-indent: 0; border-color: inherit; border-collapse: collapse; } [data-copilotkit] :-moz-focusring { outline: auto; } [data-copilotkit] progress, progress[data-copilotkit] { vertical-align: baseline; } [data-copilotkit] summary, summary[data-copilotkit] { display: list-item; } [data-copilotkit] ol, ol[data-copilotkit], [data-copilotkit] ul, ul[data-copilotkit], [data-copilotkit] menu, menu[data-copilotkit] { list-style: none; } [data-copilotkit] img, img[data-copilotkit], [data-copilotkit] svg, svg[data-copilotkit], [data-copilotkit] video, video[data-copilotkit], [data-copilotkit] canvas, canvas[data-copilotkit], [data-copilotkit] audio, audio[data-copilotkit], [data-copilotkit] iframe, iframe[data-copilotkit], [data-copilotkit] embed, embed[data-copilotkit], [data-copilotkit] object, object[data-copilotkit] { vertical-align: middle; display: block; } [data-copilotkit] img, img[data-copilotkit], [data-copilotkit] video, video[data-copilotkit] { max-width: 100%; height: auto; } [data-copilotkit] button, button[data-copilotkit], [data-copilotkit] input, input[data-copilotkit], [data-copilotkit] select, select[data-copilotkit], [data-copilotkit] optgroup, optgroup[data-copilotkit], [data-copilotkit] textarea, textarea[data-copilotkit] { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0; } [data-copilotkit] ::-webkit-file-upload-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0; } [data-copilotkit] ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0; } [data-copilotkit] :where(select:-webkit-any([multiple], [size])) optgroup { font-weight: bolder; } [data-copilotkit] :where(select:-moz-any([multiple], [size])) optgroup { font-weight: bolder; } [data-copilotkit] :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } [data-copilotkit] :where(select:-webkit-any([multiple], [size])) optgroup option:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 20px; } [data-copilotkit] :where(select:-moz-any([multiple], [size])) optgroup option:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 20px; } [data-copilotkit] :where(select:is([multiple], [size])) optgroup option:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 20px; } [data-copilotkit] :where(select:-webkit-any([multiple], [size])) optgroup option:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 20px; } [data-copilotkit] :where(select:-moz-any([multiple], [size])) optgroup option:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 20px; } [data-copilotkit] :where(select:is([multiple], [size])) optgroup option:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 20px; } [data-copilotkit] :not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-webkit-file-upload-button { margin-right: 4px; } [data-copilotkit] :not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button { margin-right: 4px; } [data-copilotkit] :not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button { margin-right: 4px; } [data-copilotkit] :-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-webkit-file-upload-button { margin-left: 4px; } [data-copilotkit] :-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button { margin-left: 4px; } [data-copilotkit] :is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button { margin-left: 4px; } [data-copilotkit] ::placeholder { opacity: 1; } @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) { [data-copilotkit] ::placeholder { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { [data-copilotkit] ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } } [data-copilotkit] textarea, textarea[data-copilotkit] { resize: vertical; } [data-copilotkit] ::-webkit-search-decoration { -webkit-appearance: none; } [data-copilotkit] ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } [data-copilotkit] ::-webkit-datetime-edit { display: inline-flex; } [data-copilotkit] ::-webkit-datetime-edit-fields-wrapper { padding: 0; } [data-copilotkit] ::-webkit-datetime-edit { padding-top: 0; padding-bottom: 0; } [data-copilotkit] ::-webkit-datetime-edit-year-field { padding-top: 0; padding-bottom: 0; } [data-copilotkit] ::-webkit-datetime-edit-month-field { padding-top: 0; padding-bottom: 0; } [data-copilotkit] ::-webkit-datetime-edit-day-field { padding-top: 0; padding-bottom: 0; } [data-copilotkit] ::-webkit-datetime-edit-hour-field { padding-top: 0; padding-bottom: 0; } [data-copilotkit] ::-webkit-datetime-edit-minute-field { padding-top: 0; padding-bottom: 0; } [data-copilotkit] ::-webkit-datetime-edit-second-field { padding-top: 0; padding-bottom: 0; } [data-copilotkit] ::-webkit-datetime-edit-millisecond-field { padding-top: 0; padding-bottom: 0; } [data-copilotkit] ::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } [data-copilotkit] ::-webkit-calendar-picker-indicator { line-height: 1; } [data-copilotkit] :-moz-ui-invalid { box-shadow: none; } [data-copilotkit] button, button[data-copilotkit] { -webkit-appearance: button; -moz-appearance: button; appearance: button; } [data-copilotkit] input:where([type="button"], [type="reset"], [type="submit"]) { -webkit-appearance: button; -moz-appearance: button; appearance: button; } input:where([type="button"], [type="reset"], [type="submit"])[data-copilotkit] { -webkit-appearance: button; -moz-appearance: button; appearance: button; } [data-copilotkit] ::-webkit-file-upload-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; } [data-copilotkit] ::file-selector-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; } [data-copilotkit] ::-webkit-inner-spin-button { height: auto; } [data-copilotkit] ::-webkit-outer-spin-button { height: auto; } [data-copilotkit] [hidden]:where(:not([hidden="until-found"])) { display: none !important; } [hidden]:where(:not([hidden="until-found"]))[data-copilotkit] { display: none !important; } [data-copilotkit], [data-copilotkit] * { border-color: var(--border); outline-color: var(--ring); } @supports (color: color-mix(in lab, red, red)) { [data-copilotkit], [data-copilotkit] * { outline-color: color-mix(in oklab, var(--ring) 50%, transparent); } } [data-copilotkit] { color: var(--foreground); background-color: var(--background); } @supports (height: 100dvh) { [data-copilot-sidebar] { height: 100dvh; } } @media (min-width: 768px) { [data-copilot-sidebar] { width: var(--sidebar-width, 480px) !important; } } @media (max-width: 767px) { [data-copilot-sidebar] { -webkit-overflow-scrolling: touch; width: 100% !important; } [data-sidebar-chat] { touch-action: pan-y; } } } @layer components; @layer utilities { .cpk\:pointer-events-auto { pointer-events: auto; } .cpk\:pointer-events-none { pointer-events: none; } .cpk\:invisible { visibility: hidden; } .cpk\:absolute { position: absolute; } .cpk\:fixed { position: fixed; } .cpk\:relative { position: relative; } .cpk\:inset-0 { inset: calc(var(--cpk-spacing) * 0); } .cpk\:inset-x-0 { inset-inline: calc(var(--cpk-spacing) * 0); } .cpk\:top-0 { top: calc(var(--cpk-spacing) * 0); } .cpk\:top-1 { top: calc(var(--cpk-spacing) * 1); } .cpk\:top-1\.5 { top: calc(var(--cpk-spacing) * 1.5); } .cpk\:top-4 { top: calc(var(--cpk-spacing) * 4); } .cpk\:right-0 { right: calc(var(--cpk-spacing) * 0); } .cpk\:right-1 { right: calc(var(--cpk-spacing) * 1); } .cpk\:right-1\.5 { right: calc(var(--cpk-spacing) * 1.5); } .cpk\:right-4 { right: calc(var(--cpk-spacing) * 4); } .cpk\:right-6 { right: calc(var(--cpk-spacing) * 6); } .cpk\:right-auto { right: auto; } .cpk\:bottom-0 { bottom: calc(var(--cpk-spacing) * 0); } .cpk\:bottom-6 { bottom: calc(var(--cpk-spacing) * 6); } .cpk\:bottom-full { bottom: 100%; } .cpk\:left-0 { left: calc(var(--cpk-spacing) * 0); } .cpk\:left-2 { left: calc(var(--cpk-spacing) * 2); } .cpk\:left-6 { left: calc(var(--cpk-spacing) * 6); } .cpk\:z-10 { z-index: 10; } .cpk\:z-20 { z-index: 20; } .cpk\:z-30 { z-index: 30; } .cpk\:z-50 { z-index: 50; } .cpk\:z-\[1100\] { z-index: 1100; } .cpk\:z-\[1200\] { z-index: 1200; } .cpk\:z-\[9999\] { z-index: 9999; } .cpk\:col-span-3 { grid-column: span 3 / span 3; } .cpk\:col-start-1 { grid-column-start: 1; } .cpk\:col-start-2 { grid-column-start: 2; } .cpk\:col-start-3 { grid-column-start: 3; } .cpk\:row-start-1 { grid-row-start: 1; } .cpk\:row-start-2 { grid-row-start: 2; } .cpk\:m-0 { margin: calc(var(--cpk-spacing) * 0); } .cpk\:m-2 { margin: calc(var(--cpk-spacing) * 2); } .cpk\:-mx-1 { margin-inline: calc(var(--cpk-spacing) * -1); } .cpk\:mx-auto { margin-left: auto; margin-right: auto; } .cpk\:my-1 { margin-block: calc(var(--cpk-spacing) * 1); } .cpk\:prose { color: var(--tw-prose-body); max-width: 65ch; } .cpk\:prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .cpk\:prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-lead); margin-top: 1.2em; margin-bottom: 1.2em; font-size: 1.25em; line-height: 1.6; } .cpk\:prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-links); font-weight: 500; text-decoration: underline; } .cpk\:prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } .cpk\:prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .cpk\:prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .cpk\:prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .cpk\:prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; list-style-type: decimal; } .cpk\:prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.625em; } .cpk\:prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.625em; } .cpk\:prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.625em; } .cpk\:prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 1.625em; } .cpk\:prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 1.625em; } .cpk\:prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 1.625em; } .cpk\:prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; } .cpk\:prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; } .cpk\:prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; } .cpk\:prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; } .cpk\:prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; } .cpk\:prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; } .cpk\:prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; } .cpk\:prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; } .cpk\:prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: decimal; } .cpk\:prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; list-style-type: disc; } .cpk\:prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.625em; } .cpk\:prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.625em; } .cpk\:prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.625em; } .cpk\:prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 1.625em; } .cpk\:prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 1.625em; } .cpk\:prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 1.625em; } .cpk\:prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-counters); font-weight: 400; } .cpk\:prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } .cpk\:prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.25em; font-weight: 600; } .cpk\:prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } .cpk\:prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-quotes); quotes: "“""”""‘""’"; margin-top: 1.6em; margin-bottom: 1.6em; font-style: italic; font-weight: 500; } .cpk\:prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-left-width: .25rem; border-left-color: var(--tw-prose-quote-borders); padding-left: 1em; } .cpk\:prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-left-width: .25rem; border-left-color: var(--tw-prose-quote-borders); padding-left: 1em; } .cpk\:prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-left-width: .25rem; border-left-color: var(--tw-prose-quote-borders); padding-left: 1em; } .cpk\:prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-right-width: .25rem; border-right-color: var(--tw-prose-quote-borders); padding-right: 1em; } .cpk\:prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-right-width: .25rem; border-right-color: var(--tw-prose-quote-borders); padding-right: 1em; } .cpk\:prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-right-width: .25rem; border-right-color: var(--tw-prose-quote-borders); padding-right: 1em; } .cpk\:prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before { content: open-quote; } .cpk\:prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: close-quote; } .cpk\:prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 0; margin-bottom: .888889em; font-size: 2.25em; font-weight: 800; line-height: 1.11111; } .cpk\:prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 900; } .cpk\:prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 2em; margin-bottom: 1em; font-size: 1.5em; font-weight: 700; line-height: 1.33333; } .cpk\:prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 800; } .cpk\:prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.6em; margin-bottom: .6em; font-size: 1.25em; font-weight: 600; line-height: 1.6; } .cpk\:prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 700; } .cpk\:prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.5em; margin-bottom: .5em; font-weight: 600; line-height: 1.5; } .cpk\:prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 700; } .cpk\:prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .cpk\:prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; display: block; } .cpk\:prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .cpk\:prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-kbd); box-shadow: 0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); padding-top: .1875em; padding-bottom: .1875em; border-radius: .3125rem; font-family: inherit; font-size: .875em; font-weight: 500; } .cpk\:prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .375em; padding-right: .375em; } .cpk\:prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .375em; padding-right: .375em; } .cpk\:prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .375em; padding-right: .375em; } .cpk\:prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: .375em; padding-right: .375em; } .cpk\:prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: .375em; padding-right: .375em; } .cpk\:prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: .375em; padding-right: .375em; } .cpk\:prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-code); font-size: .875em; font-weight: 600; } .cpk\:prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before { content: "`"; } .cpk\:prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: "`"; } .cpk\:prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .cpk\:prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .cpk\:prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: .875em; } .cpk\:prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: .9em; } .cpk\:prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .cpk\:prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .cpk\:prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .cpk\:prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); padding-top: .857143em; padding-bottom: .857143em; border-radius: .375rem; margin-top: 1.71429em; margin-bottom: 1.71429em; font-size: .875em; font-weight: 400; line-height: 1.71429; overflow-x: auto; } .cpk\:prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.14286em; padding-right: 1.14286em; } .cpk\:prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.14286em; padding-right: 1.14286em; } .cpk\:prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.14286em; padding-right: 1.14286em; } .cpk\:prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: 1.14286em; padding-right: 1.14286em; } .cpk\:prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: 1.14286em; padding-right: 1.14286em; } .cpk\:prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: 1.14286em; padding-right: 1.14286em; } .cpk\:prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; background-color: rgba(0, 0, 0, 0); border-width: 0; border-radius: 0; padding: 0; } .cpk\:prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before { content: none; } .cpk\:prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: none; } .cpk\:prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { table-layout: auto; width: 100%; margin-top: 2em; margin-bottom: 2em; font-size: .875em; line-height: 1.71429; } .cpk\:prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .cpk\:prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); vertical-align: bottom; padding-bottom: .571429em; font-weight: 600; } .cpk\:prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .571429em; padding-right: .571429em; } .cpk\:prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .571429em; padding-right: .571429em; } .cpk\:prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .571429em; padding-right: .571429em; } .cpk\:prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: .571429em; padding-right: .571429em; } .cpk\:prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: .571429em; padding-right: .571429em; } .cpk\:prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: .571429em; padding-right: .571429em; } .cpk\:prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .cpk\:prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 0; } .cpk\:prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: baseline; } .cpk\:prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .cpk\:prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: top; } .cpk\:prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-align: start; } .cpk\:prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .cpk\:prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-captions); margin-top: .857143em; font-size: .875em; line-height: 1.42857; } .cpk\:prose { --tw-prose-body: #364153; --tw-prose-headings: #101828; --tw-prose-lead: #4a5565; --tw-prose-links: #101828; --tw-prose-bold: #101828; --tw-prose-counters: #6a7282; --tw-prose-bullets: #d1d5dc; --tw-prose-hr: #e5e7eb; --tw-prose-quotes: #101828; --tw-prose-quote-borders: #e5e7eb; --tw-prose-captions: #6a7282; --tw-prose-kbd: #101828; --tw-prose-kbd-shadows: rgba(16, 24, 40, .1); --tw-prose-code: #101828; --tw-prose-pre-code: #e5e7eb; --tw-prose-pre-bg: #1e2939; --tw-prose-th-borders: #d1d5dc; --tw-prose-td-borders: #e5e7eb; --tw-prose-invert-body: #d1d5dc; --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: #99a1af; --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: #99a1af; --tw-prose-invert-bullets: #4a5565; --tw-prose-invert-hr: #364153; --tw-prose-invert-quotes: #f3f4f6; --tw-prose-invert-quote-borders: #364153; --tw-prose-invert-captions: #99a1af; --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: rgba(255, 255, 255, .1); --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: #d1d5dc; --tw-prose-invert-pre-bg: rgba(0, 0, 0, .5); --tw-prose-invert-th-borders: #4a5565; --tw-prose-invert-td-borders: #364153; font-size: 1rem; line-height: 1.75; } @supports (color: color(display-p3 0 0 0)) { .cpk\:prose { --tw-prose-body: color(display-p3 .219968 .253721 .318679); --tw-prose-headings: color(display-p3 .070423 .0928982 .151928); --tw-prose-lead: color(display-p3 .297358 .332176 .39043); --tw-prose-links: color(display-p3 .070423 .0928982 .151928); --tw-prose-bold: color(display-p3 .070423 .0928982 .151928); --tw-prose-counters: color(display-p3 .421287 .446085 .504784); --tw-prose-bullets: color(display-p3 .822033 .835264 .858521); --tw-prose-hr: color(display-p3 .899787 .906171 .92106); --tw-prose-quotes: color(display-p3 .070423 .0928982 .151928); --tw-prose-quote-borders: color(display-p3 .899787 .906171 .92106); --tw-prose-captions: color(display-p3 .421287 .446085 .504784); --tw-prose-kbd: color(display-p3 .070423 .0928982 .151928); --tw-prose-kbd-shadows: color(display-p3 .070423 .0928982 .151928 / .1); --tw-prose-code: color(display-p3 .070423 .0928982 .151928); --tw-prose-pre-code: color(display-p3 .899787 .906171 .92106); --tw-prose-pre-bg: color(display-p3 .125854 .159497 .216835); --tw-prose-th-borders: color(display-p3 .822033 .835264 .858521); --tw-prose-td-borders: color(display-p3 .899787 .906171 .92106); --tw-prose-invert-body: color(display-p3 .822033 .835264 .858521); --tw-prose-invert-lead: color(display-p3 .605734 .630385 .680158); --tw-prose-invert-counters: color(display-p3 .605734 .630385 .680158); --tw-prose-invert-bullets: color(display-p3 .297358 .332176 .39043); --tw-prose-invert-hr: color(display-p3 .219968 .253721 .318679); --tw-prose-invert-quotes: color(display-p3 .953567 .956796 .964321); --tw-prose-invert-quote-borders: color(display-p3 .219968 .253721 .318679); --tw-prose-invert-captions: color(display-p3 .605734 .630385 .680158); --tw-prose-invert-pre-code: color(display-p3 .822033 .835264 .858521); --tw-prose-invert-th-borders: color(display-p3 .297358 .332176 .39043); --tw-prose-invert-td-borders: color(display-p3 .219968 .253721 .318679); } } @supports (color: lab(0% 0 0)) { .cpk\:prose { --tw-prose-body: lab(27.1134% -.956401 -12.3224); --tw-prose-headings: lab(8.11897% .811279 -12.254); --tw-prose-lead: lab(35.6337% -1.58697 -10.8425); --tw-prose-links: lab(8.11897% .811279 -12.254); --tw-prose-bold: lab(8.11897% .811279 -12.254); --tw-prose-counters: lab(47.7841% -.393182 -10.0268); --tw-prose-bullets: lab(85.1236% -.612259 -3.7138); --tw-prose-hr: lab(91.6229% -.159115 -2.26791); --tw-prose-quotes: lab(8.11897% .811279 -12.254); --tw-prose-quote-borders: lab(91.6229% -.159115 -2.26791); --tw-prose-captions: lab(47.7841% -.393182 -10.0268); --tw-prose-kbd: lab(8.11897% .811279 -12.254); --tw-prose-kbd-shadows: lab(8.11897% .811279 -12.254 / .1); --tw-prose-code: lab(8.11897% .811279 -12.254); --tw-prose-pre-code: lab(91.6229% -.159115 -2.26791); --tw-prose-pre-bg: lab(16.1051% -1.18239 -11.7533); --tw-prose-th-borders: lab(85.1236% -.612259 -3.7138); --tw-prose-td-borders: lab(91.6229% -.159115 -2.26791); --tw-prose-invert-body: lab(85.1236% -.612259 -3.7138); --tw-prose-invert-lead: lab(65.9269% -.832707 -8.17473); --tw-prose-invert-counters: lab(65.9269% -.832707 -8.17473); --tw-prose-invert-bullets: lab(35.6337% -1.58697 -10.8425); --tw-prose-invert-hr: lab(27.1134% -.956401 -12.3224); --tw-prose-invert-quotes: lab(96.1596% -.0823438 -1.13575); --tw-prose-invert-quote-borders: lab(27.1134% -.956401 -12.3224); --tw-prose-invert-captions: lab(65.9269% -.832707 -8.17473); --tw-prose-invert-pre-code: lab(85.1236% -.612259 -3.7138); --tw-prose-invert-th-borders: lab(35.6337% -1.58697 -10.8425); --tw-prose-invert-td-borders: lab(27.1134% -.956401 -12.3224); } } .cpk\:prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .cpk\:prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .5em; margin-bottom: .5em; } .cpk\:prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .375em; } .cpk\:prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .375em; } .cpk\:prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .375em; } .cpk\:prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: .375em; } .cpk\:prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: .375em; } .cpk\:prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: .375em; } .cpk\:prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .375em; } .cpk\:prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .375em; } .cpk\:prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .375em; } .cpk\:prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: .375em; } .cpk\:prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: .375em; } .cpk\:prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: .375em; } .cpk\:prose :where(.cpk\:prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .75em; margin-bottom: .75em; } .cpk\:prose :where(.cpk\:prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; } .cpk\:prose :where(.cpk\:prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; } .cpk\:prose :where(.cpk\:prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; } .cpk\:prose :where(.cpk\:prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; } .cpk\:prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .75em; margin-bottom: .75em; } .cpk\:prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .cpk\:prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .5em; } .cpk\:prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.625em; } .cpk\:prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.625em; } .cpk\:prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.625em; } .cpk\:prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 1.625em; } .cpk\:prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 1.625em; } .cpk\:prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 1.625em; } .cpk\:prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .cpk\:prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .cpk\:prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .cpk\:prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .cpk\:prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 0; } .cpk\:prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 0; } .cpk\:prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 0; } .cpk\:prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 0; } .cpk\:prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 0; } .cpk\:prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 0; } .cpk\:prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-right: 0; } .cpk\:prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-right: 0; } .cpk\:prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-right: 0; } .cpk\:prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: 0; } .cpk\:prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: 0; } .cpk\:prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: 0; } .cpk\:prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: .571429em; padding-bottom: .571429em; } .cpk\:prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .571429em; padding-right: .571429em; } .cpk\:prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .571429em; padding-right: .571429em; } .cpk\:prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .571429em; padding-right: .571429em; } .cpk\:prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: .571429em; padding-right: .571429em; } .cpk\:prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: .571429em; padding-right: .571429em; } .cpk\:prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: .571429em; padding-right: .571429em; } .cpk\:prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 0; } .cpk\:prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 0; } .cpk\:prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 0; } .cpk\:prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 0; } .cpk\:prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 0; } .cpk\:prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 0; } .cpk\:prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-right: 0; } .cpk\:prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-right: 0; } .cpk\:prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-right: 0; } .cpk\:prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: 0; } .cpk\:prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: 0; } .cpk\:prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: 0; } .cpk\:prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .cpk\:prose :where(.cpk\:prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .cpk\:prose :where(.cpk\:prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 0; } .cpk\:-mt-\[0px\] { margin-top: 0; } .cpk\:mt-1 { margin-top: calc(var(--cpk-spacing) * 1); } .cpk\:mt-2 { margin-top: calc(var(--cpk-spacing) * 2); } .cpk\:mt-3 { margin-top: calc(var(--cpk-spacing) * 3); } .cpk\:mt-4 { margin-top: calc(var(--cpk-spacing) * 4); } .cpk\:mt-\[4px\] { margin-top: 4px; } .cpk\:-mr-\[5px\] { margin-right: -5px; } .cpk\:mr-0 { margin-right: calc(var(--cpk-spacing) * 0); } .cpk\:mr-2 { margin-right: calc(var(--cpk-spacing) * 2); } .cpk\:mr-\[10px\] { margin-right: 10px; } .cpk\:mb-2 { margin-bottom: calc(var(--cpk-spacing) * 2); } .cpk\:mb-3 { margin-bottom: calc(var(--cpk-spacing) * 3); } .cpk\:mb-4 { margin-bottom: calc(var(--cpk-spacing) * 4); } .cpk\:mb-6 { margin-bottom: calc(var(--cpk-spacing) * 6); } .cpk\:-ml-\[5px\] { margin-left: -5px; } .cpk\:ml-0 { margin-left: calc(var(--cpk-spacing) * 0); } .cpk\:ml-0\.5 { margin-left: calc(var(--cpk-spacing) * .5); } .cpk\:ml-1 { margin-left: calc(var(--cpk-spacing) * 1); } .cpk\:ml-auto { margin-left: auto; } .cpk\:block { display: block; } .cpk\:flex { display: flex; } .cpk\:grid { display: grid; } .cpk\:inline-block { display: inline-block; } .cpk\:inline-flex { display: inline-flex; } .cpk\:size-2 { width: calc(var(--cpk-spacing) * 2); height: calc(var(--cpk-spacing) * 2); } .cpk\:size-2\.5 { width: calc(var(--cpk-spacing) * 2.5); height: calc(var(--cpk-spacing) * 2.5); } .cpk\:size-3\.5 { width: calc(var(--cpk-spacing) * 3.5); height: calc(var(--cpk-spacing) * 3.5); } .cpk\:size-4 { width: calc(var(--cpk-spacing) * 4); height: calc(var(--cpk-spacing) * 4); } .cpk\:size-8 { width: calc(var(--cpk-spacing) * 8); height: calc(var(--cpk-spacing) * 8); } .cpk\:size-9 { width: calc(var(--cpk-spacing) * 9); height: calc(var(--cpk-spacing) * 9); } .cpk\:size-\[18px\] { width: 18px; height: 18px; } .cpk\:size-\[20px\] { width: 20px; height: 20px; } .cpk\:size-\[26px\] { width: 26px; height: 26px; } .cpk\:h-1\.5 { height: calc(var(--cpk-spacing) * 1.5); } .cpk\:h-2 { height: calc(var(--cpk-spacing) * 2); } .cpk\:h-3\.5 { height: calc(var(--cpk-spacing) * 3.5); } .cpk\:h-4 { height: calc(var(--cpk-spacing) * 4); } .cpk\:h-5 { height: calc(var(--cpk-spacing) * 5); } .cpk\:h-6 { height: calc(var(--cpk-spacing) * 6); } .cpk\:h-7 { height: calc(var(--cpk-spacing) * 7); } .cpk\:h-8 { height: calc(var(--cpk-spacing) * 8); } .cpk\:h-9 { height: calc(var(--cpk-spacing) * 9); } .cpk\:h-10 { height: calc(var(--cpk-spacing) * 10); } .cpk\:h-14 { height: calc(var(--cpk-spacing) * 14); } .cpk\:h-16 { height: calc(var(--cpk-spacing) * 16); } .cpk\:h-\[11px\] { height: 11px; } .cpk\:h-\[26px\] { height: 26px; } .cpk\:h-\[72px\] { height: 72px; } .cpk\:h-\[80vh\] { height: 80vh; } .cpk\:h-\[90vh\] { height: 90vh; } .cpk\:h-\[100dvh\] { height: 100dvh; } .cpk\:h-\[100vh\] { height: 100vh; } .cpk\:h-auto { height: auto; } .cpk\:h-full { height: 100%; } .cpk\:h-px { height: 1px; } .cpk\:max-h-\(--radix-dropdown-menu-content-available-height\) { max-height: var(--radix-dropdown-menu-content-available-height); } .cpk\:max-h-64 { max-height: calc(var(--cpk-spacing) * 64); } .cpk\:max-h-\[80px\] { max-height: 80px; } .cpk\:max-h-\[90vh\] { max-height: 90vh; } .cpk\:max-h-full { max-height: 100%; } .cpk\:max-h-screen { max-height: 100vh; } .cpk\:min-h-0 { min-height: calc(var(--cpk-spacing) * 0); } .cpk\:min-h-\[50px\] { min-height: 50px; } .cpk\:w-1\.5 { width: calc(var(--cpk-spacing) * 1.5); } .cpk\:w-2 { width: calc(var(--cpk-spacing) * 2); } .cpk\:w-3\.5 { width: calc(var(--cpk-spacing) * 3.5); } .cpk\:w-4 { width: calc(var(--cpk-spacing) * 4); } .cpk\:w-5 { width: calc(var(--cpk-spacing) * 5); } .cpk\:w-6 { width: calc(var(--cpk-spacing) * 6); } .cpk\:w-8 { width: calc(var(--cpk-spacing) * 8); } .cpk\:w-9 { width: calc(var(--cpk-spacing) * 9); } .cpk\:w-10 { width: calc(var(--cpk-spacing) * 10); } .cpk\:w-14 { width: calc(var(--cpk-spacing) * 14); } .cpk\:w-16 { width: calc(var(--cpk-spacing) * 16); } .cpk\:w-\[11px\] { width: 11px; } .cpk\:w-\[72px\] { width: 72px; } .cpk\:w-\[90vw\] { width: 90vw; } .cpk\:w-auto { width: auto; } .cpk\:w-fit { width: -moz-fit-content; width: fit-content; } .cpk\:w-full { width: 100%; } .cpk\:max-w-3xl { max-width: var(--cpk-container-3xl); } .cpk\:max-w-\[80\%\] { max-width: 80%; } .cpk\:max-w-\[80px\] { max-width: 80px; } .cpk\:max-w-\[90vw\] { max-width: 90vw; } .cpk\:max-w-\[240px\] { max-width: 240px; } .cpk\:max-w-\[280px\] { max-width: 280px; } .cpk\:max-w-\[300px\] { max-width: 300px; } .cpk\:max-w-\[400px\] { max-width: 400px; } .cpk\:max-w-\[800px\] { max-width: 800px; } .cpk\:max-w-\[1000px\] { max-width: 1000px; } .cpk\:max-w-full { max-width: 100%; } .cpk\:min-w-0 { min-width: calc(var(--cpk-spacing) * 0); } .cpk\:min-w-\[8rem\] { min-width: 8rem; } .cpk\:min-w-\[200px\] { min-width: 200px; } .cpk\:flex-1 { flex: 1; } .cpk\:flex-none { flex: none; } .cpk\:shrink-0 { flex-shrink: 0; } .cpk\:origin-\(--radix-dropdown-menu-content-transform-origin\) { transform-origin: var(--radix-dropdown-menu-content-transform-origin); } .cpk\:origin-\(--radix-tooltip-content-transform-origin\) { transform-origin: var(--radix-tooltip-content-transform-origin); } .cpk\:origin-bottom { transform-origin: bottom; } .cpk\:-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .cpk\:translate-x-0 { --tw-translate-x: calc(var(--cpk-spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .cpk\:translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .cpk\:translate-y-0 { --tw-translate-y: calc(var(--cpk-spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .cpk\:translate-y-4 { --tw-translate-y: calc(var(--cpk-spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .cpk\:translate-y-\[calc\(-50\%_-_2px\)\] { --tw-translate-y: calc(-50% - 2px); translate: var(--tw-translate-x) var(--tw-translate-y); } .cpk\:rotate-45 { rotate: 45deg; } .cpk\:rotate-90 { rotate: 90deg; } .cpk\:transform-gpu { transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .cpk\:animate-in { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none); } .cpk\:animate-pulse { animation: var(--cpk-animate-pulse); } .cpk\:animate-pulse-cursor { animation: var(--cpk-animate-pulse-cursor); } .cpk\:animate-spin { animation: var(--cpk-animate-spin); } .cpk\:cursor-default { cursor: default; } .cpk\:cursor-pointer { cursor: pointer; } .cpk\:cursor-text { cursor: text; } .cpk\:grid-cols-\[auto_minmax\(0\,1fr\)_auto\] { grid-template-columns: auto minmax(0, 1fr) auto; } .cpk\:grid-rows-\[auto_auto\] { grid-template-rows: auto auto; } .cpk\:flex-col { flex-direction: column; } .cpk\:flex-row { flex-direction: row; } .cpk\:flex-wrap { flex-wrap: wrap; } .cpk\:items-center { align-items: center; } .cpk\:items-end { align-items: flex-end; } .cpk\:items-stretch { align-items: stretch; } .cpk\:justify-between { justify-content: space-between; } .cpk\:justify-center { justify-content: center; } .cpk\:justify-end { justify-content: flex-end; } .cpk\:gap-1 { gap: calc(var(--cpk-spacing) * 1); } .cpk\:gap-1\.5 { gap: calc(var(--cpk-spacing) * 1.5); } .cpk\:gap-2 { gap: calc(var(--cpk-spacing) * 2); } .cpk\:gap-3 { gap: calc(var(--cpk-spacing) * 3); } .cpk\:gap-4 { gap: calc(var(--cpk-spacing) * 4); } .cpk\:gap-6 { gap: calc(var(--cpk-spacing) * 6); } .cpk\:gap-x-3 { column-gap: calc(var(--cpk-spacing) * 3); } .cpk\:gap-y-3 { row-gap: calc(var(--cpk-spacing) * 3); } .cpk\:truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .cpk\:overflow-auto { overflow: auto; } .cpk\:overflow-hidden { overflow: hidden; } .cpk\:overflow-visible { overflow: visible; } .cpk\:overflow-x-hidden { overflow-x: hidden; } .cpk\:overflow-y-auto { overflow-y: auto; } .cpk\:rounded { border-radius: .25rem; } .cpk\:rounded-\[2px\] { border-radius: 2px; } .cpk\:rounded-\[18px\] { border-radius: 18px; } .cpk\:rounded-\[28px\] { border-radius: 28px; } .cpk\:rounded-full { border-radius: 3.40282e38px; } .cpk\:rounded-lg { border-radius: var(--radius); } .cpk\:rounded-md { border-radius: calc(var(--radius) - 2px); } .cpk\:rounded-none { border-radius: 0; } .cpk\:rounded-sm { border-radius: calc(var(--radius) - 4px); } .cpk\:rounded-xl { border-radius: calc(var(--radius) + 4px); } .cpk\:border { border-style: var(--tw-border-style); border-width: 1px; } .cpk\:border-2 { border-style: var(--tw-border-style); border-width: 2px; } .cpk\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .cpk\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .cpk\:border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .cpk\:border-dashed { --tw-border-style: dashed; border-style: dashed; } .cpk\:border-none { --tw-border-style: none; border-style: none; } .cpk\:border-amber-200 { border-color: var(--cpk-color-amber-200); } .cpk\:border-border, .cpk\:border-border\/0 { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .cpk\:border-border\/0 { border-color: color-mix(in oklab, var(--border) 0%, transparent); } } .cpk\:border-border\/60 { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .cpk\:border-border\/60 { border-color: color-mix(in oklab, var(--border) 60%, transparent); } } .cpk\:border-gray-200 { border-color: var(--cpk-color-gray-200); } .cpk\:border-primary, .cpk\:border-primary\/40 { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .cpk\:border-primary\/40 { border-color: color-mix(in oklab, var(--primary) 40%, transparent); } } .cpk\:border-red-200 { border-color: var(--cpk-color-red-200); } .cpk\:border-white { border-color: var(--cpk-color-white); } .cpk\:border-zinc-200\/60 { border-color: var(--cpk-color-zinc-200); } @supports (color: color-mix(in lab, red, red)) { .cpk\:border-zinc-200\/60 { border-color: color-mix(in oklab, var(--cpk-color-zinc-200) 60%, transparent); } } .cpk\:border-t-transparent { border-top-color: rgba(0, 0, 0, 0); } .cpk\:bg-\[\#4a4a4a\] { background-color: #4a4a4a; } .cpk\:bg-amber-50 { background-color: var(--cpk-color-amber-50); } .cpk\:bg-amber-100 { background-color: var(--cpk-color-amber-100); } .cpk\:bg-background, .cpk\:bg-background\/95 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .cpk\:bg-background\/95 { background-color: color-mix(in oklab, var(--background) 95%, transparent); } } .cpk\:bg-black, .cpk\:bg-black\/20 { background-color: var(--cpk-color-black); } @supports (color: color-mix(in lab, red, red)) { .cpk\:bg-black\/20 { background-color: color-mix(in oklab, var(--cpk-color-black) 20%, transparent); } } .cpk\:bg-black\/40 { background-color: var(--cpk-color-black); } @supports (color: color-mix(in lab, red, red)) { .cpk\:bg-black\/40 { background-color: color-mix(in oklab, var(--cpk-color-black) 40%, transparent); } } .cpk\:bg-black\/60 { background-color: var(--cpk-color-black); } @supports (color: color-mix(in lab, red, red)) { .cpk\:bg-black\/60 { background-color: color-mix(in oklab, var(--cpk-color-black) 60%, transparent); } } .cpk\:bg-black\/80 { background-color: var(--cpk-color-black); } @supports (color: color-mix(in lab, red, red)) { .cpk\:bg-black\/80 { background-color: color-mix(in oklab, var(--cpk-color-black) 80%, transparent); } } .cpk\:bg-blue-500 { background-color: var(--cpk-color-blue-500); } .cpk\:bg-border { background-color: var(--border); } .cpk\:bg-destructive { background-color: var(--destructive); } .cpk\:bg-emerald-100 { background-color: var(--cpk-color-emerald-100); } .cpk\:bg-foreground { background-color: var(--foreground); } .cpk\:bg-gray-100 { background-color: var(--cpk-color-gray-100); } .cpk\:bg-muted { background-color: var(--muted); } .cpk\:bg-muted-foreground { background-color: var(--muted-foreground); } .cpk\:bg-popover { background-color: var(--popover); } .cpk\:bg-primary, .cpk\:bg-primary\/5 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .cpk\:bg-primary\/5 { background-color: color-mix(in oklab, var(--primary) 5%, transparent); } } .cpk\:bg-red-50 { background-color: var(--cpk-color-red-50); } .cpk\:bg-secondary { background-color: var(--secondary); } .cpk\:bg-transparent { background-color: rgba(0, 0, 0, 0); } .cpk\:bg-white, .cpk\:bg-white\/10 { background-color: var(--cpk-color-white); } @supports (color: color-mix(in lab, red, red)) { .cpk\:bg-white\/10 { background-color: color-mix(in oklab, var(--cpk-color-white) 10%, transparent); } } .cpk\:bg-white\/70 { background-color: var(--cpk-color-white); } @supports (color: color-mix(in lab, red, red)) { .cpk\:bg-white\/70 { background-color: color-mix(in oklab, var(--cpk-color-white) 70%, transparent); } } .cpk\:bg-zinc-50 { background-color: var(--cpk-color-zinc-50); } .cpk\:bg-zinc-100 { background-color: var(--cpk-color-zinc-100); } .cpk\:bg-clip-padding { background-clip: padding-box; } .cpk\:fill-current { fill: currentColor; } .cpk\:fill-primary { fill: var(--primary); } .cpk\:object-contain { object-fit: contain; } .cpk\:object-cover { object-fit: cover; } .cpk\:p-0 { padding: calc(var(--cpk-spacing) * 0); } .cpk\:p-1 { padding: calc(var(--cpk-spacing) * 1); } .cpk\:p-2 { padding: calc(var(--cpk-spacing) * 2); } .cpk\:p-3 { padding: calc(var(--cpk-spacing) * 3); } .cpk\:p-4 { padding: calc(var(--cpk-spacing) * 4); } .cpk\:p-6 { padding: calc(var(--cpk-spacing) * 6); } .cpk\:p-8 { padding: calc(var(--cpk-spacing) * 8); } .cpk\:px-0 { padding-inline: calc(var(--cpk-spacing) * 0); } .cpk\:px-1 { padding-inline: calc(var(--cpk-spacing) * 1); } .cpk\:px-2 { padding-inline: calc(var(--cpk-spacing) * 2); } .cpk\:px-2\.5 { padding-inline: calc(var(--cpk-spacing) * 2.5); } .cpk\:px-3 { padding-inline: calc(var(--cpk-spacing) * 3); } .cpk\:px-4 { padding-inline: calc(var(--cpk-spacing) * 4); } .cpk\:px-5 { padding-inline: calc(var(--cpk-spacing) * 5); } .cpk\:px-6 { padding-inline: calc(var(--cpk-spacing) * 6); } .cpk\:px-8 { padding-inline: calc(var(--cpk-spacing) * 8); } .cpk\:py-0 { padding-block: calc(var(--cpk-spacing) * 0); } .cpk\:py-1 { padding-block: calc(var(--cpk-spacing) * 1); } .cpk\:py-1\.5 { padding-block: calc(var(--cpk-spacing) * 1.5); } .cpk\:py-2 { padding-block: calc(var(--cpk-spacing) * 2); } .cpk\:py-3 { padding-block: calc(var(--cpk-spacing) * 3); } .cpk\:py-4 { padding-block: calc(var(--cpk-spacing) * 4); } .cpk\:py-6 { padding-block: calc(var(--cpk-spacing) * 6); } .cpk\:py-\[1px\] { padding-top: 1px; padding-bottom: 1px; } .cpk\:pt-1 { padding-top: calc(var(--cpk-spacing) * 1); } .cpk\:pt-10 { padding-top: calc(var(--cpk-spacing) * 10); } .cpk\:pr-2 { padding-right: calc(var(--cpk-spacing) * 2); } .cpk\:pr-4 { padding-right: calc(var(--cpk-spacing) * 4); } .cpk\:pr-5 { padding-right: calc(var(--cpk-spacing) * 5); } .cpk\:pr-8 { padding-right: calc(var(--cpk-spacing) * 8); } .cpk\:pb-2 { padding-bottom: calc(var(--cpk-spacing) * 2); } .cpk\:pb-4 { padding-bottom: calc(var(--cpk-spacing) * 4); } .cpk\:pl-0 { padding-left: calc(var(--cpk-spacing) * 0); } .cpk\:pl-8 { padding-left: calc(var(--cpk-spacing) * 8); } .cpk\:text-center { text-align: center; } .cpk\:text-left { text-align: left; } .cpk\:align-middle { vertical-align: middle; } .cpk\:font-mono { font-family: var(--cpk-font-mono); } .cpk\:text-base { font-size: var(--cpk-text-base); line-height: var(--tw-leading, var(--cpk-text-base--line-height)); } .cpk\:text-sm { font-size: var(--cpk-text-sm); line-height: var(--tw-leading, var(--cpk-text-sm--line-height)); } .cpk\:text-xl { font-size: var(--cpk-text-xl); line-height: var(--tw-leading, var(--cpk-text-xl--line-height)); } .cpk\:text-xs { font-size: var(--cpk-text-xs); line-height: var(--tw-leading, var(--cpk-text-xs--line-height)); } .cpk\:text-\[10px\] { font-size: 10px; } .cpk\:text-\[11px\] { font-size: 11px; } .cpk\:text-\[16px\] { font-size: 16px; } .cpk\:leading-none { --tw-leading: 1; line-height: 1; } .cpk\:leading-relaxed { --tw-leading: var(--cpk-leading-relaxed); line-height: var(--cpk-leading-relaxed); } .cpk\:leading-tight { --tw-leading: var(--cpk-leading-tight); line-height: var(--cpk-leading-tight); } .cpk\:font-bold { --tw-font-weight: var(--cpk-font-weight-bold); font-weight: var(--cpk-font-weight-bold); } .cpk\:font-medium { --tw-font-weight: var(--cpk-font-weight-medium); font-weight: var(--cpk-font-weight-medium); } .cpk\:font-normal { --tw-font-weight: var(--cpk-font-weight-normal); font-weight: var(--cpk-font-weight-normal); } .cpk\:font-semibold { --tw-font-weight: var(--cpk-font-weight-semibold); font-weight: var(--cpk-font-weight-semibold); } .cpk\:tracking-tight { --tw-tracking: var(--cpk-tracking-tight); letter-spacing: var(--cpk-tracking-tight); } .cpk\:tracking-wide { --tw-tracking: var(--cpk-tracking-wide); letter-spacing: var(--cpk-tracking-wide); } .cpk\:tracking-widest { --tw-tracking: var(--cpk-tracking-widest); letter-spacing: var(--cpk-tracking-widest); } .cpk\:text-balance { text-wrap: balance; } .cpk\:break-words { overflow-wrap: break-word; } .cpk\:break-all { word-break: break-all; } .cpk\:text-ellipsis { text-overflow: ellipsis; } .cpk\:whitespace-nowrap { white-space: nowrap; } .cpk\:whitespace-pre-wrap { white-space: pre-wrap; } .cpk\:text-\[\#444444\] { color: #444; } .cpk\:text-\[rgb\(93\,93\,93\)\] { color: #5d5d5d; } .cpk\:text-amber-700 { color: var(--cpk-color-amber-700); } .cpk\:text-amber-800 { color: var(--cpk-color-amber-800); } .cpk\:text-emerald-800 { color: var(--cpk-color-emerald-800); } .cpk\:text-foreground { color: var(--foreground); } .cpk\:text-gray-400 { color: var(--cpk-color-gray-400); } .cpk\:text-gray-500 { color: var(--cpk-color-gray-500); } .cpk\:text-gray-600 { color: var(--cpk-color-gray-600); } .cpk\:text-gray-700 { color: var(--cpk-color-gray-700); } .cpk\:text-gray-800 { color: var(--cpk-color-gray-800); } .cpk\:text-muted-foreground { color: var(--muted-foreground); } .cpk\:text-popover-foreground { color: var(--popover-foreground); } .cpk\:text-primary { color: var(--primary); } .cpk\:text-primary-foreground { color: var(--primary-foreground); } .cpk\:text-primary\/70 { color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .cpk\:text-primary\/70 { color: color-mix(in oklab, var(--primary) 70%, transparent); } } .cpk\:text-red-700 { color: var(--cpk-color-red-700); } .cpk\:text-secondary-foreground { color: var(--secondary-foreground); } .cpk\:text-white { color: var(--cpk-color-white); } .cpk\:text-zinc-500 { color: var(--cpk-color-zinc-500); } .cpk\:text-zinc-800 { color: var(--cpk-color-zinc-800); } .cpk\:text-zinc-900 { color: var(--cpk-color-zinc-900); } .cpk\:uppercase { text-transform: uppercase; } .cpk\:underline-offset-4 { text-underline-offset: 4px; } .cpk\:antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cpk\:opacity-0 { opacity: 0; } .cpk\:opacity-100 { opacity: 1; } .cpk\:shadow-\[0_4px_4px_0_\#0000000a\,0_0_1px_0_\#0000009e\] { --tw-shadow: 0 4px 4px 0 var(--tw-shadow-color, rgba(0, 0, 0, .04)), 0 0 1px 0 var(--tw-shadow-color, rgba(0, 0, 0, .62)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .cpk\:shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 4px 6px -4px var(--tw-shadow-color, rgba(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); } .cpk\:shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 2px 4px -2px var(--tw-shadow-color, rgba(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); } .cpk\:shadow-none { --tw-shadow: 0 0 rgba(0, 0, 0, 0); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .cpk\:shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(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); } .cpk\:shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 8px 10px -6px var(--tw-shadow-color, rgba(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); } .cpk\:shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(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); } .cpk\:ring-0 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .cpk\:outline-hidden { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .cpk\:outline-hidden { outline-offset: 2px; outline: 2px solid rgba(0, 0, 0, 0); } } .cpk\:backdrop-blur { --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .cpk\:backdrop-blur-\[2px\] { --tw-backdrop-blur: blur(2px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .cpk\:transition { transition-property: color, background-color, border-color, outline-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--cpk-default-transition-timing-function)); transition-duration: var(--tw-duration, var(--cpk-default-transition-duration)); } .cpk\:transition-\[grid-template-rows\] { transition-property: grid-template-rows; transition-timing-function: var(--tw-ease, var(--cpk-default-transition-timing-function)); transition-duration: var(--tw-duration, var(--cpk-default-transition-duration)); } .cpk\:transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--cpk-default-transition-timing-function)); transition-duration: var(--tw-duration, var(--cpk-default-transition-duration)); } .cpk\:transition-colors { transition-property: color, background-color, border-color, outline-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--cpk-default-transition-timing-function)); transition-duration: var(--tw-duration, var(--cpk-default-transition-duration)); } .cpk\:transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--cpk-default-transition-timing-function)); transition-duration: var(--tw-duration, var(--cpk-default-transition-duration)); } .cpk\:transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--cpk-default-transition-timing-function)); transition-duration: var(--tw-duration, var(--cpk-default-transition-duration)); } .cpk\:duration-200 { --tw-duration: .2s; transition-duration: .2s; } .cpk\:duration-300 { --tw-duration: .3s; transition-duration: .3s; } .cpk\:ease-in-out { --tw-ease: var(--cpk-ease-in-out); transition-timing-function: var(--cpk-ease-in-out); } .cpk\:ease-out { --tw-ease: var(--cpk-ease-out); transition-timing-function: var(--cpk-ease-out); } .cpk\:will-change-transform { will-change: transform; } .cpk\:contain-inline-size { --tw-contain-size: inline-size; contain: var(--tw-contain-size, ) var(--tw-contain-layout, ) var(--tw-contain-paint, ) var(--tw-contain-style, ); } .cpk\:fade-in-0 { --tw-enter-opacity: 0; } .cpk\:outline-none { --tw-outline-style: none; outline-style: none; } .cpk\:select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .cpk\:zoom-in-95 { --tw-enter-scale: .95; } @media (hover: hover) { .cpk\:group-hover\:visible:is(:where(.cpk\:group):hover *) { visibility: visible; } } .cpk\:placeholder\:text-\[\#00000077\]::placeholder { color: rgba(0, 0, 0, .467); } @media (hover: hover) { .cpk\:hover\:scale-\[1\.04\]:hover { scale: 1.04; } .cpk\:hover\:bg-\[\#E8E8E8\]:hover { background-color: #e8e8e8; } .cpk\:hover\:bg-\[\#f8f8f8\]:hover { background-color: #f8f8f8; } .cpk\:hover\:bg-accent:hover, .cpk\:hover\:bg-accent\/60:hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .cpk\:hover\:bg-accent\/60:hover { background-color: color-mix(in oklab, var(--accent) 60%, transparent); } } .cpk\:hover\:bg-destructive\/90:hover { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .cpk\:hover\:bg-destructive\/90:hover { background-color: color-mix(in oklab, var(--destructive) 90%, transparent); } } .cpk\:hover\:bg-gray-50:hover { background-color: var(--cpk-color-gray-50); } .cpk\:hover\:bg-muted:hover { background-color: var(--muted); } .cpk\:hover\:bg-primary\/90:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .cpk\:hover\:bg-primary\/90:hover { background-color: color-mix(in oklab, var(--primary) 90%, transparent); } } .cpk\:hover\:bg-secondary\/80:hover { background-color: var(--secondary); } @supports (color: color-mix(in lab, red, red)) { .cpk\:hover\:bg-secondary\/80:hover { background-color: color-mix(in oklab, var(--secondary) 80%, transparent); } } .cpk\:hover\:bg-white\/20:hover { background-color: var(--cpk-color-white); } @supports (color: color-mix(in lab, red, red)) { .cpk\:hover\:bg-white\/20:hover { background-color: color-mix(in oklab, var(--cpk-color-white) 20%, transparent); } } .cpk\:hover\:text-\[\#333333\]:hover { color: #333; } .cpk\:hover\:text-\[rgb\(93\,93\,93\)\]:hover { color: #5d5d5d; } .cpk\:hover\:text-accent-foreground:hover { color: var(--accent-foreground); } .cpk\:hover\:text-foreground:hover { color: var(--foreground); } .cpk\:hover\:underline:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .cpk\:hover\:opacity-70:hover { opacity: .7; } .cpk\:hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 2px 4px -2px var(--tw-shadow-color, rgba(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); } } .cpk\:focus\:bg-accent:focus { background-color: var(--accent); } .cpk\:focus\:text-accent-foreground:focus { color: var(--accent-foreground); } .cpk\:focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .cpk\:focus-visible\:border-ring:focus-visible { border-color: var(--ring); } .cpk\:focus-visible\:ring-2:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .cpk\:focus-visible\:ring-\[3px\]:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .cpk\:focus-visible\:ring-destructive\/20:focus-visible { --tw-ring-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .cpk\:focus-visible\:ring-destructive\/20:focus-visible { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } .cpk\:focus-visible\:ring-primary\/50:focus-visible { --tw-ring-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .cpk\:focus-visible\:ring-primary\/50:focus-visible { --tw-ring-color: color-mix(in oklab, var(--primary) 50%, transparent); } } .cpk\:focus-visible\:ring-ring:focus-visible { --tw-ring-color: var(--ring); } .cpk\:focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color: var(--ring); } @supports (color: color-mix(in lab, red, red)) { .cpk\:focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } .cpk\:focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .cpk\:focus-visible\:ring-offset-background:focus-visible { --tw-ring-offset-color: var(--background); } .cpk\:focus-visible\:outline-none:focus-visible { --tw-outline-style: none; outline-style: none; } .cpk\:active\:scale-\[0\.96\]:active { scale: .96; } .cpk\:disabled\:pointer-events-none:disabled { pointer-events: none; } .cpk\:disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .cpk\:disabled\:bg-\[\#00000014\]:disabled { background-color: rgba(0, 0, 0, .08); } .cpk\:disabled\:text-\[rgb\(13\,13\,13\)\]:disabled { color: #0d0d0d; } .cpk\:disabled\:text-muted-foreground:disabled { color: var(--muted-foreground); } .cpk\:disabled\:opacity-50:disabled { opacity: .5; } .cpk\:disabled\:opacity-60:disabled { opacity: .6; } @media (hover: hover) { .cpk\:disabled\:hover\:bg-background:disabled:hover { background-color: var(--background); } .cpk\:disabled\:hover\:bg-transparent:disabled:hover { background-color: rgba(0, 0, 0, 0); } .cpk\:disabled\:hover\:text-\[\#444444\]:disabled:hover { color: #444; } .cpk\:disabled\:hover\:text-muted-foreground:disabled:hover { color: var(--muted-foreground); } .cpk\:disabled\:hover\:opacity-100:disabled:hover { opacity: 1; } } .cpk\:has-\[\>svg\]\:px-2\.5:has( > svg) { padding-inline: calc(var(--cpk-spacing) * 2.5); } .cpk\:has-\[\>svg\]\:px-3:has( > svg) { padding-inline: calc(var(--cpk-spacing) * 3); } .cpk\:has-\[\>svg\]\:px-4:has( > svg) { padding-inline: calc(var(--cpk-spacing) * 4); } .cpk\:aria-invalid\:border-destructive[aria-invalid="true"] { border-color: var(--destructive); } .cpk\:aria-invalid\:ring-destructive\/20[aria-invalid="true"] { --tw-ring-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .cpk\:aria-invalid\:ring-destructive\/20[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } .cpk\:data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; } .cpk\:data-\[disabled\]\:opacity-50[data-disabled] { opacity: .5; } .cpk\:data-\[inset\]\:pl-8[data-inset] { padding-left: calc(var(--cpk-spacing) * 8); } .cpk\:data-\[multiline\]\:py-3[data-multiline] { padding-block: calc(var(--cpk-spacing) * 3); } .cpk\:data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] { --tw-enter-translate-y: calc(2 * var(--spacing) * -1); } .cpk\:data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] { --tw-enter-translate-x: calc(2 * var(--spacing)); } .cpk\:data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] { --tw-enter-translate-x: calc(2 * var(--spacing) * -1); } .cpk\:data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] { --tw-enter-translate-y: calc(2 * var(--spacing)); } .cpk\:data-\[state\=closed\]\:animate-out[data-state="closed"] { animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none); } .cpk\:data-\[state\=closed\]\:fade-out-0[data-state="closed"] { --tw-exit-opacity: 0; } .cpk\:data-\[state\=closed\]\:zoom-out-95[data-state="closed"] { --tw-exit-scale: .95; } .cpk\:data-\[state\=open\]\:animate-in[data-state="open"] { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none); } .cpk\:data-\[state\=open\]\:bg-accent[data-state="open"] { background-color: var(--accent); } .cpk\:data-\[state\=open\]\:text-accent-foreground[data-state="open"] { color: var(--accent-foreground); } .cpk\:data-\[state\=open\]\:fade-in-0[data-state="open"] { --tw-enter-opacity: 0; } .cpk\:data-\[state\=open\]\:zoom-in-95[data-state="open"] { --tw-enter-scale: .95; } .cpk\:data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] { color: var(--destructive); } .cpk\:data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .cpk\:data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus { background-color: color-mix(in oklab, var(--destructive) 10%, transparent); } } .cpk\:data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus { color: var(--destructive); } @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) { .cpk\:supports-\[backdrop-filter\]\:bg-background\/80 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .cpk\:supports-\[backdrop-filter\]\:bg-background\/80 { background-color: color-mix(in oklab, var(--background) 80%, transparent); } } } @media (min-width: 40rem) { .cpk\:sm\:h-4 { height: calc(var(--cpk-spacing) * 4); } .cpk\:sm\:h-8 { height: calc(var(--cpk-spacing) * 8); } .cpk\:sm\:w-4 { width: calc(var(--cpk-spacing) * 4); } .cpk\:sm\:gap-1\.5 { gap: calc(var(--cpk-spacing) * 1.5); } .cpk\:sm\:gap-2 { gap: calc(var(--cpk-spacing) * 2); } .cpk\:sm\:px-0 { padding-inline: calc(var(--cpk-spacing) * 0); } .cpk\:sm\:px-3 { padding-inline: calc(var(--cpk-spacing) * 3); } .cpk\:sm\:text-2xl { font-size: var(--cpk-text-2xl); line-height: var(--tw-leading, var(--cpk-text-2xl--line-height)); } .cpk\:sm\:text-xs { font-size: var(--cpk-text-xs); line-height: var(--tw-leading, var(--cpk-text-xs--line-height)); } } @media (min-width: 48rem) { .cpk\:md\:inset-auto { top: auto; bottom: auto; left: auto; right: auto; } .cpk\:md\:right-6 { right: calc(var(--cpk-spacing) * 6); } .cpk\:md\:bottom-24 { bottom: calc(var(--cpk-spacing) * 24); } .cpk\:md\:h-\[var\(--copilot-popup-height\)\] { height: var(--copilot-popup-height); } .cpk\:md\:max-h-\[var\(--copilot-popup-max-height\)\] { max-height: var(--copilot-popup-max-height); } .cpk\:md\:w-\[var\(--copilot-popup-width\)\] { width: var(--copilot-popup-width); } .cpk\:md\:max-w-\[var\(--copilot-popup-max-width\)\] { max-width: var(--copilot-popup-max-width); } .cpk\:md\:origin-bottom-right { transform-origin: 100% 100%; } .cpk\:md\:translate-y-5 { --tw-translate-y: calc(var(--cpk-spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y); } .cpk\:md\:scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .cpk\:md\:scale-\[0\.95\] { scale: .95; } .cpk\:md\:items-end { align-items: flex-end; } .cpk\:md\:gap-4 { gap: calc(var(--cpk-spacing) * 4); } .cpk\:md\:rounded-2xl { border-radius: var(--cpk-radius-2xl); } .cpk\:md\:border-border { border-color: var(--border); } .cpk\:md\:shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 8px 10px -6px var(--tw-shadow-color, rgba(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); } .cpk\:md\:ring-1 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .cpk\:md\:ring-border\/40 { --tw-ring-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .cpk\:md\:ring-border\/40 { --tw-ring-color: color-mix(in oklab, var(--border) 40%, transparent); } } .cpk\:md\:transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--cpk-default-transition-timing-function)); transition-duration: var(--tw-duration, var(--cpk-default-transition-duration)); } .cpk\:md\:transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--cpk-default-transition-timing-function)); transition-duration: var(--tw-duration, var(--cpk-default-transition-duration)); } } @media (min-width: 64rem) { .cpk\:lg\:mr-4 { margin-right: calc(var(--cpk-spacing) * 4); } .cpk\:lg\:ml-4 { margin-left: calc(var(--cpk-spacing) * 4); } } .cpk\:dark\:border-\[\#3a3a3a\]:is(.dark *) { border-color: #3a3a3a; } .cpk\:dark\:border-\[\#404040\]:is(.dark *) { border-color: #404040; } .cpk\:dark\:border-gray-700:is(.dark *) { border-color: var(--cpk-color-gray-700); } .cpk\:dark\:border-input:is(.dark *) { border-color: var(--input); } .cpk\:dark\:border-zinc-800\/60:is(.dark *) { border-color: var(--cpk-color-zinc-800); } @supports (color: color-mix(in lab, red, red)) { .cpk\:dark\:border-zinc-800\/60:is(.dark *) { border-color: color-mix(in oklab, var(--cpk-color-zinc-800) 60%, transparent); } } .cpk\:dark\:bg-\[\#1f1f1f\]:is(.dark *) { background-color: #1f1f1f; } .cpk\:dark\:bg-\[\#2f2f2f\]:is(.dark *) { background-color: #2f2f2f; } .cpk\:dark\:bg-\[\#303030\]:is(.dark *) { background-color: #303030; } .cpk\:dark\:bg-\[\#e0e0e0\]:is(.dark *) { background-color: #e0e0e0; } .cpk\:dark\:bg-amber-500\/15:is(.dark *) { background-color: var(--cpk-color-amber-500); } @supports (color: color-mix(in lab, red, red)) { .cpk\:dark\:bg-amber-500\/15:is(.dark *) { background-color: color-mix(in oklab, var(--cpk-color-amber-500) 15%, transparent); } } .cpk\:dark\:bg-destructive\/60:is(.dark *) { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .cpk\:dark\:bg-destructive\/60:is(.dark *) { background-color: color-mix(in oklab, var(--destructive) 60%, transparent); } } .cpk\:dark\:bg-emerald-500\/15:is(.dark *) { background-color: var(--cpk-color-emerald-500); } @supports (color: color-mix(in lab, red, red)) { .cpk\:dark\:bg-emerald-500\/15:is(.dark *) { background-color: color-mix(in oklab, var(--cpk-color-emerald-500) 15%, transparent); } } .cpk\:dark\:bg-gray-900:is(.dark *) { background-color: var(--cpk-color-gray-900); } .cpk\:dark\:bg-input\/30:is(.dark *) { background-color: var(--input); } @supports (color: color-mix(in lab, red, red)) { .cpk\:dark\:bg-input\/30:is(.dark *) { background-color: color-mix(in oklab, var(--input) 30%, transparent); } } .cpk\:dark\:bg-white:is(.dark *) { background-color: var(--cpk-color-white); } .cpk\:dark\:bg-zinc-700\/40:is(.dark *) { background-color: var(--cpk-color-zinc-700); } @supports (color: color-mix(in lab, red, red)) { .cpk\:dark\:bg-zinc-700\/40:is(.dark *) { background-color: color-mix(in oklab, var(--cpk-color-zinc-700) 40%, transparent); } } .cpk\:dark\:bg-zinc-800\/60:is(.dark *) { background-color: var(--cpk-color-zinc-800); } @supports (color: color-mix(in lab, red, red)) { .cpk\:dark\:bg-zinc-800\/60:is(.dark *) { background-color: color-mix(in oklab, var(--cpk-color-zinc-800) 60%, transparent); } } .cpk\:dark\:bg-zinc-900\/50:is(.dark *) { background-color: var(--cpk-color-zinc-900); } @supports (color: color-mix(in lab, red, red)) { .cpk\:dark\:bg-zinc-900\/50:is(.dark *) { background-color: color-mix(in oklab, var(--cpk-color-zinc-900) 50%, transparent); } } .cpk\:dark\:text-\[rgb\(243\,243\,243\)\]:is(.dark *) { color: #f3f3f3; } .cpk\:dark\:text-amber-400:is(.dark *) { color: var(--cpk-color-amber-400); } .cpk\:dark\:text-black:is(.dark *) { color: var(--cpk-color-black); } .cpk\:dark\:text-emerald-400:is(.dark *) { color: var(--cpk-color-emerald-400); } .cpk\:dark\:text-gray-200:is(.dark *) { color: var(--cpk-color-gray-200); } .cpk\:dark\:text-gray-400:is(.dark *) { color: var(--cpk-color-gray-400); } .cpk\:dark\:text-gray-500:is(.dark *) { color: var(--cpk-color-gray-500); } .cpk\:dark\:text-white:is(.dark *) { color: var(--cpk-color-white); } .cpk\:dark\:text-zinc-100:is(.dark *) { color: var(--cpk-color-zinc-100); } .cpk\:dark\:text-zinc-200:is(.dark *) { color: var(--cpk-color-zinc-200); } .cpk\:dark\:text-zinc-300:is(.dark *) { color: var(--cpk-color-zinc-300); } .cpk\:dark\:text-zinc-400:is(.dark *) { color: var(--cpk-color-zinc-400); } .cpk\:dark\:prose-invert:is(.dark *) { --tw-prose-body: var(--tw-prose-invert-body); --tw-prose-headings: var(--tw-prose-invert-headings); --tw-prose-lead: var(--tw-prose-invert-lead); --tw-prose-links: var(--tw-prose-invert-links); --tw-prose-bold: var(--tw-prose-invert-bold); --tw-prose-counters: var(--tw-prose-invert-counters); --tw-prose-bullets: var(--tw-prose-invert-bullets); --tw-prose-hr: var(--tw-prose-invert-hr); --tw-prose-quotes: var(--tw-prose-invert-quotes); --tw-prose-quote-borders: var(--tw-prose-invert-quote-borders); --tw-prose-captions: var(--tw-prose-invert-captions); --tw-prose-kbd: var(--tw-prose-invert-kbd); --tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows); --tw-prose-code: var(--tw-prose-invert-code); --tw-prose-pre-code: var(--tw-prose-invert-pre-code); --tw-prose-pre-bg: var(--tw-prose-invert-pre-bg); --tw-prose-th-borders: var(--tw-prose-invert-th-borders); --tw-prose-td-borders: var(--tw-prose-invert-td-borders); } .cpk\:dark\:placeholder\:text-\[\#fffc\]:is(.dark *)::placeholder { color: rgba(255, 255, 255, .8); } @media (hover: hover) { .cpk\:dark\:hover\:bg-\[\#2f2f2f\]:is(.dark *):hover { background-color: #2f2f2f; } .cpk\:dark\:hover\:bg-\[\#303030\]:is(.dark *):hover { background-color: #303030; } .cpk\:dark\:hover\:bg-\[\#404040\]:is(.dark *):hover { background-color: #404040; } .cpk\:dark\:hover\:bg-accent\/50:is(.dark *):hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .cpk\:dark\:hover\:bg-accent\/50:is(.dark *):hover { background-color: color-mix(in oklab, var(--accent) 50%, transparent); } } .cpk\:dark\:hover\:bg-gray-800:is(.dark *):hover { background-color: var(--cpk-color-gray-800); } .cpk\:dark\:hover\:bg-input\/50:is(.dark *):hover { background-color: var(--input); } @supports (color: color-mix(in lab, red, red)) { .cpk\:dark\:hover\:bg-input\/50:is(.dark *):hover { background-color: color-mix(in oklab, var(--input) 50%, transparent); } } .cpk\:dark\:hover\:text-\[\#FFFFFF\]:is(.dark *):hover { color: #fff; } .cpk\:dark\:hover\:text-\[rgb\(243\,243\,243\)\]:is(.dark *):hover { color: #f3f3f3; } } .cpk\:dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible { --tw-ring-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .cpk\:dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); } } .cpk\:dark\:focus-visible\:outline-white:is(.dark *):focus-visible { outline-color: var(--cpk-color-white); } .cpk\:dark\:disabled\:bg-\[\#454545\]:is(.dark *):disabled { background-color: #454545; } .cpk\:dark\:disabled\:text-white:is(.dark *):disabled { color: var(--cpk-color-white); } @media (hover: hover) { .cpk\:dark\:disabled\:hover\:bg-transparent:is(.dark *):disabled:hover { background-color: rgba(0, 0, 0, 0); } .cpk\:dark\:disabled\:hover\:text-\[\#CCCCCC\]:is(.dark *):disabled:hover { color: #ccc; } } .cpk\:dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] { --tw-ring-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .cpk\:dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); } } .cpk\:dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .cpk\:dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus { background-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } .cpk\:\[\&_svg\]\:pointer-events-none svg { pointer-events: none; } .cpk\:\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; } .cpk\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) { width: calc(var(--cpk-spacing) * 4); height: calc(var(--cpk-spacing) * 4); } .cpk\:\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*="text-"]) { color: var(--muted-foreground); } :-webkit-any(.cpk\:data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant="destructive"] > *):-webkit-any(svg) { color: var(--destructive) !important; } :-moz-any(.cpk\:data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant="destructive"] > *):-moz-any(svg) { color: var(--destructive) !important; } :is(.cpk\:data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant="destructive"] > *):is(svg) { color: var(--destructive) !important; } div[data-popup-chat] .cpk\:\[div\[data-popup-chat\]_\&\]\:px-4 { padding-inline: calc(var(--cpk-spacing) * 4); } div[data-popup-chat] .cpk\:\[div\[data-popup-chat\]_\&\]\:px-6 { padding-inline: calc(var(--cpk-spacing) * 6); } div[data-sidebar-chat] .cpk\:\[div\[data-sidebar-chat\]_\&\]\:px-8 { padding-inline: calc(var(--cpk-spacing) * 8); } } @property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; } @property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; } @property --tw-animation-duration { syntax: "*"; inherits: false } @property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; } @property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; } [data-copilotkit] { --background: #fff; --foreground: #0a0a0a; --card: #fff; --card-foreground: #0a0a0a; --popover: #fff; --popover-foreground: #0a0a0a; --primary: #171717; --primary-foreground: #fafafa; --secondary: #f5f5f5; --secondary-foreground: #171717; --muted: #f5f5f5; --muted-foreground: #737373; --accent: #f5f5f5; --accent-foreground: #171717; --destructive: #e40014; --destructive-foreground: #e40014; --border: #e5e5e5; --input: #e5e5e5; --ring: #a1a1a1; --chart-1: #f05100; --chart-2: #009588; --chart-3: #104e64; --chart-4: #fcbb00; --chart-5: #f99c00; --radius: .625rem; --sidebar: #fafafa; --sidebar-foreground: #0a0a0a; --sidebar-primary: #171717; --sidebar-primary-foreground: #fafafa; --sidebar-accent: #f5f5f5; --sidebar-accent-foreground: #171717; --sidebar-border: #e5e5e5; --sidebar-ring: #a1a1a1; } @supports (color: color(display-p3 0 0 0)) { [data-copilotkit] { --background: color(display-p3 1 1 1); --foreground: color(display-p3 .0393882 .0393882 .0393882); --card: color(display-p3 1 1 1); --card-foreground: color(display-p3 .0393882 .0393882 .0393882); --popover: color(display-p3 1 1 1); --popover-foreground: color(display-p3 .0393882 .0393882 .0393882); --primary: color(display-p3 .0905274 .0905274 .0905274); --primary-foreground: color(display-p3 .980256 .980256 .980256); --secondary: color(display-p3 .960587 .960587 .960587); --secondary-foreground: color(display-p3 .0905274 .0905274 .0905274); --muted: color(display-p3 .960587 .960587 .960587); --muted-foreground: color(display-p3 .451519 .451519 .451519); --accent: color(display-p3 .960587 .960587 .960587); --accent-foreground: color(display-p3 .0905274 .0905274 .0905274); --destructive: color(display-p3 .830323 .140383 .133196); --destructive-foreground: color(display-p3 .830323 .140383 .133196); --border: color(display-p3 .898161 .898161 .898161); --input: color(display-p3 .898161 .898161 .898161); --ring: color(display-p3 .630163 .630163 .630163); --chart-1: color(display-p3 .887467 .341665 .0219962); --chart-2: color(display-p3 .207114 .579584 .53668); --chart-3: color(display-p3 .142586 .302008 .385094); --chart-4: color(display-p3 .959186 .738519 .118268); --chart-5: color(display-p3 .93994 .620584 .0585367); --sidebar: color(display-p3 .980256 .980256 .980256); --sidebar-foreground: color(display-p3 .0393882 .0393882 .0393882); --sidebar-primary: color(display-p3 .0905274 .0905274 .0905274); --sidebar-primary-foreground: color(display-p3 .980256 .980256 .980256); --sidebar-accent: color(display-p3 .960587 .960587 .960587); --sidebar-accent-foreground: color(display-p3 .0905274 .0905274 .0905274); --sidebar-border: color(display-p3 .898161 .898161 .898161); --sidebar-ring: color(display-p3 .630163 .630163 .630163); } } @supports (color: lab(0% 0 0)) { [data-copilotkit] { --background: lab(100% 0 0); --foreground: lab(2.75381% 0 0); --card: lab(100% 0 0); --card-foreground: lab(2.75381% 0 0); --popover: lab(100% 0 0); --popover-foreground: lab(2.75381% 0 0); --primary: lab(7.78201% -.0000149012 0); --primary-foreground: lab(98.26% 0 0); --secondary: lab(96.52% -.0000298023 .0000119209); --secondary-foreground: lab(7.78201% -.0000149012 0); --muted: lab(96.52% -.0000298023 .0000119209); --muted-foreground: lab(48.496% 0 0); --accent: lab(96.52% -.0000298023 .0000119209); --accent-foreground: lab(7.78201% -.0000149012 0); --destructive: lab(48.4493% 77.4328 61.5452); --destructive-foreground: lab(48.4493% 77.4328 61.5452); --border: lab(90.952% 0 -.0000119209); --input: lab(90.952% 0 -.0000119209); --ring: lab(66.128% -.0000298023 .0000119209); --chart-1: lab(57.1026% 64.2584 89.8886); --chart-2: lab(55.0223% -41.0774 -3.90277); --chart-3: lab(30.372% -13.1853 -18.7887); --chart-4: lab(80.1641% 16.6016 99.2089); --chart-5: lab(72.7183% 31.8672 97.9407); --sidebar: lab(98.26% 0 0); --sidebar-foreground: lab(2.75381% 0 0); --sidebar-primary: lab(7.78201% -.0000149012 0); --sidebar-primary-foreground: lab(98.26% 0 0); --sidebar-accent: lab(96.52% -.0000298023 .0000119209); --sidebar-accent-foreground: lab(7.78201% -.0000149012 0); --sidebar-border: lab(90.952% 0 -.0000119209); --sidebar-ring: lab(66.128% -.0000298023 .0000119209); } } .dark [data-copilotkit], [data-copilotkit].dark { --background: #0a0a0a; --foreground: #fafafa; --card: #0a0a0a; --card-foreground: #fafafa; --popover: #0a0a0a; --popover-foreground: #fafafa; --primary: #fafafa; --primary-foreground: #171717; --secondary: #262626; --secondary-foreground: #fafafa; --muted: #262626; --muted-foreground: #a1a1a1; --accent: #262626; --accent-foreground: #fafafa; --destructive: #82181a; --destructive-foreground: #fb2c36; --border: #262626; --input: #262626; --ring: #737373; --chart-1: #1447e6; --chart-2: #00bb7f; --chart-3: #f99c00; --chart-4: #ac4bff; --chart-5: #ff2357; --sidebar: #171717; --sidebar-foreground: #fafafa; --sidebar-primary: #1447e6; --sidebar-primary-foreground: #fafafa; --sidebar-accent: #262626; --sidebar-accent-foreground: #fafafa; --sidebar-border: #262626; --sidebar-ring: #525252; } @supports (color: color(display-p3 0 0 0)) { .dark [data-copilotkit], [data-copilotkit].dark { --background: color(display-p3 .0393882 .0393882 .0393882); --foreground: color(display-p3 .980256 .980256 .980256); --card: color(display-p3 .0393882 .0393882 .0393882); --card-foreground: color(display-p3 .980256 .980256 .980256); --popover: color(display-p3 .0393882 .0393882 .0393882); --popover-foreground: color(display-p3 .980256 .980256 .980256); --primary: color(display-p3 .980256 .980256 .980256); --primary-foreground: color(display-p3 .0905274 .0905274 .0905274); --secondary: color(display-p3 .149382 .149382 .149382); --secondary-foreground: color(display-p3 .980256 .980256 .980256); --muted: color(display-p3 .149382 .149382 .149382); --muted-foreground: color(display-p3 .630163 .630163 .630163); --accent: color(display-p3 .149382 .149382 .149382); --accent-foreground: color(display-p3 .980256 .980256 .980256); --destructive: color(display-p3 .466906 .133198 .12139); --destructive-foreground: color(display-p3 .903738 .262579 .253307); --border: color(display-p3 .149382 .149382 .149382); --input: color(display-p3 .149382 .149382 .149382); --ring: color(display-p3 .451519 .451519 .451519); --chart-1: color(display-p3 .1379 .274983 .867624); --chart-2: color(display-p3 .267113 .726847 .508397); --chart-3: color(display-p3 .93994 .620584 .0585367); --chart-4: color(display-p3 .629519 .30089 .990817); --chart-5: color(display-p3 .921824 .240748 .355666); --sidebar: color(display-p3 .0905274 .0905274 .0905274); --sidebar-foreground: color(display-p3 .980256 .980256 .980256); --sidebar-primary: color(display-p3 .1379 .274983 .867624); --sidebar-primary-foreground: color(display-p3 .980256 .980256 .980256); --sidebar-accent: color(display-p3 .149382 .149382 .149382); --sidebar-accent-foreground: color(display-p3 .980256 .980256 .980256); --sidebar-border: color(display-p3 .149382 .149382 .149382); --sidebar-ring: color(display-p3 .321993 .321993 .321993); } } @supports (color: lab(0% 0 0)) { .dark [data-copilotkit], [data-copilotkit].dark { --background: lab(2.75381% 0 0); --foreground: lab(98.26% 0 0); --card: lab(2.75381% 0 0); --card-foreground: lab(98.26% 0 0); --popover: lab(2.75381% 0 0); --popover-foreground: lab(98.26% 0 0); --primary: lab(98.26% 0 0); --primary-foreground: lab(7.78201% -.0000149012 0); --secondary: lab(15.204% 0 -.00000596046); --secondary-foreground: lab(98.26% 0 0); --muted: lab(15.204% 0 -.00000596046); --muted-foreground: lab(66.128% -.0000298023 .0000119209); --accent: lab(15.204% 0 -.00000596046); --accent-foreground: lab(98.26% 0 0); --destructive: lab(28.5139% 44.5539 29.0463); --destructive-foreground: lab(55.4814% 75.0732 48.8528); --border: lab(15.204% 0 -.00000596046); --input: lab(15.204% 0 -.00000596046); --ring: lab(48.496% 0 0); --chart-1: lab(36.9089% 35.0961 -85.6872); --chart-2: lab(66.9756% -58.27 19.5419); --chart-3: lab(72.7183% 31.8672 97.9407); --chart-4: lab(52.0183% 66.11 -78.2316); --chart-5: lab(56.101% 79.4328 31.4532); --sidebar: lab(7.78201% -.0000149012 0); --sidebar-foreground: lab(98.26% 0 0); --sidebar-primary: lab(36.9089% 35.0961 -85.6872); --sidebar-primary-foreground: lab(98.26% 0 0); --sidebar-accent: lab(15.204% 0 -.00000596046); --sidebar-accent-foreground: lab(98.26% 0 0); --sidebar-border: lab(15.204% 0 -.00000596046); --sidebar-ring: lab(34.924% 0 0); } } [data-copilotkit] div[data-streamdown="code-block"] > pre { margin-top: calc(var(--cpk-spacing) * 0); margin-bottom: calc(var(--cpk-spacing) * 0); } [data-copilotkit] ::-webkit-scrollbar { width: 6px; } [data-copilotkit] ::-webkit-scrollbar-track { background: none; } [data-copilotkit] ::-webkit-scrollbar-thumb { background: #636363; background: color(display-p3 .388573 .388573 .388573); background: lab(42% 0 0); border-radius: 9999px; } [data-copilotkit] ::-webkit-scrollbar-thumb:hover { background: #484848; background: color(display-p3 .280604 .280604 .280604); background: lab(30.4% -.0000149012 0); } [data-copilotkit] * { scrollbar-width: thin; scrollbar-color: oklch(50% 0 0) transparent; } [data-copilotkit] .prose input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; color: #004f99; -webkit-print-color-adjust: exact; print-color-adjust: exact; -webkit-user-select: none; -moz-user-select: none; user-select: none; vertical-align: middle; background-color: #fff; background-origin: border-box; border-width: 1px; border-color: #9b9b9b; border-radius: 2px; flex-shrink: 0; width: 1rem; height: 1rem; padding: 0; display: inline-block; } [data-copilotkit] .prose input[type="checkbox"]:checked { background-color: #004f99; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E"); background-position: 50%; background-repeat: no-repeat; background-size: 100% 100%; border-color: #004f99; } .cpk-intelligence-indicator { white-space: nowrap; align-self: flex-start; align-items: center; gap: .55rem; margin: .4rem 0; padding: .4rem .85rem; display: inline-flex; position: relative; } .cpk-intelligence-indicator__chrome { -webkit-backdrop-filter: blur(14px) saturate(160%); backdrop-filter: blur(14px) saturate(160%); opacity: 1; pointer-events: none; background: linear-gradient(135deg, rgba(255, 255, 255, .55) 0%, rgba(238, 230, 254, .55) 100%); border: 1px solid rgba(149, 153, 224, .32); border-radius: 999px; transition: opacity .4s ease-out .25s; position: absolute; top: 0; bottom: 0; left: 0; right: 0; box-shadow: 0 1px 2px rgba(94, 100, 173, .06), 0 8px 24px rgba(149, 153, 224, .08), inset 0 1px rgba(255, 255, 255, .6); } .cpk-intelligence-indicator[data-status="finished"] .cpk-intelligence-indicator__chrome { opacity: 0; } .cpk-intelligence-indicator__content { color: rgba(91, 33, 182, .92); letter-spacing: .01em; align-items: center; gap: .55rem; font-size: .78rem; font-weight: 500; transition: color .4s ease-out .25s; display: inline-flex; position: relative; } .cpk-intelligence-indicator[data-status="finished"] .cpk-intelligence-indicator__content { color: rgba(115, 115, 115, .8); } .cpk-intelligence-indicator__label { transition: transform .4s ease-out .25s; display: inline-block; transform: skew(0deg); } .cpk-intelligence-indicator[data-status="finished"] .cpk-intelligence-indicator__label { transform: skew(-10deg); } .cpk-intelligence-indicator__icon { flex-shrink: 0; display: block; } .cpk-intelligence-indicator__icon-arc, .cpk-intelligence-indicator__icon-check { fill: none; stroke: currentColor; stroke-width: 2.5px; stroke-linecap: round; stroke-linejoin: round; } .cpk-intelligence-indicator__icon-arc { stroke-dasharray: .53 .47; opacity: 1; transform-box: fill-box; transform-origin: 50%; transition: opacity .2s cubic-bezier(.4, 0, .2, 1); animation: .9s linear infinite cpk-intelligence-spin; } .cpk-intelligence-indicator__icon-check { stroke-dasharray: 1; stroke-dashoffset: 1px; opacity: 0; transition: stroke-dashoffset .36s cubic-bezier(.22, .61, .36, 1) 90ms, opacity .14s linear 90ms; } .cpk-intelligence-indicator[data-status="finished"] .cpk-intelligence-indicator__icon-arc { opacity: 0; } .cpk-intelligence-indicator[data-status="finished"] .cpk-intelligence-indicator__icon-check { stroke-dashoffset: 0; opacity: 1; } @keyframes cpk-intelligence-spin { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .cpk-intelligence-indicator__icon-arc { animation: none; } .cpk-intelligence-indicator__chrome, .cpk-intelligence-indicator__content, .cpk-intelligence-indicator__label, .cpk-intelligence-indicator__icon-arc, .cpk-intelligence-indicator__icon-check { transition: none; } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-leading { syntax: "*"; inherits: false } @property --tw-font-weight { syntax: "*"; inherits: false } @property --tw-tracking { syntax: "*"; inherits: false } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 rgba(0, 0, 0, 0); } @property --tw-shadow-color { syntax: "*"; inherits: false } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 rgba(0, 0, 0, 0); } @property --tw-inset-shadow-color { syntax: "*"; inherits: false } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 rgba(0, 0, 0, 0); } @property --tw-inset-ring-color { syntax: "*"; inherits: false } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 rgba(0, 0, 0, 0); } @property --tw-ring-inset { syntax: "*"; inherits: false } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 rgba(0, 0, 0, 0); } @property --tw-backdrop-blur { syntax: "*"; inherits: false } @property --tw-backdrop-brightness { syntax: "*"; inherits: false } @property --tw-backdrop-contrast { syntax: "*"; inherits: false } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false } @property --tw-backdrop-invert { syntax: "*"; inherits: false } @property --tw-backdrop-opacity { syntax: "*"; inherits: false } @property --tw-backdrop-saturate { syntax: "*"; inherits: false } @property --tw-backdrop-sepia { syntax: "*"; inherits: false } @property --tw-duration { syntax: "*"; inherits: false } @property --tw-ease { syntax: "*"; inherits: false } @property --tw-contain-size { syntax: "*"; inherits: false } @property --tw-contain-layout { syntax: "*"; inherits: false } @property --tw-contain-paint { syntax: "*"; inherits: false } @property --tw-contain-style { syntax: "*"; inherits: false } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes pulse { 50% { opacity: .5; } } @keyframes enter { 0% { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); filter: blur(var(--tw-enter-blur, 0)); } } @keyframes exit { to { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); filter: blur(var(--tw-exit-blur, 0)); } } @keyframes pulse-cursor { 0%, to { opacity: 1; transform: scale(1); } 50% { opacity: .8; transform: scale(1.5); } } /* [project]/web_client/src/fonts/matter_268ac18d.module.css [client] (css) */ @font-face { font-family: matter; src: url("../media/MatterUprights_VF-s.p.5bb90ccd.woff2") format("woff2"); font-display: swap; font-weight: 100 900; font-style: normal; } @font-face { font-family: matter; src: url("../media/MatterStandard_VF-s.p.a3326a42.woff2") format("woff2"); font-display: swap; font-weight: 100 900; font-style: normal; } @font-face { font-family: matter; src: url("../media/MatterItalics_VF-s.p.b64bf5d2.woff2") format("woff2"); font-display: swap; font-weight: 100 900; font-style: italic; } @font-face { font-family: matter Fallback; src: local(Arial); ascent-override: 95.92%; descent-override: 24.23%; line-gap-override: 0.0%; size-adjust: 99.04%; } .matter_268ac18d-module__7Uhyuq__className { font-family: matter, matter Fallback; } .matter_268ac18d-module__7Uhyuq__variable { --font-matter: "matter", "matter Fallback"; } /* [project]/web_client/src/styles/globals.css [client] (css) */ @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 { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-border-style: solid; --tw-font-weight: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 rgba(0, 0, 0, 0); --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 rgba(0, 0, 0, 0); --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0); --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 rgba(0, 0, 0, 0); --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0); --tw-outline-style: solid; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; } ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-border-style: solid; --tw-font-weight: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 rgba(0, 0, 0, 0); --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 rgba(0, 0, 0, 0); --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0); --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 rgba(0, 0, 0, 0); --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0); --tw-outline-style: solid; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; } *, :before, :after { --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-border-style: solid; --tw-font-weight: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 rgba(0, 0, 0, 0); --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 rgba(0, 0, 0, 0); --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0); --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 rgba(0, 0, 0, 0); --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0); --tw-outline-style: solid; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-scroll-snap-strictness: proximity; --tw-space-y-reverse: 0; --tw-divide-y-reverse: 0; --tw-gradient-position: initial; --tw-gradient-from: rgba(0, 0, 0, 0); --tw-gradient-via: rgba(0, 0, 0, 0); --tw-gradient-to: rgba(0, 0, 0, 0); --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-tracking: initial; --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; } ::backdrop { --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-border-style: solid; --tw-font-weight: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 rgba(0, 0, 0, 0); --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 rgba(0, 0, 0, 0); --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 rgba(0, 0, 0, 0); --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 rgba(0, 0, 0, 0); --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 rgba(0, 0, 0, 0); --tw-outline-style: solid; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-scroll-snap-strictness: proximity; --tw-space-y-reverse: 0; --tw-divide-y-reverse: 0; --tw-gradient-position: initial; --tw-gradient-from: rgba(0, 0, 0, 0); --tw-gradient-via: rgba(0, 0, 0, 0); --tw-gradient-to: rgba(0, 0, 0, 0); --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-tracking: initial; --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; } } } @layer base { [data-media-player] .vds-video-layout:not([data-match]) { display: none !important; } [data-media-player][data-layout="video"] { background-color: var(--video-bg, black); } [data-media-player][data-layout="video"]:not([data-fullscreen]) { border-radius: var(--video-border-radius, 6px); border: var(--video-border, 1px solid rgba(255, 255, 255, .1)); } :where(.vds-video-layout) { --media-brand: var(--video-brand, #f5f5f5); --media-font-family: var(--video-font-family, sans-serif); --media-controls-color: var(--video-controls-color, #f5f5f5); --media-tooltip-y-offset: 6px; --media-menu-y-offset: 6px; --media-focus-ring-color: var(--video-focus-ring-color, #4e9cf6); --media-focus-ring: var(--video-focus-ring, 0 0 0 3px var(--media-focus-ring-color)); color: var(--video-controls-color, #f5f5f5); display: contents; } :where([data-media-player][data-focus]:not([data-playing]) .vds-video-layout .vds-controls) { border-radius: var(--video-border-radius, 6px); box-shadow: var(--media-focus-ring); } :where(.vds-video-layout .vds-controls[data-visible]) { border-radius: var(--video-border-radius, 6px); background-image: linear-gradient(to top, rgba(0, 0, 0, .6), 10%, rgba(0, 0, 0, 0), 95%, rgba(0, 0, 0, .3)); } .vds-video-layout .vds-controls-group { pointer-events: auto; z-index: 0; align-items: center; padding: 4px 6px; display: flex; } .vds-video-layout .vds-controls-group:first-child { z-index: 50; } .vds-video-layout .vds-controls-group:nth-last-child(2) { z-index: 11; margin-bottom: -16px; padding: 0 12px; } .vds-video-layout:not([data-sm]) .vds-controls-group:last-child { --media-menu-y-offset: 26px; --media-tooltip-y-offset: 26px; --media-slider-preview-offset: 26px; z-index: 10; } :where(.vds-video-layout .vds-button) { margin-right: 2.5px; } :where(.vds-video-layout[data-sm] .vds-chapter-title) { font-size: var(--video-sm-chapter-title-font-size, 15px); } :where([data-fullscreen] .vds-video-layout .vds-chapter-title) { font-size: var(--video-fullscreen-chapter-title-font-size, 16px); } :where(.vds-video-layout:not([data-sm]) .vds-mute-button) { margin-left: -2.5px; margin-right: -5px; } :where(.vds-video-layout[data-sm]) { --media-button-size: var(--video-sm-button-size, 36px); } :where(.vds-video-layout .vds-time-slider) { --media-slider-height: 45px; flex-grow: 0; } :where(.vds-video-layout .vds-slider-thumbnail) { --media-thumbnail-border: var(--video-slider-thumbnail-border, 1px solid #f5f5f5); border-radius: var(--video-slider-thumbnail-border-radius, 2px); } .vds-video-layout .vds-time-slider .vds-slider-value { background-color: var(--video-time-bg, unset); text-shadow: -1px -1px #333, 1px -1px #333, -1px 1px #333, 1px 1px #333; } :where(.vds-video-layout[data-sm] .vds-time) { text-shadow: unset; } :where(.vds-video-layout[data-lg] .vds-volume) { --gap: var(--video-volume-gap, 10px); display: contents; } :where(.vds-video-layout[data-lg] .vds-volume-popup) { display: contents; } :where(.vds-video-layout[data-lg] .vds-volume-slider) { max-width: 0; margin: 0; transition: all .15s; } :where(.vds-video-layout[data-lg] .vds-volume[data-active] .vds-volume-slider) { margin-left: var(--gap); opacity: 1; visibility: visible; max-width: var(--video-volume-slider-max-width, 72px); } :where(.vds-video-layout[data-lg] .vds-volume:has([data-active]) .vds-volume-slider) { margin-left: var(--gap); opacity: 1; visibility: visible; max-width: var(--video-volume-slider-max-width, 72px); } .vds-video-layout[data-lg] .vds-volume-slider:after { content: ""; top: 0; left: calc(-1 * var(--gap)); width: var(--gap); z-index: 1; pointer-events: auto; height: 100%; position: fixed; } :where(.vds-video-layout[data-sm] .vds-volume) { --media-slider-height: var(--video-volume-height, 96px); --media-slider-preview-offset: calc(-200% - 6px); --gap: var(--video-volume-gap, 10px); justify-content: center; align-items: center; display: flex; position: relative; } :where(.vds-video-layout[data-sm] .vds-volume-popup) { top: calc(100% + var(--gap)); opacity: 0; border-radius: var(--video-volume-border-radius, 8px); filter: var(--media-volume-filter, drop-shadow(0 1px 1px rgba(0, 0, 0, .05))); visibility: hidden; transition: opacity .15s ease-out, visibility .15s ease-out; display: block; position: absolute; left: 50%; transform: translateX(-50%); } .vds-video-layout[data-sm] .vds-mute-button:after { content: ""; bottom: calc(-1 * var(--gap)); width: 100%; height: var(--gap); z-index: 1; pointer-events: auto; position: fixed; right: 0; } .vds-video-layout .vds-volume-popup { background-color: var(--video-volume-bg, var(--media-menu-bg, var(--default-bg))); border: var(--video-volume-border, var(--default-border)); } .light .vds-video-layout .vds-volume-popup, .vds-video-layout.light .vds-volume-popup { --default-bg: #fafafa; --default-border: 1px solid rgba(10, 10, 10, .1); } .dark .vds-video-layout .vds-volume-popup, .vds-video-layout.dark .vds-volume-popup { --default-bg: #0a0a0a; --default-border: 1px solid rgba(255, 255, 255, .1); } :where(.vds-video-layout[data-sm] .vds-volume[data-active] .vds-volume-popup) { opacity: 1; visibility: visible; transition: opacity .15s ease-in, visibility .15s ease-in; } :where(.vds-video-layout[data-sm] .vds-volume:has([data-active]) .vds-volume-popup) { opacity: 1; visibility: visible; transition: opacity .15s ease-in, visibility .15s ease-in; } :where(.vds-video-layout[data-sm] .vds-volume[data-active] .vds-tooltip-content) { display: none !important; } :where(.vds-video-layout .vds-time[data-type="current"]) { margin-right: 2px; } :where(.vds-video-layout .vds-time[data-type="current"][remainder]) { margin-left: 2px; } .vds-video-layout .vds-time { --default-color: #f5f5f5 !important; } :where([data-preview] .vds-video-layout .vds-captions) { opacity: 0; } :where(.vds-video-layout .vds-captions) { z-index: 10; transition: var(--video-captions-transition, bottom .3s ease-in-out); } @media (min-width: 980px) { :where([data-fullscreen] .vds-video-layout .vds-captions) { bottom: var(--video-lg-fullscreen-captions-offset, 54px); } } :where([data-media-player][data-controls] .vds-video-layout .vds-captions) { bottom: var(--video-captions-offset, 78px); } :where([data-media-player][data-controls] .vds-video-layout[data-sm] .vds-captions) { bottom: var(--video-sm-captions-offset, 48px); } :where(.vds-video-layout .vds-time-slider .vds-slider-chapter-title) { text-align: center; text-shadow: -1px -1px #212121, 1px -1px #212121, -1px 1px #212121, 1px 1px #212121; width: 100%; } :where(.vds-video-layout .vds-gesture) { z-index: 0; width: 100%; height: 100%; top: 0; left: 0; } :where(.vds-video-layout .vds-gesture[action="seek:-10"]) { width: var(--video-gesture-seek-width, 20%); z-index: 1; } :where(.vds-video-layout .vds-gesture[action="seek:10"]) { left: unset; width: var(--video-gesture-seek-width, 20%); z-index: 1; right: 0; } @media (pointer: coarse) { :where(.vds-video-layout .vds-gesture[action="toggle:paused"]) { display: none; } } @media not (pointer: coarse) { :where([data-media-player] .vds-video-layout .vds-gesture[action="toggle:controls"]) { display: none; } } :where(.vds-video-layout .vds-live-button) { margin-left: 12px; } :where(.vds-video-layout:not([data-sm]) .vds-time-group) { margin-left: 10px; } :where(.vds-video-layout[data-sm] .vds-time) { font-size: var(--video-sm-time-font-size, 14px); } :where([data-fullscreen] .vds-video-layout .vds-time) { font-size: var(--video-fullscreen-time-font-size, 16px); } :where(.vds-video-layout .vds-load-container) { pointer-events: none; z-index: 99; justify-content: center; align-items: center; width: 100%; height: 100%; display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } :where([data-media-player][data-load="play"]:not([data-started]) .vds-video-layout[data-match] .vds-load-container) { display: flex; } :where(.vds-video-layout .vds-load-container .vds-play-button) { --size: var(--video-load-button-size, 56px); --color: var(--video-load-button-color, rgba(0, 0, 0, .8)); --bg-color: var(--video-load-button-bg, var(--media-brand)); --media-button-hover-transform: 0; --media-button-border: var(--video-load-button-border, var(--color)); --media-button-hover-bg: var(--video-load-button-bg, var(--media-brand)); width: var(--size); height: var(--size); pointer-events: auto; margin-bottom: 2px; overflow: hidden; } .vds-video-layout .vds-load-container .vds-play-button { border-radius: var(--video-load-button-border-radius, 100%); color: var(--color); background-color: var(--bg-color); } :where(.vds-video-layout[data-sm] .vds-load-container .vds-play-button) { --size: var(--video-sm-load-button-size, 48px); --media-button-hover-transform: translateY(0%); width: var(--size); height: var(--size); transform: translateY(0%); } :where(.vds-video-layout[data-sm] .vds-controls-group:nth-last-child(2)) { pointer-events: none; } :where(.vds-video-layout[data-sm] .vds-controls-group:last-child) { z-index: 2; margin-top: -2.5px; margin-bottom: -6px; } :where([data-fullscreen] .vds-video-layout[data-sm] .vds-controls-group:last-child) { margin-bottom: 0; } .vds-video-layout[data-sm] .vds-controls-group { padding: 2px; } :where(.vds-video-layout[data-sm]) :where(.vds-button, .vds-slider:not(.vds-time-slider), .vds-time, .vds-time-divider, .vds-chapter-title) { transition: opacity .15s; } :where([data-media-player]:not([data-started]) .vds-video-layout[data-sm]) :where(.vds-button .vds-slider, .vds-time-group) { opacity: 0; visibility: hidden; } :where(.vds-video-layout[data-sm] .vds-time-slider) { transition: transform .1s linear; } @media (pointer: coarse) { :where([data-preview] .vds-video-layout:not([data-no-scrub-gesture])) :where(.vds-button, .vds-slider:not(.vds-time-slider), .vds-time, .vds-chapter-title, .vds-time-divider, .vds-captions, .vds-live-button) { opacity: 0; } :where([data-preview] .vds-video-layout:not([data-no-scrub-gesture]) .vds-time-slider) { --track-height: var(--video-sm-slider-focus-track-height, 12px); transition: transform .1s linear; transform: translateY(-6px); } } :where(.vds-video-layout[data-sm] .vds-controls .vds-play-button) { --size: var(--video-sm-play-button-size, 45px); --media-button-hover-transform: translateY(25%); width: var(--size); height: var(--size); pointer-events: auto; border-radius: 100%; margin-bottom: 2px; overflow: hidden; transform: translateY(25%); } .vds-video-layout[data-sm] .vds-controls .vds-play-button { background-color: var(--video-sm-play-button-bg, rgba(0, 0, 0, .6)); } :where([data-media-player]:not([data-started]) .vds-video-layout[data-sm] .vds-controls-group:not(:nth-child(3))) { opacity: 0; visibility: hidden; } :where(.vds-video-layout[data-sm] .vds-buffering-indicator) { --media-buffering-size: 64px; transform: translate(-2px, -4px); } :where(.vds-video-layout .vds-start-duration .vds-time) { z-index: 10; margin-bottom: 8px; margin-right: 8px; position: absolute; bottom: 8px; right: 8px; } .vds-video-layout .vds-start-duration .vds-time { padding: var(--video-sm-start-duration-padding, 3px 6px); color: var(--video-sm-start-duration-color, var(--video-controls-color)); background-color: var(--video-sm-start-duration-bg, rgba(0, 0, 0, .64)); } :where([data-started] .vds-video-layout .vds-start-duration .vds-time) { display: none; } :where([data-media-player]:not([data-can-play]) .vds-video-layout .vds-start-duration .vds-time) { opacity: 0; } :where(.vds-video-layout[data-sm] .vds-time[data-type="current"]) { margin-left: 8px; } :where([data-fullscreen] .vds-video-layout .vds-controls-group:nth-last-child(2)) { margin-bottom: -16px; } @media (orientation: portrait) { :where([data-fullscreen] .vds-video-layout .vds-captions) { bottom: 30lvh; bottom: 10dvh; } } @media (orientation: landscape) { :where([data-fullscreen] .vds-video-layout .vds-controls-group:nth-last-child(2)) { margin-bottom: -12px; } } [data-media-player] { contain: style; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; width: 100%; display: inline-flex; position: relative; } [data-media-player] * { box-sizing: border-box; } :where([data-media-player][data-view-type="video"]) { aspect-ratio: 16 / 9; } [data-media-player]:focus { outline: none; } [data-media-player]:focus-visible { outline: none; } [data-media-player][data-view-type="video"][data-started]:not([data-controls]) { pointer-events: auto; cursor: none; } [data-media-player] slot { display: contents; } [data-media-provider] { box-sizing: border-box; border-radius: inherit; width: 100%; aspect-ratio: inherit; align-items: center; display: flex; position: relative; overflow: hidden; } [data-media-player]:not([data-view-type="audio"]) [data-media-provider], [data-media-player][data-fullscreen] [data-media-provider] { height: 100%; } [data-media-player][data-view-type="audio"] [data-media-provider] { background-color: unset; display: contents; } [data-media-provider] audio { width: 100%; } :where(video:not([width]):not([height]), iframe:not([width]):not([height])) { aspect-ratio: 16 / 9; width: 100%; } :where([data-media-provider] video) { aspect-ratio: inherit; object-fit: contain; touch-action: manipulation; border-radius: inherit; width: 100%; height: auto; display: inline-block; } :where([data-media-provider] iframe) { aspect-ratio: inherit; object-fit: contain; touch-action: manipulation; border-radius: inherit; width: 100%; height: auto; display: inline-block; } [data-media-provider] iframe { height: 100%; } [data-media-player][data-view-type="audio"] video, [data-media-player][data-view-type="audio"] iframe { display: none; } [data-media-player][data-fullscreen] video { height: 100%; } [data-media-provider] iframe:not([src]) { display: none; } iframe.vds-youtube[data-no-controls] { height: 1000%; } .vds-blocker { width: 100%; height: auto; aspect-ratio: inherit; pointer-events: auto; border-radius: inherit; z-index: 1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } [data-ended] .vds-blocker { background-color: #000; } .vds-icon:focus { outline: none; } .vds-google-cast { color: #dedede; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; font-family: sans-serif; font-weight: 500; display: flex; } .vds-google-cast svg { --size: max(18%, 40px); width: var(--size); height: var(--size); margin-bottom: 8px; } .vds-google-cast-info { font-size: calc(var(--media-height) / 100 * 6); } :where(.vds-buffering-indicator) { pointer-events: none; z-index: 1; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; top: 0; left: 0; } :where(.vds-buffering-indicator) :where(.vds-buffering-icon, .vds-buffering-spinner) { opacity: 0; pointer-events: none; transition: var(--media-buffering-transition, opacity .2s ease); } :where(.vds-buffering-indicator) :where(.vds-buffering-icon, svg.vds-buffering-spinner, .vds-buffering-spinner svg) { width: var(--media-buffering-size, 96px); height: var(--media-buffering-size, 96px); } :where(.vds-buffering-indicator) :where(.vds-buffering-track, circle[data-part="track"]) { color: var(--media-buffering-track-color, #f5f5f5); opacity: var(--media-buffering-track-opacity, .25); stroke-width: var(--media-buffering-track-width, 8); } :where(.vds-buffering-indicator) :where(.vds-buffering-track-fill, circle[data-part="track-fill"]) { color: var(--media-buffering-track-fill-color, var(--media-brand)); opacity: var(--media-buffering-track-fill-opacity, .75); stroke-width: var(--media-buffering-track-fill-width, 9); stroke-dasharray: 100; stroke-dashoffset: var(--media-buffering-track-fill-offset, 50); } :where([data-buffering]) :where(.vds-buffering-icon, .vds-buffering-spinner) { opacity: 1; animation: var(--media-buffering-animation, vds-buffering-spin 1s linear infinite); } @keyframes vds-buffering-spin { to { transform: rotate(360deg); } } @media (prefers-reduced-motion) { :where([data-buffering]) :where(.vds-buffering-icon, .vds-buffering-spinner) { animation-duration: 8s; } } :where(.vds-button) { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: var(--media-button-border-radius, 8px); width: var(--media-button-size, 40px); height: var(--media-button-size, 40px); contain: layout style; cursor: pointer; -webkit-tap-highlight-color: transparent; touch-action: manipulation; background: none; border: none; outline: none; flex-shrink: 0; justify-content: center; align-items: center; transition: transform .2s ease-out; display: inline-flex; position: relative; } .vds-button { border: var(--media-button-border); color: var(--media-button-color, var(--media-controls-color, #f5f5f5)); padding: var(--media-button-padding, 0px); } :where([data-fullscreen] .vds-button) { width: var(--media-fullscreen-button-size, 42px); height: var(--media-fullscreen-button-size, 42px); } @media screen and (max-width: 599px) { :where([data-fullscreen] .vds-button) { width: var(--media-sm-fullscreen-button-size, 42px); height: var(--media-sm-fullscreen-button-size, 42px); } } :where(.vds-button .vds-icon) { width: var(--media-button-icon-size, 80%); height: var(--media-button-icon-size, 80%); border-radius: var(--media-button-border-radius, 8px); } :where(.vds-menu-button .vds-icon) { display: flex !important; } :where(.vds-button[aria-hidden="true"]) { display: none !important; } @media (hover: hover) and (pointer: fine) { .vds-button:hover { background-color: var(--media-button-hover-bg, rgba(255, 255, 255, .2)); transform: var(--media-button-hover-transform, scale(1.05)); transition: var(--media-button-hover-transition, transform .2s ease-in); } .vds-button[aria-expanded="true"] { transform: unset; } } @media (pointer: coarse) { .vds-button:hover { border-radius: var(--media-button-touch-hover-border-radius, 100%); background-color: var(--media-button-touch-hover-bg, rgba(255, 255, 255, .2)); } } :where(.vds-button:focus) { outline: none; } :where(.vds-button[data-focus], .vds-button:focus-visible) { box-shadow: var(--media-focus-ring); } :where(.vds-live-button) { min-width: auto; min-height: auto; width: var(--media-live-button-width, 40px); height: var(--media-live-button-height, 40px); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: none; outline: none; justify-content: center; align-items: center; padding: 0; display: flex; } :where(.vds-live-button-text) { font-family: var(--media-font-family, sans-serif); font-size: var(--media-live-button-font-size, 12px); font-weight: var(--media-live-button-font-weight, 600); letter-spacing: var(--media-live-button-letter-spacing, 1.5px); transition: color .3s; } .vds-live-button-text { background-color: var(--media-live-button-bg, #8a8a8a); border-radius: var(--media-live-button-border-radius, 2px); color: var(--media-live-button-color, #161616); padding: var(--media-live-button-padding, 1px 4px); } :where(.vds-live-button[data-focus] .vds-live-button-text) { box-shadow: var(--media-focus-ring); } :where(.vds-live-button[data-edge]) { cursor: unset; } .vds-live-button[data-edge] .vds-live-button-text { background-color: var(--media-live-button-edge-bg, #dc2626); color: var(--media-live-button-edge-color, #f5f5f5); } @media (pointer: fine) { :where(.vds-live-button:hover) { background-color: unset; } } .vds-button:not([data-paused]) .vds-play-icon, .vds-button[data-ended] .vds-play-icon, .vds-button[data-paused] .vds-pause-icon, .vds-button[data-ended] .vds-pause-icon, .vds-button:not([data-ended]) .vds-replay-icon, .vds-button[data-active] .vds-pip-enter-icon, .vds-button:not([data-active]) .vds-pip-exit-icon, .vds-button[data-active] .vds-fs-enter-icon, .vds-button:not([data-active]) .vds-fs-exit-icon, .vds-button:not([data-active]) .vds-cc-on-icon, .vds-button[data-active] .vds-cc-off-icon, .vds-button:not([data-muted]) .vds-mute-icon, .vds-button:not([data-state="low"]) .vds-volume-low-icon, .vds-button:not([data-state="high"]) .vds-volume-high-icon { display: none; } :where(.vds-captions) { --overlay-padding: var(--media-captions-padding, 1%); --cue-color: var(--media-user-text-color, var(--media-cue-color, white)); --cue-bg-color: var(--media-user-text-bg, var(--media-cue-bg, rgba(0, 0, 0, .7))); --cue-default-font-size: var(--media-cue-font-size, calc(var(--overlay-height) / 100 * 4.5)); --cue-font-size: calc(var(--cue-default-font-size) * var(--media-user-font-size, 1)); --cue-line-height: var(--media-cue-line-height, calc(var(--cue-font-size) * 1.2)); --cue-padding-x: var(--media-cue-padding-x, calc(var(--cue-font-size) * .6)); --cue-padding-y: var(--media-cue-padding-x, calc(var(--cue-font-size) * .4)); --cue-padding: var(--cue-padding-y) var(--cue-padding-x); z-index: 1; contain: layout style; margin: var(--overlay-padding); font-size: var(--cue-font-size); font-family: var(--media-user-font-family, sans-serif); box-sizing: border-box; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; word-spacing: normal; word-break: break-word; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } :where([data-fullscreen][data-orientation="portrait"] .vds-captions) { --cue-default-font-size: var(--media-cue-font-size, calc(var(--overlay-width) / 100 * 4.5)); } :where([data-view-type="audio"] .vds-captions) { margin: 0; position: relative; } :where(.vds-captions[aria-hidden="true"]) { opacity: 0; visibility: hidden; } .vds-captions[data-example] { opacity: 1 !important; visibility: visible !important; } :where([data-view-type="video"] .vds-captions [data-part="cue-display"][data-example]) { --cue-text-align: center; --cue-width: 100%; --cue-top: 90%; --cue-left: 0%; } :where([data-view-type="audio"] .vds-captions [data-part="cue-display"]) { --cue-width: 100%; position: relative !important; } :where(.vds-captions [data-part="cue-display"]) { contain: content; top: var(--cue-top); left: var(--cue-left); right: var(--cue-right); bottom: var(--cue-bottom); width: var(--cue-width, auto); height: var(--cue-height, auto); box-sizing: border-box; transform: var(--cue-transform); text-align: var(--cue-text-align); writing-mode: var(--cue-writing-mode, unset); white-space: pre-line; background-color: var(--media-user-display-bg, var(--media-cue-display-bg)); border-radius: var(--media-cue-display-border-radius); direction: ltr; unicode-bidi: plaintext; min-width: min-content; min-height: min-content; position: absolute; overflow: visible; } .vds-captions [data-part="cue-display"] { padding: var(--media-cue-display-padding); } :where(.vds-captions[data-dir="rtl"] [data-part="cue-display"]) { direction: rtl; } :where(.vds-captions [data-part="cue"]) { contain: content; font-variant: var(--media-user-font-variant); border: var(--media-cue-border, unset); border-radius: var(--media-cue-border-radius, 2px); -webkit-backdrop-filter: var(--media-cue-backdrop, blur(8px)); backdrop-filter: var(--media-cue-backdrop, blur(8px)); line-height: var(--cue-line-height); box-sizing: border-box; box-shadow: var(--media-cue-box-shadow, var(--cue-box-shadow)); white-space: var(--cue-white-space, pre-wrap); outline: var(--cue-outline); text-shadow: var(--media-user-text-shadow, var(--cue-text-shadow)); display: inline-block; } .vds-captions [data-part="cue"] { background-color: var(--cue-bg-color); color: var(--cue-color); padding: var(--cue-padding); } :where(.vds-captions [data-part="cue-display"][data-vertical] [data-part="cue"]) { --cue-padding: var(--cue-padding-x) var(--cue-padding-y); } :where(.vds-captions [data-part="region"]) { --anchor-x-percent: calc(var(--region-anchor-x) / 100); --anchor-x: calc(var(--region-width) * var(--anchor-x-percent)); --anchor-y-percent: calc(var(--region-anchor-y) / 100); --anchor-y: calc(var(--region-height) * var(--anchor-y-percent)); --vp-anchor-x: calc(var(--region-viewport-anchor-x) * 1%); --vp-anchor-y-percent: calc(var(--region-viewport-anchor-y) / 100); --vp-anchor-y: calc(var(--overlay-height) * var(--vp-anchor-y-percent)); width: var(--region-width); height: var(--region-height); min-height: 0; max-height: var(--region-height); writing-mode: horizontal-tb; top: var(--region-top, calc(var(--vp-anchor-y) - var(--anchor-y))); left: var(--region-left, calc(var(--vp-anchor-x) - var(--anchor-x))); right: var(--region-right); bottom: var(--region-bottom); overflow-wrap: break-word; box-sizing: border-box; flex-flow: column; justify-content: flex-start; display: inline-flex; position: absolute; overflow: hidden; } :where(.vds-captions [data-part="region"][data-scroll="up"]) { justify-content: end; } :where(.vds-captions [data-part="region"][data-active][data-scroll="up"]) { transition: top .433s; } :where(.vds-captions [data-part="region"] > [data-part="cue-display"]) { width: auto; left: var(--cue-offset); height: var(--cue-height, auto); text-align: var(--cue-text-align); unicode-bidi: plaintext; margin-top: 2px; position: relative; } :where(.vds-captions [data-part="region"] [data-part="cue"]) { border-radius: 0; position: relative; } :where(.vds-chapter-title) { --color: var(--media-chapter-title-color, rgba(255, 255, 255, .64)); font-family: var(--media-font-family, sans-serif); font-size: var(--media-chapter-title-font-size, 16px); font-weight: var(--media-chapter-title-font-weight, 400); color: var(--color); text-align: start; white-space: nowrap; text-overflow: ellipsis; flex: 1; padding-left: 6px; padding-right: 6px; display: inline-block; overflow: hidden; } .vds-chapter-title:before { content: var(--media-chapter-title-separator, "•"); margin-right: var(--media-chapter-title-separator-gap, 6px); color: var(--media-chapter-title-separator-color, var(--color)); display: inline-block; } .vds-chapter-title:empty:before { content: ""; margin: 0; } :where(.vds-controls) { box-sizing: border-box; width: 100%; display: inline-block; position: relative; } :where(.vds-controls-group) { box-sizing: border-box; width: 100%; display: inline-block; position: relative; } :where([data-view-type="audio"] .vds-controls) { max-width: 100%; display: inline-block; } :where([data-view-type="video"] .vds-controls) { z-index: 10; opacity: 0; visibility: hidden; pointer-events: none; width: 100%; height: 100%; padding: var(--media-controls-padding, 0px); transition: var(--media-controls-out-transition, opacity .2s ease-out); flex-direction: column; display: flex; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } :where([data-view-type="video"] .vds-controls[data-visible]) { opacity: 1; visibility: visible; transition: var(--media-controls-in-transition, opacity .2s ease-in); } :where(.vds-controls-spacer) { pointer-events: none; flex: 1; } :where(.vds-gestures) { display: contents; } :where(.vds-gesture) { contain: content; z-index: 0; opacity: 0; visibility: hidden; display: block; position: absolute; pointer-events: none !important; } :where(.vds-icon svg) { vertical-align: middle; width: 100%; height: 100%; display: block; } :where(.vds-kb-action.hidden) { opacity: 0; } :where(.vds-kb-text-wrapper) { text-align: center; left: 0; right: 0; top: var(--media-kb-text-top, 10%); z-index: 20; pointer-events: none; position: absolute; } :where(.vds-kb-text) { font-size: var(--media-kb-text-size, 150%); font-family: var(--media-font-family, sans-serif); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); border-radius: var(--media-kb-border-radius, 2.5px); pointer-events: none; display: inline-block; } .vds-kb-text { color: var(--media-kb-text-color, var(--default-color)); background-color: var(--media-kb-text-bg, var(--default-bg)); padding: var(--media-kb-text-padding, 10px 20px); } .light .vds-kb-text { --default-color: #1a1a1a; --default-bg: rgba(240, 240, 240, .6); } .dark .vds-kb-text { --default-color: #f5f5f5; --default-bg: rgba(10, 10, 10, .6); } :where(.vds-kb-text:empty) { display: none; } :where(.vds-kb-bezel) { --size: var(--media-kb-bezel-size, 52px); width: var(--size); height: var(--size); margin-left: calc(-1 * calc(var(--size) / 2)); margin-right: calc(-1 * calc(var(--size) / 2)); z-index: 20; -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); background-color: var(--media-kb-bezel-bg, var(--default-bg)); animation: var(--media-kb-bezel-animation, vds-bezel-fade .35s linear 1 normal forwards); border-radius: var(--media-kb-bezel-border-radius, calc(var(--size) / 2)); pointer-events: none; flex-direction: column; justify-content: center; align-items: center; display: flex; position: absolute; top: 45%; left: 50%; } .vds-kb-bezel:not(:has(svg)) { display: none !important; } .light .vds-kb-bezel { --default-bg: rgba(255, 255, 255, .6); } .dark .vds-kb-bezel { --default-bg: rgba(10, 10, 10, .6); } @media (prefers-reduced-motion) { :where(.vds-kb-bezel) { animation: none; } } :where(.vds-kb-bezel:has(slot:empty)) { opacity: 0; } :where(.vds-kb-action[data-action="seek-forward"] .vds-kb-bezel) { top: 45%; left: unset; right: 10%; } :where(.vds-kb-action[data-action="seek-backward"] .vds-kb-bezel) { top: 45%; left: 10%; } :where(.vds-kb-icon) { --size: var(--media-kb-icon-size, 38px); width: var(--size); height: var(--size); } .vds-kb-icon { color: var(--media-kb-icon-color, var(--default-color)); } .light .vds-kb-icon { --default-color: #1a1a1a; } .dark .vds-kb-icon { --default-color: #f5f5f5; } @keyframes vds-bezel-fade { 0% { opacity: 1; } 100% { opacity: 0; transform: scale(2); } } :where(.vds-menu-items) { --color-inverse: var(--media-menu-color-inverse, var(--default-inverse)); --color-gray-50: var(--media-menu-color-gray-50, var(--default-gray-50)); --color-gray-100: var(--media-menu-color-gray-100, var(--default-gray-100)); --color-gray-200: var(--media-menu-color-gray-200, var(--default-gray-200)); --color-gray-300: var(--media-menu-color-gray-300, var(--default-gray-300)); --color-gray-400: var(--media-menu-color-gray-400, var(--default-gray-400)); --text-color: var(--media-menu-text-color, var(--default-text)); --text-secondary-color: var(--media-menu-text-secondary-color, var(--default-text-secondary)); --root-border: var(--media-menu-border, var(--default-root-border)); } .light .vds-menu-items { --default-inverse: black; --default-gray-50: rgba(80, 80, 80, .15); --default-gray-100: rgba(80, 80, 80, .45); --default-gray-200: rgba(235, 235, 235, .6); --default-gray-300: #eee; --default-gray-400: #fafafa; --default-text: #1a1a1a; --default-text-secondary: #6b6b6b; --default-root-border: 1px solid rgba(10, 10, 10, .1); } .dark .vds-menu-items { --default-inverse: white; --default-gray-50: rgba(245, 245, 245, .1); --default-gray-100: rgba(245, 245, 245, .45); --default-gray-200: rgba(10, 10, 10, .6); --default-gray-300: #1b1b1b; --default-gray-400: #0a0a0a; --default-text: #f5f5f5; --default-text-secondary: #8a8a8a; --default-root-border: 1px solid rgba(255, 255, 255, .1); } :where(.vds-menu-items) { --font-family: var(--media-font-family, sans-serif); --font-size: var(--media-menu-font-size, 14px); --font-weight: var(--media-menu-font-weight, 500); --root-bg: var(--media-menu-bg, var(--color-gray-400)); --root-padding: var(--media-menu-padding, 12px); --root-border-radius: var(--media-menu-border-radius, 4px); --divider: var(--media-menu-divider, 1px solid var(--color-gray-50)); --section-bg: var(--media-menu-section-bg, var(--color-gray-300)); --section-border: var(--media-menu-section-border); --section-divider: var(--media-menu-section-divider, var(--divider)); --top-bar-bg: var(--media-menu-top-bar-bg, var(--color-gray-200)); --top-bar-divider: var(--media-menu-divider, transparent); --text-hint-color: var(--media-menu-hint-color, var(--text-secondary-color)); --chapter-divider: var(--media-chapters-divider, var(--divider)); --chapter-active-bg: var(--media-chapters-item-active-bg, var(--color-gray-50)); --chapter-active-border-left: var(--media-chapters-item-active-border-left); --chapter-progress-bg: var(--media-chapters-progress-bg, var(--color-inverse)); --chapter-time-font-size: var(--media-chapters-time-font-size, 12px); --chapter-time-font-weight: var(--media-chapters-time-font-weight, 500); --chapter-time-gap: var(--media-chapters-time-gap, 6px); --chapter-duration-bg: var(--media-chapters-duration-bg); --item-border: var(--media-menu-item-border, 0); --item-bg: var(--media-menu-item-bg, transparent); --item-hover-bg: var(--media-menu-item-hover-bg, var(--color-gray-50)); --item-icon-size: var(--media-menu-item-icon-size, 18px); --item-padding: var(--media-menu-item-padding, 10px); --item-min-height: var(--media-menu-item-height, 40px); --item-border-radius: var(--media-menu-item-border-radius, 2px); --scrollbar-track-bg: var(--media-menu-scrollbar-track-bg, transparent); --scrollbar-thumb-bg: var(--media-menu-scrollbar-thumb-bg, var(--color-gray-50)); --webkit-scrollbar-bg: var(--color-gray-400); --webkit-scrollbar-track-bg: var(--media-menu-scrollbar-track-bg, var(--color-gray-50)); --checkbox-bg: var(--media-menu-checkbox-bg, var(--color-gray-100)); --checkbox-active-bg: var(--media-menu-checkbox-bg-active, #1ba13f); --checkbox-handle-bg: var(--media-menu-checkbox-handle-bg, #f5f5f5); --checkbox-handle-border: var(--media-menu-checkbox-handle-border); --radio-icon-color: var(--media-menu-radio-icon-color, var(--text-color)); } :where(.vds-menu[data-root] media-menu[data-root]) { display: contents; } :where(.vds-menu) { font-family: var(--font-family); font-size: var(--font-size); font-weight: var(--font-weight); } :where(.vds-menu[data-disabled][data-root]) { display: none; } :where(.vds-menu[data-submenu]) { display: inline-block; } :where(.vds-menu-items:focus) { outline: none; } :where(.vds-menu-item:focus, .vds-radio:focus) { outline: none; } :where(.vds-menu-item:focus-visible, .vds-menu-item[data-focus], .vds-radio:focus-visible, .vds-radio[data-focus]) { box-shadow: var(--media-focus-ring); outline: none; } :where(.vds-menu[data-open] .vds-tooltip-content) { display: none !important; } .vds-menu-items [data-hidden] { display: none !important; } @media (prefers-reduced-motion: no-preference) { :where(.vds-menu-items) { scroll-behavior: smooth; } } :where(.vds-menu-items) { box-sizing: border-box; min-width: var(--media-menu-min-width, 280px); scrollbar-width: thin; scrollbar-color: var(--scrollbar-thumb-bg) var(--scrollbar-track-bg); transform: translate3d(0, 0, 0); } :where(.vds-menu-items)::-webkit-scrollbar { background-color: var(--webkit-scrollbar-bg); border-radius: var(--root-border-radius); width: 5px; height: 6px; } :where(.vds-menu-items)::-webkit-scrollbar-track { background-color: var(--webkit-scrollbar-track-bg); border-radius: 4px; } :where(.vds-menu-items)::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb-bg); border-radius: 4px; } :where(.vds-menu-items)::-webkit-scrollbar-corner { background-color: var(--scrollbar-thumb-bg); } :where(.vds-menu-button) { box-sizing: border-box; outline: none; } :where(.vds-menu-button .vds-rotate-icon) { transition: transform .2s ease-out; } :where(.vds-menu-button[aria-expanded="true"] .vds-rotate-icon) { transform: rotate(var(--media-menu-icon-rotate-deg, 90deg)); transition: transform .2s ease-in; } :where(.vds-menu-button) { justify-content: center; align-items: center; display: inline-flex; } @media (prefers-reduced-motion) { :where(.vds-menu-button .vds-rotate-icon) { transition: unset; } } :where(.vds-menu-items) { font-family: var(--font-family); font-size: var(--font-size); font-weight: var(--font-weight); flex-direction: column; align-items: center; transition: height .35s; display: flex; } @media (prefers-reduced-motion) { :where(.vds-menu-items) { transition: unset; } } :where(.vds-menu-items[data-root]) { background-color: var(--root-bg); border-radius: var(--root-border-radius); box-shadow: var(--media-menu-box-shadow); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); height: var(--menu-height, auto); will-change: width, height; overscroll-behavior: contain; opacity: 0; z-index: 9999999; box-sizing: border-box; max-height: var(--media-menu-max-height, 250px); filter: var(--media-menu-filter, drop-shadow(0 4px 3px rgba(0, 0, 0, .07)) drop-shadow(0 2px 2px rgba(0, 0, 0, .06))); overflow-y: auto; } .vds-menu-items[data-root] { border: var(--root-border); padding: var(--root-padding); } :where([data-view-type="video"]) :where(.vds-menu-items[data-root]) { max-height: var(--media-menu-video-max-height, calc(var(--player-height) * .7)); } :where(.vds-menu-items[data-transition="height"]) { --scrollbar-thumb-bg: rgba(0, 0, 0, 0); pointer-events: none; overflow: hidden; } .vds-menu-button[aria-disabled="true"], .vds-menu-item[aria-disabled="true"], .vds-menu-item[data-disabled] { display: none; } :where(.vds-menu-items[data-root]) { --enter-transform: translateY(0px); --exit-transform: translateY(12px); } :where(.vds-menu-items[data-root]:not([data-placement])) { --enter-transform: translateY(-24px); } :where(.vds-menu-items[data-root][aria-hidden="true"]) { animation: var(--media-menu-exit-animation, vds-menu-exit .2s ease-out); } :where(.vds-menu-items[data-root][aria-hidden="false"]) { animation: var(--media-menu-enter-animation, vds-menu-enter .3s ease-out); animation-fill-mode: forwards; } :where(.vds-menu-items[data-placement~="bottom"]) { --enter-transform: translateY(0); --exit-transform: translateY(-12px); } @keyframes vds-menu-enter { from { opacity: 0; transform: var(--exit-transform); } to { opacity: 1; transform: var(--enter-transform); } } @keyframes vds-menu-exit { from { opacity: 1; transform: var(--enter-transform); } to { opacity: 0; transform: var(--exit-transform); } } @media (prefers-reduced-motion) { :where(.vds-menu-items) { opacity: 1; animation: none; } } :where(media-menu-portal) { display: contents; } :where(.vds-menu-items[data-root]:not([data-placement])) { left: 16px; right: 16px; top: unset; max-height: var(--media-sm-menu-portrait-max-height, 40vh); max-height: var(--media-sm-menu-portrait-max-height, 40dvh); position: fixed; bottom: 0; } :where(.vds-menu-items[data-root]:not([data-placement])) { max-width: 480px; margin: 0 auto; } @media (orientation: landscape) and (pointer: coarse) { :where(.vds-menu-items[data-root]:not([data-placement])) { max-height: var(--media-sm-menu-landscape-max-height, min(70vh, 400px)); max-height: var(--media-sm-menu-landscape-max-height, min(70dvh, 400px)); } } :where(.vds-menu[data-submenu] .vds-menu-button) { justify-content: flex-start; align-items: center; display: flex; } :where(.vds-menu-items[data-submenu]) { width: 100%; } :where(.vds-menu[aria-hidden="true"]) { display: none; } :where(.vds-menu-items[data-submenu][aria-hidden="true"]) { display: none; } :where(.vds-menu-item, .vds-radio) { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: var(--item-border-radius); box-sizing: border-box; width: 100%; min-height: var(--item-min-height); font-size: var(--font-size); border: 0; outline: none; justify-content: left; align-items: center; display: flex; position: relative; } .vds-menu-item, .vds-radio { color: var(--text-color); background-color: var(--item-bg); padding: var(--item-padding); } .vds-menu-item[data-focus], .vds-radio[data-focus] { cursor: pointer; background-color: var(--item-hover-bg); } .vds-menu-item:focus-visible { cursor: pointer; background-color: var(--item-hover-bg); } .vds-radio:focus-visible { cursor: pointer; background-color: var(--item-hover-bg); } @media (hover: hover) and (pointer: fine) { .vds-menu-item[role]:hover, .vds-radio:hover { cursor: pointer; background-color: var(--item-hover-bg); } } :where(.vds-menu-items[data-submenu]) { flex-direction: column; justify-content: center; align-items: flex-start; } :where(.vds-menu-item[aria-expanded="true"]) { border-radius: 0; border-top-left-radius: var(--item-border-radius); border-top-right-radius: var(--item-border-radius); font-weight: bold; } .vds-menu-item[aria-expanded="true"] { border-bottom: var(--top-bar-divider); } :where(.vds-menu-item[aria-expanded="true"]) { top: calc(-1 * var(--root-padding)); z-index: 10; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); width: 100%; margin-bottom: 4px; position: -webkit-sticky; position: sticky; left: 0; } .vds-menu-item[aria-expanded="true"] { background-color: var(--top-bar-bg); } :where(.vds-menu-item-label) { text-align: start; flex: 1 0; } :where(.vds-menu-item .vds-icon, .vds-radio .vds-icon) { --size: var(--item-icon-size); width: var(--size); height: var(--size); margin-right: var(--media-menu-item-icon-spacing, 6px); } :where(.vds-menu-open-icon, .vds-menu-close-icon) { --size: var(--media-menu-arrow-icon-size, 18px); width: var(--size); height: var(--size); } :where(.vds-menu-item-hint, .vds-menu-open-icon, .vds-radio-hint) { color: var(--text-hint-color); font-size: var(--media-menu-hint-font-size, 13px); font-weight: var(--media-menu-hint-font-weight, 400); } :where(.vds-menu-items .vds-menu-open-icon) { margin-right: 0; } :where(.vds-menu-items) :where(.vds-menu-item-hint, .vds-menu-open-icon) { margin-left: auto; } :where(.vds-menu-items) :where(.vds-menu-item-hint + .vds-menu-open-icon) { margin-left: 2px; } :where(.vds-menu-item-hint + media-icon .vds-menu-open-icon) { margin-left: 2px; } :where(.vds-menu-item-hint + slot > .vds-menu-open-icon) { margin-left: 2px; } :where(.vds-menu-item[aria-hidden="true"]) { display: none !important; } :where(.vds-menu-item[aria-expanded="true"] .vds-menu-open-icon) { display: none !important; } :where(.vds-menu-items) :where(.vds-menu-item[aria-disabled="true"], .vds-menu-item[data-disabled]) :where(.vds-menu-open-icon) { opacity: 0; } :where(.vds-menu-close-icon) { display: none !important; } :where(.vds-menu-item[aria-expanded="true"] > .vds-icon) { display: none !important; } :where(.vds-menu-item[aria-expanded="true"] .vds-menu-close-icon) { margin-left: calc(-1 * var(--item-padding) / 2); display: inline !important; } :where(.vds-menu-checkbox) { --checkbox-width: var(--media-menu-checkbox-width, 40px); --checkbox-height: var(--media-menu-checkbox-height, 18px); --checkbox-top: calc((var(--checkbox-height) - var(--checkbox-diameter)) / 2); --checkbox-diameter: var(--media-menu-checkbox-handle-diameter, calc(var(--checkbox-height) - 2px)); --checkbox-gap: var(--media-menu-checkbox-gap, 2.5px); width: var(--checkbox-width); height: var(--checkbox-height); border-radius: calc(var(--checkbox-height) / 2); box-sizing: border-box; cursor: pointer; pointer-events: auto; transition: all .3s ease-in-out; display: inline-block; position: relative; } .vds-menu-checkbox { background-color: var(--checkbox-bg); } :where(.vds-menu-checkbox:focus-visible) { box-shadow: var(--media-focus-ring); outline: none; } .vds-menu-checkbox[aria-checked="true"] { background-color: var(--checkbox-active-bg); } :where(.vds-menu-checkbox):after { content: ""; width: var(--checkbox-diameter); height: var(--checkbox-diameter); border-radius: calc(var(--checkbox-diameter) / 2); top: var(--checkbox-top); transform: translateX(var(--checkbox-gap)); border: var(--checkbox-handle-border); box-sizing: border-box; transition: all .3s ease-in-out; display: inline-block; position: absolute; } .vds-menu-checkbox:after { background-color: var(--checkbox-handle-bg); } :where(.vds-menu-checkbox[aria-checked="true"]):after { transform: translateX(calc(var(--checkbox-width) - var(--checkbox-diameter) - var(--checkbox-gap))); } @media (prefers-reduced-motion: no-preference) { :where(.vds-menu-checkbox[data-active]):after { width: calc(var(--checkbox-width) - calc(var(--checkbox-gap) * 2)); } } :where(.vds-menu-checkbox[aria-checked="true"][data-active]):after { transform: translateX(var(--checkbox-gap)); } :where(.vds-menu-items .vds-slider) { --media-slider-track-bg: var(--media-menu-slider-track-bg, var(--color-gray-50)); --media-slider-track-fill-bg: var(--media-menu-slider-track-fill-bg, var(--color-inverse)); --media-slider-height: var(--media-menu-slider-height, 32px); --track-focus-height: var(--track-height) !important; } :where(.vds-menu-items .vds-slider-thumb) { opacity: 1 !important; } :where(.vds-menu-slider-item.group) { flex-direction: column; } :where(.vds-menu-slider-title) { margin-top: 4px; } :where(.vds-menu-slider-body) { align-items: center; width: 100%; margin-top: 6px; display: flex; } :where(.vds-menu-slider-item .vds-icon) { color: var(--text-hint-color); margin: 0; } :where(.vds-menu-slider-item[data-min] .vds-icon.down, .vds-menu-slider-item[data-max] .vds-icon.up) { color: var(--text-color); transition: all 1.2s; animation: .6s ease-in-out vds-slider-icon; } @keyframes vds-slider-icon { 0% { transform: scale(1); } 50% { transform: scale(1.25); } 100% { transform: scale(1); } } :where(.vds-menu-items .vds-slider-track-fill) { transition: opacity .3s; } :where(.vds-menu-items .vds-slider[data-active] .vds-slider-track-fill) { opacity: 0; } :where(.vds-radio-group) { box-sizing: border-box; flex-direction: column; width: 100%; display: flex; } .vds-radio { cursor: pointer; contain: content; padding-left: calc(var(--item-icon-size) + var(--item-padding)); } .vds-radio[aria-checked="true"] { padding-left: 0; } .vds-radio .vds-icon { color: var(--radio-icon-color); display: none; } .vds-radio[aria-checked="true"] .vds-icon { margin-left: 6px; display: inline-block; } :where(.vds-radio-hint) { margin-left: auto; } .vds-color-picker { background-color: rgba(0, 0, 0, 0); border: 0; outline: none; width: 32px; height: 32px; } .vds-color-picker::-webkit-color-swatch { border-radius: 2px; } .vds-color-picker::-moz-color-swatch { border-radius: 2px; } .vds-color-picker:focus-visible::-webkit-color-swatch { box-shadow: var(--media-focus-ring); } .vds-color-picker:focus-visible::-moz-color-swatch { box-shadow: var(--media-focus-ring); } :where(.vds-menu-section) { width: 100%; } :where(.vds-menu-item + .vds-menu-section) { margin-top: 8px; } :where(.vds-menu-section + .vds-menu-section) { margin-top: 24px; } :where(.vds-menu-section:first-child) { margin-top: 8px; } :where(.vds-menu-section:last-child) { margin-bottom: 8px; } :where(.vds-menu-section-title) { width: 100%; color: var(--text-secondary-color); font-size: var(--media-menu-section-header-font-size, 12px); font-weight: var(--media-menu-section-header-font-weight, 500); justify-content: space-between; align-items: center; padding-left: 2px; padding-right: 2px; display: flex; } :where(.vds-menu-slider-title) { width: 100%; color: var(--text-secondary-color); font-size: var(--media-menu-section-header-font-size, 12px); font-weight: var(--media-menu-section-header-font-weight, 500); justify-content: space-between; align-items: center; padding-left: 2px; padding-right: 2px; display: flex; } :where(.vds-menu-section-body) { width: 100%; } :where(.vds-menu-section-title + .vds-menu-section-body) { margin-top: var(--media-menu-section-gap, 8px); } .vds-menu-section-body { background-color: var(--section-bg); border: var(--section-border); border-radius: var(--media-menu-section-border-radius, 2px); } :where(.vds-menu-section:not([data-open]) .vds-menu-item:not(:last-child)) { border-bottom: var(--section-divider); } :where(.vds-menu-section-body .vds-menu:last-child > .vds-menu-item) { border-bottom: unset; } .vds-menu-section[data-open], .vds-menu-section[data-open] > .vds-menu-section-body { background-color: rgba(0, 0, 0, 0) !important; display: contents !important; } .vds-menu-section[data-open] > .vds-menu-section-title, .vds-menu-section[data-open] > .vds-menu-section-body > :not([data-open]) { display: none; } :where(.vds-chapters-menu-items) { min-width: var(--media-chapters-min-width, var(--media-menu-min-width, 220px)); } .vds-chapters-menu-items { padding: var(--media-chapters-padding, 0); } :where(.vds-menu-items:has(.vds-chapters-radio-group[data-thumbnails])) { min-width: var(--media-chapters-with-thumbnails-min-width, 300px); } :where(.vds-chapter-radio) { border-radius: 0; } .vds-chapter-radio { border-bottom: var(--chapter-divider); padding: var(--item-padding); } .vds-chapter-radio[aria-checked="true"] { padding-left: var(--item-padding); } :where(.vds-chapter-radio:last-child) { border-bottom: 0; } .vds-chapter-radio[aria-checked="true"] { background-color: var(--chapter-active-bg); border-left: var(--chapter-active-border-left); } :where(.vds-chapter-radio[aria-checked="true"]):after { content: " "; width: var(--progress); height: var(--media-chapters-progress-height, 4px); position: absolute; bottom: 0; left: 0; } .vds-chapter-radio[aria-checked="true"]:after { border-radius: var(--media-chapters-progress-border-radius, 0); background-color: var(--chapter-progress-bg); } .vds-chapters-radio-group :where(.vds-thumbnail) { margin-right: var(--media-chapters-thumbnail-gap, 12px); min-width: var(--media-chapters-thumbnail-min-width, 100px); min-height: var(--media-chapters-thumbnail-min-height, 56px); max-width: var(--media-chapters-thumbnail-max-width, 120px); max-height: var(--media-chapters-thumbnail-max-height, 68px); flex-shrink: 0; } .vds-chapters-radio-group .vds-thumbnail { border: var(--media-chapters-thumbnail-border, 0); } :where(.vds-chapters-radio-group .vds-chapter-radio-label) { color: var(--text-secondary-color); font-size: var(--font-size); font-weight: var(--font-weight); white-space: nowrap; } :where(.vds-chapter-radio[aria-checked="true"] .vds-chapter-radio-label) { color: var(--text-color); } :where(.vds-chapters-radio-group .vds-chapter-radio-start-time) { letter-spacing: var(--media-chapters-start-time-letter-spacing, .4px); border-radius: var(--media-chapters-start-time-border-radius, 2px); font-size: var(--chapter-time-font-size); font-weight: var(--chapter-time-font-weight); margin-top: var(--chapter-time-gap); display: inline-block; } .vds-chapters-radio-group .vds-chapter-radio-start-time { color: var(--text-secondary-color); background-color: var(--section-bg); padding: var(--media-chapters-start-time-padding, 1px 4px); } :where(.vds-chapters-radio-group .vds-chapter-radio-duration) { color: var(--text-hint-color); font-size: var(--chapter-time-font-size); font-weight: var(--chapter-time-font-weight); margin-top: var(--chapter-time-gap); } .vds-chapters-radio-group .vds-chapter-radio-duration { background-color: var(--chapter-duration-bg); border-radius: var(--media-chapters-duration-border-radius, 2px); } .vds-chapters-radio-group:not([data-thumbnails]) :where(.vds-thumbnail, media-thumbnail) { display: none; } :where(.vds-chapter-radio-content) { flex-direction: column; align-items: flex-start; display: flex; } :where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-content) { flex-flow: wrap; align-items: center; width: 100%; display: flex; } :where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-start-time) { margin-top: 0; margin-left: auto; } :where(.vds-chapters-radio-group:not([data-thumbnails]) .vds-chapter-radio-duration) { flex-basis: 100%; margin-top: 4px; } .vds-menu-items[data-keyboard] .vds-chapters-radio-group:focus-within { padding: var(--media-chapters-focus-padding, 4px); } :where(.vds-poster) { contain: content; opacity: 0; z-index: 1; pointer-events: none; box-sizing: border-box; background-color: var(--media-poster-bg, black); border: 0; width: 100%; height: 100%; transition: opacity .2s ease-out; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } :where(.vds-poster img) { object-fit: inherit; object-position: inherit; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; box-sizing: border-box; } .vds-poster :where(img) { object-fit: contain; border: 0; width: 100%; height: 100%; } :where(.vds-poster[data-hidden]) { display: none; } :where(.vds-poster[data-visible]) { opacity: 1; } .vds-poster img:not([src]) { display: none; } .vds-poster:not(:defined) { display: none; } :where(.vds-slider) { --width: var(--media-slider-width, 100%); --height: var(--media-slider-height, 48px); --thumb-size: var(--media-slider-thumb-size, 15px); --thumb-focus-size: var(--media-slider-focused-thumb-size, calc(var(--thumb-size) * 1.1)); --track-width: var(--media-slider-track-width, 100%); --track-height: var(--media-slider-track-height, 5px); --track-focus-width: var(--media-slider-focused-track-width, var(--track-width)); --track-focus-height: var(--media-slider-focused-track-height, calc(var(--track-height) * 1.25)); width: var(--width); height: var(--height); margin: 0 calc(var(--thumb-size) / 2); contain: layout style; pointer-events: auto; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; touch-action: none; -webkit-tap-highlight-color: transparent; outline: none; align-items: center; display: inline-flex; position: relative; } :where(.vds-slider[aria-hidden="true"]) { display: none !important; } :where(.vds-slider[aria-disabled="true"]) { cursor: unset; } :where(.vds-slider:focus) { outline: none; } :where(.vds-slider:not([data-chapters])[data-focus], .vds-slider:not([data-chapters]):focus-visible) :where(.vds-slider-track) { box-shadow: var(--media-focus-ring); } :where(.vds-slider .vds-slider-track) { z-index: 0; width: var(--track-width); height: var(--track-height); border-radius: var(--media-slider-track-border-radius, 2px); background-color: var(--media-slider-track-bg, rgba(255, 255, 255, .3)); contain: strict; position: absolute; top: 50%; left: 0; transform: translateY(-50%)translateZ(0); } :where(.vds-slider[data-focus], .vds-slider:focus-visible) :where(.vds-slider-track) { outline-offset: var(--thumb-size); } :where(.vds-slider:not([data-chapters])[data-active] .vds-slider-track) { width: var(--track-focus-width); height: var(--track-focus-height); } :where(.vds-slider .vds-slider-track-fill) { z-index: 2; background-color: var(--media-slider-track-fill-bg, var(--media-brand)); width: var(--slider-fill, 0%); will-change: width; } :where(.vds-slider .vds-slider-thumb) { top: 50%; left: var(--slider-fill); opacity: 0; contain: layout size style; width: var(--thumb-size); height: var(--thumb-size); border: var(--media-slider-thumb-border, 1px solid #cacaca); border-radius: var(--media-slider-thumb-border-radius, 9999px); background-color: var(--media-slider-thumb-bg, #fff); pointer-events: none; will-change: left; z-index: 2; transition: opacity .15s ease-in; position: absolute; transform: translate(-50%, -50%)translateZ(0); } :where(.vds-slider[data-dragging], .vds-slider[data-focus], .vds-slider:focus-visible) :where(.vds-slider-thumb) { box-shadow: var(--media-slider-focused-thumb-shadow, 0 0 0 4px rgba(255, 255, 255, .4)); } :where(.vds-slider[data-active] .vds-slider-thumb) { opacity: 1; transition: var(--media-slider-thumb-transition, opacity .2s ease-in, box-shadow .2s ease); } :where(.vds-slider[data-dragging] .vds-slider-thumb) { width: var(--thumb-focus-size); height: var(--thumb-focus-size); } :where(.vds-slider-value) { contain: content; font-size: 14px; font-family: var(--media-font-family, sans-serif); display: inline-block; } :where(.vds-slider-thumbnail) { contain: content; box-sizing: border-box; display: block; } :where(.vds-slider-video) { box-sizing: border-box; contain: content; border: var(--media-thumbnail-border, 1px solid white); background-color: #000; display: inline-block; } :where(.vds-slider-video video) { width: 156px; height: auto; display: block; } :where(.vds-slider-video[data-loading]) { opacity: 0; } :where(.vds-slider-video[data-hidden], .vds-slider-video[data-hidden] video) { width: 0; display: none; } :where(.vds-slider .vds-slider-preview) { opacity: 0; background-color: var(--media-slider-preview-bg); border-radius: var(--media-slider-preview-border-radius, 2px); pointer-events: none; will-change: left, opacity; contain: layout paint style; flex-direction: column; align-items: center; transition: opacity .2s ease-out; display: flex; } :where(.vds-slider-preview[data-visible]) { opacity: 1; transition: opacity .2s ease-in; } .vds-slider-value { background-color: var(--media-slider-value-bg, black); border-radius: var(--media-slider-value-border-radius, 2px); border: var(--media-slider-value-border); color: var(--media-slider-value-color, white); padding: var(--media-slider-value-padding, 1px 10px); } :where(.vds-slider-video:not([data-hidden]) + .vds-slider-chapter-title, .vds-slider-thumbnail:not([data-hidden]) + .vds-slider-chapter-title) { margin-top: var(--media-slider-chapter-title-gap, 6px); } :where(.vds-slider-video:not([data-hidden]) + .vds-slider-value, .vds-slider-thumbnail:not([data-hidden]) + .vds-slider-value, .vds-slider-chapter-title + .vds-slider-value) { margin-top: var(--media-slider-value-gap, 2px); } :where(.vds-slider[aria-orientation="vertical"]) { --width: var(--media-slider-width, 48px); --height: var(--media-slider-height, 100%); --track-width: var(--media-slider-track-width, 4px); --track-height: var(--media-slider-track-height, 100%); --track-focus-width: var(--media-slider-focused-track-width, calc(var(--track-width) * 1.25)); --track-focus-height: var(--media-slider-focused-track-height, var(--track-height)); margin: calc(var(--thumb-size) / 2) 0; } :where(.vds-slider[aria-orientation="vertical"] .vds-slider-track) { top: unset; bottom: 0; left: 50%; transform: translateX(-50%)translateZ(0); } :where(.vds-slider[aria-orientation="vertical"] .vds-slider-track-fill) { width: var(--track-width); height: var(--slider-fill); will-change: height; transform: translateX(-50%)translateZ(0); } :where(.vds-slider[aria-orientation="vertical"] .vds-slider-progress) { top: unset; width: var(--track-width); height: var(--slider-progress, 0%); will-change: height; bottom: 0; } :where(.vds-slider[aria-orientation="vertical"] .vds-slider-thumb) { top: unset; bottom: var(--slider-fill); will-change: bottom; left: 50%; transform: translate(-50%, 50%)translateZ(0); } :where(.vds-slider[aria-orientation="vertical"] .vds-slider-preview) { will-change: bottom, opacity; } :where([data-live] .vds-time-slider .vds-slider-track-fill) { background-color: var(--media-slider-track-fill-live-bg, #dc2626); } :where(.vds-time-slider .vds-slider-progress) { z-index: 1; width: var(--slider-progress, 0%); will-change: width; background-color: var(--media-slider-track-progress-bg, rgba(255, 255, 255, .5)); left: 0; } :where([data-media-player]:not([data-can-play]) .vds-time-slider .vds-slider-value) { display: none; } :where(.vds-slider-steps) { justify-content: space-between; align-items: center; width: 100%; height: 100%; display: flex; position: absolute; top: 0; left: 0; } :where(.vds-slider-step) { width: var(--media-slider-step-width, 2.5px); height: calc(var(--track-height) + 1px); background-color: var(--media-slider-step-color, #7c7c7c); opacity: 0; transition: opacity .3s; } :where(.vds-slider[data-active] .vds-slider-step) { opacity: 1; } :where(.vds-time-slider .vds-slider-chapters) { contain: layout style; border-radius: var(--media-slider-track-border-radius, 1px); align-items: center; width: 100%; height: 100%; display: flex; position: relative; } :where(.vds-slider[data-focus], .vds-slider:focus-visible) :where(.vds-slider-chapters) { box-shadow: var(--media-focus-ring); height: var(--track-height); } :where(.vds-time-slider .vds-slider-chapter) { margin-right: 2px; } :where(.vds-time-slider .vds-slider-chapter:last-child) { margin-right: 0; } :where(.vds-time-slider .vds-slider-chapter) { will-change: height, transform; contain: layout style; border-radius: var(--media-slider-track-border-radius, 1px); align-items: center; width: 100%; height: 100%; display: flex; position: relative; } :where(.vds-time-slider .vds-slider-chapter .vds-slider-track-fill) { width: var(--chapter-fill, 0%); will-change: width; } :where(.vds-time-slider .vds-slider-chapter .vds-slider-progress) { width: var(--chapter-progress, 0%); will-change: width; } @media (hover: hover) and (pointer: fine) { :where(.vds-time-slider:hover .vds-slider-chapters) { contain: strict; } :where(.vds-time-slider .vds-slider-chapter:hover:not(:only-of-type)) { transform: var(--media-slider-chapter-hover-transform, scaleY(2)); transition: var(--media-slider-chapter-hover-transition, transform .1s cubic-bezier(.4, 0, 1, 1)); } } :where(.vds-time-slider .vds-slider-chapter-title) { font-family: var(--media-font-family, sans-serif); font-size: var(--media-slider-chapter-title-font-size, 14px); color: var(--media-slider-chapter-title-color, #f5f5f5); background-color: var(--media-slider-chapter-title-bg); } :where(.vds-thumbnail) { --min-width: var(--media-thumbnail-min-width, 140px); --max-width: var(--media-thumbnail-max-width, 180px); --aspect-ratio: var(--media-thumbnail-aspect-ratio, var(--thumbnail-aspect-ratio)); width: var(--thumbnail-width); height: var(--thumbnail-height); background-color: var(--media-thumbnail-bg, black); contain: strict; box-sizing: border-box; min-width: var(--min-width); min-height: var(--media-thumbnail-min-height, calc(var(--min-width) / var(--aspect-ratio))); max-width: var(--max-width); max-height: var(--media-thumbnail-max-height, calc(var(--max-width) / var(--aspect-ratio))); display: block; overflow: hidden; } .vds-thumbnail { border: var(--media-thumbnail-border, 1px solid white); } :where(.vds-thumbnail img) { will-change: width, height, transform; min-width: unset !important; max-width: unset !important; } :where(.vds-thumbnail[data-loading] img) { opacity: 0; } :where(.vds-thumbnail[aria-hidden="true"]) { display: none !important; } :where(.vds-time-group) { align-items: center; display: flex; } .vds-time-divider { margin: 0 var(--media-time-divider-gap, 2.5px); color: var(--media-time-divider-color, #e0e0e0); } :where(.vds-time) { contain: content; font-size: var(--media-time-font-size, 15px); font-weight: var(--media-time-font-weight, 400); font-family: var(--media-font-family, sans-serif); border-radius: var(--media-time-border-radius, 2px); letter-spacing: var(--media-time-letter-spacing, .025em); display: inline-block; } .vds-time { color: var(--media-time-color, var(--default-color)); background-color: var(--media-time-bg); border: var(--media-time-border); padding: var(--media-time-padding, 2px); outline: 0; } :where(.vds-time:focus-visible) { box-shadow: var(--media-focus-ring); } .light .vds-time { --default-color: #0a0a0a; } .dark .vds-time { --default-color: #f5f5f5; } :where(.vds-tooltip, media-tooltip) { display: contents; } :where(.vds-tooltip-content) { box-sizing: border-box; font-family: var(--media-font-family, sans-serif); font-size: var(--media-tooltip-font-size, 13px); font-weight: var(--media-tooltip-font-weight, 500); opacity: 0; pointer-events: none; white-space: nowrap; z-index: 10; will-change: transform, opacity; display: inline-block; } .vds-tooltip-content { border-radius: var(--media-tooltip-border-radius, 2px); background-color: var(--media-tooltip-bg-color, var(--default-bg)); border: var(--media-tooltip-border, var(--default-border)); color: var(--media-tooltip-color, var(--default-color)); padding: var(--media-tooltip-padding, 2px 8px); } .light .vds-tooltip-content { --default-color: #1a1a1a; --default-bg: white; --default-border: 1px solid rgba(0, 0, 0, .2); } .dark .vds-tooltip-content { --default-color: #f5f5f5; --default-bg: black; --default-border: 1px solid rgba(255, 255, 255, .1); } :where(.vds-menu .vds-menu-button[role="button"][data-pressed] .vds-tooltip-content) { opacity: 0; display: none; } :where(.vds-tooltip-content) { --enter-transform: translateY(0px) scale(1); --exit-transform: translateY(12px) scale(.8); } :where(.vds-tooltip-content:not([data-visible])) { animation: var(--media-tooltip-exit-animation, vds-tooltip-exit .2s ease-out); } :where(.vds-tooltip-content[data-visible]) { animation: var(--media-tooltip-enter-animation, vds-tooltip-enter .2s ease-in); animation-fill-mode: forwards; } :where(.vds-tooltip-content[data-placement~="bottom"]) { --enter-transform: translateY(0) scale(1); --exit-transform: translateY(-12px) scale(.8); } :where(.vds-tooltip-content[data-placement~="left"]) { --enter-transform: translateX(0) scale(1); --exit-transform: translateX(12px) scale(.8); } :where(.vds-tooltip-content[data-placement~="right"]) { --enter-transform: translateX(0) scale(1); --exit-transform: translateX(-12px) scale(.8); } @keyframes vds-tooltip-enter { from { opacity: 0; transform: var(--exit-transform); } to { opacity: 1; transform: var(--enter-transform); } } @keyframes vds-tooltip-exit { from { opacity: 1; transform: var(--enter-transform); } to { opacity: 0; transform: var(--exit-transform); } } @media (prefers-reduced-motion) { :where(.vds-tooltip-content) { animation: none; } :where(.vds-tooltip-content[data-visible]) { opacity: 1; } } [data-media-player]:not([data-paused]) .vds-play-tooltip-text, [data-media-player][data-paused] .vds-pause-tooltip-text, [data-media-player][data-pip] .vds-pip-enter-tooltip-text, [data-media-player]:not([data-pip]) .vds-pip-exit-tooltip-text, [data-media-player][data-fullscreen] .vds-fs-enter-tooltip-text, [data-media-player]:not([data-fullscreen]) .vds-fs-exit-tooltip-text, [data-media-player]:not([data-captions]) .vds-cc-on-tooltip-text, [data-media-player][data-captions] .vds-cc-off-tooltip-text, [data-media-player]:not([data-muted]) .vds-mute-tooltip-text, [data-media-player][data-muted] .vds-unmute-tooltip-text { display: none; } ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::-webkit-file-upload-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } :-moz-focusring:where(:not(iframe)) { outline: auto; } ::-webkit-file-upload-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0; } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0; } :where(select:-webkit-any([multiple], [size])) optgroup option:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 20px; } :where(select:-moz-any([multiple], [size])) optgroup option:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 20px; } :where(select:is([multiple], [size])) optgroup option:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 20px; } :where(select:-webkit-any([multiple], [size])) optgroup option:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 20px; } :where(select:-moz-any([multiple], [size])) optgroup option:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 20px; } :where(select:is([multiple], [size])) optgroup option:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 20px; } :not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-webkit-file-upload-button { margin-right: 4px; } :not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button { margin-right: 4px; } :not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button { margin-right: 4px; } :-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-webkit-file-upload-button { margin-left: 4px; } :-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button { margin-left: 4px; } :is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button { margin-left: 4px; } @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } } ::-webkit-datetime-edit { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-year-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-month-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-day-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-hour-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-minute-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-second-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-millisecond-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } input:where([type="button"], [type="reset"], [type="submit"]) { -webkit-appearance: button; -moz-appearance: button; appearance: button; } ::-webkit-file-upload-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; } ::file-selector-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } html { background-color: var(--color-gray-0); font-feature-settings: "calt" off; } * { min-width: 0; } *, :after, :before { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::-webkit-file-upload-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } html, :host { -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em; } sup { top: -.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0; } ::-webkit-file-upload-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0; } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: rgba(0, 0, 0, 0); border-radius: 0; } :where(select:-webkit-any([multiple], [size])) optgroup { font-weight: bolder; } :where(select:-moz-any([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:-webkit-any([multiple], [size])) optgroup option:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 20px; } :where(select:-moz-any([multiple], [size])) optgroup option:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 20px; } :where(select:is([multiple], [size])) optgroup option:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 20px; } :where(select:-webkit-any([multiple], [size])) optgroup option:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 20px; } :where(select:-moz-any([multiple], [size])) optgroup option:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 20px; } :where(select:is([multiple], [size])) optgroup option:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 20px; } :not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-webkit-file-upload-button { margin-right: 4px; } :not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button { margin-right: 4px; } :not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button { margin-right: 4px; } :-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-webkit-file-upload-button { margin-left: 4px; } :-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button { margin-left: 4px; } :is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button { margin-left: 4px; } ::placeholder { opacity: 1; } @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-year-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-month-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-day-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-hour-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-minute-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-second-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-millisecond-field { padding-top: 0; padding-bottom: 0; } ::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button { -webkit-appearance: button; -moz-appearance: button; appearance: button; } input:where([type="button"], [type="reset"], [type="submit"]) { -webkit-appearance: button; -moz-appearance: button; appearance: button; } ::-webkit-file-upload-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; } ::file-selector-button { -webkit-appearance: button; -moz-appearance: button; appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } button:not(:disabled):not([aria-disabled="true"]):not([data-disabled]), [type="button"]:not(:disabled):not([aria-disabled="true"]):not([data-disabled]), [type="reset"]:not(:disabled):not([aria-disabled="true"]):not([data-disabled]), [type="submit"]:not(:disabled):not([aria-disabled="true"]):not([data-disabled]), a[href]:not([aria-disabled="true"]):not([data-disabled]), [role="button"]:not([aria-disabled="true"]):not([data-disabled]), [role="link"]:not([aria-disabled="true"]):not([data-disabled]), summary { cursor: pointer; } *, :after, :before { border-color: var(--color-gray-40, currentcolor); } ::backdrop { border-color: var(--color-gray-40, currentcolor); } ::-webkit-file-upload-button { border-color: var(--color-gray-40, currentcolor); } ::file-selector-button { border-color: var(--color-gray-40, currentcolor); } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .theme-default { --popover-foreground: 0 0% 98%; --primary: 0 0% 98%; --primary-foreground: 0 0% 0%; --secondary: 25 100% 58%; --secondary-foreground: 0 0% 98%; --tertiary: 220 70% 50%; --tertiary-foreground: 0 0% 98%; --muted: 225 100% 9%; --gray-100: 226 9% 54%; --accent: 225 44% 18%; --accent-foreground: 0 0% 98%; --accent-light: 224 25% 26%; --destructive: 0 98% 64%; --destructive-foreground: 0 0% 98%; --input: 225 44% 18%; --ring: 0 0% 83.1%; --radius: .5rem; --default-fill: 226 62% 13%; --link: #007aff; --media-slider-track-bg: var(--colors-gray60); --media-slider-track-fill-bg: var(--colors-gray130); --media-slider-track-progress-bg: var(--colors-gray100); --media-time-color: var(--colors-gray130); --media-time-divider-color: var(--colors-gray100); --media-button-color: var(--colors-gray130); --media-button-hover-bg: var(--colors-gray60); --media-chapter-title-color: var(--colors-gray130); --media-chapter-title-separator-color: var(--colors-gray100); --media-slider-chapter-title-color: var(--colors-gray130); --media-slider-chapter-title-bg: var(--colors-gray0); --media-slider-value-color: var(--colors-gray100); } * { min-width: calc(var(--spacing) * 0); border-color: rgba(var(--colors-gray40-rgb), 1); } :root, [data-theme="light"] { --colors-analytics0: #d56a4a; --colors-analytics0-rgb: 213, 106, 74; --colors-analytics1: #65a0ba; --colors-analytics1-rgb: 101, 160, 186; --colors-analytics2: #c16a8a; --colors-analytics2-rgb: 193, 106, 138; --colors-analytics3: #9f82c8; --colors-analytics3-rgb: 159, 130, 200; --colors-analytics4: #71b183; --colors-analytics4-rgb: 113, 177, 131; --colors-analytics5: #ccb63c; --colors-analytics5-rgb: 204, 182, 60; --colors-analytics6: #da756c; --colors-analytics6-rgb: 218, 117, 108; --colors-analytics7: #7dc7a3; --colors-analytics7-rgb: 125, 199, 163; --colors-analytics8: #c7947d; --colors-analytics8-rgb: 199, 148, 125; --colors-analytics9: #c7c07d; --colors-analytics9-rgb: 199, 192, 125; --colors-brand10: #fefcfb; --colors-brand10-rgb: 254, 252, 251; --colors-brand20: #fff5f1; --colors-brand20-rgb: 255, 245, 241; --colors-brand30: #ffe9e0; --colors-brand30-rgb: 255, 233, 224; --colors-brand40: #ffd6c8; --colors-brand40-rgb: 255, 214, 200; --colors-brand50: #ffc8b6; --colors-brand50-rgb: 255, 200, 182; --colors-brand60: #ffb8a1; --colors-brand60-rgb: 255, 184, 161; --colors-brand70: #ffa48c; --colors-brand70-rgb: 255, 164, 140; --colors-brand80: #f58b6f; --colors-brand80-rgb: 245, 139, 111; --colors-brand90: #f95f35; --colors-brand90-rgb: 249, 95, 53; --colors-brand100: #ec5023; --colors-brand100-rgb: 236, 80, 35; --colors-brand110: #d74215; --colors-brand110-rgb: 215, 66, 21; --colors-brand120: #5a2b1f; --colors-brand120-rgb: 90, 43, 31; --colors-danger10: #fffcfc; --colors-danger10-rgb: 255, 252, 252; --colors-danger20: #fef8f7; --colors-danger20-rgb: 254, 248, 247; --colors-danger30: #fdecea; --colors-danger30-rgb: 253, 236, 234; --colors-danger40: #ffddd9; --colors-danger40-rgb: 255, 221, 217; --colors-danger50: #ffd0ca; --colors-danger50-rgb: 255, 208, 202; --colors-danger60: #f9c0ba; --colors-danger60-rgb: 249, 192, 186; --colors-danger70: #efada6; --colors-danger70-rgb: 239, 173, 166; --colors-danger80: #e5938c; --colors-danger80-rgb: 229, 147, 140; --colors-danger90: #bf3535; --colors-danger90-rgb: 191, 53, 53; --colors-danger100: #af2327; --colors-danger100-rgb: 175, 35, 39; --colors-danger110: #c53b3a; --colors-danger110-rgb: 197, 59, 58; --colors-danger120: #601e1c; --colors-danger120-rgb: 96, 30, 28; --colors-gray0: #fff; --colors-gray0-rgb: 255, 255, 255; --colors-gray10: #fcfcfc; --colors-gray10-rgb: 252, 252, 252; --colors-gray20: #f9f9f9; --colors-gray20-rgb: 249, 249, 249; --colors-gray30: #f0f0f1; --colors-gray30-rgb: 240, 240, 241; --colors-gray40: #e8e8e9; --colors-gray40-rgb: 232, 232, 233; --colors-gray50: #e0e1e2; --colors-gray50-rgb: 224, 225, 226; --colors-gray60: #d9d9da; --colors-gray60-rgb: 217, 217, 218; --colors-gray70: #cdcecf; --colors-gray70-rgb: 205, 206, 207; --colors-gray80: #babcbd; --colors-gray80-rgb: 186, 188, 189; --colors-gray90: #8c8d8e; --colors-gray90-rgb: 140, 141, 142; --colors-gray100: #818284; --colors-gray100-rgb: 129, 130, 132; --colors-gray110: #636465; --colors-gray110-rgb: 99, 100, 101; --colors-gray120: #1e1f20; --colors-gray120-rgb: 30, 31, 32; --colors-gray130: #0b0c0d; --colors-gray130-rgb: 11, 12, 13; --colors-info90: #39d0ce; --colors-info90-rgb: 57, 208, 206; --colors-success10: #fbfefa; --colors-success10-rgb: 251, 254, 250; --colors-success20: #f5fbf4; --colors-success20-rgb: 245, 251, 244; --colors-success30: #e8f7e5; --colors-success30-rgb: 232, 247, 229; --colors-success40: #d9f2d4; --colors-success40-rgb: 217, 242, 212; --colors-success50: #c7eac0; --colors-success50-rgb: 199, 234, 192; --colors-success60: #b1e0a7; --colors-success60-rgb: 177, 224, 167; --colors-success70: #92d185; --colors-success70-rgb: 146, 209, 133; --colors-success80: #65bc52; --colors-success80-rgb: 101, 188, 82; --colors-success90: #4bb032; --colors-success90-rgb: 75, 176, 50; --colors-success100: #42a329; --colors-success100-rgb: 66, 163, 41; --colors-success110: #27800a; --colors-success110-rgb: 39, 128, 10; --colors-success120: #203d1a; --colors-success120-rgb: 32, 61, 26; --colors-warning10: #fefcfa; --colors-warning10-rgb: 254, 252, 250; --colors-warning20: #fff7e9; --colors-warning20-rgb: 255, 247, 233; --colors-warning30: #ffedc8; --colors-warning30-rgb: 255, 237, 200; --colors-warning40: #ffe0ac; --colors-warning40-rgb: 255, 224, 172; --colors-warning50: #ffd390; --colors-warning50-rgb: 255, 211, 144; --colors-warning60: #ffc469; --colors-warning60-rgb: 255, 196, 105; --colors-warning70: #fcb14f; --colors-warning70-rgb: 252, 177, 79; --colors-warning80: #ef9800; --colors-warning80-rgb: 239, 152, 0; --colors-warning90: #fb9900; --colors-warning90-rgb: 251, 153, 0; --colors-warning100: #ec9000; --colors-warning100-rgb: 236, 144, 0; --colors-warning110: #af6800; --colors-warning110-rgb: 175, 104, 0; --colors-warning120: #533303; --colors-warning120-rgb: 83, 51, 3; --colors-amber10: #fefcfa; --colors-amber10-rgb: 254, 252, 250; --colors-amber20: #fff7e9; --colors-amber20-rgb: 255, 247, 233; --colors-amber30: #ffedc8; --colors-amber30-rgb: 255, 237, 200; --colors-amber40: #ffe0ac; --colors-amber40-rgb: 255, 224, 172; --colors-amber50: #ffd390; --colors-amber50-rgb: 255, 211, 144; --colors-amber60: #ffc469; --colors-amber60-rgb: 255, 196, 105; --colors-amber70: #fcb14f; --colors-amber70-rgb: 252, 177, 79; --colors-amber80: #ef9800; --colors-amber80-rgb: 239, 152, 0; --colors-amber90: #fb9900; --colors-amber90-rgb: 251, 153, 0; --colors-amber100: #ec9000; --colors-amber100-rgb: 236, 144, 0; --colors-amber110: #af6800; --colors-amber110-rgb: 175, 104, 0; --colors-amber120: #533303; --colors-amber120-rgb: 83, 51, 3; --colors-blue10: #fbfdff; --colors-blue10-rgb: 251, 253, 255; --colors-blue20: #f4faff; --colors-blue20-rgb: 244, 250, 255; --colors-blue30: #e6f4fe; --colors-blue30-rgb: 230, 244, 254; --colors-blue40: #d5efff; --colors-blue40-rgb: 213, 239, 255; --colors-blue50: #c2e5ff; --colors-blue50-rgb: 194, 229, 255; --colors-blue60: #acd8fc; --colors-blue60-rgb: 172, 216, 252; --colors-blue70: #8ec8f6; --colors-blue70-rgb: 142, 200, 246; --colors-blue80: #5eb1ef; --colors-blue80-rgb: 94, 177, 239; --colors-blue90: #0090ff; --colors-blue90-rgb: 0, 144, 255; --colors-blue100: #0588f0; --colors-blue100-rgb: 5, 136, 240; --colors-blue110: #0d74ce; --colors-blue110-rgb: 13, 116, 206; --colors-blue120: #113264; --colors-blue120-rgb: 17, 50, 100; --colors-cyan10: #fafdfe; --colors-cyan10-rgb: 250, 253, 254; --colors-cyan20: #f2fafb; --colors-cyan20-rgb: 242, 250, 251; --colors-cyan30: #def7f9; --colors-cyan30-rgb: 222, 247, 249; --colors-cyan40: #caf1f6; --colors-cyan40-rgb: 202, 241, 246; --colors-cyan50: #b5e9f0; --colors-cyan50-rgb: 181, 233, 240; --colors-cyan60: #9ddde7; --colors-cyan60-rgb: 157, 221, 231; --colors-cyan70: #7dcedc; --colors-cyan70-rgb: 125, 206, 220; --colors-cyan80: #3db9cf; --colors-cyan80-rgb: 61, 185, 207; --colors-cyan90: #00a2c7; --colors-cyan90-rgb: 0, 162, 199; --colors-cyan100: #0797b9; --colors-cyan100-rgb: 7, 151, 185; --colors-cyan110: #107d98; --colors-cyan110-rgb: 16, 125, 152; --colors-cyan120: #0d3c48; --colors-cyan120-rgb: 13, 60, 72; --colors-green10: #fbfefa; --colors-green10-rgb: 251, 254, 250; --colors-green20: #f5fbf4; --colors-green20-rgb: 245, 251, 244; --colors-green30: #e8f7e5; --colors-green30-rgb: 232, 247, 229; --colors-green40: #d9f2d4; --colors-green40-rgb: 217, 242, 212; --colors-green50: #c7eac0; --colors-green50-rgb: 199, 234, 192; --colors-green60: #b1e0a7; --colors-green60-rgb: 177, 224, 167; --colors-green70: #92d185; --colors-green70-rgb: 146, 209, 133; --colors-green80: #65bc52; --colors-green80-rgb: 101, 188, 82; --colors-green90: #4bb032; --colors-green90-rgb: 75, 176, 50; --colors-green100: #42a329; --colors-green100-rgb: 66, 163, 41; --colors-green110: #27800a; --colors-green110-rgb: 39, 128, 10; --colors-green120: #203d1a; --colors-green120-rgb: 32, 61, 26; --colors-indigo10: #fdfdfe; --colors-indigo10-rgb: 253, 253, 254; --colors-indigo20: #f7f9ff; --colors-indigo20-rgb: 247, 249, 255; --colors-indigo30: #edf2fe; --colors-indigo30-rgb: 237, 242, 254; --colors-indigo40: #e1e9ff; --colors-indigo40-rgb: 225, 233, 255; --colors-indigo50: #d2deff; --colors-indigo50-rgb: 210, 222, 255; --colors-indigo60: #c1d0ff; --colors-indigo60-rgb: 193, 208, 255; --colors-indigo70: #abbdf9; --colors-indigo70-rgb: 171, 189, 249; --colors-indigo80: #8da4ef; --colors-indigo80-rgb: 141, 164, 239; --colors-indigo90: #3e63dd; --colors-indigo90-rgb: 62, 99, 221; --colors-indigo100: #3358d4; --colors-indigo100-rgb: 51, 88, 212; --colors-indigo110: #3a5bc7; --colors-indigo110-rgb: 58, 91, 199; --colors-indigo120: #1f2d5c; --colors-indigo120-rgb: 31, 45, 92; --colors-pink10: #fffcfe; --colors-pink10-rgb: 255, 252, 254; --colors-pink20: #fef7fb; --colors-pink20-rgb: 254, 247, 251; --colors-pink30: #fee9f5; --colors-pink30-rgb: 254, 233, 245; --colors-pink40: #fbdcef; --colors-pink40-rgb: 251, 220, 239; --colors-pink50: #f6cee7; --colors-pink50-rgb: 246, 206, 231; --colors-pink60: #efbfdd; --colors-pink60-rgb: 239, 191, 221; --colors-pink70: #e7acd0; --colors-pink70-rgb: 231, 172, 208; --colors-pink80: #dd93c2; --colors-pink80-rgb: 221, 147, 194; --colors-pink90: #d6409f; --colors-pink90-rgb: 214, 64, 159; --colors-pink100: #cf3897; --colors-pink100-rgb: 207, 56, 151; --colors-pink110: #c2298a; --colors-pink110-rgb: 194, 41, 138; --colors-pink120: #651249; --colors-pink120-rgb: 101, 18, 73; --colors-purple10: #fefcfe; --colors-purple10-rgb: 254, 252, 254; --colors-purple20: #fbf7fe; --colors-purple20-rgb: 251, 247, 254; --colors-purple30: #f7edfe; --colors-purple30-rgb: 247, 237, 254; --colors-purple40: #f2e2fc; --colors-purple40-rgb: 242, 226, 252; --colors-purple50: #ead5f9; --colors-purple50-rgb: 234, 213, 249; --colors-purple60: #e0c4f4; --colors-purple60-rgb: 224, 196, 244; --colors-purple70: #d1afec; --colors-purple70-rgb: 209, 175, 236; --colors-purple80: #be93e4; --colors-purple80-rgb: 190, 147, 228; --colors-purple90: #8e4ec6; --colors-purple90-rgb: 142, 78, 198; --colors-purple100: #8347b9; --colors-purple100-rgb: 131, 71, 185; --colors-purple110: #8145b5; --colors-purple110-rgb: 129, 69, 181; --colors-purple120: #402060; --colors-purple120-rgb: 64, 32, 96; --colors-red10: #fffcfc; --colors-red10-rgb: 255, 252, 252; --colors-red20: #fef8f7; --colors-red20-rgb: 254, 248, 247; --colors-red30: #fdecea; --colors-red30-rgb: 253, 236, 234; --colors-red40: #ffddd9; --colors-red40-rgb: 255, 221, 217; --colors-red50: #ffd0ca; --colors-red50-rgb: 255, 208, 202; --colors-red60: #f9c0ba; --colors-red60-rgb: 249, 192, 186; --colors-red70: #efada6; --colors-red70-rgb: 239, 173, 166; --colors-red80: #e5938c; --colors-red80-rgb: 229, 147, 140; --colors-red90: #bf3535; --colors-red90-rgb: 191, 53, 53; --colors-red100: #af2327; --colors-red100-rgb: 175, 35, 39; --colors-red110: #c53b3a; --colors-red110-rgb: 197, 59, 58; --colors-red120: #601e1c; --colors-red120-rgb: 96, 30, 28; --colors-background: #fff; --colors-background-rgb: 255, 255, 255; --colors-border: #e8e8e9; --colors-border-rgb: 232, 232, 233; --colors-focus: #f95f35; --colors-focus-rgb: 249, 95, 53; --colors-text-muted: #8c8d8e; --colors-text-muted-rgb: 140, 141, 142; --colors-text-primary: #0b0c0d; --colors-text-primary-rgb: 11, 12, 13; --colors-text-secondary: #636465; --colors-text-secondary-rgb: 99, 100, 101; } [data-theme="dark"] { --colors-analytics0: #d56a4a; --colors-analytics0-rgb: 213, 106, 74; --colors-analytics1: #65a0ba; --colors-analytics1-rgb: 101, 160, 186; --colors-analytics2: #c16a8a; --colors-analytics2-rgb: 193, 106, 138; --colors-analytics3: #9f82c8; --colors-analytics3-rgb: 159, 130, 200; --colors-analytics4: #71b183; --colors-analytics4-rgb: 113, 177, 131; --colors-analytics5: #ccb63c; --colors-analytics5-rgb: 204, 182, 60; --colors-analytics6: #da756c; --colors-analytics6-rgb: 218, 117, 108; --colors-analytics7: #7dc7a3; --colors-analytics7-rgb: 125, 199, 163; --colors-analytics8: #c7947d; --colors-analytics8-rgb: 199, 148, 125; --colors-analytics9: #c7c07d; --colors-analytics9-rgb: 199, 192, 125; --colors-brand10: #17100e; --colors-brand10-rgb: 23, 16, 14; --colors-brand20: #1f1512; --colors-brand20-rgb: 31, 21, 18; --colors-brand30: #381810; --colors-brand30-rgb: 56, 24, 16; --colors-brand40: #4e1707; --colors-brand40-rgb: 78, 23, 7; --colors-brand50: #5e1e0d; --colors-brand50-rgb: 94, 30, 13; --colors-brand60: #6e2b19; --colors-brand60-rgb: 110, 43, 25; --colors-brand70: #863b27; --colors-brand70-rgb: 134, 59, 39; --colors-brand80: #ad4d33; --colors-brand80-rgb: 173, 77, 51; --colors-brand90: #f95f35; --colors-brand90-rgb: 249, 95, 53; --colors-brand100: #eb5227; --colors-brand100-rgb: 235, 82, 39; --colors-brand110: #ff9575; --colors-brand110-rgb: 255, 149, 117; --colors-brand120: #ffd5ca; --colors-brand120-rgb: 255, 213, 202; --colors-danger10: #180f0e; --colors-danger10-rgb: 24, 15, 14; --colors-danger20: #211211; --colors-danger20-rgb: 33, 18, 17; --colors-danger30: #3f0e0d; --colors-danger30-rgb: 63, 14, 13; --colors-danger40: #570208; --colors-danger40-rgb: 87, 2, 8; --colors-danger50: #68070e; --colors-danger50-rgb: 104, 7, 14; --colors-danger60: #7b181a; --colors-danger60-rgb: 123, 24, 26; --colors-danger70: #952928; --colors-danger70-rgb: 149, 41, 40; --colors-danger80: #c13736; --colors-danger80-rgb: 193, 55, 54; --colors-danger90: #bf3535; --colors-danger90-rgb: 191, 53, 53; --colors-danger100: #a33634; --colors-danger100-rgb: 163, 54, 52; --colors-danger110: #ff8f87; --colors-danger110-rgb: 255, 143, 135; --colors-danger120: #ffcfca; --colors-danger120-rgb: 255, 207, 202; --colors-gray0: #111212; --colors-gray0-rgb: 17, 18, 18; --colors-gray10: #111212; --colors-gray10-rgb: 17, 18, 18; --colors-gray20: #171819; --colors-gray20-rgb: 23, 24, 25; --colors-gray30: #202223; --colors-gray30-rgb: 32, 34, 35; --colors-gray40: #28292b; --colors-gray40-rgb: 40, 41, 43; --colors-gray50: #2f3132; --colors-gray50-rgb: 47, 49, 50; --colors-gray60: #383a3b; --colors-gray60-rgb: 56, 58, 59; --colors-gray70: #464749; --colors-gray70-rgb: 70, 71, 73; --colors-gray80: #5e6062; --colors-gray80-rgb: 94, 96, 98; --colors-gray90: #6b6d6f; --colors-gray90-rgb: 107, 109, 111; --colors-gray100: #797b7d; --colors-gray100-rgb: 121, 123, 125; --colors-gray110: #b1b3b5; --colors-gray110-rgb: 177, 179, 181; --colors-gray120: #edeeef; --colors-gray120-rgb: 237, 238, 239; --colors-gray130: #fff; --colors-gray130-rgb: 255, 255, 255; --colors-info90: #60ebe9; --colors-info90-rgb: 96, 235, 233; --colors-success10: #0e140c; --colors-success10-rgb: 14, 20, 12; --colors-success20: #141a13; --colors-success20-rgb: 20, 26, 19; --colors-success30: #1b2a18; --colors-success30-rgb: 27, 42, 24; --colors-success40: #1f3b19; --colors-success40-rgb: 31, 59, 25; --colors-success50: #26491f; --colors-success50-rgb: 38, 73, 31; --colors-success60: #2e5825; --colors-success60-rgb: 46, 88, 37; --colors-success70: #36682b; --colors-success70-rgb: 54, 104, 43; --colors-success80: #3f7b31; --colors-success80-rgb: 63, 123, 49; --colors-success90: #4bb032; --colors-success90-rgb: 75, 176, 50; --colors-success100: #3ea422; --colors-success100-rgb: 62, 164, 34; --colors-success110: #72d25c; --colors-success110-rgb: 114, 210, 92; --colors-success120: #bff2b4; --colors-success120-rgb: 191, 242, 180; --colors-warning10: #15110d; --colors-warning10-rgb: 21, 17, 13; --colors-warning20: #1d1710; --colors-warning20-rgb: 29, 23, 16; --colors-warning30: #2f200d; --colors-warning30-rgb: 47, 32, 13; --colors-warning40: #412600; --colors-warning40-rgb: 65, 38, 0; --colors-warning50: #4e2f00; --colors-warning50-rgb: 78, 47, 0; --colors-warning60: #5c3d12; --colors-warning60-rgb: 92, 61, 18; --colors-warning70: #714e21; --colors-warning70-rgb: 113, 78, 33; --colors-warning80: #90642b; --colors-warning80-rgb: 144, 100, 43; --colors-warning90: #fcb14f; --colors-warning90-rgb: 252, 177, 79; --colors-warning100: #f1a643; --colors-warning100-rgb: 241, 166, 67; --colors-warning110: #ffb655; --colors-warning110-rgb: 255, 182, 85; --colors-warning120: #ffe2c2; --colors-warning120-rgb: 255, 226, 194; --colors-amber10: #15110d; --colors-amber10-rgb: 21, 17, 13; --colors-amber20: #1d1710; --colors-amber20-rgb: 29, 23, 16; --colors-amber30: #2f200d; --colors-amber30-rgb: 47, 32, 13; --colors-amber40: #412600; --colors-amber40-rgb: 65, 38, 0; --colors-amber50: #4e2f00; --colors-amber50-rgb: 78, 47, 0; --colors-amber60: #5c3d12; --colors-amber60-rgb: 92, 61, 18; --colors-amber70: #714e21; --colors-amber70-rgb: 113, 78, 33; --colors-amber80: #90642b; --colors-amber80-rgb: 144, 100, 43; --colors-amber90: #fcb14f; --colors-amber90-rgb: 252, 177, 79; --colors-amber100: #f1a643; --colors-amber100-rgb: 241, 166, 67; --colors-amber110: #ffb655; --colors-amber110-rgb: 255, 182, 85; --colors-amber120: #ffe2c2; --colors-amber120-rgb: 255, 226, 194; --colors-blue10: #0d1520; --colors-blue10-rgb: 13, 21, 32; --colors-blue20: #111927; --colors-blue20-rgb: 17, 25, 39; --colors-blue30: #0d2847; --colors-blue30-rgb: 13, 40, 71; --colors-blue40: #003362; --colors-blue40-rgb: 0, 51, 98; --colors-blue50: #004074; --colors-blue50-rgb: 0, 64, 116; --colors-blue60: #104d87; --colors-blue60-rgb: 16, 77, 135; --colors-blue70: #205d9e; --colors-blue70-rgb: 32, 93, 158; --colors-blue80: #2870bd; --colors-blue80-rgb: 40, 112, 189; --colors-blue90: #0090ff; --colors-blue90-rgb: 0, 144, 255; --colors-blue100: #3b9eff; --colors-blue100-rgb: 59, 158, 255; --colors-blue110: #70b8ff; --colors-blue110-rgb: 112, 184, 255; --colors-blue120: #c2e6ff; --colors-blue120-rgb: 194, 230, 255; --colors-cyan10: #0b161a; --colors-cyan10-rgb: 11, 22, 26; --colors-cyan20: #101b20; --colors-cyan20-rgb: 16, 27, 32; --colors-cyan30: #082c36; --colors-cyan30-rgb: 8, 44, 54; --colors-cyan40: #003848; --colors-cyan40-rgb: 0, 56, 72; --colors-cyan50: #004558; --colors-cyan50-rgb: 0, 69, 88; --colors-cyan60: #045468; --colors-cyan60-rgb: 4, 84, 104; --colors-cyan70: #12677e; --colors-cyan70-rgb: 18, 103, 126; --colors-cyan80: #11809c; --colors-cyan80-rgb: 17, 128, 156; --colors-cyan90: #00a2c7; --colors-cyan90-rgb: 0, 162, 199; --colors-cyan100: #23afd0; --colors-cyan100-rgb: 35, 175, 208; --colors-cyan110: #4ccce6; --colors-cyan110-rgb: 76, 204, 230; --colors-cyan120: #b6ecf7; --colors-cyan120-rgb: 182, 236, 247; --colors-green10: #0e140c; --colors-green10-rgb: 14, 20, 12; --colors-green20: #141a13; --colors-green20-rgb: 20, 26, 19; --colors-green30: #1b2a18; --colors-green30-rgb: 27, 42, 24; --colors-green40: #1f3b19; --colors-green40-rgb: 31, 59, 25; --colors-green50: #26491f; --colors-green50-rgb: 38, 73, 31; --colors-green60: #2e5825; --colors-green60-rgb: 46, 88, 37; --colors-green70: #36682b; --colors-green70-rgb: 54, 104, 43; --colors-green80: #3f7b31; --colors-green80-rgb: 63, 123, 49; --colors-green90: #4bb032; --colors-green90-rgb: 75, 176, 50; --colors-green100: #3ea422; --colors-green100-rgb: 62, 164, 34; --colors-green110: #72d25c; --colors-green110-rgb: 114, 210, 92; --colors-green120: #bff2b4; --colors-green120-rgb: 191, 242, 180; --colors-indigo10: #11131f; --colors-indigo10-rgb: 17, 19, 31; --colors-indigo20: #141726; --colors-indigo20-rgb: 20, 23, 38; --colors-indigo30: #182449; --colors-indigo30-rgb: 24, 36, 73; --colors-indigo40: #1d2e62; --colors-indigo40-rgb: 29, 46, 98; --colors-indigo50: #253974; --colors-indigo50-rgb: 37, 57, 116; --colors-indigo60: #304384; --colors-indigo60-rgb: 48, 67, 132; --colors-indigo70: #3a4f97; --colors-indigo70-rgb: 58, 79, 151; --colors-indigo80: #435db1; --colors-indigo80-rgb: 67, 93, 177; --colors-indigo90: #3e63dd; --colors-indigo90-rgb: 62, 99, 221; --colors-indigo100: #5472e4; --colors-indigo100-rgb: 84, 114, 228; --colors-indigo110: #9eb1ff; --colors-indigo110-rgb: 158, 177, 255; --colors-indigo120: #d6e1ff; --colors-indigo120-rgb: 214, 225, 255; --colors-pink10: #191117; --colors-pink10-rgb: 25, 17, 23; --colors-pink20: #21121d; --colors-pink20-rgb: 33, 18, 29; --colors-pink30: #37172f; --colors-pink30-rgb: 55, 23, 47; --colors-pink40: #4b143d; --colors-pink40-rgb: 75, 20, 61; --colors-pink50: #591c47; --colors-pink50-rgb: 89, 28, 71; --colors-pink60: #692955; --colors-pink60-rgb: 105, 41, 85; --colors-pink70: #833869; --colors-pink70-rgb: 131, 56, 105; --colors-pink80: #a84885; --colors-pink80-rgb: 168, 72, 133; --colors-pink90: #d6409f; --colors-pink90-rgb: 214, 64, 159; --colors-pink100: #de51a8; --colors-pink100-rgb: 222, 81, 168; --colors-pink110: #ff8dcc; --colors-pink110-rgb: 255, 141, 204; --colors-pink120: #fdd1ea; --colors-pink120-rgb: 253, 209, 234; --colors-purple10: #18111b; --colors-purple10-rgb: 24, 17, 27; --colors-purple20: #1e1523; --colors-purple20-rgb: 30, 21, 35; --colors-purple30: #301c3b; --colors-purple30-rgb: 48, 28, 59; --colors-purple40: #3d224e; --colors-purple40-rgb: 61, 34, 78; --colors-purple50: #48295c; --colors-purple50-rgb: 72, 41, 92; --colors-purple60: #54346b; --colors-purple60-rgb: 84, 52, 107; --colors-purple70: #664282; --colors-purple70-rgb: 102, 66, 130; --colors-purple80: #8457aa; --colors-purple80-rgb: 132, 87, 170; --colors-purple90: #8e4ec6; --colors-purple90-rgb: 142, 78, 198; --colors-purple100: #9a5cd0; --colors-purple100-rgb: 154, 92, 208; --colors-purple110: #d19dff; --colors-purple110-rgb: 209, 157, 255; --colors-purple120: #ecd9fa; --colors-purple120-rgb: 236, 217, 250; --colors-red10: #180f0e; --colors-red10-rgb: 24, 15, 14; --colors-red20: #211211; --colors-red20-rgb: 33, 18, 17; --colors-red30: #3f0e0d; --colors-red30-rgb: 63, 14, 13; --colors-red40: #570208; --colors-red40-rgb: 87, 2, 8; --colors-red50: #68070e; --colors-red50-rgb: 104, 7, 14; --colors-red60: #7b181a; --colors-red60-rgb: 123, 24, 26; --colors-red70: #952928; --colors-red70-rgb: 149, 41, 40; --colors-red80: #c13736; --colors-red80-rgb: 193, 55, 54; --colors-red90: #bf3535; --colors-red90-rgb: 191, 53, 53; --colors-red100: #a33634; --colors-red100-rgb: 163, 54, 52; --colors-red110: #ff8f87; --colors-red110-rgb: 255, 143, 135; --colors-red120: #ffcfca; --colors-red120-rgb: 255, 207, 202; --colors-background: #111212; --colors-background-rgb: 17, 18, 18; --colors-border: #28292b; --colors-border-rgb: 40, 41, 43; --colors-focus: #f95f35; --colors-focus-rgb: 249, 95, 53; --colors-text-muted: #6b6d6f; --colors-text-muted-rgb: 107, 109, 111; --colors-text-primary: #fff; --colors-text-primary-rgb: 255, 255, 255; --colors-text-secondary: #b1b3b5; --colors-text-secondary-rgb: 177, 179, 181; } } @layer theme { :root, :host { --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --spacing: .25rem; --font-weight-medium: 570; --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --blur-sm: 8px; --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); --body-10-font-size: 10px; --body-10-line-height: 14px; --body-12-font-size: 12px; --body-12-line-height: 18px; --body-14-font-size: 14px; --body-14-line-height: 20px; --body-16-font-size: 16px; --body-16-line-height: 22px; --body-18-font-size: 18px; --body-18-line-height: 26px; --body-20-font-size: 20px; --body-20-line-height: 30px; --body-24-font-size: 24px; --body-24-line-height: 32px; --heading-8-font-size: 8px; --heading-8-letter-spacing: -.12px; --heading-8-line-height: 14px; --heading-10-font-size: 10px; --heading-10-letter-spacing: -.15px; --heading-10-line-height: 18px; --heading-12-font-size: 12px; --heading-12-letter-spacing: -.18px; --heading-12-line-height: 18px; --heading-14-font-size: 14px; --heading-14-letter-spacing: -.21px; --heading-14-line-height: 18px; --heading-16-font-size: 16px; --heading-16-letter-spacing: -.24px; --heading-16-line-height: 20px; --heading-18-font-size: 18px; --heading-18-letter-spacing: -.27px; --heading-18-line-height: 22px; --heading-20-font-size: 20px; --heading-20-letter-spacing: -.3px; --heading-20-line-height: 24px; --heading-24-font-size: 24px; --heading-24-letter-spacing: -.48px; --heading-24-line-height: 30px; --heading-28-font-size: 28px; --heading-28-letter-spacing: -.56px; --heading-28-line-height: 34px; --heading-32-font-size: 32px; --heading-32-letter-spacing: -.8px; --heading-32-line-height: 40px; --heading-40-font-size: 40px; --heading-40-letter-spacing: -1px; --heading-40-line-height: 48px; --heading-48-font-size: 48px; --heading-48-letter-spacing: -1.2px; --heading-48-line-height: 56px; --heading-56-font-size: 56px; --heading-56-letter-spacing: -1.4px; --heading-56-line-height: 64px; --heading-64-font-size: 64px; --heading-64-letter-spacing: -1.6px; --heading-64-line-height: 72px; --heading-80-font-size: 80px; --heading-80-letter-spacing: -2.4px; --heading-80-line-height: 80px; --heading-96-font-size: 96px; --heading-96-letter-spacing: -2.88px; --heading-96-line-height: 104px; --radius-2: 2px; --radius-4: 4px; --radius-6: 6px; --radius-8: 8px; --radius-12: 12px; --radius-16: 16px; --radius-20: 20px; --radius-24: 24px; --radius-32: 32px; --radius-40: 40px; --radius-96: 96px; --z-index-above-portal: 2147480000; --z-index-behind-portal: 2147480000; --z-index-portal: 2147480000; --font-matter: "Matter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --background-image-gradient-conic: conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops)); --background-image-gradient-radial: radial-gradient(var(--tw-gradient-stops)); --breakpoint-desktop: 1280px; --breakpoint-ipad: 1025px; --breakpoint-tablet: 640px; --color-amber-10: #fefcfa; --color-amber-20: #fff7e9; --color-amber-30: #ffedc8; --color-amber-40: #ffe0ac; --color-amber-50: #ffd390; --color-amber-60: #ffc469; --color-amber-70: #fcb14f; --color-amber-80: #ef9800; --color-amber-90: #fb9900; --color-amber-100: #ec9000; --color-amber-110: #af6800; --color-amber-120: #533303; --color-blue-10: #fbfdff; --color-blue-20: #f4faff; --color-blue-30: #e6f4fe; --color-blue-40: #d5efff; --color-blue-50: #c2e5ff; --color-blue-60: #acd8fc; --color-blue-70: #8ec8f6; --color-blue-80: #5eb1ef; --color-blue-90: #0090ff; --color-blue-100: #0588f0; --color-blue-110: #0d74ce; --color-blue-120: #113264; --color-brand-10: #fefcfb; --color-brand-20: #fff5f1; --color-brand-30: #ffe9e0; --color-brand-40: #ffd6c8; --color-brand-50: #ffc8b6; --color-brand-60: #ffb8a1; --color-brand-70: #ffa48c; --color-brand-80: #f58b6f; --color-brand-90: #f95f35; --color-brand-100: #ec5023; --color-brand-110: #d74215; --color-brand-120: #5a2b1f; --color-cyan-10: #fafdfe; --color-cyan-20: #f2fafb; --color-cyan-30: #def7f9; --color-cyan-40: #caf1f6; --color-cyan-50: #b5e9f0; --color-cyan-60: #9ddde7; --color-cyan-70: #7dcedc; --color-cyan-80: #3db9cf; --color-cyan-90: #00a2c7; --color-cyan-100: #0797b9; --color-cyan-110: #107d98; --color-cyan-120: #0d3c48; --color-gray-0: #fff; --color-gray-10: #fcfcfc; --color-gray-20: #f9f9f9; --color-gray-30: #f0f0f1; --color-gray-40: #e8e8e9; --color-gray-50: #e0e1e2; --color-gray-60: #d9d9da; --color-gray-70: #cdcecf; --color-gray-80: #babcbd; --color-gray-90: #8c8d8e; --color-gray-100: #818284; --color-gray-110: #636465; --color-gray-120: #1e1f20; --color-gray-130: #0b0c0d; --color-green-10: #fbfefa; --color-green-20: #f5fbf4; --color-green-30: #e8f7e5; --color-green-40: #d9f2d4; --color-green-50: #c7eac0; --color-green-60: #b1e0a7; --color-green-70: #92d185; --color-green-80: #65bc52; --color-green-90: #4bb032; --color-green-100: #42a329; --color-green-110: #27800a; --color-green-120: #203d1a; --color-indigo-10: #fdfdfe; --color-indigo-20: #f7f9ff; --color-indigo-30: #edf2fe; --color-indigo-40: #e1e9ff; --color-indigo-50: #d2deff; --color-indigo-60: #c1d0ff; --color-indigo-70: #abbdf9; --color-indigo-80: #8da4ef; --color-indigo-90: #3e63dd; --color-indigo-100: #3358d4; --color-indigo-110: #3a5bc7; --color-indigo-120: #1f2d5c; --color-pink-10: #fffcfe; --color-pink-20: #fef7fb; --color-pink-30: #fee9f5; --color-pink-40: #fbdcef; --color-pink-50: #f6cee7; --color-pink-60: #efbfdd; --color-pink-70: #e7acd0; --color-pink-80: #dd93c2; --color-pink-90: #d6409f; --color-pink-100: #cf3897; --color-pink-110: #c2298a; --color-pink-120: #651249; --color-purple-10: #fefcfe; --color-purple-20: #fbf7fe; --color-purple-30: #f7edfe; --color-purple-40: #f2e2fc; --color-purple-50: #ead5f9; --color-purple-60: #e0c4f4; --color-purple-70: #d1afec; --color-purple-80: #be93e4; --color-purple-90: #8e4ec6; --color-purple-100: #8347b9; --color-purple-110: #8145b5; --color-purple-120: #402060; --color-red-10: #fffcfc; --color-red-20: #fef8f7; --color-red-30: #fdecea; --color-red-40: #ffddd9; --color-red-50: #ffd0ca; --color-red-60: #f9c0ba; --color-red-70: #efada6; --color-red-80: #e5938c; --color-red-90: #bf3535; --color-red-100: #af2327; --color-red-110: #c53b3a; --color-red-120: #601e1c; --color-black: #000; } [data-theme="light"] { --color-amber-10: #fefcfa; --color-amber-20: #fff7e9; --color-amber-30: #ffedc8; --color-amber-40: #ffe0ac; --color-amber-50: #ffd390; --color-amber-60: #ffc469; --color-amber-70: #fcb14f; --color-amber-80: #ef9800; --color-amber-90: #fb9900; --color-amber-100: #ec9000; --color-amber-110: #af6800; --color-amber-120: #533303; --color-blue-10: #fbfdff; --color-blue-20: #f4faff; --color-blue-30: #e6f4fe; --color-blue-40: #d5efff; --color-blue-50: #c2e5ff; --color-blue-60: #acd8fc; --color-blue-70: #8ec8f6; --color-blue-80: #5eb1ef; --color-blue-90: #0090ff; --color-blue-100: #0588f0; --color-blue-110: #0d74ce; --color-blue-120: #113264; --color-brand-10: #fefcfb; --color-brand-20: #fff5f1; --color-brand-30: #ffe9e0; --color-brand-40: #ffd6c8; --color-brand-50: #ffc8b6; --color-brand-60: #ffb8a1; --color-brand-70: #ffa48c; --color-brand-80: #f58b6f; --color-brand-90: #f95f35; --color-brand-100: #ec5023; --color-brand-110: #d74215; --color-brand-120: #5a2b1f; --color-cyan-10: #fafdfe; --color-cyan-20: #f2fafb; --color-cyan-30: #def7f9; --color-cyan-40: #caf1f6; --color-cyan-50: #b5e9f0; --color-cyan-60: #9ddde7; --color-cyan-70: #7dcedc; --color-cyan-80: #3db9cf; --color-cyan-90: #00a2c7; --color-cyan-100: #0797b9; --color-cyan-110: #107d98; --color-cyan-120: #0d3c48; --color-gray-0: #fff; --color-gray-10: #fcfcfc; --color-gray-20: #f9f9f9; --color-gray-30: #f0f0f1; --color-gray-40: #e8e8e9; --color-gray-50: #e0e1e2; --color-gray-60: #d9d9da; --color-gray-70: #cdcecf; --color-gray-80: #babcbd; --color-gray-90: #8c8d8e; --color-gray-100: #818284; --color-gray-110: #636465; --color-gray-120: #1e1f20; --color-gray-130: #0b0c0d; --color-green-10: #fbfefa; --color-green-20: #f5fbf4; --color-green-30: #e8f7e5; --color-green-40: #d9f2d4; --color-green-50: #c7eac0; --color-green-60: #b1e0a7; --color-green-70: #92d185; --color-green-80: #65bc52; --color-green-90: #4bb032; --color-green-100: #42a329; --color-green-110: #27800a; --color-green-120: #203d1a; --color-indigo-10: #fdfdfe; --color-indigo-20: #f7f9ff; --color-indigo-30: #edf2fe; --color-indigo-40: #e1e9ff; --color-indigo-50: #d2deff; --color-indigo-60: #c1d0ff; --color-indigo-70: #abbdf9; --color-indigo-80: #8da4ef; --color-indigo-90: #3e63dd; --color-indigo-100: #3358d4; --color-indigo-110: #3a5bc7; --color-indigo-120: #1f2d5c; --color-pink-10: #fffcfe; --color-pink-20: #fef7fb; --color-pink-30: #fee9f5; --color-pink-40: #fbdcef; --color-pink-50: #f6cee7; --color-pink-60: #efbfdd; --color-pink-70: #e7acd0; --color-pink-80: #dd93c2; --color-pink-90: #d6409f; --color-pink-100: #cf3897; --color-pink-110: #c2298a; --color-pink-120: #651249; --color-purple-10: #fefcfe; --color-purple-20: #fbf7fe; --color-purple-30: #f7edfe; --color-purple-40: #f2e2fc; --color-purple-50: #ead5f9; --color-purple-60: #e0c4f4; --color-purple-70: #d1afec; --color-purple-80: #be93e4; --color-purple-90: #8e4ec6; --color-purple-100: #8347b9; --color-purple-110: #8145b5; --color-purple-120: #402060; --color-red-10: #fffcfc; --color-red-20: #fef8f7; --color-red-30: #fdecea; --color-red-40: #ffddd9; --color-red-50: #ffd0ca; --color-red-60: #f9c0ba; --color-red-70: #efada6; --color-red-80: #e5938c; --color-red-90: #bf3535; --color-red-100: #af2327; --color-red-110: #c53b3a; --color-red-120: #601e1c; } [data-theme="dark"] { --color-amber-10: #15110d; --color-amber-20: #1d1710; --color-amber-30: #2f200d; --color-amber-40: #412600; --color-amber-50: #4e2f00; --color-amber-60: #5c3d12; --color-amber-70: #714e21; --color-amber-80: #90642b; --color-amber-90: #fcb14f; --color-amber-100: #f1a643; --color-amber-110: #ffb655; --color-amber-120: #ffe2c2; --color-blue-10: #0d1520; --color-blue-20: #111927; --color-blue-30: #0d2847; --color-blue-40: #003362; --color-blue-50: #004074; --color-blue-60: #104d87; --color-blue-70: #205d9e; --color-blue-80: #2870bd; --color-blue-90: #0090ff; --color-blue-100: #3b9eff; --color-blue-110: #70b8ff; --color-blue-120: #c2e6ff; --color-brand-10: #17100e; --color-brand-20: #1f1512; --color-brand-30: #381810; --color-brand-40: #4e1707; --color-brand-50: #5e1e0d; --color-brand-60: #6e2b19; --color-brand-70: #863b27; --color-brand-80: #ad4d33; --color-brand-90: #f95f35; --color-brand-100: #eb5227; --color-brand-110: #ff9575; --color-brand-120: #ffd5ca; --color-cyan-10: #0b161a; --color-cyan-20: #101b20; --color-cyan-30: #082c36; --color-cyan-40: #003848; --color-cyan-50: #004558; --color-cyan-60: #045468; --color-cyan-70: #12677e; --color-cyan-80: #11809c; --color-cyan-90: #00a2c7; --color-cyan-100: #23afd0; --color-cyan-110: #4ccce6; --color-cyan-120: #b6ecf7; --color-gray-0: #111212; --color-gray-10: #111212; --color-gray-20: #171819; --color-gray-30: #202223; --color-gray-40: #28292b; --color-gray-50: #2f3132; --color-gray-60: #383a3b; --color-gray-70: #464749; --color-gray-80: #5e6062; --color-gray-90: #6b6d6f; --color-gray-100: #797b7d; --color-gray-110: #b1b3b5; --color-gray-120: #edeeef; --color-gray-130: #fff; --color-green-10: #0e140c; --color-green-20: #141a13; --color-green-30: #1b2a18; --color-green-40: #1f3b19; --color-green-50: #26491f; --color-green-60: #2e5825; --color-green-70: #36682b; --color-green-80: #3f7b31; --color-green-90: #4bb032; --color-green-100: #3ea422; --color-green-110: #72d25c; --color-green-120: #bff2b4; --color-indigo-10: #11131f; --color-indigo-20: #141726; --color-indigo-30: #182449; --color-indigo-40: #1d2e62; --color-indigo-50: #253974; --color-indigo-60: #304384; --color-indigo-70: #3a4f97; --color-indigo-80: #435db1; --color-indigo-90: #3e63dd; --color-indigo-100: #5472e4; --color-indigo-110: #9eb1ff; --color-indigo-120: #d6e1ff; --color-pink-10: #191117; --color-pink-20: #21121d; --color-pink-30: #37172f; --color-pink-40: #4b143d; --color-pink-50: #591c47; --color-pink-60: #692955; --color-pink-70: #833869; --color-pink-80: #a84885; --color-pink-90: #d6409f; --color-pink-100: #de51a8; --color-pink-110: #ff8dcc; --color-pink-120: #fdd1ea; --color-purple-10: #18111b; --color-purple-20: #1e1523; --color-purple-30: #301c3b; --color-purple-40: #3d224e; --color-purple-50: #48295c; --color-purple-60: #54346b; --color-purple-70: #664282; --color-purple-80: #8457aa; --color-purple-90: #8e4ec6; --color-purple-100: #9a5cd0; --color-purple-110: #d19dff; --color-purple-120: #ecd9fa; --color-red-10: #180f0e; --color-red-20: #211211; --color-red-30: #3f0e0d; --color-red-40: #570208; --color-red-50: #68070e; --color-red-60: #7b181a; --color-red-70: #952928; --color-red-80: #c13736; --color-red-90: #bf3535; --color-red-100: #a33634; --color-red-110: #ff8f87; --color-red-120: #ffcfca; } :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-200: #ffcaca; --color-red-300: #ffa3a3; --color-red-400: #ff6568; --color-red-500: #fb2c36; --color-red-600: #e40014; --color-red-700: #bf000f; --color-red-800: #9f0712; --color-red-900: #82181a; --color-red-950: #460809; --color-orange-50: #fff7ed; --color-orange-100: #ffedd5; --color-orange-200: #ffd7a8; --color-orange-300: #ffb96d; --color-orange-500: #fe6e00; --color-orange-600: #f05100; --color-orange-700: #c53c00; --color-orange-800: #9f2d00; --color-orange-900: #7e2a0c; --color-amber-400: #fcbb00; --color-amber-500: #f99c00; --color-amber-600: #dd7400; --color-amber-700: #b75000; --color-amber-950: #461901; --color-yellow-50: #fefce8; --color-yellow-100: #fef9c2; --color-yellow-200: #fff085; --color-yellow-300: #ffe02a; --color-yellow-400: #fac800; --color-yellow-500: #edb200; --color-yellow-600: #cd8900; --color-yellow-700: #a36100; --color-yellow-800: #874b00; --color-yellow-900: #733e0a; --color-green-200: #b9f8cf; --color-green-300: #7bf1a8; --color-green-400: #05df72; --color-green-500: #00c758; --color-green-600: #00a544; --color-green-700: #008138; --color-green-800: #016630; --color-green-900: #0d542b; --color-green-950: #032e15; --color-emerald-50: #ecfdf5; --color-emerald-100: #d0fae5; --color-emerald-500: #00bb7f; --color-emerald-600: #009767; --color-emerald-700: #007956; --color-teal-50: #f0fdfa; --color-teal-100: #cbfbf1; --color-teal-500: #00baa7; --color-cyan-500: #00b7d7; --color-blue-200: #bedbff; --color-blue-300: #90c5ff; --color-blue-400: #54a2ff; --color-blue-500: #3080ff; --color-blue-600: #155dfc; --color-blue-700: #1447e6; --color-blue-800: #193cb8; --color-blue-900: #1c398e; --color-blue-950: #162456; --color-indigo-300: #a4b3ff; --color-indigo-500: #625fff; --color-indigo-700: #432dd7; --color-violet-50: #f5f3ff; --color-violet-100: #ede9fe; --color-violet-500: #8d54ff; --color-purple-200: #e9d5ff; --color-purple-300: #d9b3ff; --color-purple-400: #c07eff; --color-purple-500: #ac4bff; --color-purple-700: #8200da; --color-purple-800: #6e11b0; --color-purple-900: #59168b; --color-slate-50: #f8fafc; --color-slate-100: #f1f5f9; --color-slate-200: #e2e8f0; --color-slate-400: #90a1b9; --color-slate-700: #314158; --color-gray-200: #e5e7eb; --color-gray-300: #d1d5dc; --color-gray-400: #99a1af; --color-gray-500: #6a7282; --color-gray-600: #4a5565; --color-gray-700: #364153; --color-gray-800: #1e2939; --color-gray-900: #101828; --color-zinc-50: #fafafa; --color-zinc-100: #f4f4f5; --color-zinc-200: #e4e4e7; --color-zinc-300: #d4d4d8; --color-zinc-400: #9f9fa9; --color-zinc-500: #71717b; --color-zinc-600: #52525c; --color-zinc-700: #3f3f46; --color-zinc-800: #27272a; --color-zinc-900: #18181b; --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --font-weight-normal: 400; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-black: 900; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --radius-xl: .75rem; --radius-2xl: 1rem; --drop-shadow-md: 0 3px 3px rgba(0, 0, 0, .12); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --blur-xs: 4px; --blur-sm: 8px; --blur-md: 12px; --blur-3xl: 64px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); } @supports (color: color(display-p3 0 0 0)) { :root, :host { --color-red-200: color(display-p3 .969562 .798149 .794299); --color-red-300: color(display-p3 .956922 .651886 .645122); --color-red-400: color(display-p3 .933534 .431676 .423491); --color-red-500: color(display-p3 .903738 .262579 .253307); --color-red-600: color(display-p3 .830323 .140383 .133196); --color-red-700: color(display-p3 .692737 .116232 .104679); --color-red-800: color(display-p3 .569606 .121069 .108493); --color-red-900: color(display-p3 .466906 .133198 .12139); --color-red-950: color(display-p3 .25064 .0550983 .0468818); --color-orange-50: color(display-p3 .99533 .970132 .933499); --color-orange-100: color(display-p3 .988762 .931393 .843273); --color-orange-200: color(display-p3 .974647 .84705 .680111); --color-orange-300: color(display-p3 .96801 .734346 .464159); --color-orange-500: color(display-p3 .946589 .449788 .0757345); --color-orange-600: color(display-p3 .887467 .341665 .0219962); --color-orange-700: color(display-p3 .729844 .257256 .0511062); --color-orange-800: color(display-p3 .575591 .21198 .082665); --color-orange-900: color(display-p3 .457137 .188093 .0897628); --color-amber-400: color(display-p3 .959186 .738519 .118268); --color-amber-500: color(display-p3 .93994 .620584 .0585367); --color-amber-600: color(display-p3 .827144 .467166 .0336006); --color-amber-700: color(display-p3 .67989 .32771 .0520514); --color-amber-950: color(display-p3 .252662 .109091 .026881); --color-yellow-50: color(display-p3 .994197 .988062 .917538); --color-yellow-100: color(display-p3 .993436 .977463 .782913); --color-yellow-200: color(display-p3 .988789 .943116 .579188); --color-yellow-300: color(display-p3 .982669 .880884 .32102); --color-yellow-400: color(display-p3 .959941 .790171 .0585198); --color-yellow-500: color(display-p3 .903651 .703062 .0745389); --color-yellow-600: color(display-p3 .776342 .542492 .041709); --color-yellow-700: color(display-p3 .613146 .386658 .0579687); --color-yellow-800: color(display-p3 .503181 .30478 .075537); --color-yellow-900: color(display-p3 .422485 .252729 .095052); --color-green-200: color(display-p3 .776442 .964383 .823412); --color-green-300: color(display-p3 .600292 .935514 .68114); --color-green-400: color(display-p3 .399536 .862346 .49324); --color-green-500: color(display-p3 .308734 .774754 .374307); --color-green-600: color(display-p3 .243882 .640824 .294808); --color-green-700: color(display-p3 .198355 .501799 .245335); --color-green-800: color(display-p3 .168568 .395123 .211217); --color-green-900: color(display-p3 .147288 .323577 .185694); --color-green-950: color(display-p3 .0670178 .177818 .0930111); --color-emerald-50: color(display-p3 .936818 .989882 .961937); --color-emerald-100: color(display-p3 .848335 .975974 .901691); --color-emerald-500: color(display-p3 .267113 .726847 .508397); --color-emerald-600: color(display-p3 .206557 .589057 .413962); --color-emerald-700: color(display-p3 .164041 .470229 .343508); --color-teal-50: color(display-p3 .951444 .990904 .98112); --color-teal-100: color(display-p3 .834533 .980328 .946428); --color-teal-500: color(display-p3 .266569 .721518 .655462); --color-cyan-500: color(display-p3 .246703 .710032 .841444); --color-blue-200: color(display-p3 .76688 .855207 .987483); --color-blue-300: color(display-p3 .602559 .767214 .993938); --color-blue-400: color(display-p3 .397443 .62813 .992116); --color-blue-500: color(display-p3 .266422 .491219 .988624); --color-blue-600: color(display-p3 .174493 .358974 .950247); --color-blue-700: color(display-p3 .1379 .274983 .867624); --color-blue-800: color(display-p3 .134023 .230646 .695537); --color-blue-900: color(display-p3 .136395 .219428 .537145); --color-blue-950: color(display-p3 .0993202 .141621 .323413); --color-indigo-300: color(display-p3 .650892 .700156 .990824); --color-indigo-500: color(display-p3 .380374 .372235 .971707); --color-indigo-700: color(display-p3 .251282 .180274 .81203); --color-violet-50: color(display-p3 .959212 .95304 .995713); --color-violet-100: color(display-p3 .926222 .913546 .990178); --color-violet-500: color(display-p3 .523372 .329605 .990884); --color-purple-200: color(display-p3 .901181 .835978 .992237); --color-purple-300: color(display-p3 .829394 .703737 .996084); --color-purple-400: color(display-p3 .719919 .492497 .995173); --color-purple-500: color(display-p3 .629519 .30089 .990817); --color-purple-700: color(display-p3 .465298 .0652579 .824397); --color-purple-800: color(display-p3 .393513 .10339 .664476); --color-purple-900: color(display-p3 .321698 .107597 .524563); --color-slate-50: color(display-p3 .974377 .979815 .986207); --color-slate-100: color(display-p3 .947345 .959969 .97483); --color-slate-200: color(display-p3 .890322 .909405 .939294); --color-slate-400: color(display-p3 .577446 .629622 .716602); --color-slate-700: color(display-p3 .205992 .253487 .336039); --color-gray-200: color(display-p3 .899787 .906171 .92106); --color-gray-300: color(display-p3 .822033 .835264 .858521); --color-gray-400: color(display-p3 .605734 .630385 .680158); --color-gray-500: color(display-p3 .421287 .446085 .504784); --color-gray-600: color(display-p3 .297358 .332176 .39043); --color-gray-700: color(display-p3 .219968 .253721 .318679); --color-gray-800: color(display-p3 .125854 .159497 .216835); --color-gray-900: color(display-p3 .070423 .0928982 .151928); --color-zinc-50: color(display-p3 .980256 .980256 .980256); --color-zinc-100: color(display-p3 .956385 .956385 .959079); --color-zinc-200: color(display-p3 .894477 .894477 .905114); --color-zinc-300: color(display-p3 .831087 .831083 .846819); --color-zinc-400: color(display-p3 .622604 .622563 .659842); --color-zinc-500: color(display-p3 .442983 .442931 .480324); --color-zinc-600: color(display-p3 .321166 .321093 .358668); --color-zinc-700: color(display-p3 .246478 .246448 .273934); --color-zinc-800: color(display-p3 .152895 .152887 .16466); --color-zinc-900: color(display-p3 .0937957 .093793 .104806); } } @supports (color: lab(0% 0 0)) { :root, :host { --color-red-200: lab(86.017% 19.8815 7.75869); --color-red-300: lab(76.5514% 36.422 15.5335); --color-red-400: lab(63.7053% 60.745 31.3109); --color-red-500: lab(55.4814% 75.0732 48.8528); --color-red-600: lab(48.4493% 77.4328 61.5452); --color-red-700: lab(40.4273% 67.2623 53.7441); --color-red-800: lab(33.7174% 55.8993 41.0293); --color-red-900: lab(28.5139% 44.5539 29.0463); --color-red-950: lab(13.003% 29.04 16.7519); --color-orange-50: lab(97.7008% 1.53735 5.90649); --color-orange-100: lab(94.7127% 3.58394 14.3151); --color-orange-200: lab(88.4871% 9.94918 28.8378); --color-orange-300: lab(80.8059% 21.7313 50.4455); --color-orange-500: lab(64.272% 57.1788 90.3583); --color-orange-600: lab(57.1026% 64.2584 89.8886); --color-orange-700: lab(46.4615% 57.7275 70.8507); --color-orange-800: lab(37.1566% 46.6433 50.5562); --color-orange-900: lab(30.2951% 36.0434 37.671); --color-amber-400: lab(80.1641% 16.6016 99.2089); --color-amber-500: lab(72.7183% 31.8672 97.9407); --color-amber-600: lab(60.3514% 40.5624 87.1228); --color-amber-700: lab(47.2709% 42.9082 69.2966); --color-amber-950: lab(15.8111% 20.9107 23.3752); --color-yellow-50: lab(98.6846% -1.79055 9.7766); --color-yellow-100: lab(97.3564% -4.51407 27.344); --color-yellow-200: lab(94.3433% -5.00429 52.9663); --color-yellow-300: lab(89.7033% -.480294 84.4917); --color-yellow-400: lab(83.2664% 8.65132 106.895); --color-yellow-500: lab(76.3898% 14.5258 98.4589); --color-yellow-600: lab(62.7799% 22.4197 86.1544); --color-yellow-700: lab(47.8202% 25.2426 66.5015); --color-yellow-800: lab(38.7484% 23.5833 51.4916); --color-yellow-900: lab(32.3865% 21.1273 38.5959); --color-green-200: lab(92.4222% -26.4702 12.9427); --color-green-300: lab(86.9953% -47.2691 25.0054); --color-green-400: lab(78.503% -64.9265 39.7492); --color-green-500: lab(70.5521% -66.5147 45.8073); --color-green-600: lab(59.0978% -58.6621 41.2579); --color-green-700: lab(47.0329% -47.0239 31.4788); --color-green-800: lab(37.4616% -36.7971 22.9692); --color-green-900: lab(30.797% -29.6927 17.382); --color-green-950: lab(15.6845% -20.4225 11.7249); --color-emerald-50: lab(97.8462% -6.94966 1.85487); --color-emerald-100: lab(94.9004% -17.0769 5.63836); --color-emerald-500: lab(66.9756% -58.27 19.5419); --color-emerald-600: lab(55.0481% -49.9246 15.93); --color-emerald-700: lab(44.4871% -41.0396 11.0361); --color-teal-50: lab(98.3189% -4.74921 -.111711); --color-teal-100: lab(95.1845% -17.4212 -.425422); --color-teal-500: lab(67.3859% -49.0983 -2.63511); --color-cyan-500: lab(67.805% -35.3952 -30.2018); --color-blue-200: lab(86.15% -4.04379 -21.0797); --color-blue-300: lab(77.5052% -6.4629 -36.42); --color-blue-400: lab(65.0361% -1.42065 -56.9802); --color-blue-500: lab(54.1736% 13.3369 -74.6839); --color-blue-600: lab(44.0605% 29.0279 -86.0352); --color-blue-700: lab(36.9089% 35.0961 -85.6872); --color-blue-800: lab(30.2514% 27.7853 -70.2699); --color-blue-900: lab(26.1542% 15.7545 -51.5504); --color-blue-950: lab(15.6723% 8.86232 -32.2945); --color-indigo-300: lab(74.0235% 8.54138 -41.6075); --color-indigo-500: lab(48.295% 38.3129 -81.9673); --color-indigo-700: lab(32.4486% 49.2217 -84.6695); --color-violet-50: lab(96.2416% 2.28849 -5.51657); --color-violet-100: lab(93.0838% 4.35197 -9.88284); --color-violet-500: lab(49.9355% 55.1776 -81.8963); --color-purple-200: lab(87.8405% 13.4282 -18.7159); --color-purple-300: lab(78.3298% 26.2195 -34.9499); --color-purple-400: lab(63.6946% 47.6127 -59.2066); --color-purple-500: lab(52.0183% 66.11 -78.2316); --color-purple-700: lab(36.1758% 69.8525 -80.0381); --color-purple-800: lab(30.6017% 56.7637 -64.4751); --color-purple-900: lab(24.9401% 45.2703 -51.2728); --color-slate-50: lab(98.1434% -.369519 -1.05966); --color-slate-100: lab(96.286% -.852436 -2.46847); --color-slate-200: lab(91.7353% -.998765 -4.76968); --color-slate-400: lab(65.5349% -2.25151 -14.5072); --color-slate-700: lab(26.9569% -1.47016 -15.6993); --color-gray-200: lab(91.6229% -.159115 -2.26791); --color-gray-300: lab(85.1236% -.612259 -3.7138); --color-gray-400: lab(65.9269% -.832707 -8.17473); --color-gray-500: lab(47.7841% -.393182 -10.0268); --color-gray-600: lab(35.6337% -1.58697 -10.8425); --color-gray-700: lab(27.1134% -.956401 -12.3224); --color-gray-800: lab(16.1051% -1.18239 -11.7533); --color-gray-900: lab(8.11897% .811279 -12.254); --color-zinc-50: lab(98.26% 0 0); --color-zinc-100: lab(96.1634% .0993311 -.364041); --color-zinc-200: lab(90.6853% .399232 -1.45452); --color-zinc-300: lab(84.9837% .601262 -2.17986); --color-zinc-400: lab(65.6464% 1.53497 -5.42429); --color-zinc-500: lab(47.8878% 1.65477 -5.77283); --color-zinc-600: lab(35.1166% 1.78212 -6.1173); --color-zinc-700: lab(26.8019% 1.35387 -4.68303); --color-zinc-800: lab(15.7305% .613764 -2.16959); --color-zinc-900: lab(8.30603% .618205 -2.16572); } } } @layer components; @layer utilities { .inset-0 { top: 0; bottom: 0; left: 0; right: 0; } .inset-x-0 { left: 0; right: 0; } .inset-y-0 { top: 0; bottom: 0; } .z-above-portal { z-index: var(--z-index-above-portal); } .table-cell { display: table-cell; } .table-row { display: table-row; } .max-h-\(--available-height\) { max-height: var(--available-height); } .max-w-\(--available-width\) { max-width: var(--available-width); } .origin-\(--transform-origin\) { transform-origin: var(--transform-origin); } .rounded-32 { border-radius: var(--radius-32); } .rounded-40 { border-radius: var(--radius-40); } .border-amber-50 { border-color: var(--color-amber-50); } .border-green-50 { border-color: var(--color-green-50); } .border-red-50 { border-color: var(--color-red-50); } .bg-\[\#000\]\/30 { background-color: rgba(0, 0, 0, .3); background-color: color(display-p3 0 0 0 / .3); background-color: lab(0% 0 0 / .3); } .bg-\[\#000\]\/80 { background-color: rgba(0, 0, 0, .8); background-color: color(display-p3 0 0 0 / .8); background-color: lab(0% 0 0 / .8); } .bg-amber-90 { background-color: var(--color-amber-90); } .bg-black\/80 { background-color: rgba(0, 0, 0, .8); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/80 { background-color: color-mix(in oklab, var(--color-black) 80%, transparent); } } .bg-red-90 { background-color: var(--color-red-90); } .heading-8 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-8-font-size); letter-spacing: var(--heading-8-letter-spacing); line-height: var(--heading-8-line-height); font-weight: var(--font-weight-medium); } .heading-10 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-10-font-size); letter-spacing: var(--heading-10-letter-spacing); line-height: var(--heading-10-line-height); font-weight: var(--font-weight-medium); } .heading-12 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-12-font-size); letter-spacing: var(--heading-12-letter-spacing); line-height: var(--heading-12-line-height); font-weight: var(--font-weight-medium); } .heading-14 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-14-font-size); letter-spacing: var(--heading-14-letter-spacing); line-height: var(--heading-14-line-height); font-weight: var(--font-weight-medium); } .heading-16 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-16-font-size); letter-spacing: var(--heading-16-letter-spacing); line-height: var(--heading-16-line-height); font-weight: var(--font-weight-medium); } .heading-18 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-18-font-size); letter-spacing: var(--heading-18-letter-spacing); line-height: var(--heading-18-line-height); font-weight: var(--font-weight-medium); } .heading-20 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-20-font-size); letter-spacing: var(--heading-20-letter-spacing); line-height: var(--heading-20-line-height); font-weight: var(--font-weight-medium); } .heading-24 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-24-font-size); letter-spacing: var(--heading-24-letter-spacing); line-height: var(--heading-24-line-height); font-weight: var(--font-weight-medium); } .heading-28 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-28-font-size); letter-spacing: var(--heading-28-letter-spacing); line-height: var(--heading-28-line-height); font-weight: var(--font-weight-medium); } .heading-32 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-32-font-size); letter-spacing: var(--heading-32-letter-spacing); line-height: var(--heading-32-line-height); font-weight: var(--font-weight-medium); } .heading-40 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-40-font-size); letter-spacing: var(--heading-40-letter-spacing); line-height: var(--heading-40-line-height); font-weight: var(--font-weight-medium); } .heading-48 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-48-font-size); letter-spacing: var(--heading-48-letter-spacing); line-height: var(--heading-48-line-height); font-weight: var(--font-weight-medium); } .heading-56 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-56-font-size); letter-spacing: var(--heading-56-letter-spacing); line-height: var(--heading-56-line-height); font-weight: var(--font-weight-medium); } .heading-64 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-64-font-size); letter-spacing: var(--heading-64-letter-spacing); line-height: var(--heading-64-line-height); font-weight: var(--font-weight-medium); } .heading-80 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-80-font-size); letter-spacing: var(--heading-80-letter-spacing); line-height: var(--heading-80-line-height); font-weight: var(--font-weight-medium); } .heading-96 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-96-font-size); letter-spacing: var(--heading-96-letter-spacing); line-height: var(--heading-96-line-height); font-weight: var(--font-weight-medium); } .body-10 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--body-10-font-size); line-height: var(--body-10-line-height); } .body-12 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--body-12-font-size); line-height: var(--body-12-line-height); } .body-14 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--body-14-font-size); line-height: var(--body-14-line-height); } .body-16 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--body-16-font-size); line-height: var(--body-16-line-height); } .body-18 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--body-18-font-size); line-height: var(--body-18-line-height); } .body-20 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--body-20-font-size); line-height: var(--body-20-line-height); } .body-24 { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--body-24-font-size); line-height: var(--body-24-line-height); } .text-\[\#fff\] { color: #fff; } .text-amber-110 { color: var(--color-amber-110); } .text-red-110 { color: var(--color-red-110); } .outline-hidden { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .outline-hidden { outline-offset: 2px; outline: 2px solid rgba(0, 0, 0, 0); } } .group-has-\[\[data-component\=message-content\]\>\:last-child\>\:last-child\>\[data-component\=bubble-reactions\]\:not\(\[data-unstyled\]\)\]\/message\:mb-4:is(:where(.group\/message):has(:is([data-component="message-content"] > :last-child > :last-child > [data-component="bubble-reactions"]:not([data-unstyled]))) *) { margin-bottom: calc(var(--spacing) * 4); } .group-has-\[\[data-component\=message-content\]\>\:last-child\>\[data-component\=bubble-reactions\]\:not\(\[data-unstyled\]\)\]\/message\:mb-4:is(:where(.group\/message):has(:is([data-component="message-content"] > :last-child > [data-component="bubble-reactions"]:not([data-unstyled]))) *) { margin-bottom: calc(var(--spacing) * 4); } .group-data-\[side\=left\]\/bubble\:right-3:is(:where(.group\/bubble)[data-side="left"] *) { right: calc(var(--spacing) * 3); } .group-data-\[side\=left\]\/message\:items-start:is(:where(.group\/message)[data-side="left"] *) { align-items: flex-start; } .group-data-\[side\=left\]\/message\:pl-3:is(:where(.group\/message)[data-side="left"] *) { padding-left: calc(var(--spacing) * 3); } .group-data-\[side\=left\]\/sidebar\:left-full:is(:where(.group\/sidebar)[data-side="left"] *) { left: 100%; } .group-data-\[side\=left\]\/sidebar\:-ml-0\.5:is(:where(.group\/sidebar)[data-side="left"] *) { margin-left: calc(var(--spacing) * -.5); } .group-data-\[side\=left\]\/sidebar\:cursor-e-resize:is(:where(.group\/sidebar)[data-side="left"] *) { cursor: e-resize; } .group-data-\[side\=right\]\/bubble\:left-3:is(:where(.group\/bubble)[data-side="right"] *) { left: calc(var(--spacing) * 3); } .group-data-\[side\=right\]\/message\:items-end:is(:where(.group\/message)[data-side="right"] *) { align-items: flex-end; } .group-data-\[side\=right\]\/message\:pr-3:is(:where(.group\/message)[data-side="right"] *) { padding-right: calc(var(--spacing) * 3); } .group-data-\[side\=right\]\/sidebar\:right-full:is(:where(.group\/sidebar)[data-side="right"] *) { right: 100%; } .group-data-\[side\=right\]\/sidebar\:-mr-0\.5:is(:where(.group\/sidebar)[data-side="right"] *) { margin-right: calc(var(--spacing) * -.5); } .group-data-\[side\=right\]\/sidebar\:cursor-w-resize:is(:where(.group\/sidebar)[data-side="right"] *) { cursor: w-resize; } .group-data-\[size\=2xl\]\/avatar\:size-6:is(:where(.group\/avatar)[data-size="2xl"] *) { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .group-data-\[size\=2xl\]\/avatar\:heading-16:is(:where(.group\/avatar)[data-size="2xl"] *) { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-16-font-size); letter-spacing: var(--heading-16-letter-spacing); line-height: var(--heading-16-line-height); font-weight: var(--font-weight-medium); } .group-data-\[size\=lg\]\/avatar\:size-4:is(:where(.group\/avatar)[data-size="lg"] *) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .group-data-\[size\=lg\]\/avatar\:heading-14:is(:where(.group\/avatar)[data-size="lg"] *) { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-14-font-size); letter-spacing: var(--heading-14-letter-spacing); line-height: var(--heading-14-line-height); font-weight: var(--font-weight-medium); } .group-data-\[size\=md\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size="md"] *) { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .group-data-\[size\=md\]\/avatar\:heading-14:is(:where(.group\/avatar)[data-size="md"] *) { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-14-font-size); letter-spacing: var(--heading-14-letter-spacing); line-height: var(--heading-14-line-height); font-weight: var(--font-weight-medium); } .group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size="sm"] *) { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); } .group-data-\[size\=sm\]\/avatar\:heading-12:is(:where(.group\/avatar)[data-size="sm"] *) { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-12-font-size); letter-spacing: var(--heading-12-letter-spacing); line-height: var(--heading-12-line-height); font-weight: var(--font-weight-medium); } .group-data-\[size\=sm\]\/segmented-controls\:rounded-8:is(:where(.group\/segmented-controls)[data-size="sm"] *) { border-radius: var(--radius-8); } .group-data-\[size\=sm\]\/segmented-controls\:heading-12:is(:where(.group\/segmented-controls)[data-size="sm"] *) { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-12-font-size); letter-spacing: var(--heading-12-letter-spacing); line-height: var(--heading-12-line-height); font-weight: var(--font-weight-medium); } .group-data-\[size\=xl\]\/avatar\:size-5:is(:where(.group\/avatar)[data-size="xl"] *) { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .group-data-\[size\=xl\]\/avatar\:heading-16:is(:where(.group\/avatar)[data-size="xl"] *) { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-16-font-size); letter-spacing: var(--heading-16-letter-spacing); line-height: var(--heading-16-line-height); font-weight: var(--font-weight-medium); } .group-data-\[size\=xs\]\/avatar\:size-1\.5:is(:where(.group\/avatar)[data-size="xs"] *) { width: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 1.5); } .group-data-\[size\=xs\]\/avatar\:heading-10:is(:where(.group\/avatar)[data-size="xs"] *) { font-family: var(--font-matter); font-variant-ligatures: none; font-size: var(--heading-10-font-size); letter-spacing: var(--heading-10-letter-spacing); line-height: var(--heading-10-line-height); font-weight: var(--font-weight-medium); } .group-data-\[state\=closed\]\/sidebar\:pointer-events-none:is(:where(.group\/sidebar)[data-state="closed"] *) { pointer-events: none; } .group-data-\[state\=closed\]\/sidebar\:-mt-8:is(:where(.group\/sidebar)[data-state="closed"] *) { margin-top: calc(var(--spacing) * -8); } .group-data-\[state\=closed\]\/sidebar\:hidden:is(:where(.group\/sidebar)[data-state="closed"] *) { display: none; } .group-data-\[state\=closed\]\/sidebar\:w-10:is(:where(.group\/sidebar)[data-state="closed"] *) { width: calc(var(--spacing) * 10); } .group-data-\[state\=closed\]\/sidebar\:opacity-0:is(:where(.group\/sidebar)[data-state="closed"] *) { opacity: 0; } .peer-data-\[side\=left\]\:pl-0:is(:where(.peer)[data-side="left"] ~ *) { padding-left: 0; } .peer-data-\[side\=right\]\:pr-0:is(:where(.peer)[data-side="right"] ~ *) { padding-right: 0; } .placeholder\:text-gray-90::placeholder { color: var(--color-gray-90); } .before\:absolute:before { content: var(--tw-content); position: absolute; } .before\:inset-y-0:before { content: var(--tw-content); top: 0; bottom: 0; } .before\:left-1\/2:before { content: var(--tw-content); left: 50%; } .before\:w-1:before { content: var(--tw-content); width: var(--spacing); } .before\:-translate-x-1\/2:before { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .before\:bg-brand-90:before { content: var(--tw-content); background-color: var(--color-brand-90); } .before\:opacity-0:before { content: var(--tw-content); opacity: 0; } .before\:transition-colors:before { content: var(--tw-content); transition-property: color, background-color, border-color, outline-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .before\:content-\[\'\'\]:before { --tw-content: ""; content: var(--tw-content); } .read-only\:cursor-default:-moz-read-only { cursor: default; } .read-only\:cursor-default:read-only { cursor: default; } .read-only\:bg-gray-20:-moz-read-only { background-color: var(--color-gray-20); } .read-only\:bg-gray-20:read-only { background-color: var(--color-gray-20); } .read-only\:bg-gray-30:-moz-read-only { background-color: var(--color-gray-30); } .read-only\:bg-gray-30:read-only { background-color: var(--color-gray-30); } .focus-within\:border-gray-130:focus-within { border-color: var(--color-gray-130); } .focus-within\:border-transparent:focus-within { border-color: rgba(0, 0, 0, 0); } .focus-within\:bg-gray-0:focus-within { background-color: var(--color-gray-0); } .focus-within\:ring-0:focus-within { --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-within\:ring-1:focus-within { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-within\:ring-gray-130:focus-within { --tw-ring-color: var(--color-gray-130); } .focus-within\:outline-2:focus-within { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-within\:outline-gray-130:focus-within { outline-color: var(--color-gray-130); } .focus-within\:outline-solid:focus-within { --tw-outline-style: solid; outline-style: solid; } @media (hover: hover) { .hover\:bg-gray-20:hover { background-color: var(--color-gray-20); } .hover\:bg-gray-30:hover { background-color: var(--color-gray-30); } .hover\:bg-gray-40:hover { background-color: var(--color-gray-40); } .hover\:text-gray-130:hover { color: var(--color-gray-130); } .hover\:not-disabled\:not-data-disabled\:bg-gray-20:hover:not(:disabled):not([data-disabled]) { background-color: var(--color-gray-20); } .hover\:before\:opacity-100:hover:before { content: var(--tw-content); opacity: 1; } .read-only\:hover\:bg-gray-30:-moz-read-only:hover { background-color: var(--color-gray-30); } .read-only\:hover\:bg-gray-30:read-only:hover { background-color: var(--color-gray-30); } } .focus\:border-gray-130:focus { border-color: var(--color-gray-130); } .focus\:bg-gray-0:focus { background-color: var(--color-gray-0); } .focus\:ring-1:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-gray-130:focus { --tw-ring-color: var(--color-gray-130); } .focus\:ring-offset-0:focus { --tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus\:outline-hidden:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .focus\:outline-hidden:focus { outline-offset: 2px; outline: 2px solid rgba(0, 0, 0, 0); } } .focus-visible\:ring-2:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-focus:focus-visible { --tw-ring-color: var(--color-brand-90); } .focus-visible\:ring-gray-130:focus-visible { --tw-ring-color: var(--color-gray-130); } .focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus-visible\:ring-offset-gray-0:focus-visible { --tw-ring-offset-color: var(--color-gray-0); } .focus-visible\:outline-hidden:focus-visible { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .focus-visible\:outline-hidden:focus-visible { outline-offset: 2px; outline: 2px solid rgba(0, 0, 0, 0); } } .active\:bg-gray-40:active { background-color: var(--color-gray-40); } @media (hover: hover) { .hover\:enabled\:bg-gray-20:hover:enabled { background-color: var(--color-gray-20); } } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:opacity-40:disabled { opacity: .4; } .disabled\:opacity-50:disabled { opacity: .5; } .has-\[\[data-component\=page-hero-navigation\]\:not\(\[data-unstyled\]\)\]\:pb-2:has([data-component="page-hero-navigation"]:not([data-unstyled])) { padding-bottom: calc(var(--spacing) * 2); } .has-\[\>\[data-component\=bubble-reactions\]\:not\(\[data-unstyled\]\)\]\:mb-4:has( > [data-component="bubble-reactions"]:not([data-unstyled])) { margin-bottom: calc(var(--spacing) * 4); } .has-\[\>\[data-component\=card-footer\]\:not\(\[data-unstyled\]\)\]\:pb-0:has( > [data-component="card-footer"]:not([data-unstyled])) { padding-bottom: 0; } .has-\[\>\[data-side\=left\]\]\:items-start:has( > [data-side="left"]) { align-items: flex-start; } .has-\[\>\[data-side\=right\]\]\:items-end:has( > [data-side="right"]) { align-items: flex-end; } .aria-invalid\:ring-2[aria-invalid="true"] { --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); } .aria-invalid\:ring-danger-90[aria-invalid="true"], .aria-invalid\:ring-red-90[aria-invalid="true"] { --tw-ring-color: var(--color-red-90); } .aria-invalid\:focus-visible\:ring-2[aria-invalid="true"]:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .aria-invalid\:focus-visible\:ring-danger-90[aria-invalid="true"]:focus-visible { --tw-ring-color: var(--color-red-90); } .aria-invalid\:focus-visible\:ring-red-90[aria-invalid="true"]:focus-visible { --tw-ring-color: var(--color-red-90); } .aria-invalid\:focus-visible\:ring-offset-2[aria-invalid="true"]:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .aria-invalid\:focus-visible\:ring-offset-focus[aria-invalid="true"]:focus-visible { --tw-ring-offset-color: var(--color-brand-90); } .data-active\:border-b-gray-130[data-active] { border-bottom-color: var(--color-gray-130); } .data-active\:text-gray-130[data-active] { color: var(--color-gray-130); } .data-checked\:translate-x-1[data-checked] { --tw-translate-x: var(--spacing); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-checked\:translate-x-2[data-checked] { --tw-translate-x: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-checked\:translate-x-4[data-checked] { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-checked\:translate-x-6[data-checked] { --tw-translate-x: calc(var(--spacing) * 6); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-checked\:translate-x-8[data-checked] { --tw-translate-x: calc(var(--spacing) * 8); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-checked\:translate-x-10[data-checked] { --tw-translate-x: calc(var(--spacing) * 10); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-checked\:border-8[data-checked] { border-style: var(--tw-border-style); border-width: 8px; } .data-checked\:border-gray-130[data-checked] { border-color: var(--color-gray-130); } .data-checked\:bg-gray-130[data-checked] { background-color: var(--color-gray-130); } .data-checked\:text-gray-0[data-checked] { color: var(--color-gray-0); } .data-checked\:ring-1[data-checked] { --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); } .data-checked\:ring-gray-130[data-checked] { --tw-ring-color: var(--color-gray-130); } .data-closed\:animate-out[data-closed] { animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none); } .data-closed\:duration-200[data-closed] { --tw-duration: .2s; transition-duration: .2s; } .data-closed\:fade-out-0[data-closed] { --tw-exit-opacity: 0; } .data-closed\:slide-out-to-left-10[data-closed] { --tw-exit-translate-x: calc(.1 * -100%); } .data-closed\:slide-out-to-right-10[data-closed] { --tw-exit-translate-x: calc(.1 * 100%); } .data-closed\:zoom-out-95[data-closed] { --tw-exit-scale: .95; } .data-closed\:slide-out-to-bottom[data-closed] { --tw-exit-translate-y: 100%; } .data-disabled\:cursor-not-allowed[data-disabled] { cursor: not-allowed; } .data-disabled\:opacity-40[data-disabled] { opacity: .4; } .data-disabled\:opacity-50[data-disabled] { opacity: .5; } .data-indeterminate\:border-gray-130[data-indeterminate] { border-color: var(--color-gray-130); } .data-indeterminate\:bg-gray-130[data-indeterminate] { background-color: var(--color-gray-130); } .data-indeterminate\:text-gray-0[data-indeterminate] { color: var(--color-gray-0); } .data-open\:animate-in[data-open] { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none); } .data-open\:duration-300[data-open] { --tw-duration: .3s; transition-duration: .3s; } .data-open\:fade-in-0[data-open] { --tw-enter-opacity: 0; } .data-open\:slide-in-from-left-10[data-open] { --tw-enter-translate-x: calc(.1 * -100%); } .data-open\:slide-in-from-right-10[data-open] { --tw-enter-translate-x: calc(.1 * 100%); } .data-open\:zoom-in-95[data-open] { --tw-enter-scale: .95; } .data-open\:slide-in-from-bottom[data-open] { --tw-enter-translate-y: 100%; } .data-pressed\:bg-gray-0[data-pressed] { background-color: var(--color-gray-0); } .data-pressed\:bg-gray-40[data-pressed] { background-color: var(--color-gray-40); } .data-pressed\:text-gray-130[data-pressed] { color: var(--color-gray-130); } .data-pressed\:shadow-\[0px_1px_2px_0px_rgba\(0\,0\,0\,0\.08\)\][data-pressed] { --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, .08)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .data-\[active\]\:bg-gray-40[data-active] { background-color: var(--color-gray-40); } .data-\[active\]\:text-gray-130[data-active] { color: var(--color-gray-130); } .data-\[disabled\=true\]\:cursor-not-allowed[data-disabled="true"] { cursor: not-allowed; } .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] { opacity: .5; } .data-\[invalid\=true\]\:border-red-90[data-invalid="true"] { border-color: var(--color-red-90); } .data-\[invalid\=true\]\:ring-1[data-invalid="true"] { --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); } .data-\[invalid\=true\]\:ring-red-90[data-invalid="true"] { --tw-ring-color: var(--color-red-90); } .data-\[read-only\=true\]\:bg-gray-30[data-read-only="true"] { background-color: var(--color-gray-30); } .data-\[resizing\=true\]\:transition-none[data-resizing="true"] { transition-property: none; } .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] { --tw-enter-translate-y: calc(2 * var(--spacing) * -1); } .data-\[side\=left\]\:order-first[data-side="left"] { order: -9999; } .data-\[side\=left\]\:border-r[data-side="left"] { border-right-style: var(--tw-border-style); border-right-width: 1px; } .data-\[side\=left\]\:border-r-gray-40[data-side="left"] { border-right-color: var(--color-gray-40); } .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] { --tw-enter-translate-x: calc(2 * var(--spacing)); } .data-\[side\=right\]\:order-last[data-side="right"] { order: 9999; } .data-\[side\=right\]\:border-l[data-side="right"] { border-left-style: var(--tw-border-style); border-left-width: 1px; } .data-\[side\=right\]\:border-l-gray-40[data-side="right"] { border-left-color: var(--color-gray-40); } .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] { --tw-enter-translate-x: calc(2 * var(--spacing) * -1); } .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] { --tw-enter-translate-y: calc(2 * var(--spacing)); } @media (prefers-reduced-motion: reduce) { .motion-reduce\:animate-none { animation: none; } } .rtl\:data-checked\:-translate-x-1:where(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-1:where(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-1:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-2:where(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-2:where(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-2:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-4:where(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-4:where(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-4:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-6:where(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-6:where(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-6:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-8:where(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -8); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-8:where(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -8); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-8:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -8); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-10:where(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -10); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-10:where(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -10); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-10:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -10); translate: var(--tw-translate-x) var(--tw-translate-y); } .dark\:border:where([data-theme="dark"], [data-theme="dark"] *) { border-style: var(--tw-border-style); border-width: 1px; } .dark\:border-gray-40:where([data-theme="dark"], [data-theme="dark"] *) { border-color: var(--color-gray-40); } .\[\&_tr\:last-child\]\:border-0 tr:last-child { border-style: var(--tw-border-style); border-width: 0; } .\[\&\:has\(input\:not\(\:placeholder-shown\)\)\]\:outline-2:has(input:not(:placeholder-shown)) { outline-style: var(--tw-outline-style); outline-width: 2px; } .\[\&\:has\(input\:not\(\:placeholder-shown\)\)\]\:outline-gray-130:has(input:not(:placeholder-shown)) { outline-color: var(--color-gray-130); } .\[\&\:has\(input\:not\(\:placeholder-shown\)\)\]\:outline-solid:has(input:not(:placeholder-shown)) { --tw-outline-style: solid; outline-style: solid; } .\[\.border-b\]\:pb-\(--card-spacing\).border-b { padding-bottom: var(--card-spacing); } @media (hover: hover) { .hover\:\[\&\:not\(\[data-disabled\]\)\]\:bg-amber-20:hover:not([data-disabled]) { background-color: var(--color-amber-20); } .hover\:\[\&\:not\(\[data-disabled\]\)\]\:bg-amber-100:hover:not([data-disabled]) { background-color: var(--color-amber-100); } .hover\:\[\&\:not\(\[data-disabled\]\)\]\:bg-brand-20:hover:not([data-disabled]) { background-color: var(--color-brand-20); } .hover\:\[\&\:not\(\[data-disabled\]\)\]\:bg-brand-100:hover:not([data-disabled]) { background-color: var(--color-brand-100); } .hover\:\[\&\:not\(\[data-disabled\]\)\]\:bg-gray-20:hover:not([data-disabled]) { background-color: var(--color-gray-20); } .hover\:\[\&\:not\(\[data-disabled\]\)\]\:bg-gray-120:hover:not([data-disabled]) { background-color: var(--color-gray-120); } .hover\:\[\&\:not\(\[data-disabled\]\)\]\:bg-green-20:hover:not([data-disabled]) { background-color: var(--color-green-20); } .hover\:\[\&\:not\(\[data-disabled\]\)\]\:bg-green-100:hover:not([data-disabled]) { background-color: var(--color-green-100); } .hover\:\[\&\:not\(\[data-disabled\]\)\]\:bg-red-20:hover:not([data-disabled]) { background-color: var(--color-red-20); } .hover\:\[\&\:not\(\[data-disabled\]\)\]\:bg-red-100:hover:not([data-disabled]) { background-color: var(--color-red-100); } .hover\:\[\&\:not\(\[data-disabled\]\)\]\:text-gray-130:hover:not([data-disabled]) { color: var(--color-gray-130); } } .active\:\[\&\:not\(\[data-disabled\]\)\]\:bg-amber-40:active:not([data-disabled]) { background-color: var(--color-amber-40); } .active\:\[\&\:not\(\[data-disabled\]\)\]\:bg-amber-110:active:not([data-disabled]) { background-color: var(--color-amber-110); } .active\:\[\&\:not\(\[data-disabled\]\)\]\:bg-brand-40:active:not([data-disabled]) { background-color: var(--color-brand-40); } .active\:\[\&\:not\(\[data-disabled\]\)\]\:bg-brand-110:active:not([data-disabled]) { background-color: var(--color-brand-110); } .active\:\[\&\:not\(\[data-disabled\]\)\]\:bg-gray-40:active:not([data-disabled]) { background-color: var(--color-gray-40); } .active\:\[\&\:not\(\[data-disabled\]\)\]\:bg-gray-110:active:not([data-disabled]) { background-color: var(--color-gray-110); } .active\:\[\&\:not\(\[data-disabled\]\)\]\:bg-green-40:active:not([data-disabled]) { background-color: var(--color-green-40); } .active\:\[\&\:not\(\[data-disabled\]\)\]\:bg-green-110:active:not([data-disabled]) { background-color: var(--color-green-110); } .active\:\[\&\:not\(\[data-disabled\]\)\]\:bg-red-40:active:not([data-disabled]) { background-color: var(--color-red-40); } .active\:\[\&\:not\(\[data-disabled\]\)\]\:bg-red-110:active:not([data-disabled]) { background-color: var(--color-red-110); } @media (hover: hover) { .data-\[read-only\=true\]\:hover\:\[\&\:not\(\[data-disabled\]\)\]\:bg-gray-30[data-read-only="true"]:hover:not([data-disabled]) { background-color: var(--color-gray-30); } } .\[\&\>\[data-component\=bubble\]\:not\(\[data-unstyled\]\)\:not\(\:last-child\)\]\:rounded-b-16 > [data-component="bubble"]:not([data-unstyled]):not(:last-child) { border-bottom-right-radius: var(--radius-16); border-bottom-left-radius: var(--radius-16); } .\[\&\>svg\]\:size-1\.5 > svg { width: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 1.5); } .\[\&\>svg\]\:size-2 > svg { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); } .\[\&\>svg\]\:size-4 > svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .\[\&\>svg\]\:size-5 > svg { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .\[\&\>svg\]\:size-6 > svg { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .\[\&\>svg\]\:size-8 > svg { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .\@container\/ai-suggestions-strip { container: ai-suggestions-strip / inline-size; } .\@container\/header { container: header / inline-size; } .\@container\/insights-patterns { container: insights-patterns / inline-size; } .\@container\/insights-rhs-content { container: insights-rhs-content / inline-size; } .\@container\/pricing-fields { container: pricing-fields / inline-size; } .\@container\/property-details { container: property-details / inline-size; } .\@container\/scoping-condition-sidebar-line-item-rows-pane { container: scoping-condition-sidebar-line-item-rows-pane / inline-size; } .\@container\/scoping-scope-pane-header { container: scoping-scope-pane-header / inline-size; } .\@container\/visit-work-order-line-item-row-card { container: visit-work-order-line-item-row-card / inline-size; } .\@container { container-type: inline-size; } .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .\!absolute { position: absolute !important; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: -webkit-sticky; position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-x-2 { inset-inline: calc(var(--spacing) * 2); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .inset-y-0\.5 { inset-block: calc(var(--spacing) * .5); } .inset-y-2 { inset-block: calc(var(--spacing) * 2); } .-top-1 { top: calc(var(--spacing) * -1); } .-top-1\.5 { top: calc(var(--spacing) * -1.5); } .-top-2 { top: calc(var(--spacing) * -2); } .-top-4 { top: calc(var(--spacing) * -4); } .top-0 { top: calc(var(--spacing) * 0); } .top-1 { top: calc(var(--spacing) * 1); } .top-1\/2 { top: 50%; } .top-2 { top: calc(var(--spacing) * 2); } .top-3 { top: calc(var(--spacing) * 3); } .top-4 { top: calc(var(--spacing) * 4); } .top-5 { top: calc(var(--spacing) * 5); } .top-6 { top: calc(var(--spacing) * 6); } .top-8 { top: calc(var(--spacing) * 8); } .top-16 { top: calc(var(--spacing) * 16); } .top-\[-3px\] { top: -3px; } .top-full { top: 100%; } .-right-1\.5 { right: calc(var(--spacing) * -1.5); } .right-0 { right: calc(var(--spacing) * 0); } .right-1 { right: calc(var(--spacing) * 1); } .right-2 { right: calc(var(--spacing) * 2); } .right-3 { right: calc(var(--spacing) * 3); } .right-3\.5 { right: calc(var(--spacing) * 3.5); } .right-4 { right: calc(var(--spacing) * 4); } .right-6 { right: calc(var(--spacing) * 6); } .right-8 { right: calc(var(--spacing) * 8); } .right-\[-2px\] { right: -2px; } .right-\[50px\] { right: 50px; } .right-px { right: 1px; } .-bottom-1\.5 { bottom: calc(var(--spacing) * -1.5); } .-bottom-2 { bottom: calc(var(--spacing) * -2); } .-bottom-4 { bottom: calc(var(--spacing) * -4); } .-bottom-5 { bottom: calc(var(--spacing) * -5); } .-bottom-16 { bottom: calc(var(--spacing) * -16); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-0\.75 { bottom: calc(var(--spacing) * .75); } .bottom-1 { bottom: calc(var(--spacing) * 1); } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-3 { bottom: calc(var(--spacing) * 3); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .bottom-8 { bottom: calc(var(--spacing) * 8); } .bottom-20 { bottom: calc(var(--spacing) * 20); } .bottom-28 { bottom: calc(var(--spacing) * 28); } .bottom-48 { bottom: calc(var(--spacing) * 48); } .bottom-\[-3px\] { bottom: -3px; } .bottom-\[38px\] { bottom: 38px; } .bottom-full { bottom: 100%; } .-left-1\.5 { left: calc(var(--spacing) * -1.5); } .-left-4 { left: calc(var(--spacing) * -4); } .left-0 { left: calc(var(--spacing) * 0); } .left-1 { left: calc(var(--spacing) * 1); } .left-1\/2 { left: 50%; } .left-2 { left: calc(var(--spacing) * 2); } .left-2\.5 { left: calc(var(--spacing) * 2.5); } .left-3 { left: calc(var(--spacing) * 3); } .left-3\.5 { left: calc(var(--spacing) * 3.5); } .left-4 { left: calc(var(--spacing) * 4); } .left-6 { left: calc(var(--spacing) * 6); } .left-8 { left: calc(var(--spacing) * 8); } .left-12 { left: calc(var(--spacing) * 12); } .left-\[35px\] { left: 35px; } .left-\[50px\] { left: 50px; } .left-\[290px\] { left: 290px; } .left-\[300px\] { left: 300px; } .left-px { left: 1px; } .isolate { isolation: isolate; } .-z-10 { z-index: calc(10 * -1); } .-z-20 { z-index: calc(20 * -1); } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-10\! { z-index: 10 !important; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-50 { z-index: 50; } .z-2000 { z-index: 2000; } .z-above-portal\! { z-index: 2147483647 !important; } .z-behind-portal { z-index: 2147483645; } .z-behind-portal\! { z-index: 2147483645 !important; } .z-portal { z-index: 2147483646; } .z-portal\! { z-index: 2147483646 !important; } .order-first { order: -9999; } .order-last { order: 9999; } .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-5 { grid-column: span 5 / span 5; } .col-span-6 { grid-column: span 6 / span 6; } .col-span-7 { grid-column: span 7 / span 7; } .col-span-12 { grid-column: span 12 / span 12; } .col-span-full { grid-column: 1 / -1; } .col-start-3 { grid-column-start: 3; } .row-1 { grid-row: 1; } .row-2 { grid-row: 2; } .row-3 { grid-row: 3; } .row-span-2 { grid-row: span 2 / span 2; } .float-right { float: right; } .container { width: 100%; } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 1025px) { .container { max-width: 1025px; } } @media (min-width: 1280px) { .container { max-width: 1280px; } } @media (min-width: 40rem) { .container { max-width: 40rem; } } @media (min-width: 48rem) { .container { max-width: 48rem; } } @media (min-width: 64rem) { .container { max-width: 64rem; } } @media (min-width: 80rem) { .container { max-width: 80rem; } } @media (min-width: 96rem) { .container { max-width: 96rem; } } .-m-0\.5 { margin: calc(var(--spacing) * -.5); } .-m-1 { margin: calc(var(--spacing) * -1); } .-m-2 { margin: calc(var(--spacing) * -2); } .-m-6 { margin: calc(var(--spacing) * -6); } .m-0 { margin: calc(var(--spacing) * 0); } .m-0\! { margin: calc(var(--spacing) * 0) !important; } .m-4 { margin: calc(var(--spacing) * 4); } .m-6 { margin: calc(var(--spacing) * 6); } .m-auto { margin: auto; } .m-px { margin: 1px; } .-mx-0\.5 { margin-inline: calc(var(--spacing) * -.5); } .-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-5 { margin-inline: calc(var(--spacing) * -5); } .-mx-6 { margin-inline: calc(var(--spacing) * -6); } .-mx-8 { margin-inline: calc(var(--spacing) * -8); } .mx-0 { margin-inline: calc(var(--spacing) * 0); } .mx-0\.5 { margin-inline: calc(var(--spacing) * .5); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-3\.5 { margin-inline: calc(var(--spacing) * 3.5); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-6 { margin-inline: calc(var(--spacing) * 6); } .mx-8 { margin-inline: calc(var(--spacing) * 8); } .mx-auto { margin-left: auto; margin-right: auto; } .-my-0\.5 { margin-block: calc(var(--spacing) * -.5); } .-my-2 { margin-block: calc(var(--spacing) * -2); } .-my-4 { margin-block: calc(var(--spacing) * -4); } .my-0\.5 { margin-block: calc(var(--spacing) * .5); } .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-6 { margin-block: calc(var(--spacing) * 6); } .my-auto { margin-top: auto; margin-bottom: auto; } .prose { color: var(--tw-prose-body); max-width: 65ch; } .prose :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-lead); margin-top: 1.2em; margin-bottom: 1.2em; font-size: 1.25em; line-height: 1.6; } .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-links); font-weight: 500; text-decoration: underline; } .prose :where(strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-bold); font-weight: 600; } .prose :where(a strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(thead th strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; list-style-type: decimal; } .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.625em; } .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.625em; } .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.625em; } .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 1.625em; } .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 1.625em; } .prose :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 1.625em; } .prose :where(ol[type="A"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="A" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-alpha; } .prose :where(ol[type="a" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-alpha; } .prose :where(ol[type="I"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="I" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: upper-roman; } .prose :where(ol[type="i" s]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: lower-roman; } .prose :where(ol[type="1"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { list-style-type: decimal; } .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; list-style-type: disc; } .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.625em; } .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.625em; } .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.625em; } .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 1.625em; } .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 1.625em; } .prose :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 1.625em; } .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-counters); font-weight: 400; } .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *))::marker { color: var(--tw-prose-bullets); } .prose :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.25em; font-weight: 600; } .prose :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-color: var(--tw-prose-hr); border-top-width: 1px; margin-top: 3em; margin-bottom: 3em; } .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-quotes); quotes: "“""”""‘""’"; margin-top: 1.6em; margin-bottom: 1.6em; font-style: italic; font-weight: 500; } .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-left-width: .25rem; border-left-color: var(--tw-prose-quote-borders); padding-left: 1em; } .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-left-width: .25rem; border-left-color: var(--tw-prose-quote-borders); padding-left: 1em; } .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { border-left-width: .25rem; border-left-color: var(--tw-prose-quote-borders); padding-left: 1em; } .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-right-width: .25rem; border-right-color: var(--tw-prose-quote-borders); padding-right: 1em; } .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-right-width: .25rem; border-right-color: var(--tw-prose-quote-borders); padding-right: 1em; } .prose :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { border-right-width: .25rem; border-right-color: var(--tw-prose-quote-borders); padding-right: 1em; } .prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):before { content: open-quote; } .prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: close-quote; } .prose :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 0; margin-bottom: .888889em; font-size: 2.25em; font-weight: 800; line-height: 1.11111; } .prose :where(h1 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 900; } .prose :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 2em; margin-bottom: 1em; font-size: 1.5em; font-weight: 700; line-height: 1.33333; } .prose :where(h2 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 800; } .prose :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.6em; margin-bottom: .6em; font-size: 1.25em; font-weight: 600; line-height: 1.6; } .prose :where(h3 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 700; } .prose :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); margin-top: 1.5em; margin-bottom: .5em; font-weight: 600; line-height: 1.5; } .prose :where(h4 strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-weight: 700; } .prose :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; display: block; } .prose :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { 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%); padding-top: .1875em; padding-bottom: .1875em; border-radius: .3125rem; font-family: inherit; font-size: .875em; font-weight: 500; } .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .375em; padding-right: .375em; } .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .375em; padding-right: .375em; } .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .375em; padding-right: .375em; } .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: .375em; padding-right: .375em; } .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: .375em; padding-right: .375em; } .prose :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: .375em; padding-right: .375em; } .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-code); font-size: .875em; font-weight: 600; } .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before { content: "`"; } .prose :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: "`"; } .prose :where(a code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(h1 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: .875em; } .prose :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; font-size: .9em; } .prose :where(h4 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(thead th code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: inherit; } .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-pre-code); background-color: var(--tw-prose-pre-bg); padding-top: .857143em; padding-bottom: .857143em; border-radius: .375rem; margin-top: 1.71429em; margin-bottom: 1.71429em; font-size: .875em; font-weight: 400; line-height: 1.71429; overflow-x: auto; } .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.14286em; padding-right: 1.14286em; } .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.14286em; padding-right: 1.14286em; } .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.14286em; padding-right: 1.14286em; } .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: 1.14286em; padding-right: 1.14286em; } .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: 1.14286em; padding-right: 1.14286em; } .prose :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: 1.14286em; padding-right: 1.14286em; } .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; background-color: rgba(0, 0, 0, 0); border-width: 0; border-radius: 0; padding: 0; } .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before { content: none; } .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):after { content: none; } .prose :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { table-layout: auto; width: 100%; margin-top: 2em; margin-bottom: 2em; font-size: .875em; line-height: 1.71429; } .prose :where(thead):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-th-borders); } .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-headings); vertical-align: bottom; padding-bottom: .571429em; font-weight: 600; } .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .571429em; padding-right: .571429em; } .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .571429em; padding-right: .571429em; } .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .571429em; padding-right: .571429em; } .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: .571429em; padding-right: .571429em; } .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: .571429em; padding-right: .571429em; } .prose :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: .571429em; padding-right: .571429em; } .prose :where(tbody tr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 1px; border-bottom-color: var(--tw-prose-td-borders); } .prose :where(tbody tr:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-bottom-width: 0; } .prose :where(tbody td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: baseline; } .prose :where(tfoot):not(:where([class~="not-prose"], [class~="not-prose"] *)) { border-top-width: 1px; border-top-color: var(--tw-prose-th-borders); } .prose :where(tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { vertical-align: top; } .prose :where(th, td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { text-align: start; } .prose :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { color: var(--tw-prose-captions); margin-top: .857143em; font-size: .875em; line-height: 1.42857; } .prose { --tw-prose-body: var(--colors-gray130); --tw-prose-headings: var(--colors-gray130); --tw-prose-lead: #4a5565; --tw-prose-links: #101828; --tw-prose-bold: var(--colors-gray130); --tw-prose-counters: #6a7282; --tw-prose-bullets: #d1d5dc; --tw-prose-hr: #e5e7eb; --tw-prose-quotes: #101828; --tw-prose-quote-borders: #e5e7eb; --tw-prose-captions: #6a7282; --tw-prose-kbd: #101828; --tw-prose-kbd-shadows: NaN NaN NaN; --tw-prose-code: #101828; --tw-prose-pre-code: #e5e7eb; --tw-prose-pre-bg: #1e2939; --tw-prose-th-borders: #d1d5dc; --tw-prose-td-borders: #e5e7eb; --tw-prose-invert-body: #d1d5dc; --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: #99a1af; --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: #99a1af; --tw-prose-invert-bullets: #4a5565; --tw-prose-invert-hr: #364153; --tw-prose-invert-quotes: #f3f4f6; --tw-prose-invert-quote-borders: #364153; --tw-prose-invert-captions: #99a1af; --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: 255 255 255; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: #d1d5dc; --tw-prose-invert-pre-bg: rgba(0, 0, 0, .5); --tw-prose-invert-th-borders: #4a5565; --tw-prose-invert-td-borders: #364153; font-size: 1rem; line-height: 1.75; } .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } @supports (color: color(display-p3 0 0 0)) { .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { --tw-prose-lead: color(display-p3 .297358 .332176 .39043); --tw-prose-links: color(display-p3 .070423 .0928982 .151928); --tw-prose-counters: color(display-p3 .421287 .446085 .504784); --tw-prose-bullets: color(display-p3 .822033 .835264 .858521); --tw-prose-hr: color(display-p3 .899787 .906171 .92106); --tw-prose-quotes: color(display-p3 .070423 .0928982 .151928); --tw-prose-quote-borders: color(display-p3 .899787 .906171 .92106); --tw-prose-captions: color(display-p3 .421287 .446085 .504784); --tw-prose-kbd: color(display-p3 .070423 .0928982 .151928); --tw-prose-code: color(display-p3 .070423 .0928982 .151928); --tw-prose-pre-code: color(display-p3 .899787 .906171 .92106); --tw-prose-pre-bg: color(display-p3 .125854 .159497 .216835); --tw-prose-th-borders: color(display-p3 .822033 .835264 .858521); --tw-prose-td-borders: color(display-p3 .899787 .906171 .92106); --tw-prose-invert-body: color(display-p3 .822033 .835264 .858521); --tw-prose-invert-lead: color(display-p3 .605734 .630385 .680158); --tw-prose-invert-counters: color(display-p3 .605734 .630385 .680158); --tw-prose-invert-bullets: color(display-p3 .297358 .332176 .39043); --tw-prose-invert-hr: color(display-p3 .219968 .253721 .318679); --tw-prose-invert-quotes: color(display-p3 .953567 .956796 .964321); --tw-prose-invert-quote-borders: color(display-p3 .219968 .253721 .318679); --tw-prose-invert-captions: color(display-p3 .605734 .630385 .680158); --tw-prose-invert-pre-code: color(display-p3 .822033 .835264 .858521); --tw-prose-invert-th-borders: color(display-p3 .297358 .332176 .39043); --tw-prose-invert-td-borders: color(display-p3 .219968 .253721 .318679); } } @supports (color: lab(0% 0 0)) { .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { --tw-prose-lead: lab(35.6337% -1.58697 -10.8425); --tw-prose-links: lab(8.11897% .811279 -12.254); --tw-prose-counters: lab(47.7841% -.393182 -10.0268); --tw-prose-bullets: lab(85.1236% -.612259 -3.7138); --tw-prose-hr: lab(91.6229% -.159115 -2.26791); --tw-prose-quotes: lab(8.11897% .811279 -12.254); --tw-prose-quote-borders: lab(91.6229% -.159115 -2.26791); --tw-prose-captions: lab(47.7841% -.393182 -10.0268); --tw-prose-kbd: lab(8.11897% .811279 -12.254); --tw-prose-code: lab(8.11897% .811279 -12.254); --tw-prose-pre-code: lab(91.6229% -.159115 -2.26791); --tw-prose-pre-bg: lab(16.1051% -1.18239 -11.7533); --tw-prose-th-borders: lab(85.1236% -.612259 -3.7138); --tw-prose-td-borders: lab(91.6229% -.159115 -2.26791); --tw-prose-invert-body: lab(85.1236% -.612259 -3.7138); --tw-prose-invert-lead: lab(65.9269% -.832707 -8.17473); --tw-prose-invert-counters: lab(65.9269% -.832707 -8.17473); --tw-prose-invert-bullets: lab(35.6337% -1.58697 -10.8425); --tw-prose-invert-hr: lab(27.1134% -.956401 -12.3224); --tw-prose-invert-quotes: lab(96.1596% -.0823438 -1.13575); --tw-prose-invert-quote-borders: lab(27.1134% -.956401 -12.3224); --tw-prose-invert-captions: lab(65.9269% -.832707 -8.17473); --tw-prose-invert-pre-code: lab(85.1236% -.612259 -3.7138); --tw-prose-invert-th-borders: lab(35.6337% -1.58697 -10.8425); --tw-prose-invert-td-borders: lab(27.1134% -.956401 -12.3224); } } .prose :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .5em; margin-bottom: .5em; } .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .375em; } .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .375em; } .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .375em; } .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: .375em; } .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: .375em; } .prose :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: .375em; } .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .375em; } .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .375em; } .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .375em; } .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: .375em; } .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: .375em; } .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: .375em; } .prose :where(.prose > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .75em; margin-bottom: .75em; } .prose :where(.prose > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(.prose > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; } .prose :where(.prose > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.25em; } .prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .75em; margin-bottom: .75em; } .prose :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.25em; margin-bottom: 1.25em; } .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .5em; } .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.625em; } .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.625em; } .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 1.625em; } .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 1.625em; } .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 1.625em; } .prose :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 1.625em; } .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .prose :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 0; } .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 0; } .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 0; } .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 0; } .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 0; } .prose :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-right: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-right: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-right: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: 0; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: .571429em; padding-bottom: .571429em; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .571429em; padding-right: .571429em; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .571429em; padding-right: .571429em; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: .571429em; padding-right: .571429em; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: .571429em; padding-right: .571429em; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: .571429em; padding-right: .571429em; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: .571429em; padding-right: .571429em; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 0; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 0; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 0; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 0; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 0; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-right: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-right: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-right: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)):is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-left: 0; } .prose :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2em; margin-bottom: 2em; } .prose :where(.prose > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .prose :where(.prose > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 0; } .prose :where(*):not(:where([class~="not-prose"], [class~="not-prose"] *)) { line-height: 1.1; } .-mt-0\.5 { margin-top: calc(var(--spacing) * -.5); } .-mt-1 { margin-top: calc(var(--spacing) * -1); } .-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-6 { margin-top: calc(var(--spacing) * -6); } .-mt-8 { margin-top: calc(var(--spacing) * -8); } .-mt-px { margin-top: -1px; } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-0\.5 { margin-top: calc(var(--spacing) * .5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-5\.5 { margin-top: calc(var(--spacing) * 5.5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-9 { margin-top: calc(var(--spacing) * 9); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-auto { margin-top: auto; } .mt-px { margin-top: 1px; } .-mr-1 { margin-right: calc(var(--spacing) * -1); } .-mr-2 { margin-right: calc(var(--spacing) * -2); } .mr-0 { margin-right: calc(var(--spacing) * 0); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-1\.5 { margin-right: calc(var(--spacing) * 1.5); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .mr-6 { margin-right: calc(var(--spacing) * 6); } .mr-auto { margin-right: auto; } .-mb-6 { margin-bottom: calc(var(--spacing) * -6); } .-mb-px { margin-bottom: -1px; } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-0\.5 { margin-bottom: calc(var(--spacing) * .5); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-2\.5 { margin-bottom: calc(var(--spacing) * 2.5); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-3\.5 { margin-bottom: calc(var(--spacing) * 3.5); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-16 { margin-bottom: calc(var(--spacing) * 16); } .-ml-0\.5 { margin-left: calc(var(--spacing) * -.5); } .-ml-1 { margin-left: calc(var(--spacing) * -1); } .-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-6 { margin-left: calc(var(--spacing) * -6); } .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-2\.5 { margin-left: calc(var(--spacing) * 2.5); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .ml-5 { margin-left: calc(var(--spacing) * 5); } .ml-6 { margin-left: calc(var(--spacing) * 6); } .ml-11 { margin-left: calc(var(--spacing) * 11); } .ml-auto { margin-left: auto; } .box-border { box-sizing: border-box; } .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; } .scrollbar-hide::-webkit-scrollbar { display: none; } .line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-2 { -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-3 { -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .line-clamp-5 { -webkit-line-clamp: 5; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .hidden\! { display: none !important; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .field-sizing-content { field-sizing: content; } .aspect-3\/4 { aspect-ratio: 3 / 4; } .aspect-9\/16 { aspect-ratio: 9 / 16; } .aspect-24\/9 { aspect-ratio: 24 / 9; } .aspect-\[4\/3\] { aspect-ratio: 4 / 3; } .aspect-\[9\/16\] { aspect-ratio: 9 / 16; } .aspect-square { aspect-ratio: 1; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-0\.5 { width: calc(var(--spacing) * .5); height: calc(var(--spacing) * .5); } .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-2\.5 { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); } .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-4\.5 { width: calc(var(--spacing) * 4.5); height: calc(var(--spacing) * 4.5); } .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-8\.5 { width: calc(var(--spacing) * 8.5); height: calc(var(--spacing) * 8.5); } .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-11 { width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11); } .size-12 { width: calc(var(--spacing) * 12); height: calc(var(--spacing) * 12); } .size-14 { width: calc(var(--spacing) * 14); height: calc(var(--spacing) * 14); } .size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16); } .size-18 { width: 4.5rem; height: 4.5rem; } .size-20 { width: calc(var(--spacing) * 20); height: calc(var(--spacing) * 20); } .size-24 { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24); } .size-28 { width: calc(var(--spacing) * 28); height: calc(var(--spacing) * 28); } .size-32 { width: calc(var(--spacing) * 32); height: calc(var(--spacing) * 32); } .size-36 { width: calc(var(--spacing) * 36); height: calc(var(--spacing) * 36); } .size-48 { width: calc(var(--spacing) * 48); height: calc(var(--spacing) * 48); } .size-96 { width: calc(var(--spacing) * 96); height: calc(var(--spacing) * 96); } .size-\[18px\] { width: 18px; height: 18px; } .size-\[48px\] { width: 48px; height: 48px; } .size-\[56px\] { width: 56px; height: 56px; } .size-\[75px\] { width: 75px; height: 75px; } .size-\[88px\] { width: 88px; height: 88px; } .size-\[90px\] { width: 90px; height: 90px; } .size-\[100px\] { width: 100px; height: 100px; } .size-auto { width: auto; height: auto; } .size-fit { width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; } .size-full { width: 100%; height: 100%; } .size-full\! { width: 100% !important; height: 100% !important; } .h-\(--radix-select-trigger-height\) { height: var(--radix-select-trigger-height); } .h-\(--thumbnail-height\) { height: var(--thumbnail-height); } .h-0\.5 { height: calc(var(--spacing) * .5); } .h-0\.75 { height: calc(var(--spacing) * .75); } .h-1 { height: calc(var(--spacing) * 1); } .h-1\.5 { height: calc(var(--spacing) * 1.5); } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-5\.5 { height: calc(var(--spacing) * 5.5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-7\.5 { height: calc(var(--spacing) * 7.5); } .h-8 { height: calc(var(--spacing) * 8); } .h-8\.5 { height: calc(var(--spacing) * 8.5); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-18 { height: 4.5rem; } .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-40 { height: calc(var(--spacing) * 40); } .h-44 { height: calc(var(--spacing) * 44); } .h-48 { height: calc(var(--spacing) * 48); } .h-50 { height: calc(var(--spacing) * 50); } .h-52 { height: calc(var(--spacing) * 52); } .h-56 { height: calc(var(--spacing) * 56); } .h-60 { height: calc(var(--spacing) * 60); } .h-64 { height: calc(var(--spacing) * 64); } .h-72 { height: calc(var(--spacing) * 72); } .h-80 { height: calc(var(--spacing) * 80); } .h-96 { height: calc(var(--spacing) * 96); } .h-128 { height: calc(var(--spacing) * 128); } .h-\[7\%\] { height: 7%; } .h-\[22px\] { height: 22px; } .h-\[30px\] { height: 30px; } .h-\[38px\] { height: 38px; } .h-\[42px\] { height: 42px; } .h-\[50dvh\] { height: 50dvh; } .h-\[52px\] { height: 52px; } .h-\[56px\] { height: 56px; } .h-\[60px\] { height: 60px; } .h-\[66px\] { height: 66px; } .h-\[72px\] { height: 72px; } .h-\[81px\] { height: 81px; } .h-\[82px\] { height: 82px; } .h-\[84px\] { height: 84px; } .h-\[86px\] { height: 86px; } .h-\[93\%\] { height: 93%; } .h-\[100px\] { height: 100px; } .h-\[120px\] { height: 120px; } .h-\[150px\] { height: 150px; } .h-\[160px\] { height: 160px; } .h-\[172px\] { height: 172px; } .h-\[280px\] { height: 280px; } .h-\[300px\] { height: 300px; } .h-\[376px\] { height: 376px; } .h-\[400px\] { height: 400px; } .h-\[420px\] { height: 420px; } .h-\[500px\] { height: 500px; } .h-\[528px\] { height: 528px; } .h-\[620px\] { height: 620px; } .h-\[700px\] { height: 700px; } .h-\[calc\(100\%\+40px\)\] { height: calc(100% + 40px); } .h-\[calc\(100\%-16px\)\] { height: calc(100% - 16px); } .h-\[calc\(100\%-48px\)\] { height: calc(100% - 48px); } .h-\[calc\(100dvh-4rem\)\] { height: calc(100dvh - 4rem); } .h-\[calc\(100dvh-10rem\)\] { height: calc(100dvh - 10rem); } .h-\[calc\(100vh-12rem\)\] { height: calc(100vh - 12rem); } .h-\[calc\(100vh-14rem\)\] { height: calc(100vh - 14rem); } .h-\[calc\(100vh-64px\)\] { height: calc(100vh - 64px); } .h-\[calc\(100vh-110px\)\] { height: calc(100vh - 110px); } .h-\[calc\(100vh-170px\)\] { height: calc(100vh - 170px); } .h-\[calc\(100vh-280px\)\] { height: calc(100vh - 280px); } .h-auto { height: auto; } .h-dvh { height: 100dvh; } .h-fit { height: -moz-fit-content; height: fit-content; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .h-svh { height: 100svh; } .max-h-\(--media-thumbnail-min-height\,calc\(var\(--min-width\)\/var\(--aspect-ratio\)\)\) { max-height: var(--media-thumbnail-min-height, calc(var(--min-width) / var(--aspect-ratio))); } .max-h-\(--radix-dropdown-menu-content-available-height\) { max-height: var(--radix-dropdown-menu-content-available-height); } .max-h-\(--radix-hover-card-content-available-height\) { max-height: var(--radix-hover-card-content-available-height); } .max-h-\(--radix-popover-content-available-height\) { max-height: var(--radix-popover-content-available-height); } .max-h-0 { max-height: calc(var(--spacing) * 0); } .max-h-40 { max-height: calc(var(--spacing) * 40); } .max-h-44 { max-height: calc(var(--spacing) * 44); } .max-h-48 { max-height: calc(var(--spacing) * 48); } .max-h-56 { max-height: calc(var(--spacing) * 56); } .max-h-60 { max-height: calc(var(--spacing) * 60); } .max-h-64 { max-height: calc(var(--spacing) * 64); } .max-h-72 { max-height: calc(var(--spacing) * 72); } .max-h-80 { max-height: calc(var(--spacing) * 80); } .max-h-96 { max-height: calc(var(--spacing) * 96); } .max-h-112 { max-height: calc(var(--spacing) * 112); } .max-h-128 { max-height: calc(var(--spacing) * 128); } .max-h-\[8dvh\] { max-height: 8dvh; } .max-h-\[60vh\] { max-height: 60vh; } .max-h-\[70vh\] { max-height: 70vh; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[85vh\] { max-height: 85vh; } .max-h-\[88\%\] { max-height: 88%; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[120px\] { max-height: 120px; } .max-h-\[150px\] { max-height: 150px; } .max-h-\[200px\] { max-height: 200px; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[360px\] { max-height: 360px; } .max-h-\[400px\] { max-height: 400px; } .max-h-\[420px\] { max-height: 420px; } .max-h-\[480px\] { max-height: 480px; } .max-h-\[520px\] { max-height: 520px; } .max-h-\[600px\] { max-height: 600px; } .max-h-\[768px\] { max-height: 768px; } .max-h-\[1000px\] { max-height: 1000px; } .max-h-\[calc\(75dvh\)\] { max-height: 75dvh; } .max-h-\[calc\(90vh-300px\)\] { max-height: calc(90vh - 300px); } .max-h-\[calc\(100vh-2rem\)\] { max-height: calc(100vh - 2rem); } .max-h-\[calc\(100vh-3rem\)\] { max-height: calc(100vh - 3rem); } .max-h-\[calc\(100vh-48px\)\] { max-height: calc(100vh - 48px); } .max-h-\[calc\(100vh-72px\)\] { max-height: calc(100vh - 72px); } .max-h-\[calc\(100vh-96px\)\] { max-height: calc(100vh - 96px); } .max-h-\[min\(24rem\,var\(--radix-hover-card-content-available-height\)\)\] { max-height: min(24rem, var(--radix-hover-card-content-available-height)); } .max-h-\[min\(26rem\,38vh\)\] { max-height: min(26rem, 38vh); } .max-h-full { max-height: 100%; } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-5 { min-height: calc(var(--spacing) * 5); } .min-h-6 { min-height: calc(var(--spacing) * 6); } .min-h-7 { min-height: calc(var(--spacing) * 7); } .min-h-8 { min-height: calc(var(--spacing) * 8); } .min-h-9 { min-height: calc(var(--spacing) * 9); } .min-h-10 { min-height: calc(var(--spacing) * 10); } .min-h-12 { min-height: calc(var(--spacing) * 12); } .min-h-14 { min-height: calc(var(--spacing) * 14); } .min-h-16 { min-height: calc(var(--spacing) * 16); } .min-h-18 { min-height: 4.5rem; } .min-h-24 { min-height: calc(var(--spacing) * 24); } .min-h-32 { min-height: calc(var(--spacing) * 32); } .min-h-36 { min-height: calc(var(--spacing) * 36); } .min-h-40 { min-height: calc(var(--spacing) * 40); } .min-h-48 { min-height: calc(var(--spacing) * 48); } .min-h-64 { min-height: calc(var(--spacing) * 64); } .min-h-96 { min-height: calc(var(--spacing) * 96); } .min-h-\[24px\] { min-height: 24px; } .min-h-\[40px\] { min-height: 40px; } .min-h-\[50px\] { min-height: 50px; } .min-h-\[56px\] { min-height: 56px; } .min-h-\[60px\] { min-height: 60px; } .min-h-\[80px\] { min-height: 80px; } .min-h-\[80vh\] { min-height: 80vh; } .min-h-\[96px\] { min-height: 96px; } .min-h-\[100px\] { min-height: 100px; } .min-h-\[120px\] { min-height: 120px; } .min-h-\[140px\] { min-height: 140px; } .min-h-\[180px\] { min-height: 180px; } .min-h-\[200px\] { min-height: 200px; } .min-h-\[220px\] { min-height: 220px; } .min-h-\[275px\] { min-height: 275px; } .min-h-\[280px\] { min-height: 280px; } .min-h-\[300px\] { min-height: 300px; } .min-h-\[360px\] { min-height: 360px; } .min-h-\[400px\] { min-height: 400px; } .min-h-\[480px\] { min-height: 480px; } .min-h-\[600px\] { min-height: 600px; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .min-h-svh { min-height: 100svh; } .w-\(--radix-popover-trigger-width\) { width: var(--radix-popover-trigger-width); } .w-\(--sidebar-width\) { width: var(--sidebar-width); } .w-\(--thumbnail-width\) { width: var(--thumbnail-width); } .w-\(--width\,356px\) { width: var(--width, 356px); } .w-0 { width: calc(var(--spacing) * 0); } .w-0\.5 { width: calc(var(--spacing) * .5); } .w-0\.75 { width: calc(var(--spacing) * .75); } .w-1 { width: calc(var(--spacing) * 1); } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-1\/2 { width: 50%; } .w-1\/3 { width: 33.3333%; } .w-1\/4 { width: 25%; } .w-1\/5 { width: 20%; } .w-2 { width: calc(var(--spacing) * 2); } .w-2\/3 { width: 66.6667%; } .w-2\/5 { width: 40%; } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-3\/4 { width: 75%; } .w-3\/5 { width: 60%; } .w-4 { width: calc(var(--spacing) * 4); } .w-4\/5 { width: 80%; } .w-5 { width: calc(var(--spacing) * 5); } .w-5\/6 { width: 83.3333%; } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-11 { width: calc(var(--spacing) * 11); } .w-12 { width: calc(var(--spacing) * 12); } .w-14 { width: calc(var(--spacing) * 14); } .w-16 { width: calc(var(--spacing) * 16); } .w-18 { width: 4.5rem; } .w-20 { width: calc(var(--spacing) * 20); } .w-22 { width: calc(var(--spacing) * 22); } .w-24 { width: calc(var(--spacing) * 24); } .w-28 { width: calc(var(--spacing) * 28); } .w-32 { width: calc(var(--spacing) * 32); } .w-36 { width: calc(var(--spacing) * 36); } .w-40 { width: calc(var(--spacing) * 40); } .w-44 { width: calc(var(--spacing) * 44); } .w-48 { width: calc(var(--spacing) * 48); } .w-52 { width: calc(var(--spacing) * 52); } .w-56 { width: calc(var(--spacing) * 56); } .w-60 { width: calc(var(--spacing) * 60); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-76 { width: calc(var(--spacing) * 76); } .w-80 { width: calc(var(--spacing) * 80); } .w-96 { width: calc(var(--spacing) * 96); } .w-100 { width: calc(var(--spacing) * 100); } .w-\[1\.5px\] { width: 1.5px; } .w-\[2px\] { width: 2px; } .w-\[3px\] { width: 3px; } .w-\[8dvw\] { width: 8dvw; } .w-\[18\%\] { width: 18%; } .w-\[20\%\] { width: 20%; } .w-\[24\%\] { width: 24%; } .w-\[30\%\] { width: 30%; } .w-\[44\%\] { width: 44%; } .w-\[50px\] { width: 50px; } .w-\[56\%\] { width: 56%; } .w-\[60px\] { width: 60px; } .w-\[70\%\] { width: 70%; } .w-\[70px\] { width: 70px; } .w-\[80dvw\] { width: 80dvw; } .w-\[80px\] { width: 80px; } .w-\[100px\] { width: 100px; } .w-\[106px\] { width: 106px; } .w-\[120px\] { width: 120px; } .w-\[140px\] { width: 140px; } .w-\[150px\] { width: 150px; } .w-\[160px\] { width: 160px; } .w-\[180px\] { width: 180px; } .w-\[200px\] { width: 200px; } .w-\[220px\] { width: 220px; } .w-\[250px\] { width: 250px; } .w-\[270px\] { width: 270px; } .w-\[280px\] { width: 280px; } .w-\[300px\] { width: 300px; } .w-\[304px\] { width: 304px; } .w-\[320px\] { width: 320px; } .w-\[380px\] { width: 380px; } .w-\[390px\] { width: 390px; } .w-\[400px\] { width: 400px; } .w-\[408px\] { width: 408px; } .w-\[420px\] { width: 420px; } .w-\[480px\] { width: 480px; } .w-\[500px\] { width: 500px; } .w-\[520px\] { width: 520px; } .w-\[600px\] { width: 600px; } .w-\[1000px\] { width: 1000px; } .w-\[1100px\] { width: 1100px; } .w-\[calc\(100\%\+64px\)\] { width: calc(100% + 64px); } .w-\[calc\(100\%-2\.5rem\)\] { width: calc(100% - 2.5rem); } .w-\[calc\(100\%-2px\)\] { width: calc(100% - 2px); } .w-auto { width: auto; } .w-fit { width: -moz-fit-content; width: fit-content; } .w-full { width: 100%; } .w-max { width: max-content; } .w-px { width: 1px; } .w-screen { width: 100vw; } .max-w-\(--media-thumbnail-max-width\,180px\) { max-width: var(--media-thumbnail-max-width, 180px); } .max-w-\(--radix-hover-card-content-available-width\) { max-width: var(--radix-hover-card-content-available-width); } .max-w-\(--radix-popover-content-available-width\) { max-width: var(--radix-popover-content-available-width); } .max-w-\(--radix-popover-trigger-width\) { max-width: var(--radix-popover-trigger-width); } .max-w-0 { max-width: calc(var(--spacing) * 0); } .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-7xl { max-width: var(--container-7xl); } .max-w-16 { max-width: calc(var(--spacing) * 16); } .max-w-28 { max-width: calc(var(--spacing) * 28); } .max-w-32 { max-width: calc(var(--spacing) * 32); } .max-w-40 { max-width: calc(var(--spacing) * 40); } .max-w-48 { max-width: calc(var(--spacing) * 48); } .max-w-64 { max-width: calc(var(--spacing) * 64); } .max-w-72 { max-width: calc(var(--spacing) * 72); } .max-w-80 { max-width: calc(var(--spacing) * 80); } .max-w-90 { max-width: calc(var(--spacing) * 90); } .max-w-96 { max-width: calc(var(--spacing) * 96); } .max-w-100 { max-width: calc(var(--spacing) * 100); } .max-w-200 { max-width: calc(var(--spacing) * 200); } .max-w-360 { max-width: calc(var(--spacing) * 360); } .max-w-\[70\%\] { max-width: 70%; } .max-w-\[80\%\] { max-width: 80%; } .max-w-\[80vw\] { max-width: 80vw; } .max-w-\[85\%\] { max-width: 85%; } .max-w-\[85vw\] { max-width: 85vw; } .max-w-\[90vw\] { max-width: 90vw; } .max-w-\[120px\] { max-width: 120px; } .max-w-\[140px\] { max-width: 140px; } .max-w-\[150px\] { max-width: 150px; } .max-w-\[160px\] { max-width: 160px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[230px\] { max-width: 230px; } .max-w-\[240px\] { max-width: 240px; } .max-w-\[250px\] { max-width: 250px; } .max-w-\[260px\] { max-width: 260px; } .max-w-\[270px\] { max-width: 270px; } .max-w-\[280px\] { max-width: 280px; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[340px\] { max-width: 340px; } .max-w-\[360px\] { max-width: 360px; } .max-w-\[380px\] { max-width: 380px; } .max-w-\[390px\] { max-width: 390px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[420px\] { max-width: 420px; } .max-w-\[460px\] { max-width: 460px; } .max-w-\[480px\] { max-width: 480px; } .max-w-\[500px\] { max-width: 500px; } .max-w-\[512px\] { max-width: 512px; } .max-w-\[520px\] { max-width: 520px; } .max-w-\[540px\] { max-width: 540px; } .max-w-\[580px\] { max-width: 580px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[640px\] { max-width: 640px; } .max-w-\[800px\] { max-width: 800px; } .max-w-\[900px\] { max-width: 900px; } .max-w-\[960px\] { max-width: 960px; } .max-w-\[1088px\] { max-width: 1088px; } .max-w-\[1440px\] { max-width: 1440px; } .max-w-\[calc\(100\%-1\.5rem\)\] { max-width: calc(100% - 1.5rem); } .max-w-\[calc\(100\%-2rem\)\] { max-width: calc(100% - 2rem); } .max-w-\[min\(90vw\,56rem\)\] { max-width: min(90vw, 56rem); } .max-w-\[min\(var\(--radix-popover-content-available-width\)\,40rem\)\] { max-width: min(var(--radix-popover-content-available-width), 40rem); } .max-w-fit { max-width: -moz-fit-content; max-width: fit-content; } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-max-page-content { max-width: 948px; } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .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-\(--radix-popover-trigger-width\) { min-width: var(--radix-popover-trigger-width); } .min-w-\(--radix-select-trigger-width\) { min-width: var(--radix-select-trigger-width); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-4 { min-width: calc(var(--spacing) * 4); } .min-w-5 { min-width: calc(var(--spacing) * 5); } .min-w-6 { min-width: calc(var(--spacing) * 6); } .min-w-9 { min-width: calc(var(--spacing) * 9); } .min-w-10 { min-width: calc(var(--spacing) * 10); } .min-w-11 { min-width: calc(var(--spacing) * 11); } .min-w-12 { min-width: calc(var(--spacing) * 12); } .min-w-24 { min-width: calc(var(--spacing) * 24); } .min-w-28 { min-width: calc(var(--spacing) * 28); } .min-w-32 { min-width: calc(var(--spacing) * 32); } .min-w-36 { min-width: calc(var(--spacing) * 36); } .min-w-40 { min-width: calc(var(--spacing) * 40); } .min-w-44 { min-width: calc(var(--spacing) * 44); } .min-w-48 { min-width: calc(var(--spacing) * 48); } .min-w-52 { min-width: calc(var(--spacing) * 52); } .min-w-64 { min-width: calc(var(--spacing) * 64); } .min-w-72 { min-width: calc(var(--spacing) * 72); } .min-w-80 { min-width: calc(var(--spacing) * 80); } .min-w-96 { min-width: calc(var(--spacing) * 96); } .min-w-\[2px\] { min-width: 2px; } .min-w-\[16px\] { min-width: 16px; } .min-w-\[20px\] { min-width: 20px; } .min-w-\[24px\] { min-width: 24px; } .min-w-\[48px\] { min-width: 48px; } .min-w-\[60px\] { min-width: 60px; } .min-w-\[80px\] { min-width: 80px; } .min-w-\[120px\] { min-width: 120px; } .min-w-\[130px\] { min-width: 130px; } .min-w-\[140px\] { min-width: 140px; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[240px\] { min-width: 240px; } .min-w-\[250px\] { min-width: 250px; } .min-w-\[260px\] { min-width: 260px; } .min-w-\[280px\] { min-width: 280px; } .min-w-\[300px\] { min-width: 300px; } .min-w-\[320px\] { min-width: 320px; } .min-w-\[480px\] { min-width: 480px; } .min-w-\[512px\] { min-width: 512px; } .min-w-\[600px\] { min-width: 600px; } .min-w-\[720px\] { min-width: 720px; } .min-w-\[960px\] { min-width: 960px; } .min-w-\[1000px\] { min-width: 1000px; } .min-w-\[calc\(100\%\+16px\)\] { min-width: calc(100% + 16px); } .min-w-\[min\(24rem\,90vw\)\] { min-width: min(24rem, 90vw); } .min-w-fit { min-width: -moz-fit-content; min-width: fit-content; } .min-w-full { min-width: 100%; } .min-w-lg { min-width: var(--container-lg); } .min-w-max { min-width: max-content; } .min-w-min { min-width: min-content; } .flex-1 { flex: 1; } .flex-auto { flex: auto; } .flex-initial { flex: 0 auto; } .flex-none { flex: none; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .grow-0 { flex-grow: 0; } .basis-full { flex-basis: 100%; } .table-auto { table-layout: auto; } .table-fixed { table-layout: fixed; } .caption-bottom { caption-side: bottom; } .border-collapse { border-collapse: collapse; } .origin-center { transform-origin: center; } .origin-top-left { transform-origin: 0 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0\.5 { --tw-translate-x: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1\/2 { --tw-translate-x: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1 { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-2 { --tw-translate-y: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-8 { --tw-translate-y: calc(var(--spacing) * -8); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); 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-1\/2 { --tw-translate-y: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[13\%\] { --tw-translate-y: 13%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-full { --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-px { --tw-translate-y: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-0 { --tw-scale-x: 0%; --tw-scale-y: 0%; --tw-scale-z: 0%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-95 { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-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); } .scale-\[0\.8571428571428571\] { scale: .857143; } .scale-\[1\.2\] { scale: 1.2; } .scale-\[1\.75\] { scale: 1.75; } .rotate-12 { rotate: 12deg; } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .animate-\[trade-v2-progress_1\.4s_ease-in-out_infinite\] { animation: 1.4s ease-in-out infinite trade-v2-progress; } .animate-in { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none); } .animate-pulse { animation: var(--animate-pulse); } .animate-pulse\! { animation: var(--animate-pulse) !important; } .animate-spin { animation: var(--animate-spin); } .animate-spinner-dash { animation: 1.4s ease-in-out infinite spinner-dash; } .animate-spinner-rotate { animation: 1.4s linear infinite spinner-rotate; } .cursor-auto { cursor: auto; } .cursor-col-resize { cursor: col-resize; } .cursor-crosshair { cursor: crosshair; } .cursor-default { cursor: default; } .cursor-ew-resize { cursor: ew-resize; } .cursor-grab { cursor: grab; } .cursor-grabbing { cursor: grabbing; } .cursor-help { cursor: help; } .cursor-not-allowed { cursor: not-allowed; } .cursor-ns-resize { cursor: ns-resize; } .cursor-pointer { cursor: pointer; } .cursor-row-resize { cursor: row-resize; } .cursor-zoom-in { cursor: zoom-in; } .touch-none { touch-action: none; } .resize { resize: both; } .resize-none { resize: none; } .resize-y { resize: vertical; } .snap-x { scroll-snap-type: x var(--tw-scroll-snap-strictness); } .snap-proximity { --tw-scroll-snap-strictness: proximity; } .snap-center { scroll-snap-align: center; } .snap-start { scroll-snap-align: start; } .scroll-m-8 { scroll-margin: calc(var(--spacing) * 8); } .scroll-mt-10 { scroll-margin-top: calc(var(--spacing) * 10); } .scroll-ml-8 { scroll-margin-left: calc(var(--spacing) * 8); } .list-inside { list-style-position: inside; } .list-outside { list-style-position: outside; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .auto-cols-auto { grid-auto-columns: auto; } .auto-cols-fr { grid-auto-columns: minmax(0, 1fr); } .auto-cols-min { grid-auto-columns: min-content; } .grid-flow-col { grid-auto-flow: column; } .grid-flow-row { grid-auto-flow: row; } .grid-flow-row-dense { grid-auto-flow: row dense; } .auto-rows-auto { grid-auto-rows: auto; } .auto-rows-max { grid-auto-rows: max-content; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-14 { grid-template-columns: repeat(14, minmax(0, 1fr)); } .grid-cols-\[1fr_1fr_auto_1fr\] { grid-template-columns: 1fr 1fr auto 1fr; } .grid-cols-\[1fr_60px_60px_100px_auto\] { grid-template-columns: 1fr 60px 60px 100px auto; } .grid-cols-\[1fr_60px_100px_auto\] { grid-template-columns: 1fr 60px 100px auto; } .grid-cols-\[1fr_100px_80px_minmax\(80px\,1fr\)_60px\] { grid-template-columns: 1fr 100px 80px minmax(80px, 1fr) 60px; } .grid-cols-\[1fr_160px_1fr_auto\] { grid-template-columns: 1fr 160px 1fr auto; } .grid-cols-\[1fr_160px_1fr_auto_auto\] { grid-template-columns: 1fr 160px 1fr auto auto; } .grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto; } .grid-cols-\[1fr_auto_1fr\] { grid-template-columns: 1fr auto 1fr; } .grid-cols-\[1fr_auto_auto\] { grid-template-columns: 1fr auto auto; } .grid-cols-\[14px_1fr\] { grid-template-columns: 14px 1fr; } .grid-cols-\[36px_20px_20px_minmax\(0\,1fr\)_160px_minmax\(0\,1fr\)_minmax\(0\,1\.2fr\)_80px_28px\] { grid-template-columns: 36px 20px 20px minmax(0, 1fr) 160px minmax(0, 1fr) minmax(0, 1.2fr) 80px 28px; } .grid-cols-\[36px_minmax\(0\,1fr\)_120px_120px_28px\] { grid-template-columns: 36px minmax(0, 1fr) 120px 120px 28px; } .grid-cols-\[60px_minmax\(0\,1fr\)_minmax\(0\,2\.5fr\)_100px_minmax\(0\,1\.5fr\)_minmax\(0\,1\.5fr\)\] { grid-template-columns: 60px minmax(0, 1fr) minmax(0, 2.5fr) 100px minmax(0, 1.5fr) minmax(0, 1.5fr); } .grid-cols-\[75px_1fr_1fr_50px\] { grid-template-columns: 75px 1fr 1fr 50px; } .grid-cols-\[80px_1fr_auto_auto\] { grid-template-columns: 80px 1fr auto auto; } .grid-cols-\[112px_minmax\(0\,1fr\)\] { grid-template-columns: 112px minmax(0, 1fr); } .grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; } .grid-cols-\[auto_1fr_auto\] { grid-template-columns: auto 1fr auto; } .grid-cols-\[auto_auto_1fr_auto\] { grid-template-columns: auto auto 1fr auto; } .grid-cols-\[max-content_1fr\] { grid-template-columns: max-content 1fr; } .grid-cols-\[min\(12\.5rem\,50\%\)_1fr\] { grid-template-columns: min(12.5rem, 50%) 1fr; } .grid-cols-\[minmax\(0\,1fr\)_18rem\] { grid-template-columns: minmax(0, 1fr) 18rem; } .grid-cols-\[minmax\(0\,1fr\)_120px_2fr\] { grid-template-columns: minmax(0, 1fr) 120px 2fr; } .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.4fr\)_minmax\(0\,1\.4fr\)_minmax\(0\,0\.9fr\)_minmax\(0\,1\.8fr\)\] { grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr) minmax(0, 1.4fr) minmax(0, .9fr) minmax(0, 1.8fr); } .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,2fr\)\] { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); } .grid-cols-\[minmax\(0\,1fr\)_minmax\(12rem\,0\.6fr\)\] { grid-template-columns: minmax(0, 1fr) minmax(12rem, .6fr); } .grid-cols-\[minmax\(0\,2fr\)_90px_90px_minmax\(0\,2fr\)_minmax\(0\,1\.2fr\)_70px_minmax\(0\,1\.5fr\)\] { grid-template-columns: minmax(0, 2fr) 90px 90px minmax(0, 2fr) minmax(0, 1.2fr) 70px minmax(0, 1.5fr); } .grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,2fr\)_minmax\(0\,1\.5fr\)_70px_70px_90px_90px_90px_90px_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0, 2fr) minmax(0, 2fr) minmax(0, 1.5fr) 70px 70px 90px 90px 90px 90px minmax(0, 1fr); } .grid-cols-\[minmax\(240px\,1fr\)_minmax\(0\,4fr\)\] { grid-template-columns: minmax(240px, 1fr) minmax(0, 4fr); } .grid-cols-\[repeat\(auto-fill\,minmax\(40px\,1fr\)\)\] { grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); } .grid-cols-\[repeat\(auto-fill\,minmax\(96px\,1fr\)\)\] { grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); } .grid-cols-\[repeat\(auto-fill\,minmax\(120px\,1fr\)\)\] { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); } .grid-cols-\[repeat\(auto-fill\,minmax\(140px\,1fr\)\)\] { grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); } .grid-cols-\[repeat\(auto-fill\,minmax\(240px\,1fr\)\)\] { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); } .grid-cols-\[repeat\(auto-fit\,208px\)\] { grid-template-columns: repeat(auto-fit, 208px); } .grid-cols-\[repeat\(auto-fit\,minmax\(20rem\,1fr\)\)\] { grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); } .grid-cols-\[repeat\(auto-fit\,minmax\(120px\,1fr\)\)\] { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); } .grid-cols-subgrid { grid-template-columns: subgrid; } .grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .grid-rows-\[auto_1fr\] { grid-template-rows: auto 1fr; } .grid-rows-\[auto_1fr_auto\] { grid-template-rows: auto 1fr auto; } .grid-rows-\[auto_auto_1fr_auto\] { grid-template-rows: auto auto 1fr auto; } .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-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .place-items-center { place-items: center; } .place-items-start { place-items: start; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-evenly { justify-content: space-evenly; } .justify-start { justify-content: flex-start; } .justify-items-center { justify-items: center; } .justify-items-start { justify-items: start; } .gap-\(--card-spacing\) { gap: var(--card-spacing); } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-0\.5 { gap: calc(var(--spacing) * .5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-3\.5 { gap: calc(var(--spacing) * 3.5); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-4\.5 { gap: calc(var(--spacing) * 4.5); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-7 { gap: calc(var(--spacing) * 7); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-12 { gap: calc(var(--spacing) * 12); } .gap-18 { gap: 4.5rem; } .gap-\[3px\] { gap: 3px; } .gap-\[5px\] { gap: 5px; } .gap-px { gap: 1px; } :where(.space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-0\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } .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-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-x-12 { column-gap: calc(var(--spacing) * 12); } .gap-y-0\.5 { row-gap: calc(var(--spacing) * .5); } .gap-y-1 { row-gap: calc(var(--spacing) * 1); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-2\.5 { row-gap: calc(var(--spacing) * 2.5); } .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); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-gray-30 > :not(:last-child)) { border-color: rgba(var(--colors-gray30-rgb), 1); } :where(.divide-gray-40 > :not(:last-child)) { border-color: rgba(var(--colors-gray40-rgb), 1); } .self-center { align-self: center; } .self-end { align-self: flex-end; } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .justify-self-center { justify-self: center; } .justify-self-end { justify-self: flex-end; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overflow-auto { overflow: auto; } .overflow-clip { overflow: clip; } .overflow-hidden { overflow: hidden; } .overflow-scroll { overflow: scroll; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-clip { overflow-x: clip; } .overflow-x-hidden { overflow-x: hidden; } .overflow-x-scroll { overflow-x: scroll; } .overflow-y-auto { overflow-y: auto; } .overflow-y-hidden { overflow-y: hidden; } .overflow-y-scroll { overflow-y: scroll; } .overflow-y-visible { overflow-y: visible; } .overscroll-x-contain { overscroll-behavior-x: contain; } .overscroll-y-contain { overscroll-behavior-y: contain; } .scroll-smooth { scroll-behavior: smooth; } .rounded { border-radius: .25rem; } .rounded-2 { border-radius: 2px; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-4 { border-radius: 4px; } .rounded-4\! { border-radius: 4px !important; } .rounded-6 { border-radius: 6px; } .rounded-8 { border-radius: 8px; } .rounded-12 { border-radius: 12px; } .rounded-16 { border-radius: 16px; } .rounded-16\! { border-radius: 16px !important; } .rounded-20 { border-radius: 20px; } .rounded-20\! { border-radius: 20px !important; } .rounded-24 { border-radius: 24px; } .rounded-96 { border-radius: 96px; } .rounded-\[inherit\] { border-radius: inherit; } .rounded-full { border-radius: 3.40282e38px; } .rounded-lg { border-radius: var(--radius); } .rounded-md { border-radius: calc(var(--radius) - 2px); } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: calc(var(--radius) - 4px); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-t-32 { border-top-left-radius: 32px; border-top-right-radius: 32px; } .rounded-t-\[28px\] { border-top-left-radius: 28px; border-top-right-radius: 28px; } .rounded-t-xl { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); } .rounded-l-8 { border-top-left-radius: 8px; border-bottom-left-radius: 8px; } .rounded-tl-4 { border-top-left-radius: 4px; } .rounded-r-8 { border-top-right-radius: 8px; border-bottom-right-radius: 8px; } .rounded-b-4 { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .rounded-br { border-bottom-right-radius: .25rem; } .rounded-br-8 { border-bottom-right-radius: 8px; } .rounded-bl-2 { border-bottom-left-radius: 2px; } .rounded-bl-8 { border-bottom-left-radius: 8px; } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0; } .border-0\! { border-style: var(--tw-border-style) !important; border-width: 0 !important; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-\[1\.5px\] { border-style: var(--tw-border-style); border-width: 1.5px; } .border-x { border-inline-style: var(--tw-border-style); border-left-width: 1px; border-right-width: 1px; } .border-y-2 { border-block-style: var(--tw-border-style); border-top-width: 2px; border-bottom-width: 2px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-t-\[12px\] { border-top-style: var(--tw-border-style); border-top-width: 12px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-b-4 { border-bottom-style: var(--tw-border-style); border-bottom-width: 4px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-l-4 { border-left-style: var(--tw-border-style); border-left-width: 4px; } .border-l-\[12px\] { border-left-style: var(--tw-border-style); border-left-width: 12px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-none { --tw-border-style: none; border-style: none; } .border-solid { --tw-border-style: solid; border-style: solid; } .border-accent { border-color: hsl(var(--accent)); } .border-amber-40 { border-color: rgba(var(--colors-amber40-rgb), 1); } .border-amber-500 { border-color: var(--color-amber-500); } .border-analytics-3\/40 { border-color: rgba(var(--colors-analytics3-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .border-analytics-3\/40 { border-color: color-mix(in oklab, rgba(var(--colors-analytics3-rgb), 1) 40%, transparent); } } .border-blue-40 { border-color: rgba(var(--colors-blue40-rgb), 1); } .border-blue-200 { border-color: var(--color-blue-200); } .border-blue-300 { border-color: var(--color-blue-300); } .border-blue-400 { border-color: var(--color-blue-400); } .border-blue-500 { border-color: var(--color-blue-500); } .border-blue-600 { border-color: var(--color-blue-600); } .border-blue-700 { border-color: var(--color-blue-700); } .border-brand-40 { border-color: rgba(var(--colors-brand40-rgb), 1); } .border-brand-50 { border-color: rgba(var(--colors-brand50-rgb), 1); } .border-brand-60 { border-color: rgba(var(--colors-brand60-rgb), 1); } .border-brand-70 { border-color: rgba(var(--colors-brand70-rgb), 1); } .border-brand-80 { border-color: rgba(var(--colors-brand80-rgb), 1); } .border-brand-90 { border-color: rgba(var(--colors-brand90-rgb), 1); } .border-brand-90\/25 { border-color: rgba(var(--colors-brand90-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .border-brand-90\/25 { border-color: color-mix(in oklab, rgba(var(--colors-brand90-rgb), 1) 25%, transparent); } } .border-brand-90\/40 { border-color: rgba(var(--colors-brand90-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .border-brand-90\/40 { border-color: color-mix(in oklab, rgba(var(--colors-brand90-rgb), 1) 40%, transparent); } } .border-brand-100 { border-color: rgba(var(--colors-brand100-rgb), 1); } .border-current { border-color: currentColor; } .border-cyan-90 { border-color: rgba(var(--colors-cyan90-rgb), 1); } .border-cyan-500 { border-color: var(--color-cyan-500); } .border-danger-30 { border-color: rgba(var(--colors-danger30-rgb), 1); } .border-danger-40 { border-color: rgba(var(--colors-danger40-rgb), 1); } .border-danger-50 { border-color: rgba(var(--colors-danger50-rgb), 1); } .border-danger-60 { border-color: rgba(var(--colors-danger60-rgb), 1); } .border-danger-90 { border-color: rgba(var(--colors-danger90-rgb), 1); } .border-danger-100 { border-color: rgba(var(--colors-danger100-rgb), 1); } .border-danger-110 { border-color: rgba(var(--colors-danger110-rgb), 1); } .border-destructive { border-color: hsl(var(--destructive)); } .border-destructive\/50 { border-color: hsl(var(--destructive)); } @supports (color: color-mix(in lab, red, red)) { .border-destructive\/50 { border-color: color-mix(in oklab, hsl(var(--destructive)) 50%, transparent); } } .border-emerald-500 { border-color: var(--color-emerald-500); } .border-gray-0 { border-color: rgba(var(--colors-gray0-rgb), 1); } .border-gray-20 { border-color: rgba(var(--colors-gray20-rgb), 1); } .border-gray-30 { border-color: rgba(var(--colors-gray30-rgb), 1); } .border-gray-40 { border-color: rgba(var(--colors-gray40-rgb), 1); } .border-gray-50 { border-color: rgba(var(--colors-gray50-rgb), 1); } .border-gray-60 { border-color: rgba(var(--colors-gray60-rgb), 1); } .border-gray-70 { border-color: rgba(var(--colors-gray70-rgb), 1); } .border-gray-80 { border-color: rgba(var(--colors-gray80-rgb), 1); } .border-gray-90 { border-color: rgba(var(--colors-gray90-rgb), 1); } .border-gray-100 { border-color: rgba(var(--colors-gray100-rgb), 1); } .border-gray-120 { border-color: rgba(var(--colors-gray120-rgb), 1); } .border-gray-130 { border-color: rgba(var(--colors-gray130-rgb), 1); } .border-gray-200 { border-color: var(--color-gray-200); } .border-gray-300 { border-color: var(--color-gray-300); } .border-gray-500 { border-color: var(--color-gray-500); } .border-gray-600 { border-color: var(--color-gray-600); } .border-green-40 { border-color: rgba(var(--colors-green40-rgb), 1); } .border-green-300 { border-color: var(--color-green-300); } .border-green-500 { border-color: var(--color-green-500); } .border-green-700 { border-color: var(--color-green-700); } .border-indigo-300 { border-color: var(--color-indigo-300); } .border-indigo-500 { border-color: var(--color-indigo-500); } .border-info-90 { border-color: rgba(var(--colors-info90-rgb), 1); } .border-input { border-color: hsl(var(--input)); } .border-orange-500 { border-color: var(--color-orange-500); } .border-primary { border-color: hsl(var(--primary)); } .border-purple-300 { border-color: var(--color-purple-300); } .border-purple-400 { border-color: var(--color-purple-400); } .border-purple-500 { border-color: var(--color-purple-500); } .border-red-40 { border-color: rgba(var(--colors-red40-rgb), 1); } .border-red-100 { border-color: rgba(var(--colors-red100-rgb), 1); } .border-red-200 { border-color: var(--color-red-200); } .border-red-300 { border-color: var(--color-red-300); } .border-red-500 { border-color: var(--color-red-500); } .border-secondary { border-color: hsl(var(--secondary)); } .border-slate-200 { border-color: var(--color-slate-200); } .border-slate-400 { border-color: var(--color-slate-400); } .border-success-30 { border-color: rgba(var(--colors-success30-rgb), 1); } .border-success-40 { border-color: rgba(var(--colors-success40-rgb), 1); } .border-success-50 { border-color: rgba(var(--colors-success50-rgb), 1); } .border-success-90 { border-color: rgba(var(--colors-success90-rgb), 1); } .border-success-100 { border-color: rgba(var(--colors-success100-rgb), 1); } .border-teal-500 { border-color: var(--color-teal-500); } .border-transparent { border-color: rgba(0, 0, 0, 0); } .border-violet-500 { border-color: var(--color-violet-500); } .border-warning-30 { border-color: rgba(var(--colors-warning30-rgb), 1); } .border-warning-40 { border-color: rgba(var(--colors-warning40-rgb), 1); } .border-warning-50 { border-color: rgba(var(--colors-warning50-rgb), 1); } .border-warning-90 { border-color: rgba(var(--colors-warning90-rgb), 1); } .border-warning-100 { border-color: rgba(var(--colors-warning100-rgb), 1); } .border-white { border-color: var(--color-white); } .border-white\/20 { border-color: rgba(255, 255, 255, .2); } @supports (color: color-mix(in lab, red, red)) { .border-white\/20 { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .border-yellow-200 { border-color: var(--color-yellow-200); } .border-yellow-300 { border-color: var(--color-yellow-300); } .border-yellow-400 { border-color: var(--color-yellow-400); } .border-zinc-200 { border-color: var(--color-zinc-200); } .border-y-transparent { border-top-color: rgba(0, 0, 0, 0); border-bottom-color: rgba(0, 0, 0, 0); } .border-t-\[\#F95F35\] { border-top-color: #f95f35; } .border-t-blue-600 { border-top-color: var(--color-blue-600); } .border-t-gray-40 { border-top-color: rgba(var(--colors-gray40-rgb), 1); } .border-t-gray-130 { border-top-color: rgba(var(--colors-gray130-rgb), 1); } .border-t-orange-500 { border-top-color: var(--color-orange-500); } .border-t-transparent { border-top-color: rgba(0, 0, 0, 0); } .border-r-gray-40 { border-right-color: rgba(var(--colors-gray40-rgb), 1); } .border-b-gray-40 { border-bottom-color: rgba(var(--colors-gray40-rgb), 1); } .border-b-gray-130 { border-bottom-color: rgba(var(--colors-gray130-rgb), 1); } .border-l-\[rgba\(11\,12\,13\,0\.12\)\] { border-left-color: rgba(11, 12, 13, .12); } .border-l-brand-90 { border-left-color: rgba(var(--colors-brand90-rgb), 1); } .border-l-danger-70 { border-left-color: rgba(var(--colors-danger70-rgb), 1); } .border-l-gray-30 { border-left-color: rgba(var(--colors-gray30-rgb), 1); } .border-l-gray-40 { border-left-color: rgba(var(--colors-gray40-rgb), 1); } .border-l-success-70 { border-left-color: rgba(var(--colors-success70-rgb), 1); } .border-l-transparent { border-left-color: rgba(0, 0, 0, 0); } .bg-\[\#F95F35\] { background-color: #f95f35; } .bg-accent { background-color: hsl(var(--accent)); } .bg-amber-30 { background-color: rgba(var(--colors-amber30-rgb), 1); } .bg-amber-50 { background-color: rgba(var(--colors-amber50-rgb), 1); } .bg-amber-100 { background-color: rgba(var(--colors-amber100-rgb), 1); } .bg-amber-500 { background-color: var(--color-amber-500); } .bg-analytics-1 { background-color: rgba(var(--colors-analytics1-rgb), 1); } .bg-analytics-3 { background-color: rgba(var(--colors-analytics3-rgb), 1); } .bg-analytics-3\/15 { background-color: rgba(var(--colors-analytics3-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .bg-analytics-3\/15 { background-color: color-mix(in oklab, rgba(var(--colors-analytics3-rgb), 1) 15%, transparent); } } .bg-analytics-9 { background-color: rgba(var(--colors-analytics9-rgb), 1); } .bg-black { background-color: var(--color-black); } .bg-black\/30 { background-color: rgba(0, 0, 0, .3); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/30 { background-color: color-mix(in oklab, var(--color-black) 30%, transparent); } } .bg-black\/40 { background-color: rgba(0, 0, 0, .4); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/40 { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .bg-black\/45 { background-color: rgba(0, 0, 0, .45); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/45 { background-color: color-mix(in oklab, var(--color-black) 45%, transparent); } } .bg-black\/50 { background-color: rgba(0, 0, 0, .5); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/50 { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .bg-black\/55 { background-color: rgba(0, 0, 0, .55); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/55 { background-color: color-mix(in oklab, var(--color-black) 55%, transparent); } } .bg-black\/60 { background-color: rgba(0, 0, 0, .6); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/60 { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } } .bg-black\/70 { background-color: rgba(0, 0, 0, .7); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/70 { background-color: color-mix(in oklab, var(--color-black) 70%, transparent); } } .bg-black\/75 { background-color: rgba(0, 0, 0, .75); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/75 { background-color: color-mix(in oklab, var(--color-black) 75%, transparent); } } .bg-black\/80 { background-color: rgba(0, 0, 0, .8); } @supports (color: color-mix(in lab, red, red)) { .bg-black\/80 { background-color: color-mix(in oklab, var(--color-black) 80%, transparent); } } .bg-blue-10 { background-color: rgba(var(--colors-blue10-rgb), 1); } .bg-blue-30 { background-color: rgba(var(--colors-blue30-rgb), 1); } .bg-blue-50 { background-color: rgba(var(--colors-blue50-rgb), 1); } .bg-blue-90 { background-color: rgba(var(--colors-blue90-rgb), 1); } .bg-blue-100 { background-color: rgba(var(--colors-blue100-rgb), 1); } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-blue-600 { background-color: var(--color-blue-600); } .bg-blue-600\/10 { background-color: rgba(21, 93, 252, .1); } @supports (color: color-mix(in lab, red, red)) { .bg-blue-600\/10 { background-color: color-mix(in oklab, var(--color-blue-600) 10%, transparent); } } .bg-brand-10 { background-color: rgba(var(--colors-brand10-rgb), 1); } .bg-brand-20 { background-color: rgba(var(--colors-brand20-rgb), 1); } .bg-brand-30 { background-color: rgba(var(--colors-brand30-rgb), 1); } .bg-brand-50 { background-color: rgba(var(--colors-brand50-rgb), 1); } .bg-brand-70 { background-color: rgba(var(--colors-brand70-rgb), 1); } .bg-brand-80 { background-color: rgba(var(--colors-brand80-rgb), 1); } .bg-brand-90 { background-color: rgba(var(--colors-brand90-rgb), 1); } .bg-brand-90\/10 { background-color: rgba(var(--colors-brand90-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .bg-brand-90\/10 { background-color: color-mix(in oklab, rgba(var(--colors-brand90-rgb), 1) 10%, transparent); } } .bg-brand-90\/25 { background-color: rgba(var(--colors-brand90-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .bg-brand-90\/25 { background-color: color-mix(in oklab, rgba(var(--colors-brand90-rgb), 1) 25%, transparent); } } .bg-brand-100 { background-color: rgba(var(--colors-brand100-rgb), 1); } .bg-brand-100\/15 { background-color: rgba(var(--colors-brand100-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .bg-brand-100\/15 { background-color: color-mix(in oklab, rgba(var(--colors-brand100-rgb), 1) 15%, transparent); } } .bg-brand-100\/20 { background-color: rgba(var(--colors-brand100-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .bg-brand-100\/20 { background-color: color-mix(in oklab, rgba(var(--colors-brand100-rgb), 1) 20%, transparent); } } .bg-current { background-color: currentColor; } .bg-cyan-50 { background-color: rgba(var(--colors-cyan50-rgb), 1); } .bg-cyan-90 { background-color: rgba(var(--colors-cyan90-rgb), 1); } .bg-danger-10 { background-color: rgba(var(--colors-danger10-rgb), 1); } .bg-danger-20 { background-color: rgba(var(--colors-danger20-rgb), 1); } .bg-danger-30 { background-color: rgba(var(--colors-danger30-rgb), 1); } .bg-danger-90 { background-color: rgba(var(--colors-danger90-rgb), 1); } .bg-destructive { background-color: hsl(var(--destructive)); } .bg-destructive\/5 { background-color: hsl(var(--destructive)); } @supports (color: color-mix(in lab, red, red)) { .bg-destructive\/5 { background-color: color-mix(in oklab, hsl(var(--destructive)) 5%, transparent); } } .bg-emerald-50 { background-color: var(--color-emerald-50); } .bg-emerald-100 { background-color: var(--color-emerald-100); } .bg-emerald-600\/10 { background-color: rgba(0, 151, 103, .1); } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-600\/10 { background-color: color-mix(in oklab, var(--color-emerald-600) 10%, transparent); } } .bg-gray-0 { background-color: rgba(var(--colors-gray0-rgb), 1); } .bg-gray-0\/85 { background-color: rgba(var(--colors-gray0-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-0\/85 { background-color: color-mix(in oklab, rgba(var(--colors-gray0-rgb), 1) 85%, transparent); } } .bg-gray-0\/90 { background-color: rgba(var(--colors-gray0-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-0\/90 { background-color: color-mix(in oklab, rgba(var(--colors-gray0-rgb), 1) 90%, transparent); } } .bg-gray-0\/95 { background-color: rgba(var(--colors-gray0-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-0\/95 { background-color: color-mix(in oklab, rgba(var(--colors-gray0-rgb), 1) 95%, transparent); } } .bg-gray-10 { background-color: rgba(var(--colors-gray10-rgb), 1); } .bg-gray-10\/50 { background-color: rgba(var(--colors-gray10-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-10\/50 { background-color: color-mix(in oklab, rgba(var(--colors-gray10-rgb), 1) 50%, transparent); } } .bg-gray-20 { background-color: rgba(var(--colors-gray20-rgb), 1); } .bg-gray-30 { background-color: rgba(var(--colors-gray30-rgb), 1); } .bg-gray-40 { background-color: rgba(var(--colors-gray40-rgb), 1); } .bg-gray-50 { background-color: rgba(var(--colors-gray50-rgb), 1); } .bg-gray-60 { background-color: rgba(var(--colors-gray60-rgb), 1); } .bg-gray-70 { background-color: rgba(var(--colors-gray70-rgb), 1); } .bg-gray-80 { background-color: rgba(var(--colors-gray80-rgb), 1); } .bg-gray-90 { background-color: rgba(var(--colors-gray90-rgb), 1); } .bg-gray-100 { background-color: rgba(var(--colors-gray100-rgb), 1); } .bg-gray-110 { background-color: rgba(var(--colors-gray110-rgb), 1); } .bg-gray-120 { background-color: rgba(var(--colors-gray120-rgb), 1); } .bg-gray-130 { background-color: rgba(var(--colors-gray130-rgb), 1); } .bg-gray-130\/30 { background-color: rgba(var(--colors-gray130-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-130\/30 { background-color: color-mix(in oklab, rgba(var(--colors-gray130-rgb), 1) 30%, transparent); } } .bg-gray-130\/40 { background-color: rgba(var(--colors-gray130-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-130\/40 { background-color: color-mix(in oklab, rgba(var(--colors-gray130-rgb), 1) 40%, transparent); } } .bg-gray-130\/50 { background-color: rgba(var(--colors-gray130-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-130\/50 { background-color: color-mix(in oklab, rgba(var(--colors-gray130-rgb), 1) 50%, transparent); } } .bg-gray-130\/60 { background-color: rgba(var(--colors-gray130-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-130\/60 { background-color: color-mix(in oklab, rgba(var(--colors-gray130-rgb), 1) 60%, transparent); } } .bg-gray-130\/70 { background-color: rgba(var(--colors-gray130-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-130\/70 { background-color: color-mix(in oklab, rgba(var(--colors-gray130-rgb), 1) 70%, transparent); } } .bg-gray-130\/80 { background-color: rgba(var(--colors-gray130-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-130\/80 { background-color: color-mix(in oklab, rgba(var(--colors-gray130-rgb), 1) 80%, transparent); } } .bg-gray-130\/88 { background-color: rgba(var(--colors-gray130-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-130\/88 { background-color: color-mix(in oklab, rgba(var(--colors-gray130-rgb), 1) 88%, transparent); } } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-300 { background-color: var(--color-gray-300); } .bg-gray-400 { background-color: var(--color-gray-400); } .bg-gray-500 { background-color: var(--color-gray-500); } .bg-gray-700 { background-color: var(--color-gray-700); } .bg-gray-900\/80 { background-color: rgba(16, 24, 40, .8); } @supports (color: color-mix(in lab, red, red)) { .bg-gray-900\/80 { background-color: color-mix(in oklab, var(--color-gray-900) 80%, transparent); } } .bg-green-30 { background-color: rgba(var(--colors-green30-rgb), 1); } .bg-green-50 { background-color: rgba(var(--colors-green50-rgb), 1); } .bg-green-90 { background-color: rgba(var(--colors-green90-rgb), 1); } .bg-green-100 { background-color: rgba(var(--colors-green100-rgb), 1); } .bg-green-200 { background-color: var(--color-green-200); } .bg-green-500 { background-color: var(--color-green-500); } .bg-green-600 { background-color: var(--color-green-600); } .bg-indigo-50 { background-color: rgba(var(--colors-indigo50-rgb), 1); } .bg-info-90 { background-color: rgba(var(--colors-info90-rgb), 1); } .bg-info-90\/15 { background-color: rgba(var(--colors-info90-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .bg-info-90\/15 { background-color: color-mix(in oklab, rgba(var(--colors-info90-rgb), 1) 15%, transparent); } } .bg-muted { background-color: hsl(var(--muted)); } .bg-muted\/50 { background-color: hsl(var(--muted)); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/50 { background-color: color-mix(in oklab, hsl(var(--muted)) 50%, transparent); } } .bg-orange-50 { background-color: var(--color-orange-50); } .bg-orange-100 { background-color: var(--color-orange-100); } .bg-orange-200 { background-color: var(--color-orange-200); } .bg-orange-600 { background-color: var(--color-orange-600); } .bg-primary { background-color: hsl(var(--primary)); } .bg-primary\/20 { background-color: hsl(var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/20 { background-color: color-mix(in oklab, hsl(var(--primary)) 20%, transparent); } } .bg-purple-50 { background-color: rgba(var(--colors-purple50-rgb), 1); } .bg-purple-50\/60 { background-color: rgba(var(--colors-purple50-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .bg-purple-50\/60 { background-color: color-mix(in oklab, rgba(var(--colors-purple50-rgb), 1) 60%, transparent); } } .bg-purple-100 { background-color: rgba(var(--colors-purple100-rgb), 1); } .bg-red-10 { background-color: rgba(var(--colors-red10-rgb), 1); } .bg-red-30 { background-color: rgba(var(--colors-red30-rgb), 1); } .bg-red-50 { background-color: rgba(var(--colors-red50-rgb), 1); } .bg-red-100 { background-color: rgba(var(--colors-red100-rgb), 1); } .bg-red-200 { background-color: var(--color-red-200); } .bg-red-500 { background-color: var(--color-red-500); } .bg-red-600 { background-color: var(--color-red-600); } .bg-secondary { background-color: hsl(var(--secondary)); } .bg-slate-50 { background-color: var(--color-slate-50); } .bg-slate-50\/60 { background-color: rgba(248, 250, 252, .6); } @supports (color: color-mix(in lab, red, red)) { .bg-slate-50\/60 { background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent); } } .bg-slate-100 { background-color: var(--color-slate-100); } .bg-success-10 { background-color: rgba(var(--colors-success10-rgb), 1); } .bg-success-20 { background-color: rgba(var(--colors-success20-rgb), 1); } .bg-success-30 { background-color: rgba(var(--colors-success30-rgb), 1); } .bg-success-40 { background-color: rgba(var(--colors-success40-rgb), 1); } .bg-success-90 { background-color: rgba(var(--colors-success90-rgb), 1); } .bg-success-110 { background-color: rgba(var(--colors-success110-rgb), 1); } .bg-teal-50 { background-color: var(--color-teal-50); } .bg-tertiary { background-color: hsl(var(--tertiary)); } .bg-tertiary\/70 { background-color: hsl(var(--tertiary)); } @supports (color: color-mix(in lab, red, red)) { .bg-tertiary\/70 { background-color: color-mix(in oklab, hsl(var(--tertiary)) 70%, transparent); } } .bg-transparent { background-color: rgba(0, 0, 0, 0); } .bg-transparent\! { background-color: rgba(0, 0, 0, 0) !important; } .bg-violet-50 { background-color: var(--color-violet-50); } .bg-violet-100 { background-color: var(--color-violet-100); } .bg-warning-10 { background-color: rgba(var(--colors-warning10-rgb), 1); } .bg-warning-20 { background-color: rgba(var(--colors-warning20-rgb), 1); } .bg-warning-30 { background-color: rgba(var(--colors-warning30-rgb), 1); } .bg-warning-50 { background-color: rgba(var(--colors-warning50-rgb), 1); } .bg-warning-70 { background-color: rgba(var(--colors-warning70-rgb), 1); } .bg-warning-80 { background-color: rgba(var(--colors-warning80-rgb), 1); } .bg-warning-90 { background-color: rgba(var(--colors-warning90-rgb), 1); } .bg-warning-110 { background-color: rgba(var(--colors-warning110-rgb), 1); } .bg-white { background-color: var(--color-white); } .bg-white\/15 { background-color: rgba(255, 255, 255, .15); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/15 { background-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .bg-white\/20 { background-color: rgba(255, 255, 255, .2); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/20 { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .bg-white\/25 { background-color: rgba(255, 255, 255, .25); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/25 { background-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } .bg-white\/30 { background-color: rgba(255, 255, 255, .3); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/30 { background-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .bg-white\/50 { background-color: rgba(255, 255, 255, .5); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/50 { background-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .bg-white\/75 { background-color: rgba(255, 255, 255, .75); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/75 { background-color: color-mix(in oklab, var(--color-white) 75%, transparent); } } .bg-white\/80 { background-color: rgba(255, 255, 255, .8); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/80 { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .bg-white\/85 { background-color: rgba(255, 255, 255, .85); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/85 { background-color: color-mix(in oklab, var(--color-white) 85%, transparent); } } .bg-white\/95 { background-color: rgba(255, 255, 255, .95); } @supports (color: color-mix(in lab, red, red)) { .bg-white\/95 { background-color: color-mix(in oklab, var(--color-white) 95%, transparent); } } .bg-yellow-50 { background-color: var(--color-yellow-50); } .bg-yellow-50\/60 { background-color: rgba(254, 252, 232, .6); } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-50\/60 { background-color: color-mix(in oklab, var(--color-yellow-50) 60%, transparent); } } .bg-yellow-100 { background-color: var(--color-yellow-100); } .bg-yellow-200 { background-color: var(--color-yellow-200); } .bg-yellow-300 { background-color: var(--color-yellow-300); } .bg-yellow-500 { background-color: var(--color-yellow-500); } .bg-zinc-100 { background-color: var(--color-zinc-100); } .bg-zinc-300 { background-color: var(--color-zinc-300); } .bg-linear-to-b { --tw-gradient-position: to bottom; } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-b { --tw-gradient-position: to bottom in oklab; } } .bg-linear-to-b { background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-linear-to-l { --tw-gradient-position: to left; } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-to-l { --tw-gradient-position: to left in oklab; } } .bg-linear-to-l { background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-b { --tw-gradient-position: to bottom 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-\[linear-gradient\(180deg\,rgba\(11\,12\,13\,0\)_0\%\,rgba\(11\,12\,13\,0\.12\)_100\%\)\] { background-image: linear-gradient(rgba(11, 12, 13, 0) 0%, rgba(11, 12, 13, .12) 100%); } .bg-\[linear-gradient\(180deg\,rgba\(11\,12\,13\,0\.06\)_0\%\,rgba\(11\,12\,13\,0\.34\)_100\%\)\] { background-image: linear-gradient(rgba(11, 12, 13, .06) 0%, rgba(11, 12, 13, .34) 100%); } .bg-\[radial-gradient\(circle_at_top_left\,rgba\(11\,12\,13\,0\.14\)\,transparent_58\%\)\] { background-image: radial-gradient(circle at 0 0, rgba(11, 12, 13, .14), rgba(0, 0, 0, 0) 58%); } .bg-none { background-image: none; } .bg-none\! { background-image: none !important; } .from-black { --tw-gradient-from: var(--color-black); --tw-gradient-stops: var(--tw-gradient-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-black\/70 { --tw-gradient-from: rgba(0, 0, 0, .7); } @supports (color: color-mix(in lab, red, red)) { .from-black\/70 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 70%, transparent); } } .from-black\/70 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/85 { --tw-gradient-from: rgba(0, 0, 0, .85); } @supports (color: color-mix(in lab, red, red)) { .from-black\/85 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 85%, transparent); } } .from-black\/85 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-brand-20 { --tw-gradient-from: rgba(var(--colors-brand20-rgb), 1); --tw-gradient-stops: var(--tw-gradient-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-0 { --tw-gradient-from: rgba(var(--colors-gray0-rgb), 1); --tw-gradient-stops: var(--tw-gradient-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-40\% { --tw-gradient-from-position: 40%; } .via-black\/45 { --tw-gradient-via: rgba(0, 0, 0, .45); } @supports (color: color-mix(in lab, red, red)) { .via-black\/45 { --tw-gradient-via: color-mix(in oklab, var(--color-black) 45%, transparent); } } .via-black\/45 { --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-black\/50 { --tw-gradient-via: rgba(0, 0, 0, .5); } @supports (color: color-mix(in lab, red, red)) { .via-black\/50 { --tw-gradient-via: color-mix(in oklab, var(--color-black) 50%, transparent); } } .via-black\/50 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-transparent { --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .fill-current { fill: currentColor; } .fill-gray-100 { fill: rgba(var(--colors-gray100-rgb), 1); } .fill-warning-90 { fill: rgba(var(--colors-warning90-rgb), 1); } .fill-white { fill: var(--color-white); } .stroke-gray-0 { stroke: rgba(var(--colors-gray0-rgb), 1); } .stroke-green-500 { stroke: var(--color-green-500); } .stroke-2 { stroke-width: 2px; } .stroke-3 { stroke-width: 3px; } .stroke-4 { stroke-width: 4px; } .stroke-\[2\.5\] { stroke-width: 2.5px; } .stroke-\[2px\] { stroke-width: 2px; } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-center { object-position: center; } .p-\(--card-spacing\) { padding: var(--card-spacing); } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\.5 { padding: calc(var(--spacing) * .5); } .p-1 { padding: calc(var(--spacing) * 1); } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-7 { padding: calc(var(--spacing) * 7); } .p-8 { padding: calc(var(--spacing) * 8); } .p-10 { padding: calc(var(--spacing) * 10); } .p-12 { padding: calc(var(--spacing) * 12); } .p-\[7px\] { padding: 7px; } .px-\(--card-spacing\) { padding-inline: var(--card-spacing); } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-0\.5 { padding-inline: calc(var(--spacing) * .5); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-4\.5 { padding-inline: calc(var(--spacing) * 4.5); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-7 { padding-inline: calc(var(--spacing) * 7); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-10 { padding-inline: calc(var(--spacing) * 10); } .px-12 { padding-inline: calc(var(--spacing) * 12); } .py-\(--card-spacing\) { padding-block: var(--card-spacing); } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * .5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-14 { padding-block: calc(var(--spacing) * 14); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-24 { padding-block: calc(var(--spacing) * 24); } .py-px { padding-top: 1px; padding-bottom: 1px; } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-0\.5 { padding-top: calc(var(--spacing) * .5); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-2\.5 { padding-top: calc(var(--spacing) * 2.5); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-3\.5 { padding-top: calc(var(--spacing) * 3.5); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-12 { padding-top: calc(var(--spacing) * 12); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-32 { padding-top: calc(var(--spacing) * 32); } .pr-0 { padding-right: calc(var(--spacing) * 0); } .pr-0\.5 { padding-right: calc(var(--spacing) * .5); } .pr-1 { padding-right: calc(var(--spacing) * 1); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-2\.5 { padding-right: calc(var(--spacing) * 2.5); } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-3\.5 { padding-right: calc(var(--spacing) * 3.5); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-6 { padding-right: calc(var(--spacing) * 6); } .pr-7 { padding-right: calc(var(--spacing) * 7); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pr-9 { padding-right: calc(var(--spacing) * 9); } .pr-10 { padding-right: calc(var(--spacing) * 10); } .pr-18 { padding-right: 4.5rem; } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-1\.5 { padding-bottom: calc(var(--spacing) * 1.5); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-3\.5 { padding-bottom: calc(var(--spacing) * 3.5); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-7 { padding-bottom: calc(var(--spacing) * 7); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-9 { padding-bottom: calc(var(--spacing) * 9); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-12 { padding-bottom: calc(var(--spacing) * 12); } .pb-16 { padding-bottom: calc(var(--spacing) * 16); } .pl-0 { padding-left: calc(var(--spacing) * 0); } .pl-1 { padding-left: calc(var(--spacing) * 1); } .pl-1\.5 { padding-left: calc(var(--spacing) * 1.5); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-2\.5 { padding-left: calc(var(--spacing) * 2.5); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-4\.5 { padding-left: calc(var(--spacing) * 4.5); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-7 { padding-left: calc(var(--spacing) * 7); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-10 { padding-left: calc(var(--spacing) * 10); } .pl-11 { padding-left: calc(var(--spacing) * 11); } .pl-12 { padding-left: calc(var(--spacing) * 12); } .pl-16 { padding-left: calc(var(--spacing) * 16); } .pl-20 { padding-left: calc(var(--spacing) * 20); } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-start { text-align: start; } .align-\[-2px\] { vertical-align: -2px; } .align-bottom { vertical-align: bottom; } .align-middle { vertical-align: middle; } .align-text-bottom { vertical-align: text-bottom; } .align-top { vertical-align: top; } .font-matter { font-family: var(--font-matter), ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .font-mono { font-family: var(--font-mono); } .font-sans { font-family: var(--font-sans); } .heading-10 { letter-spacing: -.15px; font-size: 10px; font-weight: 570; line-height: 18px; } .heading-12 { letter-spacing: -.18px; font-size: 12px; font-weight: 570; line-height: 18px; } .heading-14 { letter-spacing: -.21px; font-size: 14px; font-weight: 570; line-height: 18px; } .heading-16 { letter-spacing: -.24px; font-size: 16px; font-weight: 570; line-height: 20px; } .heading-18 { letter-spacing: -.27px; font-size: 18px; font-weight: 570; line-height: 22px; } .heading-20 { letter-spacing: -.3px; font-size: 20px; font-weight: 570; line-height: 24px; } .heading-24 { letter-spacing: -.48px; font-size: 24px; font-weight: 570; line-height: 30px; } .heading-28 { letter-spacing: -.56px; font-size: 28px; font-weight: 570; line-height: 34px; } .heading-32 { letter-spacing: -.8px; font-size: 32px; font-weight: 570; line-height: 40px; } .heading-40 { letter-spacing: -1px; font-size: 40px; font-weight: 570; line-height: 48px; } .body-10 { font-size: 10px; line-height: 14px; } .body-12 { font-size: 12px; line-height: 18px; } .body-14 { font-size: 14px; line-height: 20px; } .body-16 { font-size: 16px; line-height: 22px; } .body-18 { font-size: 18px; line-height: 26px; } .body-20 { font-size: 20px; line-height: 30px; } .body-24 { font-size: 24px; line-height: 32px; } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[8px\] { font-size: 8px; } .text-\[10px\] { font-size: 10px; } .text-\[28px\] { font-size: 28px; } .leading-4 { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-none { --tw-leading: 1; line-height: 1; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-medium { --tw-font-weight: 570; font-weight: 570; } .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-normal { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .tracking-wide { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } .tracking-wider { --tw-tracking: var(--tracking-wider); letter-spacing: var(--tracking-wider); } .tracking-widest { --tw-tracking: var(--tracking-widest); letter-spacing: var(--tracking-widest); } .text-balance { text-wrap: balance; text-wrap: balance; } .text-nowrap { text-wrap: nowrap; } .text-pretty { text-wrap: pretty; } .text-wrap { text-wrap: wrap; } .break-words, .wrap-break-word { overflow-wrap: break-word; } .break-all { word-break: break-all; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .text-\[\#F95F35\] { color: #f95f35; } .text-amber-90 { color: rgba(var(--colors-amber90-rgb), 1); } .text-amber-120 { color: rgba(var(--colors-amber120-rgb), 1); } .text-amber-600 { color: var(--color-amber-600); } .text-amber-700 { color: var(--color-amber-700); } .text-analytics-0 { color: rgba(var(--colors-analytics0-rgb), 1); } .text-analytics-3 { color: rgba(var(--colors-analytics3-rgb), 1); } .text-black { color: var(--color-black); } .text-blue-90 { color: rgba(var(--colors-blue90-rgb), 1); } .text-blue-100 { color: rgba(var(--colors-blue100-rgb), 1); } .text-blue-110 { color: rgba(var(--colors-blue110-rgb), 1); } .text-blue-120 { color: rgba(var(--colors-blue120-rgb), 1); } .text-blue-500 { color: var(--color-blue-500); } .text-blue-600 { color: var(--color-blue-600); } .text-blue-700 { color: var(--color-blue-700); } .text-blue-800 { color: var(--color-blue-800); } .text-blue-900 { color: var(--color-blue-900); } .text-brand-50 { color: rgba(var(--colors-brand50-rgb), 1); } .text-brand-60 { color: rgba(var(--colors-brand60-rgb), 1); } .text-brand-80 { color: rgba(var(--colors-brand80-rgb), 1); } .text-brand-90 { color: rgba(var(--colors-brand90-rgb), 1); } .text-brand-100 { color: rgba(var(--colors-brand100-rgb), 1); } .text-brand-110 { color: rgba(var(--colors-brand110-rgb), 1); } .text-brand-120 { color: rgba(var(--colors-brand120-rgb), 1); } .text-current { color: currentColor; } .text-danger-60 { color: rgba(var(--colors-danger60-rgb), 1); } .text-danger-90 { color: rgba(var(--colors-danger90-rgb), 1); } .text-danger-100 { color: rgba(var(--colors-danger100-rgb), 1); } .text-danger-110 { color: rgba(var(--colors-danger110-rgb), 1); } .text-danger-120 { color: rgba(var(--colors-danger120-rgb), 1); } .text-destructive { color: hsl(var(--destructive)); } .text-destructive-foreground { color: hsl(var(--destructive-foreground)); } .text-emerald-700 { color: var(--color-emerald-700); } .text-gray-0 { color: rgba(var(--colors-gray0-rgb), 1); } .text-gray-10 { color: rgba(var(--colors-gray10-rgb), 1); } .text-gray-30 { color: rgba(var(--colors-gray30-rgb), 1); } .text-gray-40 { color: rgba(var(--colors-gray40-rgb), 1); } .text-gray-50 { color: rgba(var(--colors-gray50-rgb), 1); } .text-gray-60 { color: rgba(var(--colors-gray60-rgb), 1); } .text-gray-70 { color: rgba(var(--colors-gray70-rgb), 1); } .text-gray-80 { color: rgba(var(--colors-gray80-rgb), 1); } .text-gray-90 { color: rgba(var(--colors-gray90-rgb), 1); } .text-gray-100 { color: rgba(var(--colors-gray100-rgb), 1); } .text-gray-110 { color: rgba(var(--colors-gray110-rgb), 1); } .text-gray-120 { color: rgba(var(--colors-gray120-rgb), 1); } .text-gray-130 { color: rgba(var(--colors-gray130-rgb), 1); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-800 { color: var(--color-gray-800); } .text-gray-900 { color: var(--color-gray-900); } .text-green-90 { color: rgba(var(--colors-green90-rgb), 1); } .text-green-110 { color: rgba(var(--colors-green110-rgb), 1); } .text-green-120 { color: rgba(var(--colors-green120-rgb), 1); } .text-green-500 { color: var(--color-green-500); } .text-green-600 { color: var(--color-green-600); } .text-green-700 { color: var(--color-green-700); } .text-green-800 { color: var(--color-green-800); } .text-green-900 { color: var(--color-green-900); } .text-indigo-700 { color: var(--color-indigo-700); } .text-info-90 { color: rgba(var(--colors-info90-rgb), 1); } .text-inherit { color: inherit; } .text-muted-foreground { color: hsl(var(--gray-100)); } .text-orange-300 { color: var(--color-orange-300); } .text-orange-500 { color: var(--color-orange-500); } .text-orange-600 { color: var(--color-orange-600); } .text-orange-700 { color: var(--color-orange-700); } .text-orange-800 { color: var(--color-orange-800); } .text-popover-foreground { color: hsl(var(--popover-foreground)); } .text-primary { color: hsl(var(--primary)); } .text-purple-700 { color: var(--color-purple-700); } .text-purple-800 { color: var(--color-purple-800); } .text-red-60 { color: rgba(var(--colors-red60-rgb), 1); } .text-red-70 { color: rgba(var(--colors-red70-rgb), 1); } .text-red-90 { color: rgba(var(--colors-red90-rgb), 1); } .text-red-100 { color: rgba(var(--colors-red100-rgb), 1); } .text-red-120 { color: rgba(var(--colors-red120-rgb), 1); } .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-secondary-foreground { color: hsl(var(--secondary-foreground)); } .text-slate-700 { color: var(--color-slate-700); } .text-success-10 { color: rgba(var(--colors-success10-rgb), 1); } .text-success-90 { color: rgba(var(--colors-success90-rgb), 1); } .text-success-100 { color: rgba(var(--colors-success100-rgb), 1); } .text-success-110 { color: rgba(var(--colors-success110-rgb), 1); } .text-success-120 { color: rgba(var(--colors-success120-rgb), 1); } .text-tertiary-foreground { color: hsl(var(--tertiary-foreground)); } .text-warning-90 { color: rgba(var(--colors-warning90-rgb), 1); } .text-warning-100 { color: rgba(var(--colors-warning100-rgb), 1); } .text-warning-110 { color: rgba(var(--colors-warning110-rgb), 1); } .text-warning-120 { color: rgba(var(--colors-warning120-rgb), 1); } .text-white { color: var(--color-white); } .text-white\/80 { color: rgba(255, 255, 255, .8); } @supports (color: color-mix(in lab, red, red)) { .text-white\/80 { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .text-white\/90 { color: rgba(255, 255, 255, .9); } @supports (color: color-mix(in lab, red, red)) { .text-white\/90 { color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .text-yellow-400 { color: var(--color-yellow-400); } .text-yellow-500 { color: var(--color-yellow-500); } .text-yellow-600 { color: var(--color-yellow-600); } .text-yellow-700 { color: var(--color-yellow-700); } .text-yellow-800 { color: var(--color-yellow-800); } .text-zinc-500 { color: var(--color-zinc-500); } .text-zinc-600 { color: var(--color-zinc-600); } .text-zinc-900 { color: var(--color-zinc-900); } .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 { -webkit-text-decoration-line: line-through; text-decoration-line: line-through; } .underline { -webkit-text-decoration-line: underline; text-decoration-line: underline; } .decoration-dotted { -webkit-text-decoration-style: dotted; text-decoration-style: dotted; } .underline-offset-2 { text-underline-offset: 2px; } .underline-offset-4 { text-underline-offset: 4px; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .opacity-0 { opacity: 0; } .opacity-30 { opacity: .3; } .opacity-40 { opacity: .4; } .opacity-45 { opacity: .45; } .opacity-50 { opacity: .5; } .opacity-60 { opacity: .6; } .opacity-70 { opacity: .7; } .opacity-75 { opacity: .75; } .opacity-80 { opacity: .8; } .opacity-85 { opacity: .85; } .opacity-100 { opacity: 1; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 0, .1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgba(0, 0, 0, .25)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xs { --tw-shadow: 0 1px var(--tw-shadow-color, rgba(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-\[0_-1px_2px_-1px_rgba\(0\,0\,0\,0\.2\)\,0_1px_1px_0_rgba\(0\,0\,0\,0\.14\)\,0_2px_4px_0_rgba\(0\,0\,0\,0\.12\)\] { --tw-shadow: 0 -1px 2px -1px var(--tw-shadow-color, rgba(0, 0, 0, .2)), 0 1px 1px 0 var(--tw-shadow-color, rgba(0, 0, 0, .14)), 0 2px 4px 0 var(--tw-shadow-color, rgba(0, 0, 0, .12)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_3px_rgba\(75\,176\,50\,0\.18\)\] { --tw-shadow: 0 0 0 3px var(--tw-shadow-color, rgba(75, 176, 50, .18)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_4px_0_rgba\(0\,0\,0\,0\.04\)\,0_8px_24px_0_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0 2px 4px 0 var(--tw-shadow-color, rgba(0, 0, 0, .04)), 0 8px 24px 0 var(--tw-shadow-color, rgba(0, 0, 0, .08)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_8px_0_rgba\(0\,0\,0\,0\.16\)\] { --tw-shadow: 0 2px 8px 0 var(--tw-shadow-color, rgba(0, 0, 0, .16)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_8px_1px_rgba\(56\,245\,242\,0\.32\)\,0_2px_8px_rgba\(0\,0\,0\,0\.16\)\] { --tw-shadow: 0 2px 8px 1px var(--tw-shadow-color, rgba(56, 245, 242, .32)), 0 2px 8px var(--tw-shadow-color, rgba(0, 0, 0, .16)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_8px_1px_rgba\(75\,176\,50\,0\.32\)\,0_2px_8px_rgba\(0\,0\,0\,0\.16\)\] { --tw-shadow: 0 2px 8px 1px var(--tw-shadow-color, rgba(75, 176, 50, .32)), 0 2px 8px var(--tw-shadow-color, rgba(0, 0, 0, .16)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_8px_1px_rgba\(94\,96\,98\,0\.32\)\,0_2px_8px_rgba\(0\,0\,0\,0\.16\)\] { --tw-shadow: 0 2px 8px 1px var(--tw-shadow-color, rgba(94, 96, 98, .32)), 0 2px 8px var(--tw-shadow-color, rgba(0, 0, 0, .16)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_8px_1px_rgba\(114\,210\,92\,0\.32\)\,0_2px_8px_rgba\(0\,0\,0\,0\.16\)\] { --tw-shadow: 0 2px 8px 1px var(--tw-shadow-color, rgba(114, 210, 92, .32)), 0 2px 8px var(--tw-shadow-color, rgba(0, 0, 0, .16)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_8px_1px_rgba\(191\,53\,63\,0\.32\)\,0_2px_8px_rgba\(0\,0\,0\,0\.16\)\] { --tw-shadow: 0 2px 8px 1px var(--tw-shadow-color, rgba(191, 53, 63, .32)), 0 2px 8px var(--tw-shadow-color, rgba(0, 0, 0, .16)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_2px_8px_1px_rgba\(252\,177\,79\,0\.32\)\,0_2px_8px_rgba\(0\,0\,0\,0\.16\)\] { --tw-shadow: 0 2px 8px 1px var(--tw-shadow-color, rgba(252, 177, 79, .32)), 0 2px 8px var(--tw-shadow-color, rgba(0, 0, 0, .16)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_1px_2px_0px_rgba\(0\,0\,0\,0\.08\)\] { --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, .08)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_1px_4px_0px_rgba\(0\,0\,0\,0\.16\)\] { --tw-shadow: 0px 1px 4px 0px var(--tw-shadow-color, rgba(0, 0, 0, .16)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_2px_8px_0px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0px 2px 8px 0px var(--tw-shadow-color, rgba(0, 0, 0, .06)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_2px_8px_0px_rgba\(0\,0\,0\,0\.16\)\] { --tw-shadow: 0px 2px 8px 0px var(--tw-shadow-color, rgba(0, 0, 0, .16)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_2px_8px_rgba\(0\,0\,0\,0\.16\)\] { --tw-shadow: 0px 2px 8px var(--tw-shadow-color, rgba(0, 0, 0, .16)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_4px_16px_0px_rgba\(0\,0\,0\,0\.16\)\] { --tw-shadow: 0px 4px 16px 0px var(--tw-shadow-color, rgba(0, 0, 0, .16)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_0_-1px_0\] { --tw-shadow: inset 0 -1px 0 var(--tw-shadow-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[inset_4px_0_0_0_var\(--colors-warning90\)\] { --tw-shadow: inset 4px 0 0 0 var(--tw-shadow-color, var(--colors-warning90)); 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, rgba(0, 0, 0, .1)), 0 4px 6px -4px var(--tw-shadow-color, rgba(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, rgba(0, 0, 0, .1)), 0 2px 4px -2px var(--tw-shadow-color, rgba(0, 0, 0, .1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 rgba(0, 0, 0, 0); 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, rgba(0, 0, 0, .1)), 0 1px 2px -1px var(--tw-shadow-color, rgba(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, rgba(0, 0, 0, .1)), 0 8px 10px -6px var(--tw-shadow-color, rgba(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, rgba(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-0 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-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); } .shadow-gray-40 { --tw-shadow-color: rgba(var(--colors-gray40-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .shadow-gray-40 { --tw-shadow-color: color-mix(in oklab, rgba(var(--colors-gray40-rgb), 1) var(--tw-shadow-alpha), transparent); } } .ring-blue-400 { --tw-ring-color: var(--color-blue-400); } .ring-blue-500 { --tw-ring-color: var(--color-blue-500); } .ring-blue-500\/75 { --tw-ring-color: rgba(48, 128, 255, .75); } @supports (color: color-mix(in lab, red, red)) { .ring-blue-500\/75 { --tw-ring-color: color-mix(in oklab, var(--color-blue-500) 75%, transparent); } } .ring-brand-60 { --tw-ring-color: rgba(var(--colors-brand60-rgb), 1); } .ring-brand-70 { --tw-ring-color: rgba(var(--colors-brand70-rgb), 1); } .ring-brand-80 { --tw-ring-color: rgba(var(--colors-brand80-rgb), 1); } .ring-brand-90 { --tw-ring-color: rgba(var(--colors-brand90-rgb), 1); } .ring-brand-100 { --tw-ring-color: rgba(var(--colors-brand100-rgb), 1); } .ring-gray-0 { --tw-ring-color: rgba(var(--colors-gray0-rgb), 1); } .ring-gray-30 { --tw-ring-color: rgba(var(--colors-gray30-rgb), 1); } .ring-gray-40 { --tw-ring-color: rgba(var(--colors-gray40-rgb), 1); } .ring-gray-50 { --tw-ring-color: rgba(var(--colors-gray50-rgb), 1); } .ring-gray-80 { --tw-ring-color: rgba(var(--colors-gray80-rgb), 1); } .ring-gray-130 { --tw-ring-color: rgba(var(--colors-gray130-rgb), 1); } .ring-gray-300 { --tw-ring-color: var(--color-gray-300); } .ring-gray-500 { --tw-ring-color: var(--color-gray-500); } .ring-orange-300 { --tw-ring-color: var(--color-orange-300); } .ring-transparent { --tw-ring-color: transparent; } .ring-warning-90 { --tw-ring-color: rgba(var(--colors-warning90-rgb), 1); } .ring-white { --tw-ring-color: var(--color-white); } .ring-white\/10 { --tw-ring-color: rgba(255, 255, 255, .1); } @supports (color: color-mix(in lab, red, red)) { .ring-white\/10 { --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .ring-white\/20 { --tw-ring-color: rgba(255, 255, 255, .2); } @supports (color: color-mix(in lab, red, red)) { .ring-white\/20 { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .ring-offset-1 { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .ring-offset-2 { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .ring-offset-gray-0 { --tw-ring-offset-color: rgba(var(--colors-gray0-rgb), 1); } .ring-offset-gray-10 { --tw-ring-offset-color: rgba(var(--colors-gray10-rgb), 1); } .outline-hidden { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .outline-hidden { outline-offset: 2px; outline: 2px solid rgba(0, 0, 0, 0); } } .outline-hidden { outline-offset: 2px; outline: 2px solid rgba(0, 0, 0, 0); } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-2 { outline-style: var(--tw-outline-style); outline-width: 2px; } .outline-4 { outline-style: var(--tw-outline-style); outline-width: 4px; } .outline-offset-0 { outline-offset: 0px; } .outline-offset-\[0\.5px\] { outline-offset: .5px; } .outline-gray-30 { outline-color: rgba(var(--colors-gray30-rgb), 1); } .outline-gray-130 { outline-color: rgba(var(--colors-gray130-rgb), 1); } .outline-green-500 { outline-color: var(--color-green-500); } .outline-green-700 { outline-color: var(--color-green-700); } .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-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, ); } .brightness-80 { --tw-brightness: brightness(80%); 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, ); } .brightness-100 { --tw-brightness: brightness(100%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .brightness-\[0\.35\] { --tw-brightness: brightness(.35); 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-md { --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgba(0, 0, 0, .12))); --tw-drop-shadow: drop-shadow(var(--drop-shadow-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, ); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .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 { --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-md { --tw-backdrop-blur: blur(var(--blur-md)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .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, ); } .transition { transition-property: color, background-color, border-color, outline-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[color\,background-color\,width\] { transition-property: color, background-color, width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[left\] { transition-property: left; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[margin\,opacity\] { transition-property: margin, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[max-height\,opacity\] { transition-property: max-height, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[max-height\] { transition-property: max-height; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[max-width\,opacity\] { transition-property: max-width, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[opacity\,transform\,color\,background\] { transition-property: opacity, transform, color, background; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[translate\,background-color\] { transition-property: translate, background-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\] { transition-property: width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-background { transition-property: background-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-100 { --tw-duration: .1s; transition-duration: .1s; } .duration-150 { --tw-duration: .15s; transition-duration: .15s; } .duration-200 { --tw-duration: .2s; transition-duration: .2s; } .duration-300 { --tw-duration: .3s; transition-duration: .3s; } .ease-\[ease\] { --tw-ease: ease; transition-timing-function: ease; } .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); } .contain-strict { contain: strict; } .fade-in-0 { --tw-enter-opacity: 0; } .outline-none { --tw-outline-style: none; outline-style: none; } .outline-solid { --tw-outline-style: solid; outline-style: solid; } .select-all { -webkit-user-select: all; -moz-user-select: all; user-select: all; } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .zoom-in-95 { --tw-enter-scale: .95; } .\[--card-spacing\:--spacing\(4\)\] { --card-spacing: calc(var(--spacing) * 4); } .\[--video-border-radius\:16px\] { --video-border-radius: 16px; } .\[text-shadow\:0_1px_4px_rgba\(0\,0\,0\,0\.6\)\] { text-shadow: 0 1px 4px rgba(0, 0, 0, .6); } .\[text-shadow\:0_1px_6px_rgba\(0\,0\,0\,0\.7\)\] { text-shadow: 0 1px 6px rgba(0, 0, 0, .7); } .\[text-shadow\:0_1px_8px_rgba\(0\,0\,0\,0\.6\)\] { text-shadow: 0 1px 8px rgba(0, 0, 0, .6); } .\[writing-mode\:vertical-rl\] { writing-mode: vertical-rl; } .fade-out { --tw-exit-opacity: 0; } .paused { animation-play-state: paused; } .ring-inset { --tw-ring-inset: inset; } .running { animation-play-state: running; } .zoom-out { --tw-exit-scale: 0; } :is(.\*\:flex-1 > *) { flex: 1; } .group-focus-within\:opacity-100:is(:where(.group):focus-within *) { opacity: 1; } @media (hover: hover) { .group-hover\:pointer-events-auto:is(:where(.group):hover *) { pointer-events: auto; } } @media (hover: hover) { .group-hover\:w-1:is(:where(.group):hover *) { width: calc(var(--spacing) * 1); } } @media (hover: hover) { .group-hover\:w-20:is(:where(.group):hover *) { width: calc(var(--spacing) * 20); } } @media (hover: hover) { .group-hover\:scale-100:is(:where(.group):hover *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } } @media (hover: hover) { .group-hover\:scale-\[1\.02\]:is(:where(.group):hover *) { scale: 1.02; } } @media (hover: hover) { .group-hover\:scale-\[1\.03\]:is(:where(.group):hover *) { scale: 1.03; } } @media (hover: hover) { .group-hover\:border-brand-50:is(:where(.group):hover *) { border-color: rgba(var(--colors-brand50-rgb), 1); } } @media (hover: hover) { .group-hover\:border-gray-130:is(:where(.group):hover *) { border-color: rgba(var(--colors-gray130-rgb), 1); } } @media (hover: hover) { .group-hover\:text-gray-130:is(:where(.group):hover *) { color: rgba(var(--colors-gray130-rgb), 1); } } @media (hover: hover) { .group-hover\:opacity-0:is(:where(.group):hover *) { opacity: 0; } } @media (hover: hover) { .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } } @media (hover: hover) { .group-hover\:shadow-md:is(:where(.group):hover *) { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 2px 4px -2px var(--tw-shadow-color, rgba(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); } } @media (hover: hover) { .group-hover\/answer-card\:opacity-100:is(:where(.group\/answer-card):hover *) { opacity: 1; } } @media (hover: hover) { .group-hover\/defect-card\:border-gray-50:is(:where(.group\/defect-card):hover *) { border-color: rgba(var(--colors-gray50-rgb), 1); } } @media (hover: hover) { .group-hover\/defect-card\:bg-gray-50:is(:where(.group\/defect-card):hover *) { background-color: rgba(var(--colors-gray50-rgb), 1); } } @media (hover: hover) { .group-hover\/evidence-item\:opacity-100:is(:where(.group\/evidence-item):hover *) { opacity: 1; } } @media (hover: hover) { .group-hover\/flex-table-group-row\:bg-gray-30:is(:where(.group\/flex-table-group-row):hover *) { background-color: rgba(var(--colors-gray30-rgb), 1); } } @media (hover: hover) { .group-hover\/flex-table-row\:bg-gray-20:is(:where(.group\/flex-table-row):hover *) { background-color: rgba(var(--colors-gray20-rgb), 1); } } @media (hover: hover) { .group-hover\/flex-table-row\:opacity-100:is(:where(.group\/flex-table-row):hover *) { opacity: 1; } } @media (hover: hover) { .group-hover\/issues-per-area-item\:ring-gray-20:is(:where(.group\/issues-per-area-item):hover *) { --tw-ring-color: rgba(var(--colors-gray20-rgb), 1); } } @media (hover: hover) { .group-hover\/line-item-row-card\:bg-gray-50:is(:where(.group\/line-item-row-card):hover *) { background-color: rgba(var(--colors-gray50-rgb), 1); } } @media (hover: hover) { .group-hover\/message\:opacity-100:is(:where(.group\/message):hover *) { opacity: 1; } } @media (hover: hover) { .group-hover\/resizer\:border-brand-90:is(:where(.group\/resizer):hover *) { border-color: rgba(var(--colors-brand90-rgb), 1); } } @media (hover: hover) { .group-hover\/resizer\:text-brand-90:is(:where(.group\/resizer):hover *) { color: rgba(var(--colors-brand90-rgb), 1); } } @media (hover: hover) { .group-hover\/resizer\:opacity-100:is(:where(.group\/resizer):hover *) { opacity: 1; } } @media (hover: hover) { .group-hover\/review-work-order-line-item-row-card\:bg-gray-50:is(:where(.group\/review-work-order-line-item-row-card):hover *) { background-color: rgba(var(--colors-gray50-rgb), 1); } } @media (hover: hover) { .group-hover\/transcription-list-item\:opacity-100:is(:where(.group\/transcription-list-item):hover *) { opacity: 1; } } @media (hover: hover) { .group-hover\/visit-work-order-line-item-row-card\:bg-gray-50:is(:where(.group\/visit-work-order-line-item-row-card):hover *) { background-color: rgba(var(--colors-gray50-rgb), 1); } } .group-focus-visible\:ring-2:is(:where(.group):focus-visible *) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group-focus-visible\:ring-brand-80:is(:where(.group):focus-visible *) { --tw-ring-color: rgba(var(--colors-brand80-rgb), 1); } .group-active\/flex-table-group-row\:bg-gray-50:is(:where(.group\/flex-table-group-row):active *) { background-color: rgba(var(--colors-gray50-rgb), 1); } .group-active\/flex-table-row\:bg-gray-40:is(:where(.group\/flex-table-row):active *) { background-color: rgba(var(--colors-gray40-rgb), 1); } .group-active\/issues-per-area-item\:ring-gray-40:is(:where(.group\/issues-per-area-item):active *) { --tw-ring-color: rgba(var(--colors-gray40-rgb), 1); } .group-has-\[\[data-component\=message-content\]\>\:last-child\>\:last-child\>\[data-component\=bubble-reactions\]\:not\(\[data-unstyled\]\)\]\/message\:mb-4:is(:where(.group\/message):has(:is([data-component="message-content"] > :last-child > :last-child > [data-component="bubble-reactions"]:not([data-unstyled]))) *) { margin-bottom: calc(var(--spacing) * 4); } .group-has-\[\[data-component\=message-content\]\>\:last-child\>\[data-component\=bubble-reactions\]\:not\(\[data-unstyled\]\)\]\/message\:mb-4:is(:where(.group\/message):has(:is([data-component="message-content"] > :last-child > [data-component="bubble-reactions"]:not([data-unstyled]))) *) { margin-bottom: calc(var(--spacing) * 4); } .group-has-\[\[data-synced\]\:focus\]\/cost-components\:not-focus-within\:bg-warning-20:is(:where(.group\/cost-components):has([data-synced]:focus) *):not(:focus-within) { background-color: rgba(var(--colors-warning20-rgb), 1); } .group-data-\[active\=true\]\/transcription-list-item\:font-semibold:is(:where(.group\/transcription-list-item)[data-active="true"] *) { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .group-data-\[appearance\=danger\]\/tool-alert\:text-danger-90:is(:where(.group\/tool-alert)[data-appearance="danger"] *) { color: rgba(var(--colors-danger90-rgb), 1); } .group-data-\[appearance\=info\]\/tool-alert\:text-gray-90:is(:where(.group\/tool-alert)[data-appearance="info"] *) { color: rgba(var(--colors-gray90-rgb), 1); } .group-data-\[appearance\=warning\]\/tool-alert\:text-warning-90:is(:where(.group\/tool-alert)[data-appearance="warning"] *) { color: rgba(var(--colors-warning90-rgb), 1); } .group-data-\[indeterminate\]\/checkbox\:block:is(:where(.group\/checkbox)[data-indeterminate] *) { display: block; } .group-data-\[indeterminate\]\/checkbox\:hidden:is(:where(.group\/checkbox)[data-indeterminate] *) { display: none; } .group-data-\[open\=true\]\:pointer-events-auto:is(:where(.group)[data-open="true"] *) { pointer-events: auto; } .group-data-\[open\=true\]\:w-full:is(:where(.group)[data-open="true"] *) { width: 100%; } .group-data-\[open\=true\]\:opacity-100:is(:where(.group)[data-open="true"] *) { opacity: 1; } .group-data-\[panel-open\]\/sidebar-item\:rotate-90:is(:where(.group\/sidebar-item)[data-panel-open] *) { rotate: 90deg; } .group-data-\[priority\=high\]\/flex-table-row\:shadow-\[inset_12px_0_0_0_var\(--colors-warning90\)\]:is(:where(.group\/flex-table-row)[data-priority="high"] *) { --tw-shadow: inset 12px 0 0 0 var(--tw-shadow-color, var(--colors-warning90)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group-data-\[role\=user\]\/message\:ml-auto:is(:where(.group\/message)[data-role="user"] *) { margin-left: auto; } .group-data-\[role\=user\]\/message\:w-fit:is(:where(.group\/message)[data-role="user"] *) { width: -moz-fit-content; width: fit-content; } .group-data-\[role\=user\]\/message\:max-w-2xl:is(:where(.group\/message)[data-role="user"] *) { max-width: var(--container-2xl); } .group-data-\[role\=user\]\/message\:bg-gray-50:is(:where(.group\/message)[data-role="user"] *) { background-color: rgba(var(--colors-gray50-rgb), 1); } .group-data-\[role\=user\]\/message\:px-3:is(:where(.group\/message)[data-role="user"] *) { padding-inline: calc(var(--spacing) * 3); } .group-data-\[role\=user\]\/message\:py-2:is(:where(.group\/message)[data-role="user"] *) { padding-block: calc(var(--spacing) * 2); } .group-data-\[selected\=active\]\:hidden:is(:where(.group)[data-selected="active"] *) { display: none; } .group-data-\[selected\=inactive\]\:hidden:is(:where(.group)[data-selected="inactive"] *) { display: none; } .group-data-\[selected\=inactive\]\:grayscale:is(:where(.group)[data-selected="inactive"] *) { --tw-grayscale: grayscale(100%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } @media (hover: hover) { .group-hover\:group-data-\[selected\=inactive\]\:block:is(:where(.group):hover *):is(:where(.group)[data-selected="inactive"] *) { display: block; } } @media (hover: hover) { .group-hover\:group-data-\[selected\=inactive\]\:hidden:is(:where(.group):hover *):is(:where(.group)[data-selected="inactive"] *) { display: none; } } @media (hover: hover) { .group-hover\:group-data-\[selected\=inactive\]\:grayscale-0:is(:where(.group):hover *):is(:where(.group)[data-selected="inactive"] *) { --tw-grayscale: grayscale(0%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } } .group-data-\[selected\=true\]\:border-transparent:is(:where(.group)[data-selected="true"] *) { border-color: rgba(0, 0, 0, 0); } .group-data-\[selected\=true\]\:bg-gray-130:is(:where(.group)[data-selected="true"] *) { background-color: rgba(var(--colors-gray130-rgb), 1); } .group-data-\[selected\=true\]\:text-gray-0:is(:where(.group)[data-selected="true"] *) { color: rgba(var(--colors-gray0-rgb), 1); } .group-data-\[side\=left\]\/bubble\:right-3:is(:where(.group\/bubble)[data-side="left"] *) { right: calc(var(--spacing) * 3); } .group-data-\[side\=left\]\/message\:items-start:is(:where(.group\/message)[data-side="left"] *) { align-items: flex-start; } .group-data-\[side\=left\]\/message\:pl-3:is(:where(.group\/message)[data-side="left"] *) { padding-left: calc(var(--spacing) * 3); } .group-data-\[side\=left\]\/sidebar\:left-full:is(:where(.group\/sidebar)[data-side="left"] *) { left: 100%; } .group-data-\[side\=left\]\/sidebar\:-ml-0\.5:is(:where(.group\/sidebar)[data-side="left"] *) { margin-left: calc(var(--spacing) * -.5); } .group-data-\[side\=left\]\/sidebar\:cursor-e-resize:is(:where(.group\/sidebar)[data-side="left"] *) { cursor: e-resize; } .group-data-\[side\=right\]\/bubble\:left-3:is(:where(.group\/bubble)[data-side="right"] *) { left: calc(var(--spacing) * 3); } .group-data-\[side\=right\]\/message\:items-end:is(:where(.group\/message)[data-side="right"] *) { align-items: flex-end; } .group-data-\[side\=right\]\/message\:pr-3:is(:where(.group\/message)[data-side="right"] *) { padding-right: calc(var(--spacing) * 3); } .group-data-\[side\=right\]\/sidebar\:right-full:is(:where(.group\/sidebar)[data-side="right"] *) { right: 100%; } .group-data-\[side\=right\]\/sidebar\:-mr-0\.5:is(:where(.group\/sidebar)[data-side="right"] *) { margin-right: calc(var(--spacing) * -.5); } .group-data-\[side\=right\]\/sidebar\:cursor-w-resize:is(:where(.group\/sidebar)[data-side="right"] *) { cursor: w-resize; } .group-data-\[size\=2xl\]\/avatar\:size-6:is(:where(.group\/avatar)[data-size="2xl"] *) { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .group-data-\[size\=2xl\]\/avatar\:heading-16:is(:where(.group\/avatar)[data-size="2xl"] *) { letter-spacing: -.24px; font-size: 16px; font-weight: 570; line-height: 20px; } .group-data-\[size\=lg\]\/avatar\:size-4:is(:where(.group\/avatar)[data-size="lg"] *) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .group-data-\[size\=lg\]\/avatar\:heading-14:is(:where(.group\/avatar)[data-size="lg"] *) { letter-spacing: -.21px; font-size: 14px; font-weight: 570; line-height: 18px; } .group-data-\[size\=md\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size="md"] *) { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .group-data-\[size\=md\]\/avatar\:heading-14:is(:where(.group\/avatar)[data-size="md"] *) { letter-spacing: -.21px; font-size: 14px; font-weight: 570; line-height: 18px; } .group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size="sm"] *) { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); } .group-data-\[size\=sm\]\/avatar\:heading-12:is(:where(.group\/avatar)[data-size="sm"] *) { letter-spacing: -.18px; font-size: 12px; font-weight: 570; line-height: 18px; } .group-data-\[size\=sm\]\/segmented-controls\:rounded-8:is(:where(.group\/segmented-controls)[data-size="sm"] *) { border-radius: 8px; } .group-data-\[size\=sm\]\/segmented-controls\:heading-12:is(:where(.group\/segmented-controls)[data-size="sm"] *) { letter-spacing: -.18px; font-size: 12px; font-weight: 570; line-height: 18px; } .group-data-\[size\=xl\]\/avatar\:size-5:is(:where(.group\/avatar)[data-size="xl"] *) { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .group-data-\[size\=xl\]\/avatar\:heading-16:is(:where(.group\/avatar)[data-size="xl"] *) { letter-spacing: -.24px; font-size: 16px; font-weight: 570; line-height: 20px; } .group-data-\[size\=xs\]\/avatar\:size-1\.5:is(:where(.group\/avatar)[data-size="xs"] *) { width: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 1.5); } .group-data-\[size\=xs\]\/avatar\:heading-10:is(:where(.group\/avatar)[data-size="xs"] *) { letter-spacing: -.15px; font-size: 10px; font-weight: 570; line-height: 18px; } .group-data-\[state\=checked\]\:border-brand-90:is(:where(.group)[data-state="checked"] *) { border-color: rgba(var(--colors-brand90-rgb), 1); } .group-data-\[state\=checked\]\:bg-brand-90:is(:where(.group)[data-state="checked"] *) { background-color: rgba(var(--colors-brand90-rgb), 1); } .group-data-\[state\=checked\]\:text-brand-10:is(:where(.group)[data-state="checked"] *) { color: rgba(var(--colors-brand10-rgb), 1); } .group-data-\[state\=checked\]\/checkbox\:block:is(:where(.group\/checkbox)[data-state="checked"] *) { display: block; } .group-data-\[state\=closed\]\/collapsible-card-trigger\:-rotate-90:is(:where(.group\/collapsible-card-trigger)[data-state="closed"] *) { rotate: -90deg; } .group-data-\[state\=closed\]\/sidebar\:pointer-events-none:is(:where(.group\/sidebar)[data-state="closed"] *) { pointer-events: none; } .group-data-\[state\=closed\]\/sidebar\:-mt-8:is(:where(.group\/sidebar)[data-state="closed"] *) { margin-top: calc(var(--spacing) * -8); } .group-data-\[state\=closed\]\/sidebar\:block:is(:where(.group\/sidebar)[data-state="closed"] *) { display: block; } .group-data-\[state\=closed\]\/sidebar\:hidden:is(:where(.group\/sidebar)[data-state="closed"] *) { display: none; } .group-data-\[state\=closed\]\/sidebar\:inline:is(:where(.group\/sidebar)[data-state="closed"] *) { display: inline; } .group-data-\[state\=closed\]\/sidebar\:w-10:is(:where(.group\/sidebar)[data-state="closed"] *) { width: calc(var(--spacing) * 10); } .group-data-\[state\=closed\]\/sidebar\:opacity-0:is(:where(.group\/sidebar)[data-state="closed"] *) { opacity: 0; } .group-data-\[state\=indeterminate\]\/checkbox\:block:is(:where(.group\/checkbox)[data-state="indeterminate"] *) { display: block; } .group-data-\[state\=off\]\/mobile-segmented-controls-item\:flex:is(:where(.group\/mobile-segmented-controls-item)[data-state="off"] *) { display: flex; } .group-data-\[state\=on\]\/mobile-segmented-controls-item\:flex:is(:where(.group\/mobile-segmented-controls-item)[data-state="on"] *) { display: flex; } .group-data-\[state\=open\]\/assignee-chip-trigger\:rotate-180:is(:where(.group\/assignee-chip-trigger)[data-state="open"] *) { rotate: 180deg; } .group-data-\[state\=open\]\/collapsible\:rotate-180:is(:where(.group\/collapsible)[data-state="open"] *) { rotate: 180deg; } .group-data-\[state\=open\]\/collapsible-card\:rotate-180:is(:where(.group\/collapsible-card)[data-state="open"] *) { rotate: 180deg; } .group-data-\[state\=open\]\/collapsible-card-trigger\:rotate-180:is(:where(.group\/collapsible-card-trigger)[data-state="open"] *) { rotate: 180deg; } .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) { cursor: not-allowed; } .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) { opacity: .7; } .peer-data-\[side\=left\]\:pl-0:is(:where(.peer)[data-side="left"] ~ *) { padding-left: calc(var(--spacing) * 0); } .peer-data-\[side\=right\]\:pr-0:is(:where(.peer)[data-side="right"] ~ *) { padding-right: calc(var(--spacing) * 0); } .selection\:bg-teal-100 ::selection { background-color: var(--color-teal-100); } .selection\:bg-teal-100::selection { background-color: var(--color-teal-100); } .file\:border-0::-webkit-file-upload-button { border-style: var(--tw-border-style); border-width: 0; } .file\:border-0::file-selector-button { border-style: var(--tw-border-style); border-width: 0; } .file\:bg-transparent::-webkit-file-upload-button { background-color: rgba(0, 0, 0, 0); } .file\:bg-transparent::file-selector-button { background-color: rgba(0, 0, 0, 0); } .file\:text-sm::-webkit-file-upload-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .file\:text-sm::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .file\:font-medium::-webkit-file-upload-button { --tw-font-weight: 570; font-weight: 570; } .file\:font-medium::file-selector-button { --tw-font-weight: 570; font-weight: 570; } .file\:text-gray-100::-webkit-file-upload-button { color: rgba(var(--colors-gray100-rgb), 1); } .file\:text-gray-100::file-selector-button { color: rgba(var(--colors-gray100-rgb), 1); } .placeholder\:text-gray-60::placeholder { color: rgba(var(--colors-gray60-rgb), 1); } .placeholder\:text-gray-80::placeholder { color: rgba(var(--colors-gray80-rgb), 1); } .placeholder\:text-gray-90::placeholder { color: rgba(var(--colors-gray90-rgb), 1); } .placeholder\:text-gray-100::placeholder { color: rgba(var(--colors-gray100-rgb), 1); } .before\:pointer-events-none:before { content: var(--tw-content); pointer-events: none; } .before\:absolute:before { content: var(--tw-content); position: absolute; } .before\:inset-0:before { content: var(--tw-content); inset: calc(var(--spacing) * 0); } .before\:inset-y-0:before { content: var(--tw-content); inset-block: calc(var(--spacing) * 0); } .before\:-top-0\.5:before { content: var(--tw-content); top: calc(var(--spacing) * -.5); } .before\:top-1\/2:before { content: var(--tw-content); top: 50%; } .before\:-left-0\.5:before { content: var(--tw-content); left: calc(var(--spacing) * -.5); } .before\:left-1\/2:before { content: var(--tw-content); left: 50%; } .before\:-z-10:before { content: var(--tw-content); z-index: calc(10 * -1); } .before\:block:before { content: var(--tw-content); display: block; } .before\:size-5:before { content: var(--tw-content); width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .before\:size-6:before { content: var(--tw-content); width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .before\:w-0\.5:before { content: var(--tw-content); width: calc(var(--spacing) * .5); } .before\:w-1:before { content: var(--tw-content); width: calc(var(--spacing) * 1); } .before\:w-1\.5:before { content: var(--tw-content); width: calc(var(--spacing) * 1.5); } .before\:-translate-x-1\/2:before { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .before\:-translate-y-1\/2:before { content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .before\:rounded-12:before { content: var(--tw-content); border-radius: 12px; } .before\:rounded-\[inherit\]:before { content: var(--tw-content); border-radius: inherit; } .before\:bg-brand-90:before { content: var(--tw-content); background-color: rgba(var(--colors-brand90-rgb), 1); } .before\:bg-brand-100:before { content: var(--tw-content); background-color: rgba(var(--colors-brand100-rgb), 1); } .before\:bg-gray-0:before { content: var(--tw-content); background-color: rgba(var(--colors-gray0-rgb), 1); } .before\:opacity-0:before { content: var(--tw-content); opacity: 0; } .before\:transition-colors:before { content: var(--tw-content); transition-property: color, background-color, border-color, outline-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .before\:transition-opacity:before { content: var(--tw-content); transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .before\:duration-350:before { content: var(--tw-content); --tw-duration: .35s; transition-duration: .35s; } .before\:content-\[\'\'\]:before { --tw-content: ""; content: var(--tw-content); } .group-data-\[expanded\=false\]\:group-data-\[front\=false\]\:before\:opacity-\[calc\(var\(--toasts-before\,0\)\*0\.03\)\]:is(:where(.group)[data-expanded="false"] *):is(:where(.group)[data-front="false"] *):before { content: var(--tw-content); opacity: calc(var(--toasts-before, 0) * .03); } .after\:absolute:after { content: var(--tw-content); position: absolute; } .after\:inset-0:after { content: var(--tw-content); inset: calc(var(--spacing) * 0); } .first\:border-t-0:first-child { border-top-style: var(--tw-border-style); border-top-width: 0; } .first\:pt-0:first-child { padding-top: calc(var(--spacing) * 0); } .last\:hidden:last-child { display: none; } .last\:border-0:last-child { border-style: var(--tw-border-style); border-width: 0; } .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .last\:pr-6:last-child { padding-right: calc(var(--spacing) * 6); } .last\:pb-0:last-child { padding-bottom: calc(var(--spacing) * 0); } .last\:pb-6:last-child { padding-bottom: calc(var(--spacing) * 6); } .only\:border-b-0:only-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .read-only\:cursor-default:-moz-read-only { cursor: default; } .read-only\:cursor-default:read-only { cursor: default; } .read-only\:bg-gray-20:-moz-read-only { background-color: rgba(var(--colors-gray20-rgb), 1); } .read-only\:bg-gray-20:read-only { background-color: rgba(var(--colors-gray20-rgb), 1); } .read-only\:bg-gray-30:-moz-read-only { background-color: rgba(var(--colors-gray30-rgb), 1); } .read-only\:bg-gray-30:read-only { background-color: rgba(var(--colors-gray30-rgb), 1); } .focus-within\:border-gray-130:focus-within { border-color: rgba(var(--colors-gray130-rgb), 1); } .focus-within\:border-transparent:focus-within { border-color: rgba(0, 0, 0, 0); } .focus-within\:bg-gray-0:focus-within { background-color: rgba(var(--colors-gray0-rgb), 1); } .focus-within\:opacity-100:focus-within { opacity: 1; } .focus-within\:ring-0:focus-within { --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-within\:ring-1:focus-within { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-within\:ring-gray-130:focus-within { --tw-ring-color: rgba(var(--colors-gray130-rgb), 1); } .focus-within\:ring-offset-0:focus-within { --tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus-within\:outline-hidden:focus-within { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .focus-within\:outline-hidden:focus-within { outline-offset: 2px; outline: 2px solid rgba(0, 0, 0, 0); } } .focus-within\:outline-hidden:focus-within { outline-offset: 2px; outline: 2px solid rgba(0, 0, 0, 0); } .focus-within\:outline-2:focus-within { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-within\:outline-gray-130:focus-within { outline-color: rgba(var(--colors-gray130-rgb), 1); } .focus-within\:outline-solid:focus-within { --tw-outline-style: solid; outline-style: solid; } @media (hover: hover) { .hover\:rounded-6:hover { border-radius: 6px; } } @media (hover: hover) { .hover\:border-brand-90:hover { border-color: rgba(var(--colors-brand90-rgb), 1); } } @media (hover: hover) { .hover\:border-gray-40:hover { border-color: rgba(var(--colors-gray40-rgb), 1); } } @media (hover: hover) { .hover\:border-gray-50:hover { border-color: rgba(var(--colors-gray50-rgb), 1); } } @media (hover: hover) { .hover\:border-gray-60:hover { border-color: rgba(var(--colors-gray60-rgb), 1); } } @media (hover: hover) { .hover\:border-gray-70:hover { border-color: rgba(var(--colors-gray70-rgb), 1); } } @media (hover: hover) { .hover\:border-gray-300:hover { border-color: var(--color-gray-300); } } @media (hover: hover) { .hover\:border-warning-110:hover { border-color: rgba(var(--colors-warning110-rgb), 1); } } @media (hover: hover) { .hover\:bg-accent:hover { background-color: hsl(var(--accent)); } } @media (hover: hover) { .hover\:bg-amber-50:hover { background-color: rgba(var(--colors-amber50-rgb), 1); } } @media (hover: hover) { .hover\:bg-black\/60:hover { background-color: rgba(0, 0, 0, .6); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-black\/60:hover { background-color: color-mix(in oklab, var(--color-black) 60%, transparent); } } } @media (hover: hover) { .hover\:bg-black\/80:hover { background-color: rgba(0, 0, 0, .8); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-black\/80:hover { background-color: color-mix(in oklab, var(--color-black) 80%, transparent); } } } @media (hover: hover) { .hover\:bg-blue-100:hover { background-color: rgba(var(--colors-blue100-rgb), 1); } } @media (hover: hover) { .hover\:bg-blue-100\/75:hover { background-color: rgba(var(--colors-blue100-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-blue-100\/75:hover { background-color: color-mix(in oklab, rgba(var(--colors-blue100-rgb), 1) 75%, transparent); } } } @media (hover: hover) { .hover\:bg-blue-600:hover { background-color: var(--color-blue-600); } } @media (hover: hover) { .hover\:bg-blue-700:hover { background-color: var(--color-blue-700); } } @media (hover: hover) { .hover\:bg-brand-10:hover { background-color: rgba(var(--colors-brand10-rgb), 1); } } @media (hover: hover) { .hover\:bg-brand-20:hover { background-color: rgba(var(--colors-brand20-rgb), 1); } } @media (hover: hover) { .hover\:bg-brand-30:hover { background-color: rgba(var(--colors-brand30-rgb), 1); } } @media (hover: hover) { .hover\:bg-brand-40:hover { background-color: rgba(var(--colors-brand40-rgb), 1); } } @media (hover: hover) { .hover\:bg-brand-80:hover { background-color: rgba(var(--colors-brand80-rgb), 1); } } @media (hover: hover) { .hover\:bg-brand-100:hover { background-color: rgba(var(--colors-brand100-rgb), 1); } } @media (hover: hover) { .hover\:bg-danger-10:hover { background-color: rgba(var(--colors-danger10-rgb), 1); } } @media (hover: hover) { .hover\:bg-danger-20:hover { background-color: rgba(var(--colors-danger20-rgb), 1); } } @media (hover: hover) { .hover\:bg-danger-40:hover { background-color: rgba(var(--colors-danger40-rgb), 1); } } @media (hover: hover) { .hover\:bg-destructive\/80:hover { background-color: hsl(var(--destructive)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-destructive\/80:hover { background-color: color-mix(in oklab, hsl(var(--destructive)) 80%, transparent); } } } @media (hover: hover) { .hover\:bg-destructive\/90:hover { background-color: hsl(var(--destructive)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-destructive\/90:hover { background-color: color-mix(in oklab, hsl(var(--destructive)) 90%, transparent); } } } @media (hover: hover) { .hover\:bg-gray-10:hover { background-color: rgba(var(--colors-gray10-rgb), 1); } } @media (hover: hover) { .hover\:bg-gray-20:hover { background-color: rgba(var(--colors-gray20-rgb), 1); } } @media (hover: hover) { .hover\:bg-gray-30:hover { background-color: rgba(var(--colors-gray30-rgb), 1); } } @media (hover: hover) { .hover\:bg-gray-40:hover { background-color: rgba(var(--colors-gray40-rgb), 1); } } @media (hover: hover) { .hover\:bg-gray-50:hover { background-color: rgba(var(--colors-gray50-rgb), 1); } } @media (hover: hover) { .hover\:bg-gray-60:hover { background-color: rgba(var(--colors-gray60-rgb), 1); } } @media (hover: hover) { .hover\:bg-gray-80:hover { background-color: rgba(var(--colors-gray80-rgb), 1); } } @media (hover: hover) { .hover\:bg-gray-100:hover { background-color: rgba(var(--colors-gray100-rgb), 1); } } @media (hover: hover) { .hover\:bg-gray-100\/75:hover { background-color: rgba(var(--colors-gray100-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-gray-100\/75:hover { background-color: color-mix(in oklab, rgba(var(--colors-gray100-rgb), 1) 75%, transparent); } } } @media (hover: hover) { .hover\:bg-gray-120:hover { background-color: rgba(var(--colors-gray120-rgb), 1); } } @media (hover: hover) { .hover\:bg-gray-130\/80:hover { background-color: rgba(var(--colors-gray130-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-gray-130\/80:hover { background-color: color-mix(in oklab, rgba(var(--colors-gray130-rgb), 1) 80%, transparent); } } } @media (hover: hover) { .hover\:bg-gray-200:hover { background-color: var(--color-gray-200); } } @media (hover: hover) { .hover\:bg-gray-800:hover { background-color: var(--color-gray-800); } } @media (hover: hover) { .hover\:bg-green-100:hover { background-color: rgba(var(--colors-green100-rgb), 1); } } @media (hover: hover) { .hover\:bg-green-100\/75:hover { background-color: rgba(var(--colors-green100-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-green-100\/75:hover { background-color: color-mix(in oklab, rgba(var(--colors-green100-rgb), 1) 75%, transparent); } } } @media (hover: hover) { .hover\:bg-green-700:hover { background-color: var(--color-green-700); } } @media (hover: hover) { .hover\:bg-indigo-100:hover { background-color: rgba(var(--colors-indigo100-rgb), 1); } } @media (hover: hover) { .hover\:bg-purple-100:hover { background-color: rgba(var(--colors-purple100-rgb), 1); } } @media (hover: hover) { .hover\:bg-red-50:hover { background-color: rgba(var(--colors-red50-rgb), 1); } } @media (hover: hover) { .hover\:bg-red-100:hover { background-color: rgba(var(--colors-red100-rgb), 1); } } @media (hover: hover) { .hover\:bg-red-100\/75:hover { background-color: rgba(var(--colors-red100-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-100\/75:hover { background-color: color-mix(in oklab, rgba(var(--colors-red100-rgb), 1) 75%, transparent); } } } @media (hover: hover) { .hover\:bg-red-600:hover { background-color: var(--color-red-600); } } @media (hover: hover) { .hover\:bg-red-700:hover { background-color: var(--color-red-700); } } @media (hover: hover) { .hover\:bg-secondary\/30:hover { background-color: hsl(var(--secondary)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-secondary\/30:hover { background-color: color-mix(in oklab, hsl(var(--secondary)) 30%, transparent); } } } @media (hover: hover) { .hover\:bg-secondary\/80:hover { background-color: hsl(var(--secondary)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-secondary\/80:hover { background-color: color-mix(in oklab, hsl(var(--secondary)) 80%, transparent); } } } @media (hover: hover) { .hover\:bg-slate-50:hover { background-color: var(--color-slate-50); } } @media (hover: hover) { .hover\:bg-success-40:hover { background-color: rgba(var(--colors-success40-rgb), 1); } } @media (hover: hover) { .hover\:bg-tertiary\/80:hover { background-color: hsl(var(--tertiary)); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-tertiary\/80:hover { background-color: color-mix(in oklab, hsl(var(--tertiary)) 80%, transparent); } } } @media (hover: hover) { .hover\:bg-transparent:hover { background-color: rgba(0, 0, 0, 0); } } @media (hover: hover) { .hover\:bg-warning-40:hover { background-color: rgba(var(--colors-warning40-rgb), 1); } } @media (hover: hover) { .hover\:bg-white:hover { background-color: var(--color-white); } } @media (hover: hover) { .hover\:bg-zinc-200:hover { background-color: var(--color-zinc-200); } } @media (hover: hover) { .hover\:bg-zinc-400:hover { background-color: var(--color-zinc-400); } } @media (hover: hover) { .hover\:text-blue-600:hover { color: var(--color-blue-600); } } @media (hover: hover) { .hover\:text-blue-700:hover { color: var(--color-blue-700); } } @media (hover: hover) { .hover\:text-blue-800:hover { color: var(--color-blue-800); } } @media (hover: hover) { .hover\:text-blue-900:hover { color: var(--color-blue-900); } } @media (hover: hover) { .hover\:text-brand-90:hover { color: rgba(var(--colors-brand90-rgb), 1); } } @media (hover: hover) { .hover\:text-brand-100:hover { color: rgba(var(--colors-brand100-rgb), 1); } } @media (hover: hover) { .hover\:text-brand-110:hover { color: rgba(var(--colors-brand110-rgb), 1); } } @media (hover: hover) { .hover\:text-danger-90:hover { color: rgba(var(--colors-danger90-rgb), 1); } } @media (hover: hover) { .hover\:text-danger-100:hover { color: rgba(var(--colors-danger100-rgb), 1); } } @media (hover: hover) { .hover\:text-danger-110:hover { color: rgba(var(--colors-danger110-rgb), 1); } } @media (hover: hover) { .hover\:text-gray-0:hover { color: rgba(var(--colors-gray0-rgb), 1); } } @media (hover: hover) { .hover\:text-gray-100:hover { color: rgba(var(--colors-gray100-rgb), 1); } } @media (hover: hover) { .hover\:text-gray-110:hover { color: rgba(var(--colors-gray110-rgb), 1); } } @media (hover: hover) { .hover\:text-gray-120:hover { color: rgba(var(--colors-gray120-rgb), 1); } } @media (hover: hover) { .hover\:text-gray-130:hover { color: rgba(var(--colors-gray130-rgb), 1); } } @media (hover: hover) { .hover\:text-gray-700:hover { color: var(--color-gray-700); } } @media (hover: hover) { .hover\:text-red-500:hover { color: var(--color-red-500); } } @media (hover: hover) { .hover\:text-red-600:hover { color: var(--color-red-600); } } @media (hover: hover) { .hover\:text-red-700:hover { color: var(--color-red-700); } } @media (hover: hover) { .hover\:underline:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } } @media (hover: hover) { .hover\:opacity-80:hover { opacity: .8; } } @media (hover: hover) { .hover\:opacity-90:hover { opacity: .9; } } @media (hover: hover) { .hover\:opacity-100:hover { opacity: 1; } } @media (hover: hover) { .hover\:shadow-\[0px_2px_8px_0px_rgba\(0\,0\,0\,0\.16\)\]:hover { --tw-shadow: 0px 2px 8px 0px var(--tw-shadow-color, rgba(0, 0, 0, .16)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (hover: hover) { .hover\:shadow-\[0px_8px_20px_0px_rgba\(0\,0\,0\,0\.08\)\]:hover { --tw-shadow: 0px 8px 20px 0px var(--tw-shadow-color, rgba(0, 0, 0, .08)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (hover: hover) { .hover\:shadow-xl:hover { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 8px 10px -6px var(--tw-shadow-color, rgba(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); } } @media (hover: hover) { .hover\:shadow-xs:hover { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgba(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); } } @media (hover: hover) { .hover\:ring-2:hover { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (hover: hover) { .hover\:ring-blue-300:hover { --tw-ring-color: var(--color-blue-300); } } @media (hover: hover) { .hover\:ring-warning-90:hover { --tw-ring-color: rgba(var(--colors-warning90-rgb), 1); } } @media (hover: hover) { .hover\:ring-white\/60:hover { --tw-ring-color: rgba(255, 255, 255, .6); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-white\/60:hover { --tw-ring-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } } @media (hover: hover) { .hover\:brightness-95:hover { --tw-brightness: brightness(95%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } } @media (hover: hover) { .hover\:before\:bg-gray-0:hover:before { content: var(--tw-content); background-color: rgba(var(--colors-gray0-rgb), 1); } } @media (hover: hover) { .hover\:before\:opacity-100:hover:before { content: var(--tw-content); opacity: 1; } } @media (hover: hover) { .read-only\:hover\:bg-gray-30:-moz-read-only:hover { background-color: rgba(var(--colors-gray30-rgb), 1); } } @media (hover: hover) { .read-only\:hover\:bg-gray-30:read-only:hover { background-color: rgba(var(--colors-gray30-rgb), 1); } } .focus\:border-blue-500:focus { border-color: var(--color-blue-500); } .focus\:border-brand-90:focus { border-color: rgba(var(--colors-brand90-rgb), 1); } .focus\:border-danger-90:focus { border-color: rgba(var(--colors-danger90-rgb), 1); } .focus\:border-danger-110:focus { border-color: rgba(var(--colors-danger110-rgb), 1); } .focus\:border-gray-60:focus { border-color: rgba(var(--colors-gray60-rgb), 1); } .focus\:border-gray-80:focus { border-color: rgba(var(--colors-gray80-rgb), 1); } .focus\:border-gray-130:focus { border-color: rgba(var(--colors-gray130-rgb), 1); } .focus\:border-indigo-500:focus { border-color: var(--color-indigo-500); } .focus\:border-red-500:focus { border-color: var(--color-red-500); } .focus\:border-transparent:focus { border-color: rgba(0, 0, 0, 0); } .focus\:bg-accent:focus { background-color: hsl(var(--accent)); } .focus\:bg-gray-0:focus { background-color: rgba(var(--colors-gray0-rgb), 1); } .focus\:bg-gray-30:focus { background-color: rgba(var(--colors-gray30-rgb), 1); } .focus\:text-accent-foreground:focus { color: hsl(var(--accent-foreground)); } .focus\:text-danger-90:focus { color: rgba(var(--colors-danger90-rgb), 1); } .focus\:text-gray-130:focus { color: rgba(var(--colors-gray130-rgb), 1); } .focus\:ring-0:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-1:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-2:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-3:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-blue-500:focus { --tw-ring-color: var(--color-blue-500); } .focus\:ring-danger-90:focus { --tw-ring-color: rgba(var(--colors-danger90-rgb), 1); } .focus\:ring-gray-40:focus { --tw-ring-color: rgba(var(--colors-gray40-rgb), 1); } .focus\:ring-gray-130:focus { --tw-ring-color: rgba(var(--colors-gray130-rgb), 1); } .focus\:ring-green-500:focus { --tw-ring-color: var(--color-green-500); } .focus\:ring-indigo-500:focus { --tw-ring-color: var(--color-indigo-500); } .focus\:ring-ring:focus { --tw-ring-color: hsl(var(--ring)); } .focus\:ring-white:focus { --tw-ring-color: var(--color-white); } .focus\:ring-offset-0:focus { --tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus\:outline-hidden:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .focus\:outline-hidden:focus { outline-offset: 2px; outline: 2px solid rgba(0, 0, 0, 0); } } .focus\:outline-hidden:focus { outline-offset: 2px; outline: 2px solid rgba(0, 0, 0, 0); } .focus-visible\:border-gray-130:focus-visible { border-color: rgba(var(--colors-gray130-rgb), 1); } .focus-visible\:bg-gray-10:focus-visible { background-color: rgba(var(--colors-gray10-rgb), 1); } .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\:ring-1:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-2:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-3:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-visible\:ring-focus:focus-visible { --tw-ring-color: rgba(var(--colors-focus-rgb), 1); } .focus-visible\:ring-gray-130:focus-visible { --tw-ring-color: rgba(var(--colors-gray130-rgb), 1); } .focus-visible\:ring-ring:focus-visible { --tw-ring-color: hsl(var(--ring)); } .focus-visible\:ring-offset-0:focus-visible { --tw-ring-offset-width: 0px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus-visible\:ring-offset-gray-0:focus-visible { --tw-ring-offset-color: rgba(var(--colors-gray0-rgb), 1); } .focus-visible\:outline-hidden:focus-visible { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .focus-visible\:outline-hidden:focus-visible { outline-offset: 2px; outline: 2px solid rgba(0, 0, 0, 0); } } .focus-visible\:outline-hidden:focus-visible { outline-offset: 2px; outline: 2px solid rgba(0, 0, 0, 0); } .focus-visible\:outline-0:focus-visible { outline-style: var(--tw-outline-style); outline-width: 0; } .focus-visible\:ring-inset:focus-visible { --tw-ring-inset: inset; } .active\:scale-95:active { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .active\:bg-brand-100:active { background-color: rgba(var(--colors-brand100-rgb), 1); } .active\:bg-gray-40:active { background-color: rgba(var(--colors-gray40-rgb), 1); } .active\:bg-transparent:active { background-color: rgba(0, 0, 0, 0); } @media (hover: hover) { .hover\:enabled\:bg-brand-20:hover:enabled { background-color: rgba(var(--colors-brand20-rgb), 1); } } @media (hover: hover) { .hover\:enabled\:bg-brand-100:hover:enabled { background-color: rgba(var(--colors-brand100-rgb), 1); } } @media (hover: hover) { .hover\:enabled\:bg-danger-20:hover:enabled { background-color: rgba(var(--colors-danger20-rgb), 1); } } @media (hover: hover) { .hover\:enabled\:bg-danger-100:hover:enabled { background-color: rgba(var(--colors-danger100-rgb), 1); } } @media (hover: hover) { .hover\:enabled\:bg-gray-20:hover:enabled { background-color: rgba(var(--colors-gray20-rgb), 1); } } @media (hover: hover) { .hover\:enabled\:bg-gray-30:hover:enabled { background-color: rgba(var(--colors-gray30-rgb), 1); } } @media (hover: hover) { .hover\:enabled\:bg-gray-40:hover:enabled { background-color: rgba(var(--colors-gray40-rgb), 1); } } @media (hover: hover) { .hover\:enabled\:bg-gray-120:hover:enabled { background-color: rgba(var(--colors-gray120-rgb), 1); } } @media (hover: hover) { .hover\:enabled\:bg-success-20:hover:enabled { background-color: rgba(var(--colors-success20-rgb), 1); } } @media (hover: hover) { .hover\:enabled\:bg-success-100:hover:enabled { background-color: rgba(var(--colors-success100-rgb), 1); } } @media (hover: hover) { .hover\:enabled\:bg-warning-20:hover:enabled { background-color: rgba(var(--colors-warning20-rgb), 1); } } @media (hover: hover) { .hover\:enabled\:bg-warning-100:hover:enabled { background-color: rgba(var(--colors-warning100-rgb), 1); } } @media (hover: hover) { .hover\:enabled\:text-gray-130:hover:enabled { color: rgba(var(--colors-gray130-rgb), 1); } } @media (hover: hover) { .enabled\:hover\:underline:enabled:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } } .active\:enabled\:bg-brand-40:active:enabled { background-color: rgba(var(--colors-brand40-rgb), 1); } .active\:enabled\:bg-brand-110:active:enabled { background-color: rgba(var(--colors-brand110-rgb), 1); } .active\:enabled\:bg-danger-40:active:enabled { background-color: rgba(var(--colors-danger40-rgb), 1); } .active\:enabled\:bg-danger-110:active:enabled { background-color: rgba(var(--colors-danger110-rgb), 1); } .active\:enabled\:bg-gray-40:active:enabled { background-color: rgba(var(--colors-gray40-rgb), 1); } .active\:enabled\:bg-gray-110:active:enabled { background-color: rgba(var(--colors-gray110-rgb), 1); } .active\:enabled\:bg-success-40:active:enabled { background-color: rgba(var(--colors-success40-rgb), 1); } .active\:enabled\:bg-success-110:active:enabled { background-color: rgba(var(--colors-success110-rgb), 1); } .active\:enabled\:bg-transparent:active:enabled { background-color: rgba(0, 0, 0, 0); } .active\:enabled\:bg-warning-40:active:enabled { background-color: rgba(var(--colors-warning40-rgb), 1); } .active\:enabled\:bg-warning-110:active:enabled { background-color: rgba(var(--colors-warning110-rgb), 1); } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-auto:disabled { cursor: auto; } .disabled\:cursor-default:disabled { cursor: default; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:bg-gray-10:disabled { background-color: rgba(var(--colors-gray10-rgb), 1); } .disabled\:bg-gray-50:disabled { background-color: rgba(var(--colors-gray50-rgb), 1); } .disabled\:bg-gray-400:disabled { background-color: var(--color-gray-400); } .disabled\:text-gray-60:disabled { color: rgba(var(--colors-gray60-rgb), 1); } .disabled\:text-gray-70:disabled { color: rgba(var(--colors-gray70-rgb), 1); } .disabled\:text-gray-90:disabled { color: rgba(var(--colors-gray90-rgb), 1); } .disabled\:text-gray-500:disabled { color: var(--color-gray-500); } .disabled\:opacity-0:disabled { opacity: 0; } .disabled\:opacity-20:disabled { opacity: .2; } .disabled\:opacity-30:disabled { opacity: .3; } .disabled\:opacity-40:disabled { opacity: .4; } .disabled\:opacity-50:disabled { opacity: .5; } .disabled\:opacity-60:disabled { opacity: .6; } .disabled\:opacity-80:disabled { opacity: .8; } @media (hover: hover) { .disabled\:hover\:bg-transparent:disabled:hover { background-color: rgba(0, 0, 0, 0); } } @media (hover: hover) { .disabled\:hover\:text-gray-60:disabled:hover { color: rgba(var(--colors-gray60-rgb), 1); } } .has-focus\:border-gray-130:has(:focus) { border-color: rgba(var(--colors-gray130-rgb), 1); } .has-focus\:bg-gray-0:has(:focus) { background-color: rgba(var(--colors-gray0-rgb), 1); } .has-focus\:ring-1:has(:focus) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .has-focus\:ring-gray-130:has(:focus) { --tw-ring-color: rgba(var(--colors-gray130-rgb), 1); } .has-focus\:outline-hidden:has(:focus) { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .has-focus\:outline-hidden:has(:focus) { outline-offset: 2px; outline: 2px solid rgba(0, 0, 0, 0); } } .has-focus\:outline-hidden:has(:focus) { outline-offset: 2px; outline: 2px solid rgba(0, 0, 0, 0); } .has-disabled\:cursor-not-allowed:has(:disabled) { cursor: not-allowed; } .has-disabled\:opacity-50:has(:disabled) { opacity: .5; } .has-\[\:hover\:enabled\]\:bg-gray-20:has(:hover:enabled) { background-color: rgba(var(--colors-gray20-rgb), 1); } .has-\[\[data-component\=page-hero-navigation\]\:not\(\[data-unstyled\]\)\]\:pb-2:has([data-component="page-hero-navigation"]:not([data-unstyled])) { padding-bottom: calc(var(--spacing) * 2); } .has-\[\[role\=checkbox\]\]\:pr-0:has([role="checkbox"]) { padding-right: calc(var(--spacing) * 0); } .has-\[\>\[data-component\=bubble-reactions\]\:not\(\[data-unstyled\]\)\]\:mb-4:has( > [data-component="bubble-reactions"]:not([data-unstyled])) { margin-bottom: calc(var(--spacing) * 4); } .has-\[\>\[data-component\=card-footer\]\:not\(\[data-unstyled\]\)\]\:pb-0:has( > [data-component="card-footer"]:not([data-unstyled])) { padding-bottom: calc(var(--spacing) * 0); } .has-\[\>\[data-side\=left\]\]\:items-start:has( > [data-side="left"]) { align-items: flex-start; } .has-\[\>\[data-side\=right\]\]\:items-end:has( > [data-side="right"]) { align-items: flex-end; } .aria-invalid\:ring-2[aria-invalid="true"] { --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); } .aria-invalid\:ring-danger-90[aria-invalid="true"] { --tw-ring-color: rgba(var(--colors-danger90-rgb), 1); } .aria-invalid\:ring-red-90[aria-invalid="true"] { --tw-ring-color: rgba(var(--colors-red90-rgb), 1); } .aria-invalid\:focus-visible\:ring-2[aria-invalid="true"]:focus-visible { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .aria-invalid\:focus-visible\:ring-danger-90[aria-invalid="true"]:focus-visible { --tw-ring-color: rgba(var(--colors-danger90-rgb), 1); } .aria-invalid\:focus-visible\:ring-red-90[aria-invalid="true"]:focus-visible { --tw-ring-color: rgba(var(--colors-red90-rgb), 1); } .aria-invalid\:focus-visible\:ring-offset-2[aria-invalid="true"]:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .aria-invalid\:focus-visible\:ring-offset-focus[aria-invalid="true"]:focus-visible { --tw-ring-offset-color: rgba(var(--colors-focus-rgb), 1); } .aria-\[disabled\]\:cursor-not-allowed[aria-disabled] { cursor: not-allowed; } .aria-\[disabled\]\:opacity-50[aria-disabled] { opacity: .5; } .data-checked\:translate-x-1[data-checked] { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-checked\:translate-x-2[data-checked] { --tw-translate-x: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-checked\:translate-x-4[data-checked] { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-checked\:translate-x-6[data-checked] { --tw-translate-x: calc(var(--spacing) * 6); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-checked\:translate-x-8[data-checked] { --tw-translate-x: calc(var(--spacing) * 8); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-checked\:translate-x-10[data-checked] { --tw-translate-x: calc(var(--spacing) * 10); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-checked\:border-gray-130[data-checked] { border-color: rgba(var(--colors-gray130-rgb), 1); } .data-checked\:bg-gray-130[data-checked] { background-color: rgba(var(--colors-gray130-rgb), 1); } .data-checked\:text-gray-0[data-checked] { color: rgba(var(--colors-gray0-rgb), 1); } .data-disabled\:pointer-events-none[data-disabled] { pointer-events: none; } .data-disabled\:cursor-not-allowed[data-disabled] { cursor: not-allowed; } .data-disabled\:opacity-40[data-disabled] { opacity: .4; } .data-disabled\:opacity-50[data-disabled] { opacity: .5; } .data-disabled\:opacity-100[data-disabled] { opacity: 1; } .data-dropdown-open\:ring-danger-90[data-dropdown-open] { --tw-ring-color: rgba(var(--colors-danger90-rgb), 1); } .data-dropdown-open\:ring-warning-90[data-dropdown-open] { --tw-ring-color: rgba(var(--colors-warning90-rgb), 1); } .data-indeterminate\:border-gray-130[data-indeterminate] { border-color: rgba(var(--colors-gray130-rgb), 1); } .data-indeterminate\:bg-gray-130[data-indeterminate] { background-color: rgba(var(--colors-gray130-rgb), 1); } .data-indeterminate\:text-gray-0[data-indeterminate] { color: rgba(var(--colors-gray0-rgb), 1); } .data-open\:ring-2[data-open] { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .data-open\:ring-danger-90[data-open] { --tw-ring-color: rgba(var(--colors-danger90-rgb), 1); } .data-open\:ring-gray-0[data-open] { --tw-ring-color: rgba(var(--colors-gray0-rgb), 1); } .data-open\:ring-warning-90[data-open] { --tw-ring-color: rgba(var(--colors-warning90-rgb), 1); } .data-open\:ring-offset-1[data-open] { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .data-open\:ring-offset-gray-0[data-open] { --tw-ring-offset-color: rgba(var(--colors-gray0-rgb), 1); } .data-placeholder\:text-gray-90[data-placeholder] { color: rgba(var(--colors-gray90-rgb), 1); } .data-sticky\:sticky[data-sticky] { position: -webkit-sticky; position: sticky; } .data-sticky\:-top-4[data-sticky] { top: calc(var(--spacing) * -4); } .data-sticky\:top-0[data-sticky] { top: calc(var(--spacing) * 0); } .data-sticky\:z-10[data-sticky] { z-index: 10; } .data-sticky\:bg-gray-0[data-sticky] { background-color: rgba(var(--colors-gray0-rgb), 1); } .data-\[active\]\:bg-gray-40[data-active] { background-color: rgba(var(--colors-gray40-rgb), 1); } .data-\[active\]\:text-gray-130[data-active] { color: rgba(var(--colors-gray130-rgb), 1); } .data-\[appearance\=outline\]\:border[data-appearance="outline"] { border-style: var(--tw-border-style); border-width: 1px; } .data-\[appearance\=outline\]\:border-danger-60[data-appearance="outline"] { border-color: rgba(var(--colors-danger60-rgb), 1); } .data-\[appearance\=outline\]\:border-success-60[data-appearance="outline"] { border-color: rgba(var(--colors-success60-rgb), 1); } .data-\[appearance\=outline\]\:border-transparent[data-appearance="outline"] { border-color: rgba(0, 0, 0, 0); } .data-\[appearance\=outline\]\:border-warning-60[data-appearance="outline"] { border-color: rgba(var(--colors-warning60-rgb), 1); } .data-\[appearance\=outline\]\:bg-transparent[data-appearance="outline"] { background-color: rgba(0, 0, 0, 0); } .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] { pointer-events: none; } .data-\[disabled\=true\]\:cursor-not-allowed[data-disabled="true"] { cursor: not-allowed; } .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] { opacity: .5; } .data-\[highlighted\=true\]\:bg-gray-20[data-highlighted="true"] { background-color: rgba(var(--colors-gray20-rgb), 1); } .data-\[invalid\=true\]\:border-danger-90[data-invalid="true"] { border-color: rgba(var(--colors-danger90-rgb), 1); } .data-\[invalid\=true\]\:ring-1[data-invalid="true"] { --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); } .data-\[invalid\=true\]\:ring-danger-90[data-invalid="true"] { --tw-ring-color: rgba(var(--colors-danger90-rgb), 1); } .data-\[read-only\=\'true\'\]\:cursor-default[data-read-only="true"] { cursor: default; } .data-\[read-only\=\'true\'\]\:bg-gray-20[data-read-only="true"] { background-color: rgba(var(--colors-gray20-rgb), 1); } .data-\[read-only\=true\]\:bg-gray-30[data-read-only="true"] { background-color: rgba(var(--colors-gray30-rgb), 1); } .data-\[resizing\=true\]\:transition-none[data-resizing="true"] { transition-property: none; } .data-\[selected\=active\]\:flex[data-selected="active"] { display: flex; } .data-\[selected\=active\]\:bg-brand-30[data-selected="active"] { background-color: rgba(var(--colors-brand30-rgb), 1); } .data-\[selected\=active\]\:bg-danger-30[data-selected="active"] { background-color: rgba(var(--colors-danger30-rgb), 1); } .data-\[selected\=active\]\:bg-gray-40[data-selected="active"] { background-color: rgba(var(--colors-gray40-rgb), 1); } .data-\[selected\=active\]\:bg-success-30[data-selected="active"] { background-color: rgba(var(--colors-success30-rgb), 1); } .data-\[selected\=active\]\:bg-transparent[data-selected="active"] { background-color: rgba(0, 0, 0, 0); } .data-\[selected\=active\]\:text-brand-90[data-selected="active"] { color: rgba(var(--colors-brand90-rgb), 1); } .data-\[selected\=active\]\:text-gray-130[data-selected="active"] { color: rgba(var(--colors-gray130-rgb), 1); } @media (hover: hover) { .data-\[selected\=active\]\:hover\:bg-danger-40[data-selected="active"]:hover { background-color: rgba(var(--colors-danger40-rgb), 1); } } @media (hover: hover) { .data-\[selected\=active\]\:hover\:bg-gray-20[data-selected="active"]:hover { background-color: rgba(var(--colors-gray20-rgb), 1); } } @media (hover: hover) { .data-\[selected\=active\]\:hover\:bg-success-40[data-selected="active"]:hover { background-color: rgba(var(--colors-success40-rgb), 1); } } .data-\[selected\=true\]\:bg-gray-30[data-selected="true"] { background-color: rgba(var(--colors-gray30-rgb), 1); } .data-\[selected\=true\]\:bg-gray-40[data-selected="true"] { background-color: rgba(var(--colors-gray40-rgb), 1); } .data-\[selected\=true\]\:bg-gray-70[data-selected="true"] { background-color: rgba(var(--colors-gray70-rgb), 1); } .data-\[selected\=true\]\:bg-gray-130[data-selected="true"] { background-color: rgba(var(--colors-gray130-rgb), 1); } .data-\[selected\=true\]\:text-gray-0[data-selected="true"] { color: rgba(var(--colors-gray0-rgb), 1); } .data-\[selected\=true\]\:text-gray-10[data-selected="true"] { color: rgba(var(--colors-gray10-rgb), 1); } .data-\[selected\=true\]\:text-gray-130[data-selected="true"] { color: rgba(var(--colors-gray130-rgb), 1); } .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] { --tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] { --tw-enter-translate-y: calc(2 * var(--spacing) * -1); } .data-\[side\=left\]\:order-first[data-side="left"] { order: -9999; } .data-\[side\=left\]\:-translate-x-1[data-side="left"] { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[side\=left\]\:border-r[data-side="left"] { border-right-style: var(--tw-border-style); border-right-width: 1px; } .data-\[side\=left\]\:border-r-gray-40[data-side="left"] { border-right-color: rgba(var(--colors-gray40-rgb), 1); } .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] { --tw-enter-translate-x: calc(2 * var(--spacing)); } .data-\[side\=right\]\:order-last[data-side="right"] { order: 9999; } .data-\[side\=right\]\:translate-x-1[data-side="right"] { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[side\=right\]\:border-l[data-side="right"] { border-left-style: var(--tw-border-style); border-left-width: 1px; } .data-\[side\=right\]\:border-l-gray-40[data-side="right"] { border-left-color: rgba(var(--colors-gray40-rgb), 1); } .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] { --tw-enter-translate-x: calc(2 * var(--spacing) * -1); } .data-\[side\=top\]\:-translate-y-1[data-side="top"] { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] { --tw-enter-translate-y: calc(2 * var(--spacing)); } .data-\[state\=active\]\:flex[data-state="active"] { display: flex; } .data-\[state\=active\]\:border-b-gray-130[data-state="active"] { border-bottom-color: rgba(var(--colors-gray130-rgb), 1); } .data-\[state\=active\]\:text-gray-130[data-state="active"] { color: rgba(var(--colors-gray130-rgb), 1); } .data-\[state\=checked\]\:translate-x-4[data-state="checked"] { --tw-translate-x: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[state\=checked\]\:border-8[data-state="checked"] { border-style: var(--tw-border-style); border-width: 8px; } .data-\[state\=checked\]\:border-brand-90[data-state="checked"] { border-color: rgba(var(--colors-brand90-rgb), 1); } .data-\[state\=checked\]\:border-gray-130[data-state="checked"] { border-color: rgba(var(--colors-gray130-rgb), 1); } .data-\[state\=checked\]\:bg-blue-500[data-state="checked"] { background-color: var(--color-blue-500); } .data-\[state\=checked\]\:bg-blue-600[data-state="checked"] { background-color: var(--color-blue-600); } .data-\[state\=checked\]\:bg-brand-20[data-state="checked"] { background-color: rgba(var(--colors-brand20-rgb), 1); } .data-\[state\=checked\]\:bg-gray-130[data-state="checked"] { background-color: rgba(var(--colors-gray130-rgb), 1); } .data-\[state\=checked\]\:bg-primary[data-state="checked"] { background-color: hsl(var(--primary)); } .data-\[state\=checked\]\:text-gray-0[data-state="checked"] { color: rgba(var(--colors-gray0-rgb), 1); } .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] { color: hsl(var(--primary-foreground)); } .data-\[state\=checked\]\:ring-1[data-state="checked"] { --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); } .data-\[state\=checked\]\:ring-gray-130[data-state="checked"] { --tw-ring-color: rgba(var(--colors-gray130-rgb), 1); } .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] { animation: accordion-up var(--tw-animation-duration, var(--tw-duration, .2s)) var(--tw-ease, ease-out) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none); } .data-\[state\=closed\]\:animate-collapsible-up[data-state="closed"] { animation: collapsible-up var(--tw-animation-duration, var(--tw-duration, .2s)) var(--tw-ease, ease-out) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none); } .data-\[state\=closed\]\:animate-out[data-state="closed"] { animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none); } .data-\[state\=closed\]\:duration-200[data-state="closed"] { --tw-duration: .2s; transition-duration: .2s; } .data-\[state\=closed\]\:fade-out-0[data-state="closed"] { --tw-exit-opacity: 0; } .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] { --tw-exit-scale: .95; } .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] { --tw-exit-translate-y: 100%; } .data-\[state\=inactive\]\:hidden[data-state="inactive"] { display: none; } .data-\[state\=indeterminate\]\:border-gray-130[data-state="indeterminate"] { border-color: rgba(var(--colors-gray130-rgb), 1); } .data-\[state\=indeterminate\]\:bg-gray-130[data-state="indeterminate"] { background-color: rgba(var(--colors-gray130-rgb), 1); } .data-\[state\=indeterminate\]\:text-gray-0[data-state="indeterminate"] { color: rgba(var(--colors-gray0-rgb), 1); } .data-\[state\=on\]\:border-danger-40[data-state="on"] { border-color: rgba(var(--colors-danger40-rgb), 1); } .data-\[state\=on\]\:border-success-40[data-state="on"] { border-color: rgba(var(--colors-success40-rgb), 1); } .data-\[state\=on\]\:bg-brand-30[data-state="on"] { background-color: rgba(var(--colors-brand30-rgb), 1); } .data-\[state\=on\]\:bg-danger-30[data-state="on"] { background-color: rgba(var(--colors-danger30-rgb), 1); } .data-\[state\=on\]\:bg-gray-0[data-state="on"] { background-color: rgba(var(--colors-gray0-rgb), 1); } .data-\[state\=on\]\:bg-gray-40[data-state="on"] { background-color: rgba(var(--colors-gray40-rgb), 1); } .data-\[state\=on\]\:bg-success-30[data-state="on"] { background-color: rgba(var(--colors-success30-rgb), 1); } .data-\[state\=on\]\:bg-warning-30[data-state="on"] { background-color: rgba(var(--colors-warning30-rgb), 1); } .data-\[state\=on\]\:text-brand-90[data-state="on"] { color: rgba(var(--colors-brand90-rgb), 1); } .data-\[state\=on\]\:text-brand-100[data-state="on"] { color: rgba(var(--colors-brand100-rgb), 1); } .data-\[state\=on\]\:text-danger-110[data-state="on"] { color: rgba(var(--colors-danger110-rgb), 1); } .data-\[state\=on\]\:text-gray-110[data-state="on"] { color: rgba(var(--colors-gray110-rgb), 1); } .data-\[state\=on\]\:text-gray-130[data-state="on"] { color: rgba(var(--colors-gray130-rgb), 1); } .data-\[state\=on\]\:text-success-110[data-state="on"] { color: rgba(var(--colors-success110-rgb), 1); } .data-\[state\=on\]\:text-warning-110[data-state="on"] { color: rgba(var(--colors-warning110-rgb), 1); } .data-\[state\=on\]\:shadow-\[0px_1px_2px_0px_rgba\(0\,0\,0\,0\.08\)\][data-state="on"] { --tw-shadow: 0px 1px 2px 0px var(--tw-shadow-color, rgba(0, 0, 0, .08)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .data-\[state\=on\]\:ring-1[data-state="on"] { --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); } .data-\[state\=on\]\:ring-gray-130[data-state="on"] { --tw-ring-color: rgba(var(--colors-gray130-rgb), 1); } @media (hover: hover) { .data-\[state\=on\]\:hover\:bg-brand-40[data-state="on"]:hover { background-color: rgba(var(--colors-brand40-rgb), 1); } } @media (hover: hover) { .data-\[state\=on\]\:hover\:bg-danger-40[data-state="on"]:hover { background-color: rgba(var(--colors-danger40-rgb), 1); } } @media (hover: hover) { .data-\[state\=on\]\:hover\:bg-gray-50[data-state="on"]:hover { background-color: rgba(var(--colors-gray50-rgb), 1); } } @media (hover: hover) { .data-\[state\=on\]\:hover\:bg-success-40[data-state="on"]:hover { background-color: rgba(var(--colors-success40-rgb), 1); } } @media (hover: hover) { .data-\[state\=on\]\:hover\:bg-warning-40[data-state="on"]:hover { background-color: rgba(var(--colors-warning40-rgb), 1); } } .data-\[state\=open\]\:scale-100[data-state="open"] { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .data-\[state\=open\]\:animate-accordion-down[data-state="open"] { animation: accordion-down var(--tw-animation-duration, var(--tw-duration, .2s)) var(--tw-ease, ease-out) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none); } .data-\[state\=open\]\:animate-collapsible-down[data-state="open"] { animation: collapsible-down var(--tw-animation-duration, var(--tw-duration, .2s)) var(--tw-ease, ease-out) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none); } .data-\[state\=open\]\:animate-in[data-state="open"] { animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none); } .data-\[state\=open\]\:bg-accent[data-state="open"] { background-color: hsl(var(--accent)); } .data-\[state\=open\]\:bg-gray-20[data-state="open"] { background-color: rgba(var(--colors-gray20-rgb), 1); } .data-\[state\=open\]\:bg-gray-30[data-state="open"] { background-color: rgba(var(--colors-gray30-rgb), 1); } .data-\[state\=open\]\:bg-gray-40[data-state="open"] { background-color: rgba(var(--colors-gray40-rgb), 1); } .data-\[state\=open\]\:text-gray-100[data-state="open"] { color: rgba(var(--colors-gray100-rgb), 1); } .data-\[state\=open\]\:text-gray-130[data-state="open"] { color: rgba(var(--colors-gray130-rgb), 1); } .data-\[state\=open\]\:opacity-100[data-state="open"] { opacity: 1; } .data-\[state\=open\]\:duration-300[data-state="open"] { --tw-duration: .3s; transition-duration: .3s; } .data-\[state\=open\]\:fade-in-0[data-state="open"] { --tw-enter-opacity: 0; } .data-\[state\=open\]\:zoom-in-95[data-state="open"] { --tw-enter-scale: .95; } .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] { --tw-enter-translate-y: 100%; } .data-\[state\=selected\]\:bg-gray-30[data-state="selected"] { background-color: rgba(var(--colors-gray30-rgb), 1); } .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[state\=unchecked\]\:bg-gray-60[data-state="unchecked"] { background-color: rgba(var(--colors-gray60-rgb), 1); } .data-\[state\=unchecked\]\:bg-gray-300[data-state="unchecked"] { background-color: var(--color-gray-300); } @media (prefers-reduced-motion: reduce) { .motion-reduce\:animate-none { animation: none; } } @media (prefers-reduced-motion: reduce) { .motion-reduce\:transition-none { transition-property: none; } } @media not (min-width: 1025px) { .max-ipad\:flex { display: flex; } } @media not (min-width: 1025px) { .max-ipad\:hidden { display: none; } } @media (min-width: 640px) { .tablet\:hidden { display: none; } } @media (min-width: 1025px) { .ipad\:flex { display: flex; } } @media (min-width: 1025px) { .ipad\:hidden { display: none; } } @media (min-width: 1025px) { .ipad\:inline { display: inline; } } @media (min-width: 1025px) { .ipad\:max-w-48 { max-width: calc(var(--spacing) * 48); } } @media (min-width: 1025px) { .ipad\:max-w-80 { max-width: calc(var(--spacing) * 80); } } @media (min-width: 1025px) { .ipad\:min-w-32 { min-width: calc(var(--spacing) * 32); } } @media (min-width: 1025px) { .ipad\:gap-4 { gap: calc(var(--spacing) * 4); } } @media (min-width: 1280px) { .desktop\:flex { display: flex; } } @media (min-width: 1280px) { .desktop\:hidden { display: none; } } @media (min-width: 1280px) { .desktop\:inline { display: inline; } } @media (min-width: 40rem) { .sm\:mb-4 { margin-bottom: calc(var(--spacing) * 4); } } @media (min-width: 40rem) { .sm\:mb-6 { margin-bottom: calc(var(--spacing) * 6); } } @media (min-width: 40rem) { .sm\:ml-auto { margin-left: auto; } } @media (min-width: 40rem) { .sm\:table-cell { display: table-cell; } } @media (min-width: 40rem) { .sm\:w-\[220px\] { width: 220px; } } @media (min-width: 40rem) { .sm\:w-auto { width: auto; } } @media (min-width: 40rem) { .sm\:max-w-2xl { max-width: var(--container-2xl); } } @media (min-width: 40rem) { .sm\:max-w-3xl { max-width: var(--container-3xl); } } @media (min-width: 40rem) { .sm\:max-w-\[420px\] { max-width: 420px; } } @media (min-width: 40rem) { .sm\:max-w-\[425px\] { max-width: 425px; } } @media (min-width: 40rem) { .sm\:max-w-\[500px\] { max-width: 500px; } } @media (min-width: 40rem) { .sm\:max-w-\[520px\] { max-width: 520px; } } @media (min-width: 40rem) { .sm\:max-w-\[600px\] { max-width: 600px; } } @media (min-width: 40rem) { .sm\:max-w-lg { max-width: var(--container-lg); } } @media (min-width: 40rem) { .sm\:max-w-md { max-width: var(--container-md); } } @media (min-width: 40rem) { .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 40rem) { .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 40rem) { .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 40rem) { .sm\:flex-row { flex-direction: row; } } @media (min-width: 40rem) { .sm\:items-center { align-items: center; } } @media (min-width: 40rem) { .sm\:items-start { align-items: flex-start; } } @media (min-width: 40rem) { .sm\:justify-between { justify-content: space-between; } } @media (min-width: 40rem) { .sm\:justify-end { justify-content: flex-end; } } @media (min-width: 40rem) { .sm\:gap-2 { gap: calc(var(--spacing) * 2); } } @media (min-width: 40rem) { .sm\:gap-4 { gap: calc(var(--spacing) * 4); } } @media (min-width: 40rem) { .sm\:gap-6 { gap: calc(var(--spacing) * 6); } } @media (min-width: 40rem) { .sm\:rounded-8 { border-radius: 8px; } } @media (min-width: 40rem) { .sm\:p-6 { padding: calc(var(--spacing) * 6); } } @media (min-width: 40rem) { .sm\:px-3 { padding-inline: calc(var(--spacing) * 3); } } @media (min-width: 40rem) { .sm\:px-8 { padding-inline: calc(var(--spacing) * 8); } } @media (min-width: 40rem) { .sm\:py-2 { padding-block: calc(var(--spacing) * 2); } } @media (min-width: 40rem) { .sm\:text-left { text-align: left; } } @media (min-width: 40rem) { .sm\:heading-24 { letter-spacing: -.48px; font-size: 24px; font-weight: 570; line-height: 30px; } } @media (min-width: 40rem) { .sm\:body-14 { font-size: 14px; line-height: 20px; } } @media (min-width: 48rem) { .md\:col-span-1 { grid-column: span 1 / span 1; } } @media (min-width: 48rem) { .md\:col-span-2 { grid-column: span 2 / span 2; } } @media (min-width: 48rem) { .md\:col-start-3 { grid-column-start: 3; } } @media (min-width: 48rem) { .md\:inline { display: inline; } } @media (min-width: 48rem) { .md\:table-cell { display: table-cell; } } @media (min-width: 48rem) { .md\:max-w-3xl { max-width: var(--container-3xl); } } @media (min-width: 48rem) { .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 48rem) { .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 48rem) { .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 48rem) { .md\:flex-row { flex-direction: row; } } @media (min-width: 48rem) { .md\:gap-8 { gap: calc(var(--spacing) * 8); } } @media (min-width: 48rem) { .md\:p-8 { padding: calc(var(--spacing) * 8); } } @media (min-width: 48rem) { .md\:px-8 { padding-inline: calc(var(--spacing) * 8); } } @media (min-width: 48rem) { .md\:pb-6 { padding-bottom: calc(var(--spacing) * 6); } } @media (min-width: 64rem) { .lg\:sticky { position: -webkit-sticky; position: sticky; } } @media (min-width: 64rem) { .lg\:top-4 { top: calc(var(--spacing) * 4); } } @media (min-width: 64rem) { .lg\:col-span-2 { grid-column: span 2 / span 2; } } @media (min-width: 64rem) { .lg\:col-span-3 { grid-column: span 3 / span 3; } } @media (min-width: 64rem) { .lg\:col-span-4 { grid-column: span 4 / span 4; } } @media (min-width: 64rem) { .lg\:col-span-12 { grid-column: span 12 / span 12; } } @media (min-width: 64rem) { .lg\:block { display: block; } } @media (min-width: 64rem) { .lg\:flex { display: flex; } } @media (min-width: 64rem) { .lg\:hidden { display: none; } } @media (min-width: 64rem) { .lg\:table-cell { display: table-cell; } } @media (min-width: 64rem) { .lg\:max-h-\[520px\] { max-height: 520px; } } @media (min-width: 64rem) { .lg\:w-\[250px\] { width: 250px; } } @media (min-width: 64rem) { .lg\:w-\[280px\] { width: 280px; } } @media (min-width: 64rem) { .lg\:w-\[400px\] { width: 400px; } } @media (min-width: 64rem) { .lg\:w-\[440px\] { width: 440px; } } @media (min-width: 64rem) { .lg\:shrink-0 { flex-shrink: 0; } } @media (min-width: 64rem) { .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 64rem) { .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 64rem) { .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 64rem) { .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @media (min-width: 64rem) { .lg\:grid-cols-\[1fr_360px\] { grid-template-columns: 1fr 360px; } } @media (min-width: 64rem) { .lg\:grid-cols-\[minmax\(0\,1fr\)_20rem\] { grid-template-columns: minmax(0, 1fr) 20rem; } } @media (min-width: 64rem) { .lg\:grid-cols-\[minmax\(0\,1fr\)_280px\] { grid-template-columns: minmax(0, 1fr) 280px; } } @media (min-width: 64rem) { .lg\:grid-cols-\[minmax\(0\,3fr\)_minmax\(0\,2fr\)\] { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); } } @media (min-width: 64rem) { .lg\:grid-cols-\[minmax\(0\,360px\)_minmax\(0\,1fr\)\] { grid-template-columns: minmax(0, 360px) minmax(0, 1fr); } } @media (min-width: 64rem) { .lg\:grid-cols-\[minmax\(220px\,1fr\)_2\.5fr\] { grid-template-columns: minmax(220px, 1fr) 2.5fr; } } @media (min-width: 64rem) { .lg\:flex-row { flex-direction: row; } } @media (min-width: 64rem) { .lg\:items-start { align-items: flex-start; } } @media (min-width: 64rem) { .lg\:self-start { align-self: flex-start; } } @media (min-width: 64rem) { .lg\:overflow-y-auto { overflow-y: auto; } } @media (min-width: 64rem) { .lg\:pr-1 { padding-right: calc(var(--spacing) * 1); } } @media (min-width: 80rem) { .xl\:col-span-2 { grid-column: span 2 / span 2; } } @media (min-width: 80rem) { .xl\:col-start-1 { grid-column-start: 1; } } @media (min-width: 80rem) { .xl\:col-start-2 { grid-column-start: 2; } } @media (min-width: 80rem) { .xl\:row-start-1 { grid-row-start: 1; } } @media (min-width: 80rem) { .xl\:row-start-2 { grid-row-start: 2; } } @media (min-width: 80rem) { .xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 80rem) { .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (min-width: 80rem) { .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } } @media (min-width: 80rem) { .xl\:grid-cols-\[minmax\(0\,1fr\)_22rem\] { grid-template-columns: minmax(0, 1fr) 22rem; } } @media (min-width: 96rem) { .\32 xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @container (width >= 320px) { .\@\[320px\]\:col-span-2 { grid-column: span 2 / span 2; } } @container (width >= 320px) { .\@\[320px\]\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @container (width >= 320px) { .\@\[320px\]\:grid-cols-\[minmax\(6\.5ch\,0\.5fr\)_1\.5fr_minmax\(10ch\,0\.75fr\)\] { grid-template-columns: minmax(6.5ch, .5fr) 1.5fr minmax(10ch, .75fr); } } @container (width >= 320px) { .\@\[320px\]\:last\:odd\:col-span-2:last-child:nth-child(odd) { grid-column: span 2 / span 2; } } @container (width >= 360px) { .\@\[360px\]\:flex-row { flex-direction: row; } } @container (width >= 360px) { .\@\[360px\]\:gap-4 { gap: calc(var(--spacing) * 4); } } @container (width >= 440px) { .\@\[440px\]\:hidden { display: none; } } @container header (width >= 800px) { .\@\[800px\]\/header\:flex { display: flex; } } @media (min-width: 1025px) { @container header (width >= 800px) { .ipad\:\@\[800px\]\/header\:flex { display: flex; } } } @container header (width >= 1100px) { .\@\[1100px\]\/header\:flex { display: flex; } } @container insights-rhs-content (width >= 24rem) { .\@sm\/insights-rhs-content\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @container insights-rhs-content (width >= 28rem) { .\@md\/insights-rhs-content\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @container scoping-scope-pane-header (width >= 32rem) { .\@lg\/scoping-scope-pane-header\:max-w-40 { max-width: calc(var(--spacing) * 40); } } @container insights-patterns (width >= 32rem) { .\@lg\/insights-patterns\:grid-cols-\[2fr_1fr\] { grid-template-columns: 2fr 1fr; } } @container scoping-scope-pane-header (width >= 32rem) { .\@lg\/scoping-scope-pane-header\:gap-2 { gap: calc(var(--spacing) * 2); } } @container scoping-scope-pane-header (width >= 32rem) { .\@lg\/scoping-scope-pane-header\:opacity-100 { opacity: 1; } } @container ai-suggestions-strip (width >= 35rem) { .\@\[35rem\]\/ai-suggestions-strip\:block { display: block; } } @container ai-suggestions-strip (width >= 35rem) { .\@\[35rem\]\/ai-suggestions-strip\:flex-nowrap { flex-wrap: nowrap; } } @container (width >= 48rem) { .\@3xl\:col-span-4 { grid-column: span 4 / span 4; } } @container (width >= 48rem) { .\@3xl\:col-span-8 { grid-column: span 8 / span 8; } } @container (width >= 48rem) { .\@3xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } } @container (width >= 48rem) { .\@3xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } } @container (width >= 48rem) { .\@3xl\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } } @container (width >= 48rem) { .\@3xl\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } } @container (width >= 48rem) { .\@3xl\:rounded-l-24 { border-top-left-radius: 24px; border-bottom-left-radius: 24px; } } @container (width >= 48rem) { .\@3xl\:rounded-tr-24 { border-top-right-radius: 24px; } } @container (width >= 48rem) { .\@3xl\:rounded-br-24 { border-bottom-right-radius: 24px; } } .rtl\:data-checked\:-translate-x-1:where(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-1:where(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-1:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-2:where(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-2:where(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-2:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-4:where(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-4:where(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-4:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-6:where(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-6:where(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-6:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-8:where(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -8); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-8:where(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -8); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-8:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -8); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-10:where(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -10); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-10:where(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -10); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:data-checked\:-translate-x-10:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *)[data-checked] { --tw-translate-x: calc(var(--spacing) * -10); translate: var(--tw-translate-x) var(--tw-translate-y); } .dark\:border:is([data-theme="dark"] *) { border-style: var(--tw-border-style); border-width: 1px; } .dark\:border-0:is([data-theme="dark"] *) { border-style: var(--tw-border-style); border-width: 0; } .dark\:border-destructive:is([data-theme="dark"] *) { border-color: hsl(var(--destructive)); } .dark\:border-gray-40:is([data-theme="dark"] *) { border-color: rgba(var(--colors-gray40-rgb), 1); } .dark\:border-gray-70:is([data-theme="dark"] *) { border-color: rgba(var(--colors-gray70-rgb), 1); } .dark\:border-gray-80:is([data-theme="dark"] *) { border-color: rgba(var(--colors-gray80-rgb), 1); } .dark\:border-gray-90:is([data-theme="dark"] *) { border-color: rgba(var(--colors-gray90-rgb), 1); } .dark\:border-gray-100:is([data-theme="dark"] *) { border-color: rgba(var(--colors-gray100-rgb), 1); } .dark\:border-gray-130:is([data-theme="dark"] *) { border-color: rgba(var(--colors-gray130-rgb), 1); } .dark\:border-gray-600:is([data-theme="dark"] *) { border-color: var(--color-gray-600); } .dark\:border-gray-700:is([data-theme="dark"] *) { border-color: var(--color-gray-700); } .dark\:border-red-800:is([data-theme="dark"] *) { border-color: var(--color-red-800); } .dark\:border-red-900\/40:is([data-theme="dark"] *) { border-color: rgba(130, 24, 26, .4); } @supports (color: color-mix(in lab, red, red)) { .dark\:border-red-900\/40:is([data-theme="dark"] *) { border-color: color-mix(in oklab, var(--color-red-900) 40%, transparent); } } .dark\:border-transparent:is([data-theme="dark"] *) { border-color: rgba(0, 0, 0, 0); } .dark\:border-zinc-600:is([data-theme="dark"] *) { border-color: var(--color-zinc-600); } .dark\:border-zinc-700:is([data-theme="dark"] *) { border-color: var(--color-zinc-700); } .dark\:border-t-white:is([data-theme="dark"] *) { border-top-color: var(--color-white); } .dark\:bg-amber-600:is([data-theme="dark"] *) { background-color: var(--color-amber-600); } .dark\:bg-amber-950\/30:is([data-theme="dark"] *) { background-color: rgba(70, 25, 1, .3); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-950\/30:is([data-theme="dark"] *) { background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent); } } .dark\:bg-black\/50:is([data-theme="dark"] *) { background-color: rgba(0, 0, 0, .5); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-black\/50:is([data-theme="dark"] *) { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .dark\:bg-black\/75:is([data-theme="dark"] *) { background-color: rgba(0, 0, 0, .75); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-black\/75:is([data-theme="dark"] *) { background-color: color-mix(in oklab, var(--color-black) 75%, transparent); } } .dark\:bg-black\/80:is([data-theme="dark"] *) { background-color: rgba(0, 0, 0, .8); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-black\/80:is([data-theme="dark"] *) { background-color: color-mix(in oklab, var(--color-black) 80%, transparent); } } .dark\:bg-blue-900:is([data-theme="dark"] *) { background-color: var(--color-blue-900); } .dark\:bg-blue-900\/30:is([data-theme="dark"] *) { background-color: rgba(28, 57, 142, .3); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-blue-900\/30:is([data-theme="dark"] *) { background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent); } } .dark\:bg-blue-950\/30:is([data-theme="dark"] *) { background-color: rgba(22, 36, 86, .3); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-blue-950\/30:is([data-theme="dark"] *) { background-color: color-mix(in oklab, var(--color-blue-950) 30%, transparent); } } .dark\:bg-brand-100\/30:is([data-theme="dark"] *) { background-color: rgba(var(--colors-brand100-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-brand-100\/30:is([data-theme="dark"] *) { background-color: color-mix(in oklab, rgba(var(--colors-brand100-rgb), 1) 30%, transparent); } } .dark\:bg-gray-0:is([data-theme="dark"] *) { background-color: rgba(var(--colors-gray0-rgb), 1); } .dark\:bg-gray-20:is([data-theme="dark"] *) { background-color: rgba(var(--colors-gray20-rgb), 1); } .dark\:bg-gray-30:is([data-theme="dark"] *) { background-color: rgba(var(--colors-gray30-rgb), 1); } .dark\:bg-gray-70:is([data-theme="dark"] *) { background-color: rgba(var(--colors-gray70-rgb), 1); } .dark\:bg-gray-100:is([data-theme="dark"] *) { background-color: rgba(var(--colors-gray100-rgb), 1); } .dark\:bg-gray-100\/5:is([data-theme="dark"] *) { background-color: rgba(var(--colors-gray100-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-gray-100\/5:is([data-theme="dark"] *) { background-color: color-mix(in oklab, rgba(var(--colors-gray100-rgb), 1) 5%, transparent); } } .dark\:bg-gray-100\/10:is([data-theme="dark"] *) { background-color: rgba(var(--colors-gray100-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-gray-100\/10:is([data-theme="dark"] *) { background-color: color-mix(in oklab, rgba(var(--colors-gray100-rgb), 1) 10%, transparent); } } .dark\:bg-gray-200:is([data-theme="dark"] *) { background-color: var(--color-gray-200); } .dark\:bg-gray-800:is([data-theme="dark"] *) { background-color: var(--color-gray-800); } .dark\:bg-gray-900:is([data-theme="dark"] *) { background-color: var(--color-gray-900); } .dark\:bg-green-900\/30:is([data-theme="dark"] *) { background-color: rgba(13, 84, 43, .3); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-green-900\/30:is([data-theme="dark"] *) { background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent); } } .dark\:bg-green-900\/40:is([data-theme="dark"] *) { background-color: rgba(13, 84, 43, .4); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-green-900\/40:is([data-theme="dark"] *) { background-color: color-mix(in oklab, var(--color-green-900) 40%, transparent); } } .dark\:bg-green-950\/30:is([data-theme="dark"] *) { background-color: rgba(3, 46, 21, .3); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-green-950\/30:is([data-theme="dark"] *) { background-color: color-mix(in oklab, var(--color-green-950) 30%, transparent); } } .dark\:bg-orange-900\/40:is([data-theme="dark"] *) { background-color: rgba(126, 42, 12, .4); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-orange-900\/40:is([data-theme="dark"] *) { background-color: color-mix(in oklab, var(--color-orange-900) 40%, transparent); } } .dark\:bg-purple-900\/30:is([data-theme="dark"] *) { background-color: rgba(89, 22, 139, .3); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-purple-900\/30:is([data-theme="dark"] *) { background-color: color-mix(in oklab, var(--color-purple-900) 30%, transparent); } } .dark\:bg-red-900\/20:is([data-theme="dark"] *) { background-color: rgba(130, 24, 26, .2); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-900\/20:is([data-theme="dark"] *) { background-color: color-mix(in oklab, var(--color-red-900) 20%, transparent); } } .dark\:bg-red-900\/30:is([data-theme="dark"] *) { background-color: rgba(130, 24, 26, .3); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-900\/30:is([data-theme="dark"] *) { background-color: color-mix(in oklab, var(--color-red-900) 30%, transparent); } } .dark\:bg-red-900\/40:is([data-theme="dark"] *) { background-color: rgba(130, 24, 26, .4); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-900\/40:is([data-theme="dark"] *) { background-color: color-mix(in oklab, var(--color-red-900) 40%, transparent); } } .dark\:bg-red-950\/30:is([data-theme="dark"] *) { background-color: rgba(70, 8, 9, .3); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-950\/30:is([data-theme="dark"] *) { background-color: color-mix(in oklab, var(--color-red-950) 30%, transparent); } } .dark\:bg-success-90:is([data-theme="dark"] *) { background-color: rgba(var(--colors-success90-rgb), 1); } .dark\:bg-success-110:is([data-theme="dark"] *) { background-color: rgba(var(--colors-success110-rgb), 1); } .dark\:bg-transparent:is([data-theme="dark"] *) { background-color: rgba(0, 0, 0, 0); } .dark\:bg-yellow-900\/40:is([data-theme="dark"] *) { background-color: rgba(115, 62, 10, .4); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-yellow-900\/40:is([data-theme="dark"] *) { background-color: color-mix(in oklab, var(--color-yellow-900) 40%, transparent); } } .dark\:bg-zinc-700:is([data-theme="dark"] *) { background-color: var(--color-zinc-700); } .dark\:bg-zinc-800:is([data-theme="dark"] *) { background-color: var(--color-zinc-800); } .dark\:bg-zinc-900:is([data-theme="dark"] *) { background-color: var(--color-zinc-900); } .dark\:text-amber-400:is([data-theme="dark"] *) { color: var(--color-amber-400); } .dark\:text-amber-500:is([data-theme="dark"] *) { color: var(--color-amber-500); } .dark\:text-blue-200:is([data-theme="dark"] *) { color: var(--color-blue-200); } .dark\:text-blue-400:is([data-theme="dark"] *) { color: var(--color-blue-400); } .dark\:text-brand-20:is([data-theme="dark"] *) { color: rgba(var(--colors-brand20-rgb), 1); } .dark\:text-gray-0:is([data-theme="dark"] *) { color: rgba(var(--colors-gray0-rgb), 1); } .dark\:text-gray-20:is([data-theme="dark"] *) { color: rgba(var(--colors-gray20-rgb), 1); } .dark\:text-gray-100:is([data-theme="dark"] *) { color: rgba(var(--colors-gray100-rgb), 1); } .dark\:text-gray-130:is([data-theme="dark"] *) { color: rgba(var(--colors-gray130-rgb), 1); } .dark\:text-gray-200:is([data-theme="dark"] *) { color: var(--color-gray-200); } .dark\:text-gray-300:is([data-theme="dark"] *) { color: var(--color-gray-300); } .dark\:text-gray-400:is([data-theme="dark"] *) { color: var(--color-gray-400); } .dark\:text-gray-900:is([data-theme="dark"] *) { color: var(--color-gray-900); } .dark\:text-green-200:is([data-theme="dark"] *) { color: var(--color-green-200); } .dark\:text-green-300:is([data-theme="dark"] *) { color: var(--color-green-300); } .dark\:text-green-400:is([data-theme="dark"] *) { color: var(--color-green-400); } .dark\:text-purple-200:is([data-theme="dark"] *) { color: var(--color-purple-200); } .dark\:text-red-200:is([data-theme="dark"] *) { color: var(--color-red-200); } .dark\:text-red-300:is([data-theme="dark"] *) { color: var(--color-red-300); } .dark\:text-red-400:is([data-theme="dark"] *) { color: var(--color-red-400); } .dark\:text-success-90:is([data-theme="dark"] *) { color: rgba(var(--colors-success90-rgb), 1); } .dark\:text-success-110:is([data-theme="dark"] *) { color: rgba(var(--colors-success110-rgb), 1); } .dark\:text-white:is([data-theme="dark"] *) { color: var(--color-white); } .dark\:text-yellow-200:is([data-theme="dark"] *) { color: var(--color-yellow-200); } .dark\:text-zinc-50:is([data-theme="dark"] *) { color: var(--color-zinc-50); } .dark\:text-zinc-400:is([data-theme="dark"] *) { color: var(--color-zinc-400); } .dark\:caret-white:is([data-theme="dark"] *) { caret-color: var(--color-white); } .dark\:shadow-\[0_2px_8px_1px_rgba\(75\,176\,50\,0\.32\)\,0_2px_8px_rgba\(0\,0\,0\,0\.16\)\]:is([data-theme="dark"] *) { --tw-shadow: 0 2px 8px 1px var(--tw-shadow-color, rgba(75, 176, 50, .32)), 0 2px 8px var(--tw-shadow-color, rgba(0, 0, 0, .16)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:shadow-\[0_2px_8px_1px_rgba\(114\,210\,92\,0\.32\)\,0_2px_8px_rgba\(0\,0\,0\,0\.16\)\]:is([data-theme="dark"] *) { --tw-shadow: 0 2px 8px 1px var(--tw-shadow-color, rgba(114, 210, 92, .32)), 0 2px 8px var(--tw-shadow-color, rgba(0, 0, 0, .16)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .dark\:placeholder\:text-gray-20:is([data-theme="dark"] *)::placeholder { color: rgba(var(--colors-gray20-rgb), 1); } @media (hover: hover) { .dark\:hover\:bg-amber-950\/30:is([data-theme="dark"] *):hover { background-color: rgba(70, 25, 1, .3); } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-amber-950\/30:is([data-theme="dark"] *):hover { background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent); } } } @media (hover: hover) { .dark\:hover\:bg-gray-100:is([data-theme="dark"] *):hover { background-color: rgba(var(--colors-gray100-rgb), 1); } } @media (hover: hover) { .dark\:hover\:bg-gray-100\/5:is([data-theme="dark"] *):hover { background-color: rgba(var(--colors-gray100-rgb), 1); } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-gray-100\/5:is([data-theme="dark"] *):hover { background-color: color-mix(in oklab, rgba(var(--colors-gray100-rgb), 1) 5%, transparent); } } } @media (hover: hover) { .dark\:hover\:bg-gray-800:is([data-theme="dark"] *):hover { background-color: var(--color-gray-800); } } @media (hover: hover) { .dark\:hover\:bg-zinc-600:is([data-theme="dark"] *):hover { background-color: var(--color-zinc-600); } } @media (hover: hover) { .dark\:hover\:bg-zinc-900:is([data-theme="dark"] *):hover { background-color: var(--color-zinc-900); } } .dark\:focus\:border-gray-60:is([data-theme="dark"] *):focus { border-color: rgba(var(--colors-gray60-rgb), 1); } .\[\&_\.font-mono\]\:body-12 .font-mono { font-size: 12px; line-height: 18px; } .\[\&_\.vds-controls\]\:visible\! .vds-controls { visibility: visible !important; } .\[\&_\.vds-controls\]\:bg-none\! .vds-controls { background-image: none !important; } .\[\&_\.vds-controls\]\:opacity-100\! .vds-controls { opacity: 1 !important; } .\[\&_\.vds-controls-group\:last-child\]\:absolute .vds-controls-group:last-child { position: absolute; } .\[\&_\.vds-controls-group\:last-child\]\:top-\[calc\(100\%\+var\(--media-slider-height\,48px\)\+24px\)\] .vds-controls-group:last-child { top: calc(100% + var(--media-slider-height, 48px) + 24px); } .\[\&_\.vds-video-layout_\.vds-controls-group\:last-child\]\:bg-white\/25 .vds-video-layout .vds-controls-group:last-child { background-color: rgba(255, 255, 255, .25); } @supports (color: color-mix(in lab, red, red)) { .\[\&_\.vds-video-layout_\.vds-controls-group\:last-child\]\:bg-white\/25 .vds-video-layout .vds-controls-group:last-child { background-color: color-mix(in oklab, var(--color-white) 25%, transparent); } } .\[\&_\.vds-video-layout_\.vds-controls-group\:last-child\]\:backdrop-blur-sm .vds-video-layout .vds-controls-group:last-child { --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .\[\&_\.vds-video-layout_\.vds-controls-group\:nth-last-child\(2\)\]\:mb-0\! .vds-video-layout .vds-controls-group:nth-last-child(2) { margin-bottom: calc(var(--spacing) * 0) !important; } .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] { padding-top: calc(var(--spacing) * 0); } .\[\&_\[cmdk-input-wrapper\]_svg\]\:size-5 [cmdk-input-wrapper] svg { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .\[\&_\[cmdk-item\]_svg\]\:size-5 [cmdk-item] svg { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .\[\&_img\]\:size-full img { width: 100%; height: 100%; } .\[\&_img\]\:object-cover img { object-fit: cover; } .\[\&_p\]\:leading-relaxed p { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .\[\&_svg\]\:pointer-events-none svg { pointer-events: none; } .\[\&_svg\]\:invisible svg { visibility: hidden; } .\[\&_svg\]\:size-4 svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; } .\[\&_td\]\:py-3 td { padding-block: calc(var(--spacing) * 3); } .\[\&_tr\:last-child\]\:border-0 tr:last-child { border-style: var(--tw-border-style); border-width: 0; } .\[\&\:\:-webkit-scrollbar\]\:h-2::-webkit-scrollbar { height: calc(var(--spacing) * 2); } .\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb { border-radius: 3.40282e38px; } .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-gray-70::-webkit-scrollbar-thumb { background-color: rgba(var(--colors-gray70-rgb), 1); } .\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0); } .\[\&\:has\(input\:not\(\:placeholder-shown\)\)\]\:outline-2:has(input:not(:placeholder-shown)) { outline-style: var(--tw-outline-style); outline-width: 2px; } .\[\&\:has\(input\:not\(\:placeholder-shown\)\)\]\:outline-gray-130:has(input:not(:placeholder-shown)) { outline-color: rgba(var(--colors-gray130-rgb), 1); } .\[\&\:has\(input\:not\(\:placeholder-shown\)\)\]\:outline-solid:has(input:not(:placeholder-shown)) { --tw-outline-style: solid; outline-style: solid; } .\[\.border-b\]\:pb-\(--card-spacing\).border-b { padding-bottom: var(--card-spacing); } :is(.\*\*\:\[\[cmdk-group-heading\]\]\:px-2 *)[cmdk-group-heading] { padding-inline: calc(var(--spacing) * 2); } :is(.\*\*\:\[\[cmdk-group-heading\]\]\:px-3 *)[cmdk-group-heading] { padding-inline: calc(var(--spacing) * 3); } :is(.\*\*\:\[\[cmdk-group-heading\]\]\:py-1\.5 *)[cmdk-group-heading] { padding-block: calc(var(--spacing) * 1.5); } :is(.\*\*\:\[\[cmdk-group-heading\]\]\:py-2 *)[cmdk-group-heading] { padding-block: calc(var(--spacing) * 2); } :is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-xs *)[cmdk-group-heading] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } :is(.\*\*\:\[\[cmdk-group-heading\]\]\:font-medium *)[cmdk-group-heading] { --tw-font-weight: 570; font-weight: 570; } :is(.\*\*\:\[\[cmdk-group-heading\]\]\:tracking-wide *)[cmdk-group-heading] { --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); } :is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-gray-90 *)[cmdk-group-heading] { color: rgba(var(--colors-gray90-rgb), 1); } :is(.\*\*\:\[\[cmdk-group-heading\]\]\:text-gray-100 *)[cmdk-group-heading] { color: rgba(var(--colors-gray100-rgb), 1); } :is(.\*\*\:\[\[cmdk-group-heading\]\]\:uppercase *)[cmdk-group-heading] { text-transform: uppercase; } :is(.\*\*\:\[\[cmdk-group\]\]\:px-2 *)[cmdk-group] { padding-inline: calc(var(--spacing) * 2); } :is(.\*\*\:\[\[cmdk-input\]\]\:h-12 *)[cmdk-input] { height: calc(var(--spacing) * 12); } :is(.\*\*\:\[\[cmdk-item\]\]\:px-2 *)[cmdk-item] { padding-inline: calc(var(--spacing) * 2); } :is(.\*\*\:\[\[cmdk-item\]\]\:py-3 *)[cmdk-item] { padding-block: calc(var(--spacing) * 3); } :is(.\*\:\[\[role\=\'application\'\]\]\:outline-hidden > *)[role="application"] { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { :is(.\*\:\[\[role\=\'application\'\]\]\:outline-hidden > *)[role="application"] { outline-offset: 2px; outline: 2px solid rgba(0, 0, 0, 0); } } :is(.\*\:\[\[role\=\'application\'\]\]\:outline-hidden > *)[role="application"] { outline-offset: 2px; outline: 2px solid rgba(0, 0, 0, 0); } :is(.\*\:\[\[role\=checkbox\]\]\:translate-y-\[2px\] > *)[role="checkbox"] { --tw-translate-y: 2px; translate: var(--tw-translate-x) var(--tw-translate-y); } @media (hover: hover) { .hover\:\[\&\:not\(\[data-disabled\]\)\]\:bg-gray-20:hover:not([data-disabled]) { background-color: rgba(var(--colors-gray20-rgb), 1); } } @media (hover: hover) { .hover\:\[\&\:not\(\[data-disabled\]\)\]\:text-gray-130:hover:not([data-disabled]) { color: rgba(var(--colors-gray130-rgb), 1); } } @media (hover: hover) { .data-\[read-only\=true\]\:hover\:\[\&\:not\(\[data-disabled\]\)\]\:bg-gray-30[data-read-only="true"]:hover:not([data-disabled]) { background-color: rgba(var(--colors-gray30-rgb), 1); } } @media (hover: hover) { .data-\[state\=on\]\:hover\:\[\&\:not\(\[data-disabled\]\)\]\:text-brand-100[data-state="on"]:hover:not([data-disabled]) { color: rgba(var(--colors-brand100-rgb), 1); } } .\[\&\>\[data-component\=bubble\]\:not\(\[data-unstyled\]\)\:not\(\:last-child\)\]\:rounded-b-16 > [data-component="bubble"]:not([data-unstyled]):not(:last-child) { border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; } .\[\&\>button\]\:bg-brand-90 > button { background-color: rgba(var(--colors-brand90-rgb), 1); } .\[\&\>button\]\:bg-transparent > button { background-color: rgba(0, 0, 0, 0); } .\[\&\>button\]\:text-gray-0 > button { color: rgba(var(--colors-gray0-rgb), 1); } @media (hover: hover) { .\[\&\>button\]\:hover\:bg-brand-40 > button:hover { background-color: rgba(var(--colors-brand40-rgb), 1); } } @media (hover: hover) { .\[\&\>button\]\:hover\:bg-brand-90 > button:hover { background-color: rgba(var(--colors-brand90-rgb), 1); } } .\[\&\>div\]\:h-full > div { height: 100%; } .\[\&\>div\>video\]\:size-full\! > div > video { width: 100% !important; height: 100% !important; } .\[\&\>input\]\:min-w-24 > input { min-width: calc(var(--spacing) * 24); } .\[\&\>span\]\:line-clamp-1 > span { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .\[\&\>span\:first-child\]\:h-5 > span:first-child { height: calc(var(--spacing) * 5); } .\[\&\>svg\]\:absolute > svg { position: absolute; } .\[\&\>svg\]\:top-4 > svg { top: calc(var(--spacing) * 4); } .\[\&\>svg\]\:left-4 > svg { left: calc(var(--spacing) * 4); } .\[\&\>svg\]\:size-1\.5 > svg { width: calc(var(--spacing) * 1.5); height: calc(var(--spacing) * 1.5); } .\[\&\>svg\]\:size-2 > svg { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); } .\[\&\>svg\]\:size-4 > svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .\[\&\>svg\]\:size-5 > svg { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .\[\&\>svg\]\:size-6 > svg { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .\[\&\>svg\]\:size-8 > svg { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .\[\&\>svg\]\:text-destructive > svg { color: hsl(var(--destructive)); } .\[\&\>svg\]\:text-gray-130 > svg { color: rgba(var(--colors-gray130-rgb), 1); } .\[\&\>svg\]\:text-warning-120 > svg { color: rgba(var(--colors-warning120-rgb), 1); } .\[\&\>svg\]\:outline-hidden > svg { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .\[\&\>svg\]\:outline-hidden > svg { outline-offset: 2px; outline: 2px solid rgba(0, 0, 0, 0); } } .\[\&\>svg\]\:outline-hidden > svg { outline-offset: 2px; outline: 2px solid rgba(0, 0, 0, 0); } .\[\&\>svg\+div\]\:translate-y-\[-3px\] > svg + div { --tw-translate-y: -3px; translate: var(--tw-translate-x) var(--tw-translate-y); } .\[\&\>svg\~\*\]\:pl-7 > svg ~ * { padding-left: calc(var(--spacing) * 7); } .last\:\[\&\>tr\]\:border-b-0:last-child > tr { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .\[\&\[data-disabled\]\:not\(\[data-read-only\=\'true\'\]\)\]\:opacity-50[data-disabled]:not([data-read-only="true"]) { opacity: .5; } .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg { rotate: 180deg; } :root { --foreground-rgb: 0, 0, 0; --background-start-rgb: 214, 219, 220; --background-end-rgb: 255, 255, 255; } @media (prefers-color-scheme: dark) { :root { --foreground-rgb: 255, 255, 255; --background-start-rgb: 0, 0, 0; --background-end-rgb: 0, 0, 0; } } html { background-color: rgba(var(--colors-gray0-rgb), 1); font-feature-settings: "calt" off; height: 100%; } @keyframes trade-v2-progress { 0% { transform: translateX(-100%); } 100% { transform: translateX(220%); } } @keyframes thinking-dots { 0% { content: ""; } 25% { content: "."; } 50% { content: ".."; } 75% { content: "..."; } 100% { content: ""; } } .thinking-dots:after { content: ""; animation: 1.4s steps(4, end) infinite thinking-dots; display: inline-block; } @media (prefers-reduced-motion: reduce) { .thinking-dots:after { content: "..."; animation: none; } } #__next { height: 100%; } body { height: 100%; margin: 0; } } @property --tw-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; } @property --tw-animation-direction { syntax: "*"; inherits: false; initial-value: normal; } @property --tw-animation-duration { syntax: "*"; inherits: false } @property --tw-animation-fill-mode { syntax: "*"; inherits: false; initial-value: none; } @property --tw-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-blur { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-rotate { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-scale { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-blur { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-exit-rotate { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-scale { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @font-face { font-family: Matter; src: url("../media/MatterUprights-VF.5bb90ccd.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; } @font-face { font-family: Matter; src: url("../media/MatterItalics-VF.b64bf5d2.woff2") format("woff2"); font-style: italic; font-weight: 100 900; font-display: swap; } @keyframes spinner-rotate { from { transform: rotate(0); } to { transform: rotate(270deg); } } @keyframes spinner-dash { 0% { stroke-dashoffset: 187px; } 50% { stroke-dashoffset: 46.75px; transform: rotate(135deg); } 100% { stroke-dashoffset: 187px; transform: rotate(450deg); } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-font-weight { syntax: "*"; inherits: false } @property --tw-ordinal { syntax: "*"; inherits: false } @property --tw-slashed-zero { syntax: "*"; inherits: false } @property --tw-numeric-figure { syntax: "*"; inherits: false } @property --tw-numeric-spacing { syntax: "*"; inherits: false } @property --tw-numeric-fraction { syntax: "*"; inherits: false } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 rgba(0, 0, 0, 0); } @property --tw-shadow-color { syntax: "*"; inherits: false } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 rgba(0, 0, 0, 0); } @property --tw-inset-shadow-color { syntax: "*"; inherits: false } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 rgba(0, 0, 0, 0); } @property --tw-inset-ring-color { syntax: "*"; inherits: false } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 rgba(0, 0, 0, 0); } @property --tw-ring-inset { syntax: "*"; inherits: false } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 rgba(0, 0, 0, 0); } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-backdrop-blur { syntax: "*"; inherits: false } @property --tw-backdrop-brightness { syntax: "*"; inherits: false } @property --tw-backdrop-contrast { syntax: "*"; inherits: false } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false } @property --tw-backdrop-invert { syntax: "*"; inherits: false } @property --tw-backdrop-opacity { syntax: "*"; inherits: false } @property --tw-backdrop-saturate { syntax: "*"; inherits: false } @property --tw-backdrop-sepia { syntax: "*"; inherits: false } @property --tw-duration { syntax: "*"; inherits: false } @property --tw-ease { syntax: "*"; inherits: false } @property --tw-content { syntax: "*"; inherits: false; initial-value: ""; } @keyframes pulse { 50% { opacity: .5; } } @keyframes enter { from { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); filter: blur(var(--tw-enter-blur, 0)); } } @keyframes exit { to { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); filter: blur(var(--tw-exit-blur, 0)); } } @media print { @page { size: A4; margin: 0; } body:has([data-pdf-viewer]) * { justify-content: flex-start !important; align-items: flex-start !important; overflow: visible !important; } body:has([data-pdf-viewer]) { height: auto !important; } [data-environment-banner] { display: none !important; } [data-pdf-viewer] { height: auto !important; padding: 0 !important; display: block !important; position: static !important; } [data-pdf-viewer] .react-pdf__Document { gap: 0 !important; display: block !important; } [data-pdf-viewer] .react-pdf__Document > div { break-inside: avoid; break-after: page; page-break-after: always; } [data-pdf-viewer] .react-pdf__Document > div:last-child { break-after: auto; page-break-after: auto; } .react-pdf__Page { box-shadow: none !important; border-radius: 0 !important; } .react-pdf__Page canvas { width: 100% !important; height: auto !important; display: block !important; } [data-pdf-toolbar] { display: none !important; } } .gm-style .gm-style-iw.gm-style-iw-c { background-color: hsl(var(--accent)); padding: 0; font-family: Apparat, sans-serif; font-size: 14px; } .gm-style .gm-style-iw-d { overflow: hidden; } .gm-style .gm-style-iw-tc:after { background-color: hsl(var(--accent)); } .vds-time-group { --tw-font-weight: 570; color: rgba(var(--colors-gray130-rgb), 1); font-size: 16px; font-weight: 570; line-height: 22px; } .vds-chapter-title, .vds-chapter-title:before { --tw-font-weight: 570; color: rgba(var(--colors-gray110-rgb), 1); font-size: 14px; font-weight: 570; line-height: 20px; } .vds-captions { --media-captions-padding: 1%; --media-cue-backdrop: blur(8px); --media-cue-bg: rgba(0, 0, 0, .5); --media-cue-border-radius: 8px; --media-cue-box-shadow: var(--cue-box-shadow); --media-cue-color: white; --media-cue-font-size: clamp(16px, calc(var(--overlay-height) / 100 * 3.5), 20px); --media-cue-line-height: calc(var(--cue-font-size) * 1.2); --media-cue-padding-x: calc(var(--cue-font-size) * .2); --media-cue-padding-y: calc(var(--cue-font-size) * .4); z-index: 0; } .vds-captions [data-part="cue-display"] { justify-content: center; width: 100%; display: flex; } .vds-captions [data-part="cue"] { max-width: 65ch; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false } @property --tw-rotate-y { syntax: "*"; inherits: false } @property --tw-rotate-z { syntax: "*"; inherits: false } @property --tw-skew-x { syntax: "*"; inherits: false } @property --tw-skew-y { syntax: "*"; inherits: false } @property --tw-scroll-snap-strictness { syntax: "*"; inherits: false; initial-value: proximity; } @property --tw-space-y-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: ""; inherits: false; initial-value: rgba(0, 0, 0, 0); } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: rgba(0, 0, 0, 0); } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: rgba(0, 0, 0, 0); } @property --tw-gradient-stops { syntax: "*"; inherits: false } @property --tw-gradient-via-stops { syntax: "*"; inherits: false } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false } @property --tw-tracking { syntax: "*"; inherits: false } @property --tw-blur { syntax: "*"; inherits: false } @property --tw-brightness { syntax: "*"; inherits: false } @property --tw-contrast { syntax: "*"; inherits: false } @property --tw-grayscale { syntax: "*"; inherits: false } @property --tw-hue-rotate { syntax: "*"; inherits: false } @property --tw-invert { syntax: "*"; inherits: false } @property --tw-opacity { syntax: "*"; inherits: false } @property --tw-saturate { syntax: "*"; inherits: false } @property --tw-sepia { syntax: "*"; inherits: false } @property --tw-drop-shadow { syntax: "*"; inherits: false } @property --tw-drop-shadow-color { syntax: "*"; inherits: false } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false } @keyframes spin { to { transform: rotate(360deg); } } @keyframes accordion-down { from { height: 0; } to { height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto))))); } } @keyframes accordion-up { from { height: var(--radix-accordion-content-height, var(--bits-accordion-content-height, var(--reka-accordion-content-height, var(--kb-accordion-content-height, var(--ngp-accordion-content-height, auto))))); } to { height: 0; } } @keyframes collapsible-down { from { height: 0; } to { height: var(--radix-collapsible-content-height, var(--bits-collapsible-content-height, var(--reka-collapsible-content-height, var(--kb-collapsible-content-height, auto)))); } } @keyframes collapsible-up { from { height: var(--radix-collapsible-content-height, var(--bits-collapsible-content-height, var(--reka-collapsible-content-height, var(--kb-collapsible-content-height, auto)))); } to { height: 0; } } /* [project]/node_modules/react-pdf/dist/Page/AnnotationLayer.css [client] (css) */ :root { --react-pdf-annotation-layer: 1; --annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,"); --input-focus-border-color: Highlight; --input-focus-outline: 1px solid Canvas; --input-unfocused-border-color: transparent; --input-disabled-border-color: transparent; --input-hover-border-color: black; --link-outline: none; } @media screen and (forced-colors: active) { :root { --input-focus-border-color: CanvasText; --input-unfocused-border-color: ActiveText; --input-disabled-border-color: GrayText; --input-hover-border-color: Highlight; --link-outline: 1.5px solid LinkText; } .annotationLayer .choiceWidgetAnnotation select:required { outline: 1.5px solid selecteditem; } .annotationLayer .textWidgetAnnotation :-webkit-any(input, textarea):required { outline: 1.5px solid selecteditem; } .annotationLayer .textWidgetAnnotation :-moz-any(input, textarea):required { outline: 1.5px solid selecteditem; } .annotationLayer .textWidgetAnnotation :is(input, textarea):required { outline: 1.5px solid selecteditem; } .annotationLayer .buttonWidgetAnnotation:-webkit-any(.checkBox, .radioButton) input:required { outline: 1.5px solid selecteditem; } .annotationLayer .buttonWidgetAnnotation:-moz-any(.checkBox, .radioButton) input:required { outline: 1.5px solid selecteditem; } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: 1.5px solid selecteditem; } .annotationLayer .linkAnnotation:hover { -webkit-backdrop-filter: invert(); backdrop-filter: invert(); } } .annotationLayer { pointer-events: none; transform-origin: 0 0; z-index: 3; position: absolute; top: 0; left: 0; } .annotationLayer[data-main-rotation="90"] .norotate { transform: rotate(270deg)translateX(-100%); } .annotationLayer[data-main-rotation="180"] .norotate { transform: rotate(180deg)translate(-100%, -100%); } .annotationLayer[data-main-rotation="270"] .norotate { transform: rotate(90deg)translateY(-100%); } .annotationLayer canvas { width: 100%; height: 100%; position: absolute; } .annotationLayer section { text-align: initial; pointer-events: auto; box-sizing: border-box; transform-origin: 0 0; margin: 0; position: absolute; } .annotationLayer .linkAnnotation { outline: var(--link-outline); } .textLayer.selecting ~ .annotationLayer section { pointer-events: none; } .annotationLayer :-webkit-any(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a { width: 100%; height: 100%; font-size: 1em; position: absolute; top: 0; left: 0; } .annotationLayer :-moz-any(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a { width: 100%; height: 100%; font-size: 1em; position: absolute; top: 0; left: 0; } .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a { width: 100%; height: 100%; font-size: 1em; position: absolute; top: 0; left: 0; } .annotationLayer :-webkit-any(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a:hover { opacity: .2; background: #ff0; box-shadow: 0 2px 10px #ff0; } .annotationLayer :-moz-any(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a:hover { opacity: .2; background: #ff0; box-shadow: 0 2px 10px #ff0; } .annotationLayer :is(.linkAnnotation, .buttonWidgetAnnotation.pushButton) > a:hover { opacity: .2; background: #ff0; box-shadow: 0 2px 10px #ff0; } .annotationLayer .textAnnotation img { cursor: pointer; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .annotationLayer .choiceWidgetAnnotation select { background-image: var(--annotation-unfocused-field-background); border: 2px solid var(--input-unfocused-border-color); box-sizing: border-box; font: calc(9px * var(--total-scale-factor)) sans-serif; vertical-align: top; width: 100%; height: 100%; margin: 0; } .annotationLayer .textWidgetAnnotation :-webkit-any(input, textarea) { background-image: var(--annotation-unfocused-field-background); border: 2px solid var(--input-unfocused-border-color); box-sizing: border-box; font: calc(9px * var(--total-scale-factor)) sans-serif; vertical-align: top; width: 100%; height: 100%; margin: 0; } .annotationLayer .textWidgetAnnotation :-moz-any(input, textarea) { background-image: var(--annotation-unfocused-field-background); border: 2px solid var(--input-unfocused-border-color); box-sizing: border-box; font: calc(9px * var(--total-scale-factor)) sans-serif; vertical-align: top; width: 100%; height: 100%; margin: 0; } .annotationLayer .textWidgetAnnotation :is(input, textarea) { background-image: var(--annotation-unfocused-field-background); border: 2px solid var(--input-unfocused-border-color); box-sizing: border-box; font: calc(9px * var(--total-scale-factor)) sans-serif; vertical-align: top; width: 100%; height: 100%; margin: 0; } .annotationLayer .buttonWidgetAnnotation:-webkit-any(.checkBox, .radioButton) input { background-image: var(--annotation-unfocused-field-background); border: 2px solid var(--input-unfocused-border-color); box-sizing: border-box; font: calc(9px * var(--total-scale-factor)) sans-serif; vertical-align: top; width: 100%; height: 100%; margin: 0; } .annotationLayer .buttonWidgetAnnotation:-moz-any(.checkBox, .radioButton) input { background-image: var(--annotation-unfocused-field-background); border: 2px solid var(--input-unfocused-border-color); box-sizing: border-box; font: calc(9px * var(--total-scale-factor)) sans-serif; vertical-align: top; width: 100%; height: 100%; margin: 0; } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { background-image: var(--annotation-unfocused-field-background); border: 2px solid var(--input-unfocused-border-color); box-sizing: border-box; font: calc(9px * var(--total-scale-factor)) sans-serif; vertical-align: top; width: 100%; height: 100%; margin: 0; } .annotationLayer .choiceWidgetAnnotation select:required { outline: 1.5px solid red; } .annotationLayer .textWidgetAnnotation :-webkit-any(input, textarea):required { outline: 1.5px solid red; } .annotationLayer .textWidgetAnnotation :-moz-any(input, textarea):required { outline: 1.5px solid red; } .annotationLayer .textWidgetAnnotation :is(input, textarea):required { outline: 1.5px solid red; } .annotationLayer .buttonWidgetAnnotation:-webkit-any(.checkBox, .radioButton) input:required { outline: 1.5px solid red; } .annotationLayer .buttonWidgetAnnotation:-moz-any(.checkBox, .radioButton) input:required { outline: 1.5px solid red; } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:required { outline: 1.5px solid red; } .annotationLayer .choiceWidgetAnnotation select option { padding: 0; } .annotationLayer .buttonWidgetAnnotation.radioButton input { border-radius: 50%; } .annotationLayer .textWidgetAnnotation textarea { resize: none; } .annotationLayer .choiceWidgetAnnotation select[disabled] { border: 2px solid var(--input-disabled-border-color); cursor: not-allowed; background: none; } .annotationLayer .textWidgetAnnotation :-webkit-any(input, textarea)[disabled] { border: 2px solid var(--input-disabled-border-color); cursor: not-allowed; background: none; } .annotationLayer .textWidgetAnnotation :-moz-any(input, textarea)[disabled] { border: 2px solid var(--input-disabled-border-color); cursor: not-allowed; background: none; } .annotationLayer .textWidgetAnnotation :is(input, textarea)[disabled] { border: 2px solid var(--input-disabled-border-color); cursor: not-allowed; background: none; } .annotationLayer .buttonWidgetAnnotation:-webkit-any(.checkBox, .radioButton) input[disabled] { border: 2px solid var(--input-disabled-border-color); cursor: not-allowed; background: none; } .annotationLayer .buttonWidgetAnnotation:-moz-any(.checkBox, .radioButton) input[disabled] { border: 2px solid var(--input-disabled-border-color); cursor: not-allowed; background: none; } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input[disabled] { border: 2px solid var(--input-disabled-border-color); cursor: not-allowed; background: none; } .annotationLayer .choiceWidgetAnnotation select:hover { border: 2px solid var(--input-hover-border-color); } .annotationLayer .textWidgetAnnotation :-webkit-any(input, textarea):hover { border: 2px solid var(--input-hover-border-color); } .annotationLayer .textWidgetAnnotation :-moz-any(input, textarea):hover { border: 2px solid var(--input-hover-border-color); } .annotationLayer .textWidgetAnnotation :is(input, textarea):hover { border: 2px solid var(--input-hover-border-color); } .annotationLayer .buttonWidgetAnnotation:-webkit-any(.checkBox, .radioButton) input:hover { border: 2px solid var(--input-hover-border-color); } .annotationLayer .buttonWidgetAnnotation:-moz-any(.checkBox, .radioButton) input:hover { border: 2px solid var(--input-hover-border-color); } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input:hover { border: 2px solid var(--input-hover-border-color); } .annotationLayer .choiceWidgetAnnotation select:hover, .annotationLayer .buttonWidgetAnnotation.checkBox input:hover { border-radius: 2px; } .annotationLayer .textWidgetAnnotation :-webkit-any(input, textarea):hover { border-radius: 2px; } .annotationLayer .textWidgetAnnotation :-moz-any(input, textarea):hover { border-radius: 2px; } .annotationLayer .textWidgetAnnotation :is(input, textarea):hover { border-radius: 2px; } .annotationLayer .choiceWidgetAnnotation select:focus { border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline); background: none; border-radius: 2px; } .annotationLayer .textWidgetAnnotation :-webkit-any(input, textarea):focus { border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline); background: none; border-radius: 2px; } .annotationLayer .textWidgetAnnotation :-moz-any(input, textarea):focus { border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline); background: none; border-radius: 2px; } .annotationLayer .textWidgetAnnotation :is(input, textarea):focus { border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline); background: none; border-radius: 2px; } .annotationLayer .buttonWidgetAnnotation:-webkit-any(.checkBox, .radioButton) :focus { background-color: rgba(0, 0, 0, 0); background-image: none; } .annotationLayer .buttonWidgetAnnotation:-moz-any(.checkBox, .radioButton) :focus { background-color: rgba(0, 0, 0, 0); background-image: none; } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) :focus { background-color: rgba(0, 0, 0, 0); background-image: none; } .annotationLayer .buttonWidgetAnnotation.checkBox :focus { border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline); border-radius: 2px; } .annotationLayer .buttonWidgetAnnotation.radioButton :focus { border: 2px solid var(--input-focus-border-color); outline: var(--input-focus-outline); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after, .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { content: ""; background-color: canvastext; display: block; position: absolute; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before, .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { width: 1px; height: 80%; left: 45%; } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before { transform: rotate(45deg); } .annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after { transform: rotate(-45deg); } .annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before { border-radius: 50%; width: 50%; height: 50%; top: 20%; left: 30%; } .annotationLayer .textWidgetAnnotation input.comb { padding-left: 2px; padding-right: 0; font-family: monospace; } .annotationLayer .textWidgetAnnotation input.comb:focus { width: 103%; } .annotationLayer .buttonWidgetAnnotation:-webkit-any(.checkBox, .radioButton) input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .annotationLayer .buttonWidgetAnnotation:-moz-any(.checkBox, .radioButton) input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .annotationLayer .buttonWidgetAnnotation:is(.checkBox, .radioButton) input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .annotationLayer .popupTriggerArea { width: 100%; height: 100%; } .annotationLayer .fileAttachmentAnnotation .popupTriggerArea { position: absolute; } .annotationLayer .popupWrapper { font-size: calc(9px * var(--total-scale-factor)); width: 100%; min-width: calc(180px * var(--total-scale-factor)); pointer-events: none; position: absolute; } .annotationLayer .popup { max-width: calc(180px * var(--total-scale-factor)); box-shadow: 0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888; border-radius: calc(2px * var(--total-scale-factor)); padding: calc(6px * var(--total-scale-factor)); margin-left: calc(5px * var(--total-scale-factor)); cursor: pointer; font: message-box; white-space: normal; word-wrap: break-word; pointer-events: auto; background-color: #ff9; position: absolute; } .annotationLayer .popup > * { font-size: calc(9px * var(--total-scale-factor)); } .annotationLayer .popup h1 { display: inline-block; } .annotationLayer .popupDate { margin-left: calc(5px * var(--total-scale-factor)); display: inline-block; } .annotationLayer .popupContent { margin-top: calc(2px * var(--total-scale-factor)); padding-top: calc(2px * var(--total-scale-factor)); border-top: 1px solid #333; } .annotationLayer .richText > * { white-space: pre-wrap; font-size: calc(9px * var(--total-scale-factor)); } .annotationLayer .highlightAnnotation, .annotationLayer .underlineAnnotation, .annotationLayer .squigglyAnnotation, .annotationLayer .strikeoutAnnotation, .annotationLayer .freeTextAnnotation, .annotationLayer .lineAnnotation svg line, .annotationLayer .squareAnnotation svg rect, .annotationLayer .circleAnnotation svg ellipse, .annotationLayer .polylineAnnotation svg polyline, .annotationLayer .polygonAnnotation svg polygon, .annotationLayer .caretAnnotation, .annotationLayer .inkAnnotation svg polyline, .annotationLayer .stampAnnotation, .annotationLayer .fileAttachmentAnnotation { cursor: pointer; } .annotationLayer section svg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .annotationLayer .annotationTextContent { opacity: 0; color: rgba(0, 0, 0, 0); -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: none; width: 100%; height: 100%; position: absolute; } .annotationLayer .annotationTextContent span { width: 100%; display: inline-block; } /* [project]/node_modules/react-pdf/dist/Page/TextLayer.css [client] (css) */ :root { --react-pdf-text-layer: 1; --highlight-bg-color: #b400aa; --highlight-selected-bg-color: #006400; } @media screen and (forced-colors: active) { :root { --highlight-bg-color: Highlight; --highlight-selected-bg-color: ButtonText; } } [data-main-rotation="90"] { transform: rotate(90deg)translateY(-100%); } [data-main-rotation="180"] { transform: rotate(180deg)translate(-100%, -100%); } [data-main-rotation="270"] { transform: rotate(270deg)translateX(-100%); } .textLayer { text-align: initial; -moz-text-size-adjust: none; text-size-adjust: none; forced-color-adjust: none; transform-origin: 0 0; z-index: 2; line-height: 1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; } .textLayer :-webkit-any(span, br) { color: rgba(0, 0, 0, 0); white-space: pre; cursor: text; transform-origin: 0 0; margin: 0; position: absolute; } .textLayer :-moz-any(span, br) { color: rgba(0, 0, 0, 0); white-space: pre; cursor: text; transform-origin: 0 0; margin: 0; position: absolute; } .textLayer :is(span, br) { color: rgba(0, 0, 0, 0); white-space: pre; cursor: text; transform-origin: 0 0; margin: 0; position: absolute; } .textLayer span.markedContent { height: 0; top: 0; } .textLayer .highlight { background-color: var(--highlight-bg-color); border-radius: 4px; margin: -1px; padding: 1px; } .textLayer .highlight.appended { position: initial; } .textLayer .highlight.begin { border-radius: 4px 0 0 4px; } .textLayer .highlight.end { border-radius: 0 4px 4px 0; } .textLayer .highlight.middle { border-radius: 0; } .textLayer .highlight.selected { background-color: var(--highlight-selected-bg-color); } .textLayer br::selection { background: none; } .textLayer .endOfContent { z-index: -1; cursor: default; -webkit-user-select: none; -moz-user-select: none; user-select: none; display: block; position: absolute; top: 100%; bottom: 0; left: 0; right: 0; } .textLayer.selecting .endOfContent { top: 0; } .hiddenCanvasElement { width: 0; height: 0; display: none; position: absolute; top: 0; left: 0; } /*# sourceMappingURL=_2f0edd34._.css.map*/