:root, .light, .light-theme { --blue-1: #fbfdff; --blue-2: #f4faff; --blue-3: #e6f4fe; --blue-4: #d5efff; --blue-5: #c2e5ff; --blue-6: #acd8fc; --blue-7: #8ec8f6; --blue-8: #5eb1ef; --blue-9: #0090ff; --blue-10: #0588f0; --blue-11: #0d74ce; --blue-12: #113264; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, .light, .light-theme { --blue-1: color(display-p3 0.986 0.992 0.999); --blue-2: color(display-p3 0.96 0.979 0.998); --blue-3: color(display-p3 0.912 0.956 0.991); --blue-4: color(display-p3 0.853 0.932 1); --blue-5: color(display-p3 0.788 0.894 0.998); --blue-6: color(display-p3 0.709 0.843 0.976); --blue-7: color(display-p3 0.606 0.777 0.947); --blue-8: color(display-p3 0.451 0.688 0.917); --blue-9: color(display-p3 0.247 0.556 0.969); --blue-10: color(display-p3 0.234 0.523 0.912); --blue-11: color(display-p3 0.15 0.44 0.84); --blue-12: color(display-p3 0.102 0.193 0.379); } } } .dark, .dark-theme { --blue-1: #0d1520; --blue-2: #111927; --blue-3: #0d2847; --blue-4: #003362; --blue-5: #004074; --blue-6: #104d87; --blue-7: #205d9e; --blue-8: #2870bd; --blue-9: #0090ff; --blue-10: #3b9eff; --blue-11: #70b8ff; --blue-12: #c2e6ff; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { .dark, .dark-theme { --blue-1: color(display-p3 0.057 0.081 0.122); --blue-2: color(display-p3 0.072 0.098 0.147); --blue-3: color(display-p3 0.078 0.154 0.27); --blue-4: color(display-p3 0.033 0.197 0.37); --blue-5: color(display-p3 0.08 0.245 0.441); --blue-6: color(display-p3 0.14 0.298 0.511); --blue-7: color(display-p3 0.195 0.361 0.6); --blue-8: color(display-p3 0.239 0.434 0.72); --blue-9: color(display-p3 0.247 0.556 0.969); --blue-10: color(display-p3 0.344 0.612 0.973); --blue-11: color(display-p3 0.49 0.72 1); --blue-12: color(display-p3 0.788 0.898 0.99); } } } :root, .light, .light-theme { --slate-1: #fcfcfd; --slate-2: #f9f9fb; --slate-3: #f0f0f3; --slate-4: #e8e8ec; --slate-5: #e0e1e6; --slate-6: #d9d9e0; --slate-7: #cdced6; --slate-8: #b9bbc6; --slate-9: #8b8d98; --slate-10: #80838d; --slate-11: #60646c; --slate-12: #1c2024; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, .light, .light-theme { --slate-1: color(display-p3 0.988 0.988 0.992); --slate-2: color(display-p3 0.976 0.976 0.984); --slate-3: color(display-p3 0.94 0.941 0.953); --slate-4: color(display-p3 0.908 0.909 0.925); --slate-5: color(display-p3 0.88 0.881 0.901); --slate-6: color(display-p3 0.85 0.852 0.876); --slate-7: color(display-p3 0.805 0.808 0.838); --slate-8: color(display-p3 0.727 0.733 0.773); --slate-9: color(display-p3 0.547 0.553 0.592); --slate-10: color(display-p3 0.503 0.512 0.549); --slate-11: color(display-p3 0.379 0.392 0.421); --slate-12: color(display-p3 0.113 0.125 0.14); } } } .dark, .dark-theme { --slate-1: #111113; --slate-2: #18191b; --slate-3: #212225; --slate-4: #272a2d; --slate-5: #2e3135; --slate-6: #363a3f; --slate-7: #43484e; --slate-8: #5a6169; --slate-9: #696e77; --slate-10: #777b84; --slate-11: #b0b4ba; --slate-12: #edeef0; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { .dark, .dark-theme { --slate-1: color(display-p3 0.067 0.067 0.074); --slate-2: color(display-p3 0.095 0.098 0.105); --slate-3: color(display-p3 0.13 0.135 0.145); --slate-4: color(display-p3 0.156 0.163 0.176); --slate-5: color(display-p3 0.183 0.191 0.206); --slate-6: color(display-p3 0.215 0.226 0.244); --slate-7: color(display-p3 0.265 0.28 0.302); --slate-8: color(display-p3 0.357 0.381 0.409); --slate-9: color(display-p3 0.415 0.431 0.463); --slate-10: color(display-p3 0.469 0.483 0.514); --slate-11: color(display-p3 0.692 0.704 0.728); --slate-12: color(display-p3 0.93 0.933 0.94); } } } :root, .light, .light-theme { --grass-1: #fbfefb; --grass-2: #f5fbf5; --grass-3: #e9f6e9; --grass-4: #daf1db; --grass-5: #c9e8ca; --grass-6: #b2ddb5; --grass-7: #94ce9a; --grass-8: #65ba74; --grass-9: #46a758; --grass-10: #3e9b4f; --grass-11: #2a7e3b; --grass-12: #203c25; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, .light, .light-theme { --grass-1: color(display-p3 0.986 0.996 0.985); --grass-2: color(display-p3 0.966 0.983 0.964); --grass-3: color(display-p3 0.923 0.965 0.917); --grass-4: color(display-p3 0.872 0.94 0.865); --grass-5: color(display-p3 0.811 0.908 0.802); --grass-6: color(display-p3 0.733 0.864 0.724); --grass-7: color(display-p3 0.628 0.803 0.622); --grass-8: color(display-p3 0.477 0.72 0.482); --grass-9: color(display-p3 0.38 0.647 0.378); --grass-10: color(display-p3 0.344 0.598 0.342); --grass-11: color(display-p3 0.263 0.488 0.261); --grass-12: color(display-p3 0.151 0.233 0.153); } } } :root, .light, .light-theme { --cyan-1: #fafdfe; --cyan-2: #f2fafb; --cyan-3: #def7f9; --cyan-4: #caf1f6; --cyan-5: #b5e9f0; --cyan-6: #9ddde7; --cyan-7: #7dcedc; --cyan-8: #3db9cf; --cyan-9: #00a2c7; --cyan-10: #0797b9; --cyan-11: #107d98; --cyan-12: #0d3c48; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, .light, .light-theme { --cyan-1: color(display-p3 0.982 0.992 0.996); --cyan-2: color(display-p3 0.955 0.981 0.984); --cyan-3: color(display-p3 0.888 0.965 0.975); --cyan-4: color(display-p3 0.821 0.941 0.959); --cyan-5: color(display-p3 0.751 0.907 0.935); --cyan-6: color(display-p3 0.671 0.862 0.9); --cyan-7: color(display-p3 0.564 0.8 0.854); --cyan-8: color(display-p3 0.388 0.715 0.798); --cyan-9: color(display-p3 0.282 0.627 0.765); --cyan-10: color(display-p3 0.264 0.583 0.71); --cyan-11: color(display-p3 0.08 0.48 0.63); --cyan-12: color(display-p3 0.108 0.232 0.277); } } } :root, .light, .light-theme { --amber-1: #fefdfb; --amber-2: #fefbe9; --amber-3: #fff7c2; --amber-4: #ffee9c; --amber-5: #fbe577; --amber-6: #f3d673; --amber-7: #e9c162; --amber-8: #e2a336; --amber-9: #ffc53d; --amber-10: #ffba18; --amber-11: #ab6400; --amber-12: #4f3422; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, .light, .light-theme { --amber-1: color(display-p3 0.995 0.992 0.985); --amber-2: color(display-p3 0.994 0.986 0.921); --amber-3: color(display-p3 0.994 0.969 0.782); --amber-4: color(display-p3 0.989 0.937 0.65); --amber-5: color(display-p3 0.97 0.902 0.527); --amber-6: color(display-p3 0.936 0.844 0.506); --amber-7: color(display-p3 0.89 0.762 0.443); --amber-8: color(display-p3 0.85 0.65 0.3); --amber-9: color(display-p3 1 0.77 0.26); --amber-10: color(display-p3 0.959 0.741 0.274); --amber-11: color(display-p3 0.64 0.4 0); --amber-12: color(display-p3 0.294 0.208 0.145); } } } :root, .light, .light-theme { --red-1: #fffcfc; --red-2: #fff7f7; --red-3: #feebec; --red-4: #ffdbdc; --red-5: #ffcdce; --red-6: #fdbdbe; --red-7: #f4a9aa; --red-8: #eb8e90; --red-9: #e5484d; --red-10: #dc3e42; --red-11: #ce2c31; --red-12: #641723; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, .light, .light-theme { --red-1: color(display-p3 0.998 0.989 0.988); --red-2: color(display-p3 0.995 0.971 0.971); --red-3: color(display-p3 0.985 0.925 0.925); --red-4: color(display-p3 0.999 0.866 0.866); --red-5: color(display-p3 0.984 0.812 0.811); --red-6: color(display-p3 0.955 0.751 0.749); --red-7: color(display-p3 0.915 0.675 0.672); --red-8: color(display-p3 0.872 0.575 0.572); --red-9: color(display-p3 0.83 0.329 0.324); --red-10: color(display-p3 0.798 0.294 0.285); --red-11: color(display-p3 0.744 0.234 0.222); --red-12: color(display-p3 0.36 0.115 0.143); } } } /** Code mirror */ .mdxeditor .cm-editor { --sp-font-mono: var(--font-mono); --sp-font-body: var(--font-body); padding: var(--sp-space-4) 0; } .mdxeditor .sp-editor .cm-editor { padding-bottom: 0; } .mdxeditor .cm-scroller { padding: 0 !important; } .mdxeditor .cm-focused { outline: none; } .mdxeditor .sp-wrapper { overflow: hidden; } .mdxeditor .sp-layout { border: none; } .mdxeditor .sp-cm pre { white-space: break-spaces; word-break: break-word; overflow-wrap: anywhere; flex-shrink: 1; } /** Diff viewer */ .mdxeditor .cm-mergeView .cm-scroller { font-family: var(--font-mono); line-height: 1.3rem; font-size: var(--text-xs); } /** Diff viewer */ .mdxeditor .cm-sourceView .cm-scroller { font-family: var(--font-mono); line-height: 1.3rem; font-size: var(--text-xs); } .mdxeditor .cm-gutters { background: transparent; font-size: var(--text-xxs); } .mdxeditor .cm-activeLine { background: transparent; } .mdxeditor .cm-tooltip-autocomplete { background: var(--baseBgSubtle); } .mdxeditor hr.selected[data-lexical-decorator=true] { outline: 2px solid highlight; } ._editorRoot_1e2ox_53 { --accentBase: var(--blue-1); --accentBgSubtle: var(--blue-2); --accentBg: var(--blue-3); --accentBgHover: var(--blue-4); --accentBgActive: var(--blue-5); --accentLine: var(--blue-6); --accentBorder: var(--blue-7); --accentBorderHover: var(--blue-8); --accentSolid: var(--blue-9); --accentSolidHover: var(--blue-10); --accentText: var(--blue-11); --accentTextContrast: var(--blue-12); --basePageBg: white; --baseBase: var(--slate-1); --baseBgSubtle: var(--slate-2); --baseBg: var(--slate-3); --baseBgHover: var(--slate-4); --baseBgActive: var(--slate-5); --baseLine: var(--slate-6); --baseBorder: var(--slate-7); --baseBorderHover: var(--slate-8); --baseSolid: var(--slate-9); --baseSolidHover: var(--slate-10); --baseText: var(--slate-11); --baseTextContrast: var(--slate-12); --admonitionTipBg: var(--cyan-4); --admonitionTipBorder: var(--cyan-8); --admonitionInfoBg: var(--grass-4); --admonitionInfoBorder: var(--grass-8); --admonitionCautionBg: var(--amber-4); --admonitionCautionBorder: var(--amber-8); --admonitionDangerBg: var(--red-4); --admonitionDangerBorder: var(--red-8); --admonitionNoteBg: var(--slate-4); --admonitionNoteBorder: var(--slate-8); --error-color: var(--red-10); --spacing-0: 0px; --spacing-px: 1px; --spacing-0_5: 0.125rem; --spacing-1: 0.25rem; --spacing-1_5: 0.375rem; --spacing-2: 0.5rem; --spacing-2_5: 0.625rem; --spacing-3: 0.75rem; --spacing-3_5: 0.875rem; --spacing-4: 1rem; --spacing-5: 1.25rem; --spacing-6: 1.5rem; --spacing-7: 1.75rem; --spacing-8: 2rem; --spacing-9: 2.25rem; --spacing-10: 2.5rem; --spacing-11: 2.75rem; --spacing-12: 3rem; --spacing-14: 3.5rem; --spacing-16: 4rem; --spacing-20: 5rem; --spacing-24: 6rem; --spacing-28: 7rem; --spacing-32: 8rem; --spacing-36: 9rem; --spacing-40: 10rem; --spacing-44: 11rem; --spacing-48: 12rem; --spacing-52: 13rem; --spacing-56: 14rem; --spacing-60: 15rem; --spacing-64: 16rem; --spacing-72: 18rem; --spacing-80: 20rem; --spacing-96: 24rem; --radius-none: 0px; --radius-small: var(--spacing-0_5); --radius-base: var(--spacing-1); --radius-medium: var(--spacing-1_5); --radius-large: var(--spacing-2); --radius-extra-large: var(--spacing-3); --radius-full: 9999px; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; --text-base: 1rem; --text-sm: 0.875rem; --text-xs: 0.75rem; --text-xxs: 0.6rem; font-family: var(--font-body); color: var(--baseText); } ._editorWrapper_1e2ox_155 { } ._nestedListItem_1e2ox_158 { list-style: none; } ._toolbarRoot_1e2ox_162 { z-index: 2; display: flex; flex-direction: row; gap: var(--spacing-1); border-radius: var(--radius-medium); padding: var(--spacing-1_5); align-items: center; overflow-x: auto; position: sticky; top: 0; background-color: var(--baseBg); width: inherit; } ._toolbarRoot_1e2ox_162 div[role='separator'] { margin: var(--spacing-2) var(--spacing-1); border-left: 1px solid var(--baseBorder); border-right: 1px solid var(--baseBase); height: var(--spacing-4); } ._toolbarRoot_1e2ox_162 svg { color: var(--baseTextContrast); display: block; } ._readOnlyToolbarRoot_1e2ox_189 { pointer-events: none; background: var(--baseBase); } ._readOnlyToolbarRoot_1e2ox_189 > div { opacity: 0.5; } ._toolbarModeSwitch_1e2ox_198 { opacity: 1 !important; margin-left: auto; align-self: stretch; align-items: stretch; display: flex; border: 1px solid var(--baseBg); border-radius: var(--radius-medium); font-size: var(--text-xs); } ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208 { padding-inline-end: var(--spacing-4); padding-inline-start: var(--spacing-4); } ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:active, ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208[data-state='on'] { background-color: var(--baseBorder); } ._toolbarGroupOfGroups_1e2ox_219 { display: flex; margin: 0 var(--spacing-1); } ._toolbarToggleSingleGroup_1e2ox_224:first-of-type ._toolbarToggleItem_1e2ox_208:only-child, ._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:first-child, ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:first-child { border-top-left-radius: var(--radius-base); border-bottom-left-radius: var(--radius-base); } ._toolbarToggleSingleGroup_1e2ox_224:last-of-type ._toolbarToggleItem_1e2ox_208:only-child, ._toolbarToggleSingleGroup_1e2ox_224:only-child ._toolbarToggleItem_1e2ox_208:last-child, ._toolbarModeSwitch_1e2ox_198 ._toolbarToggleItem_1e2ox_208:last-child { border-top-right-radius: var(--radius-base); border-bottom-right-radius: var(--radius-base); } ._toolbarToggleItem_1e2ox_208, ._toolbarButton_1e2ox_239 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; padding: var(--spacing-0_5); } @media (hover: hover) { ._toolbarToggleItem_1e2ox_208:hover, ._toolbarButton_1e2ox_239:hover { background-color: var(--baseBgActive); } } ._toolbarToggleItem_1e2ox_208:active svg, ._toolbarButton_1e2ox_239:active svg { transform: translate(1px, 1px); } ._toolbarToggleItem_1e2ox_208[data-state='on'], ._toolbarButton_1e2ox_239[data-state='on'], ._toolbarToggleItem_1e2ox_208:active, ._toolbarButton_1e2ox_239:active { color: var(--baseTextContrast); background-color: var(--baseBgActive); } ._toolbarToggleItem_1e2ox_208[data-disabled], ._toolbarButton_1e2ox_239[data-disabled] { pointer-events: none; } ._toolbarToggleItem_1e2ox_208[data-disabled] svg, ._toolbarButton_1e2ox_239[data-disabled] svg { color: var(--baseBorderHover); } ._toolbarButton_1e2ox_239 { border-radius: var(--radius-base); } ._toolbarButton_1e2ox_239 + ._toolbarButton_1e2ox_239 { margin-left: var(--spacing-1); } ._activeToolbarButton_1e2ox_275 { color: var(--accentText); } ._toolbarToggleSingleGroup_1e2ox_224 { display: flex; align-items: center; white-space: nowrap; } ._toolbarNodeKindSelectContainer_1e2ox_285, ._toolbarButtonDropdownContainer_1e2ox_286, ._toolbarCodeBlockLanguageSelectContent_1e2ox_287, ._selectContainer_1e2ox_288 { filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2)); z-index: 3; width: var(--spacing-36); border-bottom-left-radius: var(--radius-base); border-bottom-right-radius: var(--radius-base); background-color: var(--basePageBg); font-size: var(--text-sm); } ._toolbarButtonDropdownContainer_1e2ox_286 { border-top-right-radius: var(--radius-base); } ._toolbarButtonDropdownContainer_1e2ox_286 ._selectItem_1e2ox_301:first-child { border-top-right-radius: var(--radius-base); } ._toolbarNodeKindSelectTrigger_1e2ox_306, ._toolbarButtonSelectTrigger_1e2ox_307, ._selectTrigger_1e2ox_308 { border: 0; background-color: transparent; display: flex; color: inherit; align-items: center; width: var(--spacing-36); padding: var(--spacing-0_5) var(--spacing-1); padding-inline-start: var(--spacing-2); border-radius: var(--radius-medium); white-space: nowrap; flex-wrap: nowrap; font-size: var(--text-sm); background-color: var(--basePageBg); margin: 0 var(--spacing-1); } ._toolbarNodeKindSelectTrigger_1e2ox_306[data-state='open'], ._toolbarButtonSelectTrigger_1e2ox_307[data-state='open'], ._selectTrigger_1e2ox_308[data-state='open'] { filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2)); border-bottom-right-radius: var(--radius-none); border-bottom-left-radius: var(--radius-none); } ._selectTrigger_1e2ox_308[data-placeholder] > span:first-child { color: var(--baseBorderHover); } /** used in the sandpack */ ._toolbarButtonSelectTrigger_1e2ox_307 { width: auto; padding-inline-start: var(--spacing-2); padding-inline-end: var(--spacing-1); padding-block: var(--spacing-0_5); } ._toolbarCodeBlockLanguageSelectTrigger_1e2ox_343, ._toolbarCodeBlockLanguageSelectContent_1e2ox_287 { width: var(--spacing-48); } ._toolbarNodeKindSelectItem_1e2ox_348, ._selectItem_1e2ox_301 { cursor: default; display: flex; padding: var(--spacing-2); } ._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted], ._selectItem_1e2ox_301[data-highlighted] { background-color: var(--baseBg); } ._toolbarNodeKindSelectItem_1e2ox_348[data-state='checked'], ._selectItem_1e2ox_301[data-state='checked'] { color: var(--baseTextContrast); background-color: var(--baseBg); } ._toolbarNodeKindSelectItem_1e2ox_348[data-highlighted], ._selectItem_1e2ox_301[data-highlighted] { outline: none; } ._toolbarNodeKindSelectItem_1e2ox_348:last-child, ._selectItem_1e2ox_301:last-child { border-bottom-left-radius: var(--radius-base); border-bottom-right-radius: var(--radius-base); } ._toolbarNodeKindSelectDropdownArrow_1e2ox_373, ._selectDropdownArrow_1e2ox_374 { margin-left: auto; display: flex; align-items: center; } ._contentEditable_1e2ox_380 { box-sizing: border-box; width: 100%; color: var(--baseTextContrast); padding: var(--spacing-3); } ._contentEditable_1e2ox_380:focus { outline: none; } ._codeMirrorWrapper_1e2ox_392 { margin-bottom: var(--spacing-5); border: 1px solid var(--baseLine); border-radius: var(--radius-medium); overflow: hidden; padding: 0.8rem; position: relative; } ._sandPackWrapper_1e2ox_401 { margin-bottom: var(--spacing-5); border: 1px solid var(--baseLine); border-radius: var(--radius-medium); overflow: hidden; position: relative; } ._codeMirrorToolbar_1e2ox_409 { position: absolute; right: 0; top: 0; display: flex; gap: var(--spacing-1); padding: var(--spacing-1); z-index: 1; background-color: var(--baseBase); border-bottom-left-radius: var(--radius-base); } ._frontmatterWrapper_1e2ox_413 { border-radius: var(--radius-medium); padding: var(--spacing-3); background-color: var(--baseBgSubtle); } ._frontmatterWrapper_1e2ox_413[data-expanded='true'] { margin-bottom: var(--spacing-10); } ._frontmatterToggleButton_1e2ox_423 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; display: flex; align-items: center; gap: var(--spacing-1); font-size: var(--text-sm); } ._propertyPanelTitle_1e2ox_431 { font-size: var(--text-xs); font-weight: 400; margin: 0; padding-top: var(--spacing-2); padding-left: var(--spacing-2); } ._propertyEditorTable_1e2ox_439 { table-layout: fixed; border-spacing: var(--spacing-2); } ._propertyEditorTable_1e2ox_439 th { text-align: left; font-size: var(--text-sm); padding: var(--spacing-2) var(--spacing-3); } ._propertyEditorTable_1e2ox_439 col:nth-child(1) { width: 30%; } ._propertyEditorTable_1e2ox_439 col:nth-child(2) { width: 70%; } ._propertyEditorTable_1e2ox_439 td:last-child ._iconButton_1e2ox_457 { margin-left: var(--spacing-4); margin-right: var(--spacing-4); } ._propertyEditorTable_1e2ox_439 ._readOnlyColumnCell_1e2ox_462 { padding-left: 0; } ._propertyEditorLabelCell_1e2ox_467 { font-weight: 400; } ._readOnlyColumnCell_1e2ox_462 { padding-left: 0; } ._buttonsFooter_1e2ox_475 { display: flex; justify-content: flex-end; gap: var(--spacing-2); } ._propertyEditorInput_1e2ox_481 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; width: 100%; padding: var(--spacing-2) var(--spacing-3); border-radius: var(--radius-base); border: 1px solid var(--baseBorder); background-color: var(--baseBase); font-size: var(--text-sm); } ._iconButton_1e2ox_457 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; color: var(--baseText); } @media (hover: hover) { ._iconButton_1e2ox_457:hover { color: var(--baseTextContrast); } } ._iconButton_1e2ox_457:disabled, ._iconButton_1e2ox_457:disabled:hover { color: var(--baseLine); } ._primaryButton_1e2ox_507, ._secondaryButton_1e2ox_508 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; padding: var(--spacing-2) var(--spacing-3); border: 1px solid var(--accentBorder); background-color: var(--accentSolidHover); color: var(--baseBase); font-size: var(--text-xs); border-radius: var(--radius-medium); } ._primaryButton_1e2ox_507:disabled, ._secondaryButton_1e2ox_508:disabled { background: var(--accentLine); border-color: var(--accentBg); } ._smallButton_1e2ox_523 { font-size: var(--text-xs); padding: var(--spacing-1) var(--spacing-2); border-radius: var(--radius-base); } ._secondaryButton_1e2ox_508 { border: 1px solid var(--baseBorder); background-color: var(--baseSolidHover); color: var(--baseBase); } ._dialogForm_1e2ox_535 { display: flex; flex-direction: row; gap: var(--spacing-2); } ._linkDialogEditForm_1e2ox_541 { display: flex; flex-direction: column; align-items: stretch; gap: var(--spacing-2); padding: 0; } ._linkDialogInputContainer_1e2ox_549 { display: flex; flex-direction: column; align-items: stretch; } ._linkDialogInputWrapper_1e2ox_555 { display: flex; align-items: center; background-color: var(--baseBase); border-radius: var(--radius-base); border: 1px solid var(--baseBorder); } ._linkDialogInputWrapper_1e2ox_555[data-visible-dropdown='true'] { border-bottom-left-radius: var(--radius-none); border-bottom-right-radius: var(--radius-none); border-bottom-width: 0; } ._linkDialogInputWrapper_1e2ox_555 > button { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; padding-right: var(--spacing-2); } ._linkDialogInput_1e2ox_549, ._dialogInput_1e2ox_576 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; width: 20rem; padding: var(--spacing-2) var(--spacing-3); font-size: var(--text-sm); } ._linkDialogInput_1e2ox_549::-moz-placeholder, ._dialogInput_1e2ox_576::-moz-placeholder { color: var(--baseBorder); } ._linkDialogInput_1e2ox_549::placeholder, ._dialogInput_1e2ox_576::placeholder { color: var(--baseBorder); } ._linkDialogAnchor_1e2ox_587 { position: fixed; background-color: highlight; z-index: -1; } ._linkDialogAnchor_1e2ox_587[data-visible='true'] { visibility: visible; } ._linkDialogAnchor_1e2ox_587[data-visible='false'] { visibility: hidden; } ._linkDialogPopoverContent_1e2ox_601, ._tableColumnEditorPopoverContent_1e2ox_602, ._dialogContent_1e2ox_603 { filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2)); display: flex; align-items: center; gap: var(--spacing-0_5); border-radius: var(--radius-medium); border: 1px solid var(--baseBg); background-color: var(--basePageBg); padding: var(--spacing-1) var(--spacing-1); font-size: var(--text-sm); } ._largeDialogContent_1e2ox_615 { filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2)); gap: var(--spacing-0_5); border-radius: var(--radius-medium); border: 1px solid var(--baseBorder); background-color: var(--baseBgSubtle); padding: var(--spacing-4); font-size: var(--text-sm); } ._dialogTitle_1e2ox_625 { font-size: var(--text-base); font-weight: 600; padding-left: var(--spacing-2); } ._dialogCloseButton_1e2ox_631 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; position: absolute; top: 10px; right: 10px; } ._popoverContent_1e2ox_638 { filter: drop-shadow(0 2px 2px rgb(0 0 0 / 0.2)); display: flex; align-items: center; gap: var(--spacing-0_5); border-radius: var(--radius-medium); background-color: var(--baseBgSubtle); padding: var(--spacing-2) var(--spacing-2); font-size: var(--text-sm); z-index: 1; } ._popoverArrow_1e2ox_650 { fill: var(--basePageBg); } ._linkDialogPreviewAnchor_1e2ox_654 { margin-right: var(--spacing-1); display: flex; align-items: center; color: var(--accentText); text-decoration: none; border: 1px solid transparent; } @media (hover: hover) { ._linkDialogPreviewAnchor_1e2ox_654:hover { color: var(--accentSolidHover); } } ._linkDialogPreviewAnchor_1e2ox_654 span { max-width: 14rem; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } ._tooltipTrigger_1e2ox_677 { align-self: center; } ._tooltipContent_1e2ox_681 { z-index: 2; position: relative; border-radius: var(--radius-medium); padding: var(--spacing-1) var(--spacing-2); font-size: var(--text-xs); background-color: var(--baseText); color: var(--baseBase); } ._tooltipContent_1e2ox_681 svg { fill: var(--baseText); } ._actionButton_1e2ox_695 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; padding: var(--spacing-1); color: var(--baseTextContrast); padding: var(--spacing-1) var(--spacing-1); border-radius: var(--radius-medium); color: var(--baseTextContrast); } ._actionButton_1e2ox_695 svg { display: block; } @media (hover: hover) { ._actionButton_1e2ox_695:hover { background-color: var(--baseBg); } } ._actionButton_1e2ox_695:active svg { transform: translate(1px, 1px); } ._actionButton_1e2ox_695[data-state='on'], ._actionButton_1e2ox_695:active { background-color: var(--baseBg); color: var(--baseTextContrast); } ._primaryActionButton_1e2ox_702 { background-color: var(--accentSolid); color: var(--baseBase); } @media (hover: hover) { ._primaryActionButton_1e2ox_702:hover { background-color: var(--accentSolidHover); color: var(--baseBase); } } ._tableEditor_1e2ox_714 { table-layout: fixed; width: 100%; height: 100%; border-spacing: 0; border-collapse: collapse; } ._tableEditor_1e2ox_714 thead > tr > th { text-align: right; } ._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725), ._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true']) { border: 1px solid var(--baseBgActive); padding: var(--spacing-1) var(--spacing-2); white-space: normal; } :is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) > div { outline: none; } :is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) > div > p { margin: 0; } [data-active='true']:is(._tableEditor_1e2ox_714 > tbody > tr > td:not(._toolCell_1e2ox_725),._tableEditor_1e2ox_714 > tbody > tr > th:not(._toolCell_1e2ox_725):not([data-tool-cell='true'])) { outline: solid 1px var(--baseSolid); } ._tableEditor_1e2ox_714 ._tableColumnEditorTrigger_1e2ox_744, ._tableEditor_1e2ox_714 ._tableRowEditorTrigger_1e2ox_745, ._tableEditor_1e2ox_714 ._addRowButton_1e2ox_746, ._tableEditor_1e2ox_714 ._addColumnButton_1e2ox_747, ._tableEditor_1e2ox_714 ._iconButton_1e2ox_457 { opacity: 0.15; } @media (hover: hover) { ._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744, ._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745, ._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746, ._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747, ._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457 { opacity: 0.3; } ._tableEditor_1e2ox_714:hover ._tableColumnEditorTrigger_1e2ox_744:hover, ._tableEditor_1e2ox_714:hover ._tableRowEditorTrigger_1e2ox_745:hover, ._tableEditor_1e2ox_714:hover ._addRowButton_1e2ox_746:hover, ._tableEditor_1e2ox_714:hover ._addColumnButton_1e2ox_747:hover, ._tableEditor_1e2ox_714:hover ._iconButton_1e2ox_457:hover { opacity: 1; } } ._toolCell_1e2ox_725 { text-align: right; } ._toolCell_1e2ox_725 button { margin: auto; display: block; } ._tableColumnEditorTrigger_1e2ox_744 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; padding: var(--spacing-1); color: var(--baseTextContrast); padding: var(--spacing-1); border-radius: var(--radius-full); opacity: 0.2; } ._tableColumnEditorTrigger_1e2ox_744 svg { display: block; } @media (hover: hover) { ._tableColumnEditorTrigger_1e2ox_744:hover { background-color: var(--baseBg); } } ._tableColumnEditorTrigger_1e2ox_744:active svg { transform: translate(1px, 1px); } ._tableColumnEditorTrigger_1e2ox_744[data-state='on'], ._tableColumnEditorTrigger_1e2ox_744:active { background-color: var(--baseBg); color: var(--baseTextContrast); } ._tableColumnEditorTrigger_1e2ox_744[data-active='true'] { opacity: 1 !important; } ._tableColumnEditorToolbar_1e2ox_789 { display: flex; } ._tableColumnEditorToolbar_1e2ox_789 > button { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; padding: var(--spacing-1); color: var(--baseTextContrast); } ._tableColumnEditorToolbar_1e2ox_789 > button svg { display: block; } @media (hover: hover) { ._tableColumnEditorToolbar_1e2ox_789 > button:hover { background-color: var(--baseBg); } } ._tableColumnEditorToolbar_1e2ox_789 > button:active svg { transform: translate(1px, 1px); } ._tableColumnEditorToolbar_1e2ox_789 > button[data-state='on'], ._tableColumnEditorToolbar_1e2ox_789 > button:active { background-color: var(--baseBg); color: var(--baseTextContrast); } ._tableColumnEditorToolbar_1e2ox_789 [role='separator'] { margin-left: var(--spacing-1); margin-right: var(--spacing-1); } ._toggleGroupRoot_1e2ox_802 { display: inline-flex; } ._toggleGroupRoot_1e2ox_802 button { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; padding: var(--spacing-1); color: var(--baseTextContrast); } ._toggleGroupRoot_1e2ox_802 button svg { display: block; } @media (hover: hover) { ._toggleGroupRoot_1e2ox_802 button:hover { background-color: var(--baseBg); } } ._toggleGroupRoot_1e2ox_802 button:active svg { transform: translate(1px, 1px); } ._toggleGroupRoot_1e2ox_802 button[data-state='on'], ._toggleGroupRoot_1e2ox_802 button:active { background-color: var(--baseBg); color: var(--baseTextContrast); } ._toggleGroupRoot_1e2ox_802 button:first-child { border-top-left-radius: var(--radius-base); border-bottom-left-radius: var(--radius-base); } ._toggleGroupRoot_1e2ox_802 button:last-child { border-top-right-radius: var(--radius-base); border-bottom-right-radius: var(--radius-base); } ._tableToolsColumn_1e2ox_820 { width: 2rem; } ._tableToolsColumn_1e2ox_820 button { margin: auto; display: block; } ._leftAlignedCell_1e2ox_829 { text-align: left; } ._rightAlignedCell_1e2ox_833 { text-align: right; } ._centeredCell_1e2ox_837 { text-align: center; } ._addColumnButton_1e2ox_747, ._addRowButton_1e2ox_746 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; padding: var(--spacing-1); color: var(--baseTextContrast); background-color: var(--baseBase); display: flex; align-items: center; } ._addColumnButton_1e2ox_747 svg, ._addRowButton_1e2ox_746 svg { display: block; } @media (hover: hover) { ._addColumnButton_1e2ox_747:hover, ._addRowButton_1e2ox_746:hover { background-color: var(--baseBg); } } ._addColumnButton_1e2ox_747:active svg, ._addRowButton_1e2ox_746:active svg { transform: translate(1px, 1px); } ._addColumnButton_1e2ox_747[data-state='on'], ._addRowButton_1e2ox_746[data-state='on'], ._addColumnButton_1e2ox_747:active, ._addRowButton_1e2ox_746:active { background-color: var(--baseBg); color: var(--baseTextContrast); } ._addColumnButton_1e2ox_747 svg, ._addRowButton_1e2ox_746 svg { margin: auto; } ._addRowButton_1e2ox_746 { width: 100%; margin-top: var(--spacing-px); box-sizing: border-box; border-bottom-right-radius: var(--radius-medium); border-bottom-left-radius: var(--radius-medium); } ._addColumnButton_1e2ox_747 { margin-left: var(--spacing-px); height: 100%; border-top-right-radius: var(--radius-medium); border-bottom-right-radius: var(--radius-medium); } /** Dialog */ ._dialogOverlay_1e2ox_870 { position: fixed; inset: 0; animation: _overlayShow_1e2ox_1 150ms cubic-bezier(0.16, 1, 0.3, 1); background-color: var(--baseBase); z-index: 51; opacity: 0.5; } ._dialogContent_1e2ox_603, ._largeDialogContent_1e2ox_615 { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: _contentShow_1e2ox_1 150ms cubic-bezier(0.16, 1, 0.3, 1); z-index: 52; } ._dialogContent_1e2ox_603:focus, ._largeDialogContent_1e2ox_615:focus { outline: none; } @keyframes _overlayShow_1e2ox_1 { from { opacity: 0; } to { opacity: 0.5; } } @keyframes _contentShow_1e2ox_1 { from { opacity: 0; transform: translate(-50%, -48%) scale(0.96); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } } ._focusedImage_1e2ox_916 { outline: highlight solid 2px; } ._imageWrapper_1e2ox_920 { display: inline-block; position: relative; } ._imageWrapper_1e2ox_920[draggable='true'] { cursor: move; /* fallback if grab cursor is unsupported */ cursor: grab; cursor: -webkit-grab; } ._editImageToolbar_1e2ox_933 { position: absolute; right: 0; top: 0; display: flex; gap: var(--spacing-1); padding: var(--spacing-1); z-index: 1; background-color: var(--baseBase); border-bottom-left-radius: var(--radius-base); } ._editImageButton_1e2ox_937 svg { display: block; } ._inlineEditor_1e2ox_943 { display: inline-flex; border-radius: var(--radius-medium); padding: var(--spacing-1); gap: var(--spacing-2); align-items: center; background: var(--baseBg); } ._blockEditor_1e2ox_952 { display: flex; justify-content: stretch; border-radius: var(--radius-medium); padding: var(--spacing-2); gap: var(--spacing-2); align-items: center; background: var(--baseBg); } ._blockEditor_1e2ox_952 ._nestedEditor_1e2ox_961 { flex-grow: 1; } ._nestedEditor_1e2ox_961 { background: var(--basePageBg); padding: var(--spacing-1) var(--spacing-2); border-radius: var(--radius-medium); } ._nestedEditor_1e2ox_961 > p { margin: 0; } ._nestedEditor_1e2ox_961:focus { outline: none; } ._genericComponentName_1e2ox_980 { font-size: var(--text-sm); color: var(--baseText); padding-right: var(--spacing-2); } ._diffSourceToggleWrapper_1e2ox_986 { margin-left: auto; pointer-events: auto; opacity: 1; position: sticky; right: 0; } ._ggDiffSourceToggle_1e2ox_994 { } ._diffSourceToggle_1e2ox_986 { border-radius: var(--radius-medium); background-color: var(--baseBase); display: flex; } ._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208 { padding: 0; } ._diffSourceToggle_1e2ox_986 ._toolbarToggleItem_1e2ox_208 > span { display: block; padding: var(--spacing-1) var(--spacing-1); } ._selectWithLabel_1e2ox_1012 { display: flex; align-items: center; gap: var(--spacing-2); margin-left: var(--spacing-2); } ._selectWithLabel_1e2ox_1012 > label { font-size: var(--text-sm); } ._selectWithLabel_1e2ox_1012 ._selectTrigger_1e2ox_308 { border: 1px solid var(--baseBorder); } ._toolbarTitleMode_1e2ox_1027 { font-size: var(--text-sm); margin-left: var(--spacing-2); } ._imageControlWrapperResizing_1e2ox_1032 { touch-action: none; } ._imageResizer_1e2ox_1036 { display: block; width: 7px; height: 7px; position: absolute; background-color: var(--accentText); border: 1px solid var(--baseBg); } ._imageResizer_1e2ox_1036._imageResizerN_1e2ox_1045 { top: -6px; left: 48%; cursor: n-resize; } ._imageResizer_1e2ox_1036._imageResizerNe_1e2ox_1051 { top: -6px; right: -6px; cursor: ne-resize; } ._imageResizer_1e2ox_1036._imageResizerE_1e2ox_1057 { bottom: 48%; right: -6px; cursor: e-resize; } ._imageResizer_1e2ox_1036._imageResizerSe_1e2ox_1063 { bottom: -2px; right: -6px; cursor: nwse-resize; } ._imageResizer_1e2ox_1036._imageResizerS_1e2ox_1063 { bottom: -2px; left: 48%; cursor: s-resize; } ._imageResizer_1e2ox_1036._imageResizerSw_1e2ox_1075 { bottom: -2px; left: -6px; cursor: sw-resize; } ._imageResizer_1e2ox_1036._imageResizerW_1e2ox_1081 { bottom: 48%; left: -6px; cursor: w-resize; } ._imageResizer_1e2ox_1036._imageResizerNw_1e2ox_1087 { top: -6px; left: -6px; cursor: nw-resize; } ._imagePlaceholder_1e2ox_1093 { border: 2px dashed; padding: 48px; margin: 12px; width: -moz-fit-content; width: fit-content; height: -moz-fit-content; height: fit-content; } ._imageDimensionsContainer_1e2ox_1101 { display: flex; gap: var(--spacing-4); } ._placeholder_1e2ox_1106 { color: var(--baseSolid); overflow: hidden; position: absolute; top: 0; padding: var(--spacing-3); text-overflow: ellipsis; -webkit-user-select: none; -moz-user-select: none; user-select: none; white-space: nowrap; display: inline-block; pointer-events: none; } ._rootContentEditableWrapper_1e2ox_1119 { position: relative; } ._downshiftContainer_1e2ox_1123 { display: flex; flex-direction: column; align-items: stretch; } ._downshiftInputWrapper_1e2ox_1129 { display: flex; align-items: center; background-color: var(--baseBase); border-radius: var(--radius-base); border: 1px solid var(--baseBorder); } ._downshiftInputWrapper_1e2ox_1129[data-visible-dropdown='true'] { border-bottom-left-radius: var(--radius-none); border-bottom-right-radius: var(--radius-none); border-bottom-width: 0; } ._downshiftInputWrapper_1e2ox_1129 > button { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; padding-right: var(--spacing-2); } ._downshiftInput_1e2ox_1129 { border: 0; background-color: transparent; font-size: inherit; -webkit-appearance: none; -moz-appearance: none; appearance: none; all: unset; box-sizing: border-box; cursor: default; width: 20rem; padding: var(--spacing-2) var(--spacing-3); font-size: var(--text-sm); } ._downshiftInput_1e2ox_1129::-moz-placeholder { color: var(--baseBorder); } ._downshiftInput_1e2ox_1129::placeholder { color: var(--baseBorder); } ._downshiftAutocompleteContainer_1e2ox_1160 { position: relative; } ._downshiftAutocompleteContainer_1e2ox_1160 ul { all: unset; box-sizing: border-box; position: absolute; font-size: var(--text-sm); width: 100%; display: none; border-bottom-left-radius: var(--radius-medium); border-bottom-right-radius: var(--radius-medium); max-height: var(--spacing-48); overflow-x: hidden; overflow-y: auto; border: 1px solid var(--baseBorder); border-top-width: 0; background-color: var(--baseBase); } ._downshiftAutocompleteContainer_1e2ox_1160 ul[data-visible='true'] { display: block; } ._downshiftAutocompleteContainer_1e2ox_1160 ul li { padding: var(--spacing-2) var(--spacing-3); white-space: nowrap; margin-bottom: var(--spacing-1); overflow-x: hidden; text-overflow: ellipsis; } ._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-selected='true'] { background-color: var(--baseBgSubtle); } ._downshiftAutocompleteContainer_1e2ox_1160 ul li[data-highlighted='true'] { background-color: var(--baseBgHover); } ._downshiftAutocompleteContainer_1e2ox_1160 ul li:last-of-type { border-bottom-left-radius: var(--radius-medium); border-bottom-right-radius: var(--radius-medium); } ._textInput_1e2ox_1206 { all: unset; border-radius: var(--radius-base); border: 1px solid var(--baseBorder); background-color: var(--baseBase); padding: var(--spacing-2) var(--spacing-3); } form._multiFieldForm_1e2ox_1214 { display: flex; flex-direction: column; padding: var(--spacing-2); gap: var(--spacing-2); } form._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220 { display: flex; flex-direction: column; gap: var(--spacing-2); } form._multiFieldForm_1e2ox_1214 ._formField_1e2ox_1220 label { font-size: var(--text-xs); } ._markdownParseError_1e2ox_1231 { border-radius: var(--radius-base); border: 1px solid var(--error-color); padding: var(--spacing-2); margin-block: var(--spacing-2); color: var(--error-color); font-size: var(--text-xs); } ._popupContainer_1e2ox_1240 { position: relative; z-index: 2; } ._inputSizer_1e2ox_1245 { display: inline-grid; vertical-align: baseline; align-items: center; position: relative; } ._inputSizer_1e2ox_1245::after, ._inputSizer_1e2ox_1245 input { width: auto; min-width: 1rem; grid-area: 1 / 2; font: inherit; margin: 0; padding: 0 2px; resize: none; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; color: inherit; } ._inputSizer_1e2ox_1245 span { padding: 0.25em; } ._inputSizer_1e2ox_1245::after { content: attr(data-value); white-space: pre-wrap; } :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --blue-1: #fbfdff; --blue-2: #f4faff; --blue-3: #e6f4fe; --blue-4: #d5efff; --blue-5: #c2e5ff; --blue-6: #acd8fc; --blue-7: #8ec8f6; --blue-8: #5eb1ef; --blue-9: #0090ff; --blue-10: #0588f0; --blue-11: #0d74ce; --blue-12: #113264; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --blue-1: color(display-p3 0.986 0.992 0.999); --blue-2: color(display-p3 0.96 0.979 0.998); --blue-3: color(display-p3 0.912 0.956 0.991); --blue-4: color(display-p3 0.853 0.932 1); --blue-5: color(display-p3 0.788 0.894 0.998); --blue-6: color(display-p3 0.709 0.843 0.976); --blue-7: color(display-p3 0.606 0.777 0.947); --blue-8: color(display-p3 0.451 0.688 0.917); --blue-9: color(display-p3 0.247 0.556 0.969); --blue-10: color(display-p3 0.234 0.523 0.912); --blue-11: color(display-p3 0.15 0.44 0.84); --blue-12: color(display-p3 0.102 0.193 0.379); } } } ._dark_1tncs_1, ._dark-theme_1tncs_1 { --blue-1: #0d1520; --blue-2: #111927; --blue-3: #0d2847; --blue-4: #003362; --blue-5: #004074; --blue-6: #104d87; --blue-7: #205d9e; --blue-8: #2870bd; --blue-9: #0090ff; --blue-10: #3b9eff; --blue-11: #70b8ff; --blue-12: #c2e6ff; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { ._dark_1tncs_1, ._dark-theme_1tncs_1 { --blue-1: color(display-p3 0.057 0.081 0.122); --blue-2: color(display-p3 0.072 0.098 0.147); --blue-3: color(display-p3 0.078 0.154 0.27); --blue-4: color(display-p3 0.033 0.197 0.37); --blue-5: color(display-p3 0.08 0.245 0.441); --blue-6: color(display-p3 0.14 0.298 0.511); --blue-7: color(display-p3 0.195 0.361 0.6); --blue-8: color(display-p3 0.239 0.434 0.72); --blue-9: color(display-p3 0.247 0.556 0.969); --blue-10: color(display-p3 0.344 0.612 0.973); --blue-11: color(display-p3 0.49 0.72 1); --blue-12: color(display-p3 0.788 0.898 0.99); } } } :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --slate-1: #fcfcfd; --slate-2: #f9f9fb; --slate-3: #f0f0f3; --slate-4: #e8e8ec; --slate-5: #e0e1e6; --slate-6: #d9d9e0; --slate-7: #cdced6; --slate-8: #b9bbc6; --slate-9: #8b8d98; --slate-10: #80838d; --slate-11: #60646c; --slate-12: #1c2024; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --slate-1: color(display-p3 0.988 0.988 0.992); --slate-2: color(display-p3 0.976 0.976 0.984); --slate-3: color(display-p3 0.94 0.941 0.953); --slate-4: color(display-p3 0.908 0.909 0.925); --slate-5: color(display-p3 0.88 0.881 0.901); --slate-6: color(display-p3 0.85 0.852 0.876); --slate-7: color(display-p3 0.805 0.808 0.838); --slate-8: color(display-p3 0.727 0.733 0.773); --slate-9: color(display-p3 0.547 0.553 0.592); --slate-10: color(display-p3 0.503 0.512 0.549); --slate-11: color(display-p3 0.379 0.392 0.421); --slate-12: color(display-p3 0.113 0.125 0.14); } } } ._dark_1tncs_1, ._dark-theme_1tncs_1 { --slate-1: #111113; --slate-2: #18191b; --slate-3: #212225; --slate-4: #272a2d; --slate-5: #2e3135; --slate-6: #363a3f; --slate-7: #43484e; --slate-8: #5a6169; --slate-9: #696e77; --slate-10: #777b84; --slate-11: #b0b4ba; --slate-12: #edeef0; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { ._dark_1tncs_1, ._dark-theme_1tncs_1 { --slate-1: color(display-p3 0.067 0.067 0.074); --slate-2: color(display-p3 0.095 0.098 0.105); --slate-3: color(display-p3 0.13 0.135 0.145); --slate-4: color(display-p3 0.156 0.163 0.176); --slate-5: color(display-p3 0.183 0.191 0.206); --slate-6: color(display-p3 0.215 0.226 0.244); --slate-7: color(display-p3 0.265 0.28 0.302); --slate-8: color(display-p3 0.357 0.381 0.409); --slate-9: color(display-p3 0.415 0.431 0.463); --slate-10: color(display-p3 0.469 0.483 0.514); --slate-11: color(display-p3 0.692 0.704 0.728); --slate-12: color(display-p3 0.93 0.933 0.94); } } } :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --grass-1: #fbfefb; --grass-2: #f5fbf5; --grass-3: #e9f6e9; --grass-4: #daf1db; --grass-5: #c9e8ca; --grass-6: #b2ddb5; --grass-7: #94ce9a; --grass-8: #65ba74; --grass-9: #46a758; --grass-10: #3e9b4f; --grass-11: #2a7e3b; --grass-12: #203c25; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --grass-1: color(display-p3 0.986 0.996 0.985); --grass-2: color(display-p3 0.966 0.983 0.964); --grass-3: color(display-p3 0.923 0.965 0.917); --grass-4: color(display-p3 0.872 0.94 0.865); --grass-5: color(display-p3 0.811 0.908 0.802); --grass-6: color(display-p3 0.733 0.864 0.724); --grass-7: color(display-p3 0.628 0.803 0.622); --grass-8: color(display-p3 0.477 0.72 0.482); --grass-9: color(display-p3 0.38 0.647 0.378); --grass-10: color(display-p3 0.344 0.598 0.342); --grass-11: color(display-p3 0.263 0.488 0.261); --grass-12: color(display-p3 0.151 0.233 0.153); } } } :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --cyan-1: #fafdfe; --cyan-2: #f2fafb; --cyan-3: #def7f9; --cyan-4: #caf1f6; --cyan-5: #b5e9f0; --cyan-6: #9ddde7; --cyan-7: #7dcedc; --cyan-8: #3db9cf; --cyan-9: #00a2c7; --cyan-10: #0797b9; --cyan-11: #107d98; --cyan-12: #0d3c48; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --cyan-1: color(display-p3 0.982 0.992 0.996); --cyan-2: color(display-p3 0.955 0.981 0.984); --cyan-3: color(display-p3 0.888 0.965 0.975); --cyan-4: color(display-p3 0.821 0.941 0.959); --cyan-5: color(display-p3 0.751 0.907 0.935); --cyan-6: color(display-p3 0.671 0.862 0.9); --cyan-7: color(display-p3 0.564 0.8 0.854); --cyan-8: color(display-p3 0.388 0.715 0.798); --cyan-9: color(display-p3 0.282 0.627 0.765); --cyan-10: color(display-p3 0.264 0.583 0.71); --cyan-11: color(display-p3 0.08 0.48 0.63); --cyan-12: color(display-p3 0.108 0.232 0.277); } } } :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --amber-1: #fefdfb; --amber-2: #fefbe9; --amber-3: #fff7c2; --amber-4: #ffee9c; --amber-5: #fbe577; --amber-6: #f3d673; --amber-7: #e9c162; --amber-8: #e2a336; --amber-9: #ffc53d; --amber-10: #ffba18; --amber-11: #ab6400; --amber-12: #4f3422; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --amber-1: color(display-p3 0.995 0.992 0.985); --amber-2: color(display-p3 0.994 0.986 0.921); --amber-3: color(display-p3 0.994 0.969 0.782); --amber-4: color(display-p3 0.989 0.937 0.65); --amber-5: color(display-p3 0.97 0.902 0.527); --amber-6: color(display-p3 0.936 0.844 0.506); --amber-7: color(display-p3 0.89 0.762 0.443); --amber-8: color(display-p3 0.85 0.65 0.3); --amber-9: color(display-p3 1 0.77 0.26); --amber-10: color(display-p3 0.959 0.741 0.274); --amber-11: color(display-p3 0.64 0.4 0); --amber-12: color(display-p3 0.294 0.208 0.145); } } } :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --red-1: #fffcfc; --red-2: #fff7f7; --red-3: #feebec; --red-4: #ffdbdc; --red-5: #ffcdce; --red-6: #fdbdbe; --red-7: #f4a9aa; --red-8: #eb8e90; --red-9: #e5484d; --red-10: #dc3e42; --red-11: #ce2c31; --red-12: #641723; } @supports (color: color(display-p3 1 1 1)) { @media (color-gamut: p3) { :root, ._light_1tncs_1, ._light-theme_1tncs_1 { --red-1: color(display-p3 0.998 0.989 0.988); --red-2: color(display-p3 0.995 0.971 0.971); --red-3: color(display-p3 0.985 0.925 0.925); --red-4: color(display-p3 0.999 0.866 0.866); --red-5: color(display-p3 0.984 0.812 0.811); --red-6: color(display-p3 0.955 0.751 0.749); --red-7: color(display-p3 0.915 0.675 0.672); --red-8: color(display-p3 0.872 0.575 0.572); --red-9: color(display-p3 0.83 0.329 0.324); --red-10: color(display-p3 0.798 0.294 0.285); --red-11: color(display-p3 0.744 0.234 0.222); --red-12: color(display-p3 0.36 0.115 0.143); } } } ._bold_1tncs_10 { font-weight: bold; } ._italic_1tncs_14 { font-style: italic; } ._underline_1tncs_18 { text-decoration: underline; } ._bold_1tncs_10 { font-weight: 700; } ._italic_1tncs_14 { font-style: italic; } ._underline_1tncs_18 { text-decoration: underline } ._strikethrough_1tncs_34 { text-decoration: line-through } ._underlineStrikethrough_1tncs_38 { text-decoration: underline line-through } ._subscript_1tncs_42 { font-size: .8em; vertical-align: sub !important } ._superscript_1tncs_47 { font-size: .8em; vertical-align: super } ._code_1tncs_52 { background-color: var(--baseBg); padding: 1px .25rem; font-family: var(--font-mono); font-size: 94% } ._nestedListItem_1tncs_59 { list-style: none; list-style-type: none; } ._nestedListItem_1tncs_59:before, ._nestedListItem_1tncs_59:after { display: none; } ._listitem_1tncs_69 { margin: var(--spacing-2) 0; } ._listItemChecked_1tncs_73, ._listItemUnchecked_1tncs_74 { position: relative; margin-left: 0; margin-right: 0; margin-inline-start: -1rem; padding-left: var(--spacing-6); padding-right: var(--spacing-6); list-style-type: none; outline: none; } ._listItemChecked_1tncs_73 { text-decoration: line-through; } ._listItemUnchecked_1tncs_74:before, ._listItemChecked_1tncs_73:before { content: ''; width: var(--spacing-4); height: var(--spacing-4); top: 0; left: 0; cursor: pointer; display: block; background-size: cover; position: absolute; } ._listItemUnchecked_1tncs_74[dir='rtl']:before, ._listItemChecked_1tncs_73[dir='rtl']:before { left: auto; right: 0; } ._listItemUnchecked_1tncs_74:focus:before, ._listItemChecked_1tncs_73:focus:before { box-shadow: 0 0 0 2px var(--accentBgActive); border-radius: var(--radius-small); } ._listItemUnchecked_1tncs_74:before { border: 1px solid var(--baseBorder); border-radius: var(--radius-small); } ._listItemChecked_1tncs_73:before { border: 1px solid var(--accentBorder); border-radius: var(--radius-small); background-color: var(--accentSolid); background-repeat: no-repeat; } ._listItemChecked_1tncs_73:after { content: ''; cursor: pointer; border-color: var(--baseBase); border-style: solid; position: absolute; display: block; top: var(--spacing-0_5); width: var(--spacing-1); left: var(--spacing-1_5); right: var(--spacing-1_5); height: var(--spacing-2); transform: rotate(45deg); border-width: 0 var(--spacing-0_5) var(--spacing-0_5) 0; } ._nestedListItem_1tncs_59 { list-style-type: none; } ._nestedListItem_1tncs_59:before, ._nestedListItem_1tncs_59:after { display: none; } ._admonitionDanger_1tncs_151, ._admonitionInfo_1tncs_152, ._admonitionNote_1tncs_153, ._admonitionTip_1tncs_154, ._admonitionCaution_1tncs_155 { padding: var(--spacing-2); margin-top: var(--spacing-2); margin-bottom: var(--spacing-2); border-left: 3px solid var(--admonitionBorder); background-color: var(--admonitionBg); } ._admonitionInfo_1tncs_152 { --admonitionBorder: var(--admonitionInfoBorder); --admonitionBg: var(--admonitionInfoBg); } ._admonitionTip_1tncs_154 { --admonitionBorder: var(--admonitionTipBorder); --admonitionBg: var(--admonitionTipBg); } ._admonitionCaution_1tncs_155 { --admonitionBorder: var(--admonitionCautionBorder); --admonitionBg: var(--admonitionCautionBg); } ._admonitionDanger_1tncs_151 { --admonitionBorder: var(--admonitionDangerBorder); --admonitionBg: var(--admonitionDangerBg); } ._admonitionNote_1tncs_153 { --admonitionBorder: var(--admonitionNoteBorder); --admonitionBg: var(--admonitionNoteBg); } ._mdxExpression_1tncs_188 { font-family: var(--font-mono); font-size: 84%; color: var(--accentText); } ._mdxExpression_1tncs_188 input:focus-visible { outline: none; } /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */ @layer properties { @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) { *, :before, :after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-pan-x: initial; --tw-pan-y: initial; --tw-pinch-zoom: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-y-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --lg-mx: 50%; --lg-my: 50%; --lg-rx: 0deg; --lg-ry: 0deg; --lg-hover: 0; --lg-press: 0; } } } @layer theme { :root, :host { --font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --font-serif: "Instrument Serif", "Iowan Old Style", Georgia, "Times New Roman", serif; --font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; --color-red-50: oklch(97.1% .013 17.38); --color-red-100: oklch(93.6% .032 17.717); --color-red-200: oklch(88.5% .062 18.334); --color-red-300: oklch(80.8% .114 19.571); --color-red-400: oklch(70.4% .191 22.216); --color-red-500: oklch(63.7% .237 25.331); --color-red-600: oklch(57.7% .245 27.325); --color-red-700: oklch(50.5% .213 27.518); --color-red-800: oklch(44.4% .177 26.899); --color-red-900: oklch(39.6% .141 25.723); --color-red-950: oklch(25.8% .092 26.042); --color-orange-50: oklch(98% .016 73.684); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-200: oklch(90.1% .076 70.697); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-orange-600: oklch(64.6% .222 41.116); --color-orange-700: oklch(55.3% .195 38.402); --color-orange-900: oklch(40.8% .123 38.172); --color-orange-950: oklch(26.6% .079 36.259); --color-amber-50: oklch(98.7% .022 95.277); --color-amber-100: oklch(96.2% .059 95.617); --color-amber-200: oklch(92.4% .12 95.746); --color-amber-300: oklch(87.9% .169 91.605); --color-amber-400: oklch(82.8% .189 84.429); --color-amber-500: oklch(76.9% .188 70.08); --color-amber-600: oklch(66.6% .179 58.318); --color-amber-700: oklch(55.5% .163 48.998); --color-amber-800: oklch(47.3% .137 46.201); --color-amber-900: oklch(41.4% .112 45.904); --color-amber-950: oklch(27.9% .077 45.635); --color-yellow-50: oklch(98.7% .026 102.212); --color-yellow-100: oklch(97.3% .071 103.193); --color-yellow-200: oklch(94.5% .129 101.54); --color-yellow-300: oklch(90.5% .182 98.111); --color-yellow-400: oklch(85.2% .199 91.936); --color-yellow-500: oklch(79.5% .184 86.047); --color-yellow-600: oklch(68.1% .162 75.834); --color-yellow-700: oklch(55.4% .135 66.442); --color-yellow-900: oklch(42.1% .095 57.708); --color-green-50: oklch(98.2% .018 155.826); --color-green-100: oklch(96.2% .044 156.743); --color-green-200: oklch(92.5% .084 155.995); --color-green-300: oklch(87.1% .15 154.449); --color-green-400: oklch(79.2% .209 151.711); --color-green-500: oklch(72.3% .219 149.579); --color-green-600: oklch(62.7% .194 149.214); --color-green-700: oklch(52.7% .154 150.069); --color-green-800: oklch(44.8% .119 151.328); --color-green-900: oklch(39.3% .095 152.535); --color-green-950: oklch(26.6% .065 152.934); --color-emerald-50: oklch(97.9% .021 166.113); --color-emerald-100: oklch(95% .052 163.051); --color-emerald-200: oklch(90.5% .093 164.15); --color-emerald-300: oklch(84.5% .143 164.978); --color-emerald-400: oklch(76.5% .177 163.223); --color-emerald-500: oklch(69.6% .17 162.48); --color-emerald-600: oklch(59.6% .145 163.225); --color-emerald-700: oklch(50.8% .118 165.612); --color-emerald-800: oklch(43.2% .095 166.913); --color-emerald-900: oklch(37.8% .077 168.94); --color-emerald-950: oklch(26.2% .051 172.552); --color-teal-300: oklch(85.5% .138 181.071); --color-teal-500: oklch(70.4% .14 182.503); --color-cyan-50: oklch(98.4% .019 200.873); --color-cyan-100: oklch(95.6% .045 203.388); --color-cyan-200: oklch(91.7% .08 205.041); --color-cyan-300: oklch(86.5% .127 207.078); --color-cyan-400: oklch(78.9% .154 211.53); --color-cyan-500: oklch(71.5% .143 215.221); --color-cyan-600: oklch(60.9% .126 221.723); --color-cyan-700: oklch(52% .105 223.128); --color-cyan-800: oklch(45% .085 224.283); --color-cyan-900: oklch(39.8% .07 227.392); --color-sky-50: oklch(97.7% .013 236.62); --color-sky-100: oklch(95.1% .026 236.824); --color-sky-200: oklch(90.1% .058 230.902); --color-sky-300: oklch(82.8% .111 230.318); --color-sky-400: oklch(74.6% .16 232.661); --color-sky-500: oklch(68.5% .169 237.323); --color-sky-600: oklch(58.8% .158 241.966); --color-sky-700: oklch(50% .134 242.749); --color-sky-800: oklch(44.3% .11 240.79); --color-sky-900: oklch(39.1% .09 240.876); --color-sky-950: oklch(29.3% .066 243.157); --color-blue-100: oklch(93.2% .032 255.585); --color-blue-300: oklch(80.9% .105 251.813); --color-blue-400: oklch(70.7% .165 254.624); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-blue-700: oklch(48.8% .243 264.376); --color-blue-900: oklch(37.9% .146 265.522); --color-violet-50: oklch(96.9% .016 293.756); --color-violet-100: oklch(94.3% .029 294.588); --color-violet-200: oklch(89.4% .057 293.283); --color-violet-300: oklch(81.1% .111 293.571); --color-violet-400: oklch(70.2% .183 293.541); --color-violet-500: oklch(60.6% .25 292.717); --color-violet-600: oklch(54.1% .281 293.009); --color-violet-700: oklch(49.1% .27 292.581); --color-violet-800: oklch(43.2% .232 292.759); --color-violet-900: oklch(38% .189 293.745); --color-purple-300: oklch(82.7% .119 306.383); --color-purple-500: oklch(62.7% .265 303.9); --color-rose-50: oklch(96.9% .015 12.422); --color-rose-100: oklch(94.1% .03 12.58); --color-rose-200: oklch(89.2% .058 10.001); --color-rose-300: oklch(81% .117 11.638); --color-rose-400: oklch(71.2% .194 13.428); --color-rose-500: oklch(64.5% .246 16.439); --color-rose-700: oklch(51.4% .222 16.935); --color-rose-900: oklch(41% .159 10.272); --color-rose-950: oklch(27.1% .105 12.094); --color-slate-50: oklch(98.4% .003 247.858); --color-slate-300: oklch(86.9% .022 252.894); --color-slate-500: oklch(55.4% .046 257.417); --color-slate-700: oklch(37.2% .044 257.287); --color-gray-400: oklch(70.7% .022 261.325); --color-zinc-100: oklch(96.7% .001 286.375); --color-zinc-200: oklch(92% .004 286.32); --color-zinc-300: oklch(87.1% .006 286.286); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-500: oklch(55.2% .016 285.938); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-700: oklch(37% .013 285.805); --color-zinc-800: oklch(27.4% .006 286.033); --color-zinc-950: oklch(14.1% .005 285.823); --color-neutral-100: oklch(97% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-600: oklch(43.9% 0 0); --color-neutral-950: oklch(14.5% 0 0); --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --tracking-tight: -.025em; --tracking-normal: 0em; --tracking-wide: .025em; --tracking-wider: .05em; --tracking-widest: .1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-relaxed: 1.625; --radius-xs: .125rem; --radius-sm: .5rem; --radius-md: .75rem; --radius-lg: 1rem; --radius-xl: 1.5rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --drop-shadow-lg: 0 4px 4px #00000026; --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --animate-bounce: bounce 1s infinite; --blur-sm: 8px; --blur-md: 12px; --blur-xl: 24px; --blur-2xl: 40px; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --default-mono-font-family: "Geist Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; --font-display: var(--font-serif); } } @layer base { *, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } html, :host { -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em; } sup { top: -.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit { padding-block: 0; } ::-webkit-datetime-edit-year-field { padding-block: 0; } ::-webkit-datetime-edit-month-field { padding-block: 0; } ::-webkit-datetime-edit-day-field { padding-block: 0; } ::-webkit-datetime-edit-hour-field { padding-block: 0; } ::-webkit-datetime-edit-minute-field { padding-block: 0; } ::-webkit-datetime-edit-second-field { padding-block: 0; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; } ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } * { border-color: var(--border); } html { height: 100%; font-family: var(--font-sans); font-feature-settings: "ss01", "cv11", "cv05"; -webkit-tap-highlight-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { html { -webkit-tap-highlight-color: color-mix(in oklab, var(--foreground) 20%, transparent); } } body { background-color: var(--background); color: var(--foreground); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: 100%; font-family: var(--font-sans); overflow: hidden; } h1, h2, h3 { text-wrap: balance; font-family: var(--font-display); letter-spacing: -.018em; font-feature-settings: "ss01", "ss02"; font-weight: 500; } h4, h5, h6 { text-wrap: balance; letter-spacing: -.01em; } code, kbd, pre, samp, .font-mono { font-family: var(--font-mono); font-feature-settings: "ss03", "zero", "cv10"; } a, button, [role="button"], input, select, textarea, label { touch-action: manipulation; } .paperclip-mdxeditor [class*="_placeholder_"], .paperclip-mdxeditor-content { font-family: inherit; } } @layer components; @layer utilities { .\@container\/card-header { container: card-header / 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; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-1 { inset: calc(var(--spacing) * 1); } .inset-2 { inset: calc(var(--spacing) * 2); } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .\!top-1\/2 { top: 50% !important; } .-top-0\.5 { top: calc(var(--spacing) * -.5); } .-top-1 { top: calc(var(--spacing) * -1); } .-top-1\.5 { top: calc(var(--spacing) * -1.5); } .-top-2 { top: calc(var(--spacing) * -2); } .-top-9 { top: calc(var(--spacing) * -9); } .top-0 { top: calc(var(--spacing) * 0); } .top-1 { top: calc(var(--spacing) * 1); } .top-1\.5 { top: calc(var(--spacing) * 1.5); } .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-16 { top: calc(var(--spacing) * 16); } .top-\[1px\] { top: 1px; } .top-\[3px\] { top: 3px; } .top-\[max\(1rem\,env\(safe-area-inset-top\)\)\] { top: max(1rem, env(safe-area-inset-top)); } .top-full { top: 100%; } .-right-0\.5 { right: calc(var(--spacing) * -.5); } .-right-1 { right: calc(var(--spacing) * -1); } .-right-2 { right: calc(var(--spacing) * -2); } .right-0 { right: calc(var(--spacing) * 0); } .right-0\.5 { right: calc(var(--spacing) * .5); } .right-1 { right: calc(var(--spacing) * 1); } .right-1\.5 { right: calc(var(--spacing) * 1.5); } .right-2 { right: calc(var(--spacing) * 2); } .right-2\.5 { right: calc(var(--spacing) * 2.5); } .right-3 { right: calc(var(--spacing) * 3); } .right-4 { right: calc(var(--spacing) * 4); } .right-6 { right: calc(var(--spacing) * 6); } .right-12 { right: calc(var(--spacing) * 12); } .-bottom-0\.5 { bottom: calc(var(--spacing) * -.5); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-0\.5 { bottom: calc(var(--spacing) * .5); } .bottom-1 { bottom: calc(var(--spacing) * 1); } .bottom-3 { bottom: calc(var(--spacing) * 3); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .bottom-\[-14px\] { bottom: -14px; } .bottom-\[calc\(1\.5rem\+5rem\+env\(safe-area-inset-bottom\)\)\] { bottom: calc(1.5rem + 5rem + env(safe-area-inset-bottom)); } .bottom-\[calc\(env\(safe-area-inset-bottom\)\+12px\)\] { bottom: calc(env(safe-area-inset-bottom) + 12px); } .bottom-\[calc\(env\(safe-area-inset-bottom\)\+20px\)\] { bottom: calc(env(safe-area-inset-bottom) + 20px); } .bottom-full { bottom: 100%; } .-left-2 { left: calc(var(--spacing) * -2); } .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-4 { left: calc(var(--spacing) * 4); } .left-\[3px\] { left: 3px; } .left-\[7px\] { left: 7px; } .left-\[50\%\] { left: 50%; } .isolate { isolation: isolate; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[1\] { z-index: 1; } .z-\[2\] { z-index: 2; } .z-\[3\] { z-index: 3; } .z-\[40\] { z-index: 40; } .z-\[41\] { z-index: 41; } .z-\[60\] { z-index: 60; } .z-\[70\] { z-index: 70; } .z-\[75\] { z-index: 75; } .z-\[80\] { z-index: 80; } .z-\[85\] { z-index: 85; } .z-\[100\] { z-index: 100; } .z-\[120\] { z-index: 120; } .z-\[200\] { z-index: 200; } .z-\[9999\] { z-index: 9999; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-7 { grid-column: span 7 / span 7; } .col-span-full { grid-column: 1 / -1; } .col-start-2 { grid-column-start: 2; } .row-span-2 { grid-row: span 2 / span 2; } .row-start-1 { grid-row-start: 1; } .container { width: 100%; } @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-6 { margin: calc(var(--spacing) * -6); } .m-0 { margin: calc(var(--spacing) * 0); } .m-3 { margin: calc(var(--spacing) * 3); } .m-5 { margin: calc(var(--spacing) * 5); } .m-auto { margin: auto; } .-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-0\.5 { margin-inline: calc(var(--spacing) * .5); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-1\.5 { margin-inline: calc(var(--spacing) * 1.5); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-5 { margin-inline: calc(var(--spacing) * 5); } .mx-auto { margin-inline: auto; } .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-5 { margin-block: calc(var(--spacing) * 5); } .my-auto { margin-block: 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"] *)), .prose :where(blockquote strong):not(:where([class~="not-prose"], [class~="not-prose"] *)), .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; padding-inline-start: 1.625em; list-style-type: decimal; } .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; padding-inline-start: 1.625em; list-style-type: disc; } .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); border-inline-start-width: .25rem; border-inline-start-color: var(--tw-prose-quote-borders); quotes: "“""”""‘""’"; margin-top: 1.6em; margin-bottom: 1.6em; padding-inline-start: 1em; font-style: italic; font-weight: 500; } .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 var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows); padding-top: .1875em; padding-inline-end: .375em; padding-bottom: .1875em; border-radius: .3125rem; padding-inline-start: .375em; font-family: inherit; font-size: .875em; font-weight: 500; } .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, .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"] *)), .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"] *)), .prose :where(blockquote code):not(:where([class~="not-prose"], [class~="not-prose"] *)), .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-inline-end: 1.14286em; padding-bottom: .857143em; border-radius: .375rem; margin-top: 1.71429em; margin-bottom: 1.71429em; padding-inline-start: 1.14286em; font-size: .875em; font-weight: 400; line-height: 1.71429; overflow-x: auto; } .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-weight: inherit; color: inherit; font-size: inherit; font-family: inherit; line-height: inherit; background-color: #0000; border-width: 0; border-radius: 0; padding: 0; } .prose :where(pre code):not(:where([class~="not-prose"], [class~="not-prose"] *)):before, .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-inline-end: .571429em; padding-bottom: .571429em; padding-inline-start: .571429em; font-weight: 600; } .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: oklch(37.3% .034 259.733); --tw-prose-headings: oklch(21% .034 264.665); --tw-prose-lead: oklch(44.6% .03 256.802); --tw-prose-links: oklch(21% .034 264.665); --tw-prose-bold: oklch(21% .034 264.665); --tw-prose-counters: oklch(55.1% .027 264.364); --tw-prose-bullets: oklch(87.2% .01 258.338); --tw-prose-hr: oklch(92.8% .006 264.531); --tw-prose-quotes: oklch(21% .034 264.665); --tw-prose-quote-borders: oklch(92.8% .006 264.531); --tw-prose-captions: oklch(55.1% .027 264.364); --tw-prose-kbd: oklch(21% .034 264.665); --tw-prose-kbd-shadows: oklab(21% -.00316127 -.0338527 / .1); --tw-prose-code: oklch(21% .034 264.665); --tw-prose-pre-code: oklch(92.8% .006 264.531); --tw-prose-pre-bg: oklch(27.8% .033 256.848); --tw-prose-th-borders: oklch(87.2% .01 258.338); --tw-prose-td-borders: oklch(92.8% .006 264.531); --tw-prose-invert-body: oklch(87.2% .01 258.338); --tw-prose-invert-headings: #fff; --tw-prose-invert-lead: oklch(70.7% .022 261.325); --tw-prose-invert-links: #fff; --tw-prose-invert-bold: #fff; --tw-prose-invert-counters: oklch(70.7% .022 261.325); --tw-prose-invert-bullets: oklch(44.6% .03 256.802); --tw-prose-invert-hr: oklch(37.3% .034 259.733); --tw-prose-invert-quotes: oklch(96.7% .003 264.542); --tw-prose-invert-quote-borders: oklch(37.3% .034 259.733); --tw-prose-invert-captions: oklch(70.7% .022 261.325); --tw-prose-invert-kbd: #fff; --tw-prose-invert-kbd-shadows: #ffffff1a; --tw-prose-invert-code: #fff; --tw-prose-invert-pre-code: oklch(87.2% .01 258.338); --tw-prose-invert-pre-bg: #00000080; --tw-prose-invert-th-borders: oklch(44.6% .03 256.802); --tw-prose-invert-td-borders: oklch(37.3% .034 259.733); font-size: 1rem; line-height: 1.75; } .prose :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .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"] *)), .prose :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: .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; padding-inline-start: 1.625em; } .prose :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .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"] *)) { padding-inline-start: 0; } .prose :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0; } .prose :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: .571429em; padding-inline-end: .571429em; padding-bottom: .571429em; padding-inline-start: .571429em; } .prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0; } .prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 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-sm { font-size: .875rem; line-height: 1.71429; } .prose-sm :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; } .prose-sm :where([class~="lead"]):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .888889em; margin-bottom: .888889em; font-size: 1.28571em; line-height: 1.55556; } .prose-sm :where(blockquote):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.33333em; margin-bottom: 1.33333em; padding-inline-start: 1.11111em; } .prose-sm :where(h1):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: .8em; font-size: 2.14286em; line-height: 1.2; } .prose-sm :where(h2):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.6em; margin-bottom: .8em; font-size: 1.42857em; line-height: 1.4; } .prose-sm :where(h3):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.55556em; margin-bottom: .444444em; font-size: 1.28571em; line-height: 1.55556; } .prose-sm :where(h4):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.42857em; margin-bottom: .571429em; line-height: 1.42857; } .prose-sm :where(img):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(picture):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; } .prose-sm :where(picture > img):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose-sm :where(video):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; } .prose-sm :where(kbd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: .142857em; padding-inline-end: .357143em; padding-bottom: .142857em; border-radius: .3125rem; padding-inline-start: .357143em; font-size: .857143em; } .prose-sm :where(code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: .857143em; } .prose-sm :where(h2 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: .9em; } .prose-sm :where(h3 code):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: .888889em; } .prose-sm :where(pre):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: .666667em; padding-inline-end: 1em; padding-bottom: .666667em; border-radius: .25rem; margin-top: 1.66667em; margin-bottom: 1.66667em; padding-inline-start: 1em; font-size: .857143em; line-height: 1.66667; } .prose-sm :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; padding-inline-start: 1.57143em; } .prose-sm :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .285714em; margin-bottom: .285714em; } .prose-sm :where(ol > li):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(ul > li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: .428571em; } .prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .571429em; margin-bottom: .571429em; } .prose-sm :where(.prose-sm > ul > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; } .prose-sm :where(.prose-sm > ul > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.14286em; } .prose-sm :where(.prose-sm > ol > li > p:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; } .prose-sm :where(.prose-sm > ol > li > p:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 1.14286em; } .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .571429em; margin-bottom: .571429em; } .prose-sm :where(dl):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; margin-bottom: 1.14286em; } .prose-sm :where(dt):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.14286em; } .prose-sm :where(dd):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .285714em; padding-inline-start: 1.57143em; } .prose-sm :where(hr):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 2.85714em; margin-bottom: 2.85714em; } .prose-sm :where(hr + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h2 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h3 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-sm :where(h4 + *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(table):not(:where([class~="not-prose"], [class~="not-prose"] *)) { font-size: .857143em; line-height: 1.5; } .prose-sm :where(thead th):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 1em; padding-bottom: .666667em; padding-inline-start: 1em; } .prose-sm :where(thead th:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0; } .prose-sm :where(thead th:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0; } .prose-sm :where(tbody td, tfoot td):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-top: .666667em; padding-inline-end: 1em; padding-bottom: .666667em; padding-inline-start: 1em; } .prose-sm :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-start: 0; } .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { padding-inline-end: 0; } .prose-sm :where(figure):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 1.71429em; margin-bottom: 1.71429em; } .prose-sm :where(figure > *):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; margin-bottom: 0; } .prose-sm :where(figcaption):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: .666667em; font-size: .857143em; line-height: 1.33333; } .prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-top: 0; } .prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-bottom: 0; } .-mt-1 { margin-top: calc(var(--spacing) * -1); } .-mt-32 { margin-top: calc(var(--spacing) * -32); } .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-6 { margin-top: calc(var(--spacing) * 6); } .mt-7 { margin-top: calc(var(--spacing) * 7); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-\[7px\] { margin-top: 7px; } .mt-auto { margin-top: auto; } .mt-px { margin-top: 1px; } .-mr-1\.5 { margin-right: calc(var(--spacing) * -1.5); } .-mr-2 { margin-right: calc(var(--spacing) * -2); } .mr-0\.5 { margin-right: calc(var(--spacing) * .5); } .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-3 { margin-right: calc(var(--spacing) * 3); } .mr-auto { margin-right: auto; } .-mb-px { margin-bottom: -1px; } .mb-0\.5 { margin-bottom: calc(var(--spacing) * .5); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-7 { margin-bottom: calc(var(--spacing) * 7); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .-ml-1\.5 { margin-left: calc(var(--spacing) * -1.5); } .ml-0 { margin-left: calc(var(--spacing) * 0); } .ml-0\.5 { margin-left: calc(var(--spacing) * .5); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-1\.5 { margin-left: calc(var(--spacing) * 1.5); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-3 { margin-left: calc(var(--spacing) * 3); } .ml-3\.5 { margin-left: calc(var(--spacing) * 3.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-auto { margin-left: auto; } .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; } .\[display\:-webkit-box\] { display: -webkit-box; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .field-sizing-content { field-sizing: content; } .aspect-\[4\/3\] { aspect-ratio: 4 / 3; } .aspect-square { aspect-ratio: 1; } .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\.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-5\.5 { width: calc(var(--spacing) * 5.5); height: calc(var(--spacing) * 5.5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .size-9 { width: calc(var(--spacing) * 9); height: calc(var(--spacing) * 9); } .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .size-16 { width: calc(var(--spacing) * 16); height: calc(var(--spacing) * 16); } .size-full { width: 100%; height: 100%; } .\!h-auto { height: auto !important; } .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-4\.5 { height: calc(var(--spacing) * 4.5); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-20 { height: calc(var(--spacing) * 20); } .h-24 { height: calc(var(--spacing) * 24); } .h-28 { height: calc(var(--spacing) * 28); } .h-32 { height: calc(var(--spacing) * 32); } .h-36 { height: calc(var(--spacing) * 36); } .h-40 { height: calc(var(--spacing) * 40); } .h-44 { height: calc(var(--spacing) * 44); } .h-72 { height: calc(var(--spacing) * 72); } .h-\[3px\] { height: 3px; } .h-\[12px\] { height: 12px; } .h-\[13px\] { height: 13px; } .h-\[15px\] { height: 15px; } .h-\[17px\] { height: 17px; } .h-\[18px\] { height: 18px; } .h-\[22px\] { height: 22px; } .h-\[28rem\] { height: 28rem; } .h-\[30px\] { height: 30px; } .h-\[34px\] { height: 34px; } .h-\[80vh\] { height: 80vh; } .h-\[84px\] { height: 84px; } .h-\[85vh\] { height: 85vh; } .h-\[88px\] { height: 88px; } .h-\[260px\] { height: 260px; } .h-\[320px\] { height: 320px; } .h-\[360px\] { height: 360px; } .h-\[420px\] { height: 420px; } .h-\[440px\] { height: 440px; } .h-\[520px\] { height: 520px; } .h-\[calc\(100\%\+3rem\)\] { height: calc(100% + 3rem); } .h-\[calc\(100\%-1px\)\] { height: calc(100% - 1px); } .h-\[calc\(100\%-3\.5rem\)\] { height: calc(100% - 3.5rem); } .h-\[calc\(100dvh-2rem\)\] { height: calc(100dvh - 2rem); } .h-\[calc\(100dvh-9rem\)\] { height: calc(100dvh - 9rem); } .h-\[calc\(100vh-4rem\)\] { height: calc(100vh - 4rem); } .h-\[calc\(100vh-9rem\)\] { height: calc(100vh - 9rem); } .h-\[calc\(100vh-12rem\)\] { height: calc(100vh - 12rem); } .h-\[calc\(100vh-16rem\)\] { height: calc(100vh - 16rem); } .h-\[var\(--radix-select-trigger-height\)\] { height: var(--radix-select-trigger-height); } .h-auto { height: auto; } .h-dvh { height: 100dvh; } .h-fit { height: fit-content; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-\(--radix-dropdown-menu-content-available-height\) { max-height: var(--radix-dropdown-menu-content-available-height); } .max-h-\(--radix-select-content-available-height\) { max-height: var(--radix-select-content-available-height); } .max-h-16 { max-height: calc(var(--spacing) * 16); } .max-h-32 { max-height: calc(var(--spacing) * 32); } .max-h-36 { max-height: calc(var(--spacing) * 36); } .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-\[28dvh\] { max-height: 28dvh; } .max-h-\[38rem\] { max-height: 38rem; } .max-h-\[40vh\] { max-height: 40vh; } .max-h-\[44dvh\] { max-height: 44dvh; } .max-h-\[50vh\] { max-height: 50vh; } .max-h-\[60dvh\] { max-height: 60dvh; } .max-h-\[60vh\] { max-height: 60vh; } .max-h-\[70vh\] { max-height: 70vh; } .max-h-\[82vh\] { max-height: 82vh; } .max-h-\[85dvh\] { max-height: 85dvh; } .max-h-\[85vh\] { max-height: 85vh; } .max-h-\[88vh\] { max-height: 88vh; } .max-h-\[208px\] { max-height: 208px; } .max-h-\[240px\] { max-height: 240px; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[320px\] { max-height: 320px; } .max-h-\[380px\] { max-height: 380px; } .max-h-\[420px\] { max-height: 420px; } .max-h-\[460px\] { max-height: 460px; } .max-h-\[480px\] { max-height: 480px; } .max-h-\[720px\] { max-height: 720px; } .max-h-\[calc\(100dvh-2rem\)\] { max-height: calc(100dvh - 2rem); } .max-h-\[calc\(100vh-2rem\)\] { max-height: calc(100vh - 2rem); } .max-h-\[calc\(100vh-7rem\)\] { max-height: calc(100vh - 7rem); } .max-h-\[min\(28rem\,65vh\)\] { max-height: min(28rem, 65vh); } .max-h-\[min\(80vh\,34rem\)\] { max-height: min(80vh, 34rem); } .max-h-\[min\(80vh\,42rem\)\] { max-height: min(80vh, 42rem); } .max-h-\[min\(80vh\,560px\)\] { max-height: min(80vh, 560px); } .max-h-full { max-height: 100%; } .max-h-none { max-height: none; } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-4 { min-height: calc(var(--spacing) * 4); } .min-h-5 { min-height: calc(var(--spacing) * 5); } .min-h-6 { min-height: calc(var(--spacing) * 6); } .min-h-8 { min-height: calc(var(--spacing) * 8); } .min-h-9 { min-height: calc(var(--spacing) * 9); } .min-h-14 { min-height: calc(var(--spacing) * 14); } .min-h-16 { min-height: calc(var(--spacing) * 16); } .min-h-20 { min-height: calc(var(--spacing) * 20); } .min-h-24 { min-height: calc(var(--spacing) * 24); } .min-h-28 { min-height: calc(var(--spacing) * 28); } .min-h-64 { min-height: calc(var(--spacing) * 64); } .min-h-96 { min-height: calc(var(--spacing) * 96); } .min-h-\[12rem\] { min-height: 12rem; } .min-h-\[24rem\] { min-height: 24rem; } .min-h-\[44px\] { min-height: 44px; } .min-h-\[60px\] { min-height: 60px; } .min-h-\[60vh\] { min-height: 60vh; } .min-h-\[64px\] { min-height: 64px; } .min-h-\[70vh\] { min-height: 70vh; } .min-h-\[72px\] { min-height: 72px; } .min-h-\[80px\] { min-height: 80px; } .min-h-\[88px\] { min-height: 88px; } .min-h-\[100px\] { min-height: 100px; } .min-h-\[120px\] { min-height: 120px; } .min-h-\[132px\] { min-height: 132px; } .min-h-\[136px\] { min-height: 136px; } .min-h-\[140px\] { min-height: 140px; } .min-h-\[148px\] { min-height: 148px; } .min-h-\[160px\] { min-height: 160px; } .min-h-\[200px\] { min-height: 200px; } .min-h-\[220px\] { min-height: 220px; } .min-h-\[420px\] { min-height: 420px; } .min-h-\[500px\] { min-height: 500px; } .min-h-\[520px\] { min-height: 520px; } .min-h-\[560px\] { min-height: 560px; } .min-h-\[calc\(100vh-12rem\)\] { min-height: calc(100vh - 12rem); } .min-h-dvh { min-height: 100dvh; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .w-0 { width: calc(var(--spacing) * 0); } .w-0\.5 { width: calc(var(--spacing) * .5); } .w-1 { width: calc(var(--spacing) * 1); } .w-1\.5 { width: calc(var(--spacing) * 1.5); } .w-1\/2 { width: 50%; } .w-2 { width: calc(var(--spacing) * 2); } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-2\/3 { width: 66.6667%; } .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: calc(var(--spacing) * 4.5); } .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-20 { width: calc(var(--spacing) * 20); } .w-24 { width: calc(var(--spacing) * 24); } .w-28 { width: calc(var(--spacing) * 28); } .w-32 { width: calc(var(--spacing) * 32); } .w-36 { width: calc(var(--spacing) * 36); } .w-40 { width: calc(var(--spacing) * 40); } .w-44 { width: calc(var(--spacing) * 44); } .w-48 { width: calc(var(--spacing) * 48); } .w-52 { width: calc(var(--spacing) * 52); } .w-56 { width: calc(var(--spacing) * 56); } .w-60 { width: calc(var(--spacing) * 60); } .w-64 { width: calc(var(--spacing) * 64); } .w-72 { width: calc(var(--spacing) * 72); } .w-80 { width: calc(var(--spacing) * 80); } .w-96 { width: calc(var(--spacing) * 96); } .w-\[2px\] { width: 2px; } .w-\[5\.75rem\] { width: 5.75rem; } .w-\[10\.5rem\] { width: 10.5rem; } .w-\[12px\] { width: 12px; } .w-\[13px\] { width: 13px; } .w-\[15px\] { width: 15px; } .w-\[17px\] { width: 17px; } .w-\[18px\] { width: 18px; } .w-\[22px\] { width: 22px; } .w-\[26px\] { width: 26px; } .w-\[30rem\] { width: 30rem; } .w-\[48px\] { width: 48px; } .w-\[72\%\] { width: 72%; } .w-\[80px\] { width: 80px; } .w-\[85\%\] { width: 85%; } .w-\[88px\] { width: 88px; } .w-\[92vw\] { width: 92vw; } .w-\[120px\] { width: 120px; } .w-\[140px\] { width: 140px; } .w-\[150px\] { width: 150px; } .w-\[170px\] { width: 170px; } .w-\[172px\] { width: 172px; } .w-\[220px\] { width: 220px; } .w-\[240px\] { width: 240px; } .w-\[260px\] { width: 260px; } .w-\[280px\] { width: 280px; } .w-\[300px\] { width: 300px; } .w-\[320px\] { width: 320px; } .w-\[360px\] { width: 360px; } .w-\[380px\] { width: 380px; } .w-\[calc\(100vw-1rem\)\] { width: calc(100vw - 1rem); } .w-\[min\(20rem\,calc\(100vw-2rem\)\)\] { width: min(20rem, 100vw - 2rem); } .w-\[min\(100\%\,22rem\)\] { width: min(100%, 22rem); } .w-\[min\(520px\,calc\(100vw-2rem\)\)\] { width: min(520px, 100vw - 2rem); } .w-\[min\(560px\,92vw\)\] { width: min(560px, 92vw); } .w-\[min\(640px\,92vw\)\] { width: min(640px, 92vw); } .w-\[min\(720px\,94vw\)\] { width: min(720px, 94vw); } .w-\[min\(780px\,calc\(100vw-2rem\)\)\] { width: min(780px, 100vw - 2rem); } .w-\[var\(--radix-popover-trigger-width\)\] { width: var(--radix-popover-trigger-width); } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-max { width: max-content; } .w-px { width: 1px; } .\!max-w-\[90\%\] { max-width: 90% !important; } .\!max-w-\[1200px\] { max-width: 1200px !important; } .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-\[7rem\] { max-width: 7rem; } .max-w-\[12ch\] { max-width: 12ch; } .max-w-\[12rem\] { max-width: 12rem; } .max-w-\[16ch\] { max-width: 16ch; } .max-w-\[18rem\] { max-width: 18rem; } .max-w-\[20ch\] { max-width: 20ch; } .max-w-\[24rem\] { max-width: 24rem; } .max-w-\[50\%\] { max-width: 50%; } .max-w-\[80\%\] { max-width: 80%; } .max-w-\[85\%\] { max-width: 85%; } .max-w-\[92vw\] { max-width: 92vw; } .max-w-\[100px\] { max-width: 100px; } .max-w-\[110px\] { max-width: 110px; } .max-w-\[112px\] { max-width: 112px; } .max-w-\[140px\] { max-width: 140px; } .max-w-\[160px\] { max-width: 160px; } .max-w-\[170px\] { max-width: 170px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[240px\] { max-width: 240px; } .max-w-\[260px\] { max-width: 260px; } .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-\[358px\] { max-width: 358px; } .max-w-\[390px\] { max-width: 390px; } .max-w-\[800px\] { max-width: 800px; } .max-w-\[960px\] { max-width: 960px; } .max-w-\[1320px\] { max-width: 1320px; } .max-w-\[calc\(100\%-1\.5rem\)\] { max-width: calc(100% - 1.5rem); } .max-w-\[calc\(100\%-2rem\)\] { max-width: calc(100% - 2rem); } .max-w-\[calc\(100vw-1\.5rem\)\] { max-width: calc(100vw - 1.5rem); } .max-w-\[calc\(100vw-1rem\)\] { max-width: calc(100vw - 1rem); } .max-w-\[calc\(100vw-16px\)\] { max-width: calc(100vw - 16px); } .max-w-\[calc\(100vw-32px\)\] { max-width: calc(100vw - 32px); } .max-w-\[min\(34rem\,55vw\)\] { max-width: min(34rem, 55vw); } .max-w-\[min\(44rem\,100vw\)\] { max-width: min(44rem, 100vw); } .max-w-full { max-width: 100%; } .max-w-lg { max-width: var(--container-lg); } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .max-w-xs { max-width: var(--container-xs); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-4 { min-width: calc(var(--spacing) * 4); } .min-w-6 { min-width: calc(var(--spacing) * 6); } .min-w-\[3\.75rem\] { min-width: 3.75rem; } .min-w-\[8\.5rem\] { min-width: 8.5rem; } .min-w-\[8rem\] { min-width: 8rem; } .min-w-\[11rem\] { min-width: 11rem; } .min-w-\[12rem\] { min-width: 12rem; } .min-w-\[14rem\] { min-width: 14rem; } .min-w-\[15rem\] { min-width: 15rem; } .min-w-\[16rem\] { min-width: 16rem; } .min-w-\[18px\] { min-width: 18px; } .min-w-\[34rem\] { min-width: 34rem; } .min-w-\[44px\] { min-width: 44px; } .min-w-\[48px\] { min-width: 48px; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[260px\] { min-width: 260px; } .min-w-\[280px\] { min-width: 280px; } .min-w-\[620px\] { min-width: 620px; } .min-w-\[var\(--radix-select-trigger-width\)\] { min-width: var(--radix-select-trigger-width); } .min-w-full { min-width: 100%; } .flex-1, .flex-\[1\] { flex: 1; } .flex-\[2\] { flex: 2; } .flex-\[3\] { flex: 3; } .flex-none { flex: none; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .basis-64 { flex-basis: calc(var(--spacing) * 64); } .origin-\(--radix-dropdown-menu-content-transform-origin\) { transform-origin: var(--radix-dropdown-menu-content-transform-origin); } .origin-\(--radix-popover-content-transform-origin\) { transform-origin: var(--radix-popover-content-transform-origin); } .origin-\(--radix-select-content-transform-origin\) { transform-origin: var(--radix-select-content-transform-origin); } .origin-\(--radix-tooltip-content-transform-origin\) { transform-origin: var(--radix-tooltip-content-transform-origin); } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-4 { --tw-translate-x: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-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-3 { --tw-translate-x: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-4\.5 { --tw-translate-x: calc(var(--spacing) * 4.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-5 { --tw-translate-x: calc(var(--spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[-50\%\] { --tw-translate-x: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-px { --tw-translate-x: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .\!-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1) !important; translate: var(--tw-translate-x) var(--tw-translate-y) !important; } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); 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-3 { --tw-translate-y: calc(var(--spacing) * 3); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[calc\(-50\%_-_2px\)\] { --tw-translate-y: calc(-50% - 2px); 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); } .scale-\[0\.98\] { scale: .98; } .-rotate-90 { rotate: -90deg; } .rotate-0 { rotate: none; } .rotate-45 { rotate: 45deg; } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .animate-\[pulse_1\.5s_ease-in-out_infinite\] { animation: 1.5s ease-in-out infinite pulse; } .animate-bounce { animation: var(--animate-bounce); } .animate-ping { animation: var(--animate-ping); } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .cursor-col-resize { cursor: col-resize; } .cursor-copy { cursor: copy; } .cursor-default { cursor: default; } .cursor-grab { cursor: grab; } .cursor-grabbing { cursor: grabbing; } .cursor-help { cursor: help; } .cursor-move { cursor: move; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .cursor-zoom-in { cursor: zoom-in; } .touch-pan-y { --tw-pan-y: pan-y; touch-action: var(--tw-pan-x, ) var(--tw-pan-y, ) var(--tw-pinch-zoom, ); } .touch-manipulation { touch-action: manipulation; } .touch-none { touch-action: none; } .resize { resize: both; } .resize-none { resize: none; } .resize-y { resize: vertical; } .scroll-my-1 { scroll-margin-block: calc(var(--spacing) * 1); } .scroll-mt-6 { scroll-margin-top: calc(var(--spacing) * 6); } .scroll-mt-24 { scroll-margin-top: calc(var(--spacing) * 24); } .scroll-py-1 { scroll-padding-block: calc(var(--spacing) * 1); } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .list-none { list-style-type: none; } .appearance-none { appearance: none; } .auto-rows-min { grid-auto-rows: min-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-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .grid-cols-\[1fr_90px_80px_70px\] { grid-template-columns: 1fr 90px 80px 70px; } .grid-cols-\[6rem_1fr\] { grid-template-columns: 6rem 1fr; } .grid-cols-\[6rem_7rem_9rem_6rem_4\.5rem\] { grid-template-columns: 6rem 7rem 9rem 6rem 4.5rem; } .grid-cols-\[7\.5rem_1fr\] { grid-template-columns: 7.5rem 1fr; } .grid-cols-\[7\.5rem_minmax\(0\,1fr\)\] { grid-template-columns: 7.5rem minmax(0, 1fr); } .grid-cols-\[56px_56px_24px_minmax\(0\,1fr\)\] { grid-template-columns: 56px 56px 24px minmax(0, 1fr); } .grid-cols-\[auto_1fr\] { grid-template-columns: auto 1fr; } .grid-cols-\[auto_minmax\(0\,1fr\)\] { grid-template-columns: auto minmax(0, 1fr); } .grid-cols-\[auto_minmax\(0\,1fr\)_2\.25rem\] { grid-template-columns: auto minmax(0, 1fr) 2.25rem; } .grid-cols-\[minmax\(0\,1\.5fr\)_120px_120px_minmax\(0\,1\.2fr\)_180px\] { grid-template-columns: minmax(0, 1.5fr) 120px 120px minmax(0, 1.2fr) 180px; } .grid-cols-\[minmax\(0\,1fr\)_2\.25rem\] { grid-template-columns: minmax(0, 1fr) 2.25rem; } .grid-cols-\[minmax\(0\,1fr\)_120px_120px_110px\] { grid-template-columns: minmax(0, 1fr) 120px 120px 110px; } .grid-cols-\[minmax\(0\,1fr\)_minmax\(420px\,0\.9fr\)\] { grid-template-columns: minmax(0, 1fr) minmax(420px, .9fr); } .grid-cols-\[repeat\(14\,minmax\(0\,1fr\)\)\] { grid-template-columns: repeat(14, minmax(0, 1fr)); } .grid-cols-\[repeat\(auto-fill\,minmax\(110px\,1fr\)\)\] { grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); } .grid-rows-\[0fr\] { grid-template-rows: 0fr; } .grid-rows-\[1fr\] { grid-template-rows: 1fr; } .grid-rows-\[auto_auto\] { grid-template-rows: auto auto; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-nowrap { flex-wrap: nowrap; } .flex-wrap { flex-wrap: wrap; } .place-content-center { place-content: center; } .place-items-center { place-items: center; } .content-center { align-content: center; } .items-baseline { align-items: baseline; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .items-stretch { align-items: stretch; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-0\.5 { gap: calc(var(--spacing) * .5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-7 { gap: calc(var(--spacing) * 7); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-\[1px\] { gap: 1px; } .gap-\[3px\] { gap: 3px; } .gap-px { gap: 1px; } :where(.space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-0\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-1\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-2\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3\.5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3.5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3.5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-5 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-8 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-10 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-1 { column-gap: calc(var(--spacing) * 1); } .gap-x-1\.5 { column-gap: calc(var(--spacing) * 1.5); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-2\.5 { column-gap: calc(var(--spacing) * 2.5); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-3\.5 { column-gap: calc(var(--spacing) * 3.5); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-5 { column-gap: calc(var(--spacing) * 5); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } :where(.-space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-2 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-3 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } .gap-y-0 { row-gap: calc(var(--spacing) * 0); } .gap-y-0\.5 { row-gap: calc(var(--spacing) * .5); } .gap-y-1 { row-gap: calc(var(--spacing) * 1); } .gap-y-1\.5 { row-gap: calc(var(--spacing) * 1.5); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-4 { row-gap: calc(var(--spacing) * 4); } .gap-y-5 { row-gap: calc(var(--spacing) * 5); } :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-border > :not(:last-child)), :where(.divide-border\/20 > :not(:last-child)) { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { :where(.divide-border\/20 > :not(:last-child)) { border-color: color-mix(in oklab, var(--border) 20%, transparent); } } :where(.divide-border\/30 > :not(:last-child)) { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { :where(.divide-border\/30 > :not(:last-child)) { border-color: color-mix(in oklab, var(--border) 30%, transparent); } } :where(.divide-border\/50 > :not(:last-child)) { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { :where(.divide-border\/50 > :not(:last-child)) { border-color: color-mix(in oklab, var(--border) 50%, transparent); } } :where(.divide-border\/60 > :not(:last-child)) { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { :where(.divide-border\/60 > :not(:last-child)) { border-color: color-mix(in oklab, var(--border) 60%, transparent); } } :where(.divide-border\/70 > :not(:last-child)) { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { :where(.divide-border\/70 > :not(:last-child)) { border-color: color-mix(in oklab, var(--border) 70%, transparent); } } .self-center { align-self: center; } .self-start { align-self: flex-start; } .self-stretch { align-self: stretch; } .justify-self-end { justify-self: flex-end; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-hidden { overflow-x: hidden; } .overflow-y-auto { overflow-y: auto; } .overflow-y-hidden { overflow-y: hidden; } .overscroll-contain { overscroll-behavior: contain; } .overscroll-x-contain { overscroll-behavior-x: contain; } .scroll-smooth { scroll-behavior: smooth; } .rounded { border-radius: .25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-\[0\.5px\] { border-radius: .5px; } .rounded-\[2px\] { border-radius: 2px; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[12px\] { border-radius: 12px; } .rounded-\[14px\] { border-radius: 14px; } .rounded-\[18px\] { border-radius: 18px; } .rounded-\[22px\] { border-radius: 22px; } .rounded-\[24px\] { border-radius: 24px; } .rounded-\[28px\] { border-radius: 28px; } .rounded-\[32px\] { border-radius: 32px; } .rounded-\[inherit\] { border-radius: inherit; } .rounded-\[var\(--r-lg\)\] { border-radius: var(--r-lg); } .rounded-\[var\(--r-lg\,1rem\)\] { border-radius: var(--r-lg, 1rem); } .rounded-\[var\(--r-md\)\] { border-radius: var(--r-md); } .rounded-\[var\(--r-pill\)\] { border-radius: var(--r-pill); } .rounded-\[var\(--r-xl\)\] { border-radius: var(--r-xl); } .rounded-full { border-radius: 3.40282e38px; } .rounded-lg { border-radius: 1rem; } .rounded-md { border-radius: .75rem; } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: .5rem; } .rounded-xl { border-radius: 1.5rem; } .rounded-xs { border-radius: var(--radius-xs); } .rounded-t-2xl { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl); } .rounded-t-md { border-top-left-radius: .75rem; border-top-right-radius: .75rem; } .rounded-l-md { border-top-left-radius: .75rem; border-bottom-left-radius: .75rem; } .rounded-r-md { border-top-right-radius: .75rem; border-bottom-right-radius: .75rem; } .rounded-b-md { border-bottom-right-radius: .75rem; border-bottom-left-radius: .75rem; } .rounded-b-xl { border-bottom-right-radius: 1.5rem; border-bottom-left-radius: 1.5rem; } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-none { --tw-border-style: none; border-style: none; } .\!border-muted-foreground { border-color: var(--muted-foreground) !important; } .border-\[rgba\(20\,16\,28\,0\.9\)\] { border-color: #14101ce6; } .border-\[var\(--chip-match-comment-border\)\] { border-color: var(--chip-match-comment-border); } .border-\[var\(--chip-match-document-border\)\] { border-color: var(--chip-match-document-border); } .border-\[var\(--chip-match-identifier-border\)\] { border-color: var(--chip-match-identifier-border); } .border-\[var\(--chip-match-title-border\)\] { border-color: var(--chip-match-title-border); } .border-accent { border-color: var(--accent); } .border-amber-300 { border-color: var(--color-amber-300); } .border-amber-300\/60 { border-color: #ffd23699; } @supports (color: color-mix(in lab, red, red)) { .border-amber-300\/60 { border-color: color-mix(in oklab, var(--color-amber-300) 60%, transparent); } } .border-amber-300\/70 { border-color: #ffd236b3; } @supports (color: color-mix(in lab, red, red)) { .border-amber-300\/70 { border-color: color-mix(in oklab, var(--color-amber-300) 70%, transparent); } } .border-amber-400 { border-color: var(--color-amber-400); } .border-amber-400\/20 { border-color: #fcbb0033; } @supports (color: color-mix(in lab, red, red)) { .border-amber-400\/20 { border-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent); } } .border-amber-400\/30 { border-color: #fcbb004d; } @supports (color: color-mix(in lab, red, red)) { .border-amber-400\/30 { border-color: color-mix(in oklab, var(--color-amber-400) 30%, transparent); } } .border-amber-400\/40 { border-color: #fcbb0066; } @supports (color: color-mix(in lab, red, red)) { .border-amber-400\/40 { border-color: color-mix(in oklab, var(--color-amber-400) 40%, transparent); } } .border-amber-400\/45 { border-color: #fcbb0073; } @supports (color: color-mix(in lab, red, red)) { .border-amber-400\/45 { border-color: color-mix(in oklab, var(--color-amber-400) 45%, transparent); } } .border-amber-400\/60 { border-color: #fcbb0099; } @supports (color: color-mix(in lab, red, red)) { .border-amber-400\/60 { border-color: color-mix(in oklab, var(--color-amber-400) 60%, transparent); } } .border-amber-400\/70 { border-color: #fcbb00b3; } @supports (color: color-mix(in lab, red, red)) { .border-amber-400\/70 { border-color: color-mix(in oklab, var(--color-amber-400) 70%, transparent); } } .border-amber-500\/20 { border-color: #f99c0033; } @supports (color: color-mix(in lab, red, red)) { .border-amber-500\/20 { border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } .border-amber-500\/25 { border-color: #f99c0040; } @supports (color: color-mix(in lab, red, red)) { .border-amber-500\/25 { border-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent); } } .border-amber-500\/30 { border-color: #f99c004d; } @supports (color: color-mix(in lab, red, red)) { .border-amber-500\/30 { border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent); } } .border-amber-500\/35 { border-color: #f99c0059; } @supports (color: color-mix(in lab, red, red)) { .border-amber-500\/35 { border-color: color-mix(in oklab, var(--color-amber-500) 35%, transparent); } } .border-amber-500\/40 { border-color: #f99c0066; } @supports (color: color-mix(in lab, red, red)) { .border-amber-500\/40 { border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent); } } .border-amber-500\/60 { border-color: #f99c0099; } @supports (color: color-mix(in lab, red, red)) { .border-amber-500\/60 { border-color: color-mix(in oklab, var(--color-amber-500) 60%, transparent); } } .border-amber-600 { border-color: var(--color-amber-600); } .border-amber-600\/45 { border-color: #dd740073; } @supports (color: color-mix(in lab, red, red)) { .border-amber-600\/45 { border-color: color-mix(in oklab, var(--color-amber-600) 45%, transparent); } } .border-amber-600\/50 { border-color: #dd740080; } @supports (color: color-mix(in lab, red, red)) { .border-amber-600\/50 { border-color: color-mix(in oklab, var(--color-amber-600) 50%, transparent); } } .border-background { border-color: var(--background); } .border-black\/40 { border-color: #0006; } @supports (color: color-mix(in lab, red, red)) { .border-black\/40 { border-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .border-blue-400 { border-color: var(--color-blue-400); } .border-blue-500\/20 { border-color: #3080ff33; } @supports (color: color-mix(in lab, red, red)) { .border-blue-500\/20 { border-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .border-blue-500\/30 { border-color: #3080ff4d; } @supports (color: color-mix(in lab, red, red)) { .border-blue-500\/30 { border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent); } } .border-blue-600 { border-color: var(--color-blue-600); } .border-border, .border-border\/30 { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .border-border\/30 { border-color: color-mix(in oklab, var(--border) 30%, transparent); } } .border-border\/40 { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .border-border\/40 { border-color: color-mix(in oklab, var(--border) 40%, transparent); } } .border-border\/50 { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .border-border\/50 { border-color: color-mix(in oklab, var(--border) 50%, transparent); } } .border-border\/60 { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .border-border\/60 { border-color: color-mix(in oklab, var(--border) 60%, transparent); } } .border-border\/70 { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .border-border\/70 { border-color: color-mix(in oklab, var(--border) 70%, transparent); } } .border-border\/80 { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .border-border\/80 { border-color: color-mix(in oklab, var(--border) 80%, transparent); } } .border-card { border-color: var(--card); } .border-current\/10 { border-color: currentColor; } @supports (color: color-mix(in lab, red, red)) { .border-current\/10 { border-color: color-mix(in oklab, currentcolor 10%, transparent); } } .border-current\/15 { border-color: currentColor; } @supports (color: color-mix(in lab, red, red)) { .border-current\/15 { border-color: color-mix(in oklab, currentcolor 15%, transparent); } } .border-cyan-300\/70 { border-color: #53eafdb3; } @supports (color: color-mix(in lab, red, red)) { .border-cyan-300\/70 { border-color: color-mix(in oklab, var(--color-cyan-300) 70%, transparent); } } .border-cyan-400\/30 { border-color: #00d2ef4d; } @supports (color: color-mix(in lab, red, red)) { .border-cyan-400\/30 { border-color: color-mix(in oklab, var(--color-cyan-400) 30%, transparent); } } .border-cyan-400\/40 { border-color: #00d2ef66; } @supports (color: color-mix(in lab, red, red)) { .border-cyan-400\/40 { border-color: color-mix(in oklab, var(--color-cyan-400) 40%, transparent); } } .border-cyan-500\/20 { border-color: #00b7d733; } @supports (color: color-mix(in lab, red, red)) { .border-cyan-500\/20 { border-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent); } } .border-cyan-500\/25 { border-color: #00b7d740; } @supports (color: color-mix(in lab, red, red)) { .border-cyan-500\/25 { border-color: color-mix(in oklab, var(--color-cyan-500) 25%, transparent); } } .border-cyan-500\/30 { border-color: #00b7d74d; } @supports (color: color-mix(in lab, red, red)) { .border-cyan-500\/30 { border-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent); } } .border-cyan-500\/35 { border-color: #00b7d759; } @supports (color: color-mix(in lab, red, red)) { .border-cyan-500\/35 { border-color: color-mix(in oklab, var(--color-cyan-500) 35%, transparent); } } .border-cyan-600 { border-color: var(--color-cyan-600); } .border-destructive, .border-destructive\/20 { border-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .border-destructive\/20 { border-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } .border-destructive\/25 { border-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .border-destructive\/25 { border-color: color-mix(in oklab, var(--destructive) 25%, transparent); } } .border-destructive\/30 { border-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .border-destructive\/30 { border-color: color-mix(in oklab, var(--destructive) 30%, transparent); } } .border-destructive\/40 { border-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .border-destructive\/40 { border-color: color-mix(in oklab, var(--destructive) 40%, transparent); } } .border-destructive\/50 { border-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .border-destructive\/50 { border-color: color-mix(in oklab, var(--destructive) 50%, transparent); } } .border-destructive\/60 { border-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .border-destructive\/60 { border-color: color-mix(in oklab, var(--destructive) 60%, transparent); } } .border-emerald-300 { border-color: var(--color-emerald-300); } .border-emerald-300\/50 { border-color: #5ee9b580; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-300\/50 { border-color: color-mix(in oklab, var(--color-emerald-300) 50%, transparent); } } .border-emerald-300\/60 { border-color: #5ee9b599; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-300\/60 { border-color: color-mix(in oklab, var(--color-emerald-300) 60%, transparent); } } .border-emerald-300\/70 { border-color: #5ee9b5b3; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-300\/70 { border-color: color-mix(in oklab, var(--color-emerald-300) 70%, transparent); } } .border-emerald-400\/40 { border-color: #00d29466; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-400\/40 { border-color: color-mix(in oklab, var(--color-emerald-400) 40%, transparent); } } .border-emerald-400\/60 { border-color: #00d29499; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-400\/60 { border-color: color-mix(in oklab, var(--color-emerald-400) 60%, transparent); } } .border-emerald-400\/70 { border-color: #00d294b3; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-400\/70 { border-color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent); } } .border-emerald-500\/20 { border-color: #00bb7f33; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-500\/20 { border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); } } .border-emerald-500\/25 { border-color: #00bb7f40; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-500\/25 { border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent); } } .border-emerald-500\/30 { border-color: #00bb7f4d; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-500\/30 { border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } } .border-emerald-500\/40 { border-color: #00bb7f66; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-500\/40 { border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent); } } .border-emerald-500\/50 { border-color: #00bb7f80; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-500\/50 { border-color: color-mix(in oklab, var(--color-emerald-500) 50%, transparent); } } .border-emerald-500\/60 { border-color: #00bb7f99; } @supports (color: color-mix(in lab, red, red)) { .border-emerald-500\/60 { border-color: color-mix(in oklab, var(--color-emerald-500) 60%, transparent); } } .border-foreground, .border-foreground\/15 { border-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .border-foreground\/15 { border-color: color-mix(in oklab, var(--foreground) 15%, transparent); } } .border-foreground\/40 { border-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .border-foreground\/40 { border-color: color-mix(in oklab, var(--foreground) 40%, transparent); } } .border-green-200 { border-color: var(--color-green-200); } .border-green-300 { border-color: var(--color-green-300); } .border-green-400 { border-color: var(--color-green-400); } .border-green-500\/20 { border-color: #00c75833; } @supports (color: color-mix(in lab, red, red)) { .border-green-500\/20 { border-color: color-mix(in oklab, var(--color-green-500) 20%, transparent); } } .border-green-500\/30 { border-color: #00c7584d; } @supports (color: color-mix(in lab, red, red)) { .border-green-500\/30 { border-color: color-mix(in oklab, var(--color-green-500) 30%, transparent); } } .border-green-600 { border-color: var(--color-green-600); } .border-green-600\/50 { border-color: #00a54480; } @supports (color: color-mix(in lab, red, red)) { .border-green-600\/50 { border-color: color-mix(in oklab, var(--color-green-600) 50%, transparent); } } .border-input { border-color: var(--input); } .border-muted { border-color: var(--muted); } .border-muted-foreground, .border-muted-foreground\/25 { border-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .border-muted-foreground\/25 { border-color: color-mix(in oklab, var(--muted-foreground) 25%, transparent); } } .border-muted-foreground\/35 { border-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .border-muted-foreground\/35 { border-color: color-mix(in oklab, var(--muted-foreground) 35%, transparent); } } .border-neutral-500 { border-color: var(--color-neutral-500); } .border-orange-300\/70 { border-color: #ffb96db3; } @supports (color: color-mix(in lab, red, red)) { .border-orange-300\/70 { border-color: color-mix(in oklab, var(--color-orange-300) 70%, transparent); } } .border-orange-400\/20 { border-color: #ff8b1a33; } @supports (color: color-mix(in lab, red, red)) { .border-orange-400\/20 { border-color: color-mix(in oklab, var(--color-orange-400) 20%, transparent); } } .border-orange-500\/30 { border-color: #fe6e004d; } @supports (color: color-mix(in lab, red, red)) { .border-orange-500\/30 { border-color: color-mix(in oklab, var(--color-orange-500) 30%, transparent); } } .border-orange-500\/45 { border-color: #fe6e0073; } @supports (color: color-mix(in lab, red, red)) { .border-orange-500\/45 { border-color: color-mix(in oklab, var(--color-orange-500) 45%, transparent); } } .border-primary, .border-primary\/20 { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/20 { border-color: color-mix(in oklab, var(--primary) 20%, transparent); } } .border-primary\/30 { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/30 { border-color: color-mix(in oklab, var(--primary) 30%, transparent); } } .border-primary\/40 { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/40 { border-color: color-mix(in oklab, var(--primary) 40%, transparent); } } .border-primary\/45 { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/45 { border-color: color-mix(in oklab, var(--primary) 45%, transparent); } } .border-primary\/50 { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/50 { border-color: color-mix(in oklab, var(--primary) 50%, transparent); } } .border-primary\/55 { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/55 { border-color: color-mix(in oklab, var(--primary) 55%, transparent); } } .border-primary\/60 { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/60 { border-color: color-mix(in oklab, var(--primary) 60%, transparent); } } .border-primary\/80 { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/80 { border-color: color-mix(in oklab, var(--primary) 80%, transparent); } } .border-red-300 { border-color: var(--color-red-300); } .border-red-300\/70 { border-color: #ffa3a3b3; } @supports (color: color-mix(in lab, red, red)) { .border-red-300\/70 { border-color: color-mix(in oklab, var(--color-red-300) 70%, transparent); } } .border-red-400\/20 { border-color: #ff656833; } @supports (color: color-mix(in lab, red, red)) { .border-red-400\/20 { border-color: color-mix(in oklab, var(--color-red-400) 20%, transparent); } } .border-red-400\/30 { border-color: #ff65684d; } @supports (color: color-mix(in lab, red, red)) { .border-red-400\/30 { border-color: color-mix(in oklab, var(--color-red-400) 30%, transparent); } } .border-red-400\/40 { border-color: #ff656866; } @supports (color: color-mix(in lab, red, red)) { .border-red-400\/40 { border-color: color-mix(in oklab, var(--color-red-400) 40%, transparent); } } .border-red-400\/50 { border-color: #ff656880; } @supports (color: color-mix(in lab, red, red)) { .border-red-400\/50 { border-color: color-mix(in oklab, var(--color-red-400) 50%, transparent); } } .border-red-400\/60 { border-color: #ff656899; } @supports (color: color-mix(in lab, red, red)) { .border-red-400\/60 { border-color: color-mix(in oklab, var(--color-red-400) 60%, transparent); } } .border-red-500\/20 { border-color: #fb2c3633; } @supports (color: color-mix(in lab, red, red)) { .border-red-500\/20 { border-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } .border-red-500\/25 { border-color: #fb2c3640; } @supports (color: color-mix(in lab, red, red)) { .border-red-500\/25 { border-color: color-mix(in oklab, var(--color-red-500) 25%, transparent); } } .border-red-500\/30 { border-color: #fb2c364d; } @supports (color: color-mix(in lab, red, red)) { .border-red-500\/30 { border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent); } } .border-red-500\/35 { border-color: #fb2c3659; } @supports (color: color-mix(in lab, red, red)) { .border-red-500\/35 { border-color: color-mix(in oklab, var(--color-red-500) 35%, transparent); } } .border-red-500\/40 { border-color: #fb2c3666; } @supports (color: color-mix(in lab, red, red)) { .border-red-500\/40 { border-color: color-mix(in oklab, var(--color-red-500) 40%, transparent); } } .border-red-500\/60 { border-color: #fb2c3699; } @supports (color: color-mix(in lab, red, red)) { .border-red-500\/60 { border-color: color-mix(in oklab, var(--color-red-500) 60%, transparent); } } .border-red-600 { border-color: var(--color-red-600); } .border-rose-300\/60 { border-color: #ffa2ae99; } @supports (color: color-mix(in lab, red, red)) { .border-rose-300\/60 { border-color: color-mix(in oklab, var(--color-rose-300) 60%, transparent); } } .border-rose-400\/40 { border-color: #ff667f66; } @supports (color: color-mix(in lab, red, red)) { .border-rose-400\/40 { border-color: color-mix(in oklab, var(--color-rose-400) 40%, transparent); } } .border-rose-400\/70 { border-color: #ff667fb3; } @supports (color: color-mix(in lab, red, red)) { .border-rose-400\/70 { border-color: color-mix(in oklab, var(--color-rose-400) 70%, transparent); } } .border-rose-500 { border-color: var(--color-rose-500); } .border-rose-500\/30 { border-color: #ff23574d; } @supports (color: color-mix(in lab, red, red)) { .border-rose-500\/30 { border-color: color-mix(in oklab, var(--color-rose-500) 30%, transparent); } } .border-rose-500\/60 { border-color: #ff235799; } @supports (color: color-mix(in lab, red, red)) { .border-rose-500\/60 { border-color: color-mix(in oklab, var(--color-rose-500) 60%, transparent); } } .border-rose-500\/70 { border-color: #ff2357b3; } @supports (color: color-mix(in lab, red, red)) { .border-rose-500\/70 { border-color: color-mix(in oklab, var(--color-rose-500) 70%, transparent); } } .border-sky-300 { border-color: var(--color-sky-300); } .border-sky-300\/50 { border-color: #77d4ff80; } @supports (color: color-mix(in lab, red, red)) { .border-sky-300\/50 { border-color: color-mix(in oklab, var(--color-sky-300) 50%, transparent); } } .border-sky-300\/60 { border-color: #77d4ff99; } @supports (color: color-mix(in lab, red, red)) { .border-sky-300\/60 { border-color: color-mix(in oklab, var(--color-sky-300) 60%, transparent); } } .border-sky-300\/70 { border-color: #77d4ffb3; } @supports (color: color-mix(in lab, red, red)) { .border-sky-300\/70 { border-color: color-mix(in oklab, var(--color-sky-300) 70%, transparent); } } .border-sky-400\/25 { border-color: #00bcfe40; } @supports (color: color-mix(in lab, red, red)) { .border-sky-400\/25 { border-color: color-mix(in oklab, var(--color-sky-400) 25%, transparent); } } .border-sky-500 { border-color: var(--color-sky-500); } .border-sky-500\/20 { border-color: #00a5ef33; } @supports (color: color-mix(in lab, red, red)) { .border-sky-500\/20 { border-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent); } } .border-sky-500\/25 { border-color: #00a5ef40; } @supports (color: color-mix(in lab, red, red)) { .border-sky-500\/25 { border-color: color-mix(in oklab, var(--color-sky-500) 25%, transparent); } } .border-sky-500\/30 { border-color: #00a5ef4d; } @supports (color: color-mix(in lab, red, red)) { .border-sky-500\/30 { border-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent); } } .border-sky-500\/60 { border-color: #00a5ef99; } @supports (color: color-mix(in lab, red, red)) { .border-sky-500\/60 { border-color: color-mix(in oklab, var(--color-sky-500) 60%, transparent); } } .border-sky-500\/70 { border-color: #00a5efb3; } @supports (color: color-mix(in lab, red, red)) { .border-sky-500\/70 { border-color: color-mix(in oklab, var(--color-sky-500) 70%, transparent); } } .border-sky-500\/80 { border-color: #00a5efcc; } @supports (color: color-mix(in lab, red, red)) { .border-sky-500\/80 { border-color: color-mix(in oklab, var(--color-sky-500) 80%, transparent); } } .border-slate-300 { border-color: var(--color-slate-300); } .border-slate-500\/20 { border-color: #62748e33; } @supports (color: color-mix(in lab, red, red)) { .border-slate-500\/20 { border-color: color-mix(in oklab, var(--color-slate-500) 20%, transparent); } } .border-teal-500\/30 { border-color: #00baa74d; } @supports (color: color-mix(in lab, red, red)) { .border-teal-500\/30 { border-color: color-mix(in oklab, var(--color-teal-500) 30%, transparent); } } .border-transparent { border-color: #0000; } .border-violet-300\/70 { border-color: #c4b4ffb3; } @supports (color: color-mix(in lab, red, red)) { .border-violet-300\/70 { border-color: color-mix(in oklab, var(--color-violet-300) 70%, transparent); } } .border-violet-500\/30 { border-color: #8d54ff4d; } @supports (color: color-mix(in lab, red, red)) { .border-violet-500\/30 { border-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent); } } .border-violet-600 { border-color: var(--color-violet-600); } .border-white\/10 { border-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .border-white\/10 { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .border-white\/15 { border-color: #ffffff26; } @supports (color: color-mix(in lab, red, red)) { .border-white\/15 { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .border-white\/20 { border-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .border-white\/20 { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .border-white\/60 { border-color: #fff9; } @supports (color: color-mix(in lab, red, red)) { .border-white\/60 { border-color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .border-white\/80 { border-color: #fffc; } @supports (color: color-mix(in lab, red, red)) { .border-white\/80 { border-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .border-white\/\[0\.1\] { border-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.1\] { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .border-white\/\[0\.04\] { border-color: #ffffff0a; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.04\] { border-color: color-mix(in oklab, var(--color-white) 4%, transparent); } } .border-white\/\[0\.05\] { border-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.05\] { border-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .border-white\/\[0\.06\] { border-color: #ffffff0f; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.06\] { border-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } .border-white\/\[0\.07\] { border-color: #ffffff12; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.07\] { border-color: color-mix(in oklab, var(--color-white) 7.0%, transparent); } } .border-white\/\[0\.08\] { border-color: #ffffff14; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.08\] { border-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } .border-white\/\[0\.10\] { border-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.10\] { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .border-white\/\[0\.12\] { border-color: #ffffff1f; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.12\] { border-color: color-mix(in oklab, var(--color-white) 12%, transparent); } } .border-white\/\[0\.14\] { border-color: #ffffff24; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.14\] { border-color: color-mix(in oklab, var(--color-white) 14.0%, transparent); } } .border-white\/\[0\.18\] { border-color: #ffffff2e; } @supports (color: color-mix(in lab, red, red)) { .border-white\/\[0\.18\] { border-color: color-mix(in oklab, var(--color-white) 18%, transparent); } } .border-yellow-300 { border-color: var(--color-yellow-300); } .border-yellow-500\/20 { border-color: #edb20033; } @supports (color: color-mix(in lab, red, red)) { .border-yellow-500\/20 { border-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent); } } .border-yellow-500\/30 { border-color: #edb2004d; } @supports (color: color-mix(in lab, red, red)) { .border-yellow-500\/30 { border-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent); } } .border-yellow-600 { border-color: var(--color-yellow-600); } .border-zinc-100 { border-color: var(--color-zinc-100); } .border-zinc-500\/30 { border-color: #71717b4d; } @supports (color: color-mix(in lab, red, red)) { .border-zinc-500\/30 { border-color: color-mix(in oklab, var(--color-zinc-500) 30%, transparent); } } .border-zinc-600 { border-color: var(--color-zinc-600); } .border-zinc-800 { border-color: var(--color-zinc-800); } .border-t-primary { border-top-color: var(--primary); } .border-t-transparent { border-top-color: #0000; } .border-l-amber-500\/60 { border-left-color: #f99c0099; } @supports (color: color-mix(in lab, red, red)) { .border-l-amber-500\/60 { border-left-color: color-mix(in oklab, var(--color-amber-500) 60%, transparent); } } .border-l-destructive { border-left-color: var(--destructive); } .border-l-primary { border-left-color: var(--primary); } .border-l-transparent { border-left-color: #0000; } .\!bg-white\/\[0\.03\] { background-color: #ffffff08 !important; } @supports (color: color-mix(in lab, red, red)) { .\!bg-white\/\[0\.03\] { background-color: color-mix(in oklab, var(--color-white) 3%, transparent) !important; } } .bg-\[\#0b0a14\]\/90 { background-color: oklab(15.1621% .00662721 -.0202116 / .9); } .bg-\[\#0d1117\] { background-color: #0d1117; } .bg-\[\#0f1216\] { background-color: #0f1216; } .bg-\[\#02010a\] { background-color: #02010a; } .bg-\[\#02010a\]\/25 { background-color: oklab(8.60636% .00959831 -.0324084 / .25); } .bg-\[\#15101f\] { background-color: #15101f; } .bg-\[rgb\(12\,9\,20\)\] { background-color: #0c0914; } .bg-\[rgba\(2\,1\,10\,0\.55\)\] { background-color: #02010a8c; } .bg-\[rgba\(10\,8\,18\,0\.82\)\] { background-color: #0a0812d1; } .bg-\[rgba\(20\,16\,28\,0\.9\)\] { background-color: #14101ce6; } .bg-\[rgba\(20\,16\,28\,0\.45\)\] { background-color: #14101c73; } .bg-\[rgba\(20\,16\,28\,0\.55\)\] { background-color: #14101c8c; } .bg-\[rgba\(20\,16\,28\,0\.85\)\] { background-color: #14101cd9; } .bg-\[rgba\(20\,16\,28\,0\.92\)\] { background-color: #14101ceb; } .bg-\[rgba\(20\,16\,28\,0\.95\)\] { background-color: #14101cf2; } .bg-\[rgba\(20\,16\,28\,0\.96\)\] { background-color: #14101cf5; } .bg-\[rgba\(22\,18\,32\,0\.55\)\] { background-color: #1612208c; } .bg-\[rgba\(40\,12\,12\,0\.92\)\] { background-color: #280c0ceb; } .bg-\[rgba\(252\,211\,77\,0\.08\)\] { background-color: #fcd34d14; } .bg-\[var\(--chip-match-comment-bg\)\] { background-color: var(--chip-match-comment-bg); } .bg-\[var\(--chip-match-document-bg\)\] { background-color: var(--chip-match-document-bg); } .bg-\[var\(--chip-match-identifier-bg\)\] { background-color: var(--chip-match-identifier-bg); } .bg-\[var\(--chip-match-title-bg\)\] { background-color: var(--chip-match-title-bg); } .bg-accent, .bg-accent\/10 { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/10 { background-color: color-mix(in oklab, var(--accent) 10%, transparent); } } .bg-accent\/20 { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/20 { background-color: color-mix(in oklab, var(--accent) 20%, transparent); } } .bg-accent\/30 { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/30 { background-color: color-mix(in oklab, var(--accent) 30%, transparent); } } .bg-accent\/40 { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/40 { background-color: color-mix(in oklab, var(--accent) 40%, transparent); } } .bg-accent\/50 { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/50 { background-color: color-mix(in oklab, var(--accent) 50%, transparent); } } .bg-accent\/60 { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .bg-accent\/60 { background-color: color-mix(in oklab, var(--accent) 60%, transparent); } } .bg-amber-50 { background-color: var(--color-amber-50); } .bg-amber-50\/60 { background-color: #fffbeb99; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-50\/60 { background-color: color-mix(in oklab, var(--color-amber-50) 60%, transparent); } } .bg-amber-50\/70 { background-color: #fffbebb3; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-50\/70 { background-color: color-mix(in oklab, var(--color-amber-50) 70%, transparent); } } .bg-amber-50\/80 { background-color: #fffbebcc; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-50\/80 { background-color: color-mix(in oklab, var(--color-amber-50) 80%, transparent); } } .bg-amber-50\/85 { background-color: #fffbebd9; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-50\/85 { background-color: color-mix(in oklab, var(--color-amber-50) 85%, transparent); } } .bg-amber-50\/90 { background-color: #fffbebe6; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-50\/90 { background-color: color-mix(in oklab, var(--color-amber-50) 90%, transparent); } } .bg-amber-100 { background-color: var(--color-amber-100); } .bg-amber-100\/40 { background-color: #fef3c666; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-100\/40 { background-color: color-mix(in oklab, var(--color-amber-100) 40%, transparent); } } .bg-amber-100\/70 { background-color: #fef3c6b3; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-100\/70 { background-color: color-mix(in oklab, var(--color-amber-100) 70%, transparent); } } .bg-amber-300 { background-color: var(--color-amber-300); } .bg-amber-400 { background-color: var(--color-amber-400); } .bg-amber-400\/5 { background-color: #fcbb000d; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-400\/5 { background-color: color-mix(in oklab, var(--color-amber-400) 5%, transparent); } } .bg-amber-400\/10 { background-color: #fcbb001a; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-400\/10 { background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent); } } .bg-amber-400\/15 { background-color: #fcbb0026; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-400\/15 { background-color: color-mix(in oklab, var(--color-amber-400) 15%, transparent); } } .bg-amber-400\/20 { background-color: #fcbb0033; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-400\/20 { background-color: color-mix(in oklab, var(--color-amber-400) 20%, transparent); } } .bg-amber-400\/\[0\.04\] { background-color: #fcbb000a; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-400\/\[0\.04\] { background-color: color-mix(in oklab, var(--color-amber-400) 4%, transparent); } } .bg-amber-500 { background-color: var(--color-amber-500); } .bg-amber-500\/5 { background-color: #f99c000d; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/5 { background-color: color-mix(in oklab, var(--color-amber-500) 5%, transparent); } } .bg-amber-500\/10 { background-color: #f99c001a; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/10 { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } .bg-amber-500\/15 { background-color: #f99c0026; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/15 { background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent); } } .bg-amber-500\/25 { background-color: #f99c0040; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/25 { background-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent); } } .bg-amber-500\/95 { background-color: #f99c00f2; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/95 { background-color: color-mix(in oklab, var(--color-amber-500) 95%, transparent); } } .bg-amber-500\/\[0\.06\] { background-color: #f99c000f; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/\[0\.06\] { background-color: color-mix(in oklab, var(--color-amber-500) 6%, transparent); } } .bg-amber-500\/\[0\.08\] { background-color: #f99c0014; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-500\/\[0\.08\] { background-color: color-mix(in oklab, var(--color-amber-500) 8%, transparent); } } .bg-amber-900\/10 { background-color: #7b33061a; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-900\/10 { background-color: color-mix(in oklab, var(--color-amber-900) 10%, transparent); } } .bg-amber-900\/15 { background-color: #7b330626; } @supports (color: color-mix(in lab, red, red)) { .bg-amber-900\/15 { background-color: color-mix(in oklab, var(--color-amber-900) 15%, transparent); } } .bg-background, .bg-background\/20 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/20 { background-color: color-mix(in oklab, var(--background) 20%, transparent); } } .bg-background\/40 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/40 { background-color: color-mix(in oklab, var(--background) 40%, transparent); } } .bg-background\/50 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/50 { background-color: color-mix(in oklab, var(--background) 50%, transparent); } } .bg-background\/60 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/60 { background-color: color-mix(in oklab, var(--background) 60%, transparent); } } .bg-background\/70 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/70 { background-color: color-mix(in oklab, var(--background) 70%, transparent); } } .bg-background\/75 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/75 { background-color: color-mix(in oklab, var(--background) 75%, transparent); } } .bg-background\/80 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/80 { background-color: color-mix(in oklab, var(--background) 80%, transparent); } } .bg-background\/82 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/82 { background-color: color-mix(in oklab, var(--background) 82%, transparent); } } .bg-background\/85 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/85 { background-color: color-mix(in oklab, var(--background) 85%, transparent); } } .bg-background\/90 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/90 { background-color: color-mix(in oklab, var(--background) 90%, transparent); } } .bg-background\/92 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/92 { background-color: color-mix(in oklab, var(--background) 92%, transparent); } } .bg-background\/95 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .bg-background\/95 { background-color: color-mix(in oklab, var(--background) 95%, transparent); } } .bg-black { background-color: var(--color-black); } .bg-black\/0 { background-color: #0000; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/0 { background-color: color-mix(in oklab, var(--color-black) 0%, transparent); } } .bg-black\/20 { background-color: #0003; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/20 { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .bg-black\/30 { background-color: #0000004d; } @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: #0006; } @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: #00000073; } @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: #00000080; } @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: #0000008c; } @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: #0009; } @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: #000000b3; } @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: #000000bf; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/75 { background-color: color-mix(in oklab, var(--color-black) 75%, transparent); } } .bg-black\/85 { background-color: #000000d9; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/85 { background-color: color-mix(in oklab, var(--color-black) 85%, transparent); } } .bg-black\/90 { background-color: #000000e6; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/90 { background-color: color-mix(in oklab, var(--color-black) 90%, transparent); } } .bg-black\/\[0\.18\] { background-color: #0000002e; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/\[0\.18\] { background-color: color-mix(in oklab, var(--color-black) 18%, transparent); } } .bg-blue-100 { background-color: var(--color-blue-100); } .bg-blue-400 { background-color: var(--color-blue-400); } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-blue-500\/5 { background-color: #3080ff0d; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/5 { background-color: color-mix(in oklab, var(--color-blue-500) 5%, transparent); } } .bg-blue-500\/10 { background-color: #3080ff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/10 { background-color: color-mix(in oklab, var(--color-blue-500) 10%, transparent); } } .bg-blue-500\/15 { background-color: #3080ff26; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/15 { background-color: color-mix(in oklab, var(--color-blue-500) 15%, transparent); } } .bg-blue-500\/\[0\.04\] { background-color: #3080ff0a; } @supports (color: color-mix(in lab, red, red)) { .bg-blue-500\/\[0\.04\] { background-color: color-mix(in oklab, var(--color-blue-500) 4%, transparent); } } .bg-blue-600 { background-color: var(--color-blue-600); } .bg-border, .bg-border\/30 { background-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .bg-border\/30 { background-color: color-mix(in oklab, var(--border) 30%, transparent); } } .bg-border\/40 { background-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .bg-border\/40 { background-color: color-mix(in oklab, var(--border) 40%, transparent); } } .bg-border\/60 { background-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .bg-border\/60 { background-color: color-mix(in oklab, var(--border) 60%, transparent); } } .bg-border\/70 { background-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .bg-border\/70 { background-color: color-mix(in oklab, var(--border) 70%, transparent); } } .bg-border\/80 { background-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .bg-border\/80 { background-color: color-mix(in oklab, var(--border) 80%, transparent); } } .bg-card, .bg-card\/30 { background-color: var(--card); } @supports (color: color-mix(in lab, red, red)) { .bg-card\/30 { background-color: color-mix(in oklab, var(--card) 30%, transparent); } } .bg-card\/40 { background-color: var(--card); } @supports (color: color-mix(in lab, red, red)) { .bg-card\/40 { background-color: color-mix(in oklab, var(--card) 40%, transparent); } } .bg-card\/70 { background-color: var(--card); } @supports (color: color-mix(in lab, red, red)) { .bg-card\/70 { background-color: color-mix(in oklab, var(--card) 70%, transparent); } } .bg-card\/80 { background-color: var(--card); } @supports (color: color-mix(in lab, red, red)) { .bg-card\/80 { background-color: color-mix(in oklab, var(--card) 80%, transparent); } } .bg-card\/90 { background-color: var(--card); } @supports (color: color-mix(in lab, red, red)) { .bg-card\/90 { background-color: color-mix(in oklab, var(--card) 90%, transparent); } } .bg-current, .bg-current\/50 { background-color: currentColor; } @supports (color: color-mix(in lab, red, red)) { .bg-current\/50 { background-color: color-mix(in oklab, currentcolor 50%, transparent); } } .bg-cyan-50 { background-color: var(--color-cyan-50); } .bg-cyan-100 { background-color: var(--color-cyan-100); } .bg-cyan-400 { background-color: var(--color-cyan-400); } .bg-cyan-500 { background-color: var(--color-cyan-500); } .bg-cyan-500\/5 { background-color: #00b7d70d; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-500\/5 { background-color: color-mix(in oklab, var(--color-cyan-500) 5%, transparent); } } .bg-cyan-500\/10 { background-color: #00b7d71a; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-500\/10 { background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent); } } .bg-cyan-500\/15 { background-color: #00b7d726; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-500\/15 { background-color: color-mix(in oklab, var(--color-cyan-500) 15%, transparent); } } .bg-cyan-500\/\[0\.04\] { background-color: #00b7d70a; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-500\/\[0\.04\] { background-color: color-mix(in oklab, var(--color-cyan-500) 4%, transparent); } } .bg-cyan-500\/\[0\.05\] { background-color: #00b7d70d; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-500\/\[0\.05\] { background-color: color-mix(in oklab, var(--color-cyan-500) 5%, transparent); } } .bg-cyan-500\/\[0\.08\] { background-color: #00b7d714; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-500\/\[0\.08\] { background-color: color-mix(in oklab, var(--color-cyan-500) 8%, transparent); } } .bg-cyan-500\/\[0\.10\] { background-color: #00b7d71a; } @supports (color: color-mix(in lab, red, red)) { .bg-cyan-500\/\[0\.10\] { background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent); } } .bg-cyan-600 { background-color: var(--color-cyan-600); } .bg-destructive, .bg-destructive\/5 { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .bg-destructive\/5 { background-color: color-mix(in oklab, var(--destructive) 5%, transparent); } } .bg-destructive\/10 { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .bg-destructive\/10 { background-color: color-mix(in oklab, var(--destructive) 10%, transparent); } } .bg-emerald-50 { background-color: var(--color-emerald-50); } .bg-emerald-50\/70 { background-color: #ecfdf5b3; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-50\/70 { background-color: color-mix(in oklab, var(--color-emerald-50) 70%, transparent); } } .bg-emerald-50\/80 { background-color: #ecfdf5cc; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-50\/80 { background-color: color-mix(in oklab, var(--color-emerald-50) 80%, transparent); } } .bg-emerald-50\/85 { background-color: #ecfdf5d9; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-50\/85 { background-color: color-mix(in oklab, var(--color-emerald-50) 85%, transparent); } } .bg-emerald-100 { background-color: var(--color-emerald-100); } .bg-emerald-300 { background-color: var(--color-emerald-300); } .bg-emerald-400 { background-color: var(--color-emerald-400); } .bg-emerald-400\/10 { background-color: #00d2941a; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-400\/10 { background-color: color-mix(in oklab, var(--color-emerald-400) 10%, transparent); } } .bg-emerald-400\/15 { background-color: #00d29426; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-400\/15 { background-color: color-mix(in oklab, var(--color-emerald-400) 15%, transparent); } } .bg-emerald-400\/70 { background-color: #00d294b3; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-400\/70 { background-color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent); } } .bg-emerald-500 { background-color: var(--color-emerald-500); } .bg-emerald-500\/5 { background-color: #00bb7f0d; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/5 { background-color: color-mix(in oklab, var(--color-emerald-500) 5%, transparent); } } .bg-emerald-500\/10 { background-color: #00bb7f1a; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/10 { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } } .bg-emerald-500\/12 { background-color: #00bb7f1f; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/12 { background-color: color-mix(in oklab, var(--color-emerald-500) 12%, transparent); } } .bg-emerald-500\/15 { background-color: #00bb7f26; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/15 { background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent); } } .bg-emerald-500\/70 { background-color: #00bb7fb3; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/70 { background-color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent); } } .bg-emerald-500\/80 { background-color: #00bb7fcc; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/80 { background-color: color-mix(in oklab, var(--color-emerald-500) 80%, transparent); } } .bg-emerald-500\/90 { background-color: #00bb7fe6; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/90 { background-color: color-mix(in oklab, var(--color-emerald-500) 90%, transparent); } } .bg-emerald-500\/\[0\.04\] { background-color: #00bb7f0a; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/\[0\.04\] { background-color: color-mix(in oklab, var(--color-emerald-500) 4%, transparent); } } .bg-emerald-500\/\[0\.08\] { background-color: #00bb7f14; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/\[0\.08\] { background-color: color-mix(in oklab, var(--color-emerald-500) 8%, transparent); } } .bg-emerald-500\/\[0\.10\] { background-color: #00bb7f1a; } @supports (color: color-mix(in lab, red, red)) { .bg-emerald-500\/\[0\.10\] { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } } .bg-emerald-600 { background-color: var(--color-emerald-600); } .bg-foreground, .bg-foreground\/5 { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/5 { background-color: color-mix(in oklab, var(--foreground) 5%, transparent); } } .bg-foreground\/10 { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/10 { background-color: color-mix(in oklab, var(--foreground) 10%, transparent); } } .bg-foreground\/80 { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/80 { background-color: color-mix(in oklab, var(--foreground) 80%, transparent); } } .bg-foreground\/\[0\.04\] { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/\[0\.04\] { background-color: color-mix(in oklab, var(--foreground) 4%, transparent); } } .bg-foreground\/\[0\.06\] { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/\[0\.06\] { background-color: color-mix(in oklab, var(--foreground) 6%, transparent); } } .bg-foreground\/\[0\.10\] { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-foreground\/\[0\.10\] { background-color: color-mix(in oklab, var(--foreground) 10%, transparent); } } .bg-gray-400 { background-color: var(--color-gray-400); } .bg-green-50 { background-color: var(--color-green-50); } .bg-green-100 { background-color: var(--color-green-100); } .bg-green-400 { background-color: var(--color-green-400); } .bg-green-500 { background-color: var(--color-green-500); } .bg-green-500\/5 { background-color: #00c7580d; } @supports (color: color-mix(in lab, red, red)) { .bg-green-500\/5 { background-color: color-mix(in oklab, var(--color-green-500) 5%, transparent); } } .bg-green-500\/10 { background-color: #00c7581a; } @supports (color: color-mix(in lab, red, red)) { .bg-green-500\/10 { background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent); } } .bg-green-500\/15 { background-color: #00c75826; } @supports (color: color-mix(in lab, red, red)) { .bg-green-500\/15 { background-color: color-mix(in oklab, var(--color-green-500) 15%, transparent); } } .bg-green-600 { background-color: var(--color-green-600); } .bg-green-700 { background-color: var(--color-green-700); } .bg-muted { background-color: var(--muted); } .bg-muted-foreground\/35 { background-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/35 { background-color: color-mix(in oklab, var(--muted-foreground) 35%, transparent); } } .bg-muted-foreground\/40 { background-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/40 { background-color: color-mix(in oklab, var(--muted-foreground) 40%, transparent); } } .bg-muted-foreground\/60 { background-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/60 { background-color: color-mix(in oklab, var(--muted-foreground) 60%, transparent); } } .bg-muted-foreground\/70 { background-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .bg-muted-foreground\/70 { background-color: color-mix(in oklab, var(--muted-foreground) 70%, transparent); } } .bg-muted\/10 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/10 { background-color: color-mix(in oklab, var(--muted) 10%, transparent); } } .bg-muted\/20 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/20 { background-color: color-mix(in oklab, var(--muted) 20%, transparent); } } .bg-muted\/30 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/30 { background-color: color-mix(in oklab, var(--muted) 30%, transparent); } } .bg-muted\/35 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/35 { background-color: color-mix(in oklab, var(--muted) 35%, transparent); } } .bg-muted\/40 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/40 { background-color: color-mix(in oklab, var(--muted) 40%, transparent); } } .bg-muted\/45 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/45 { background-color: color-mix(in oklab, var(--muted) 45%, transparent); } } .bg-muted\/50 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/50 { background-color: color-mix(in oklab, var(--muted) 50%, transparent); } } .bg-muted\/60 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/60 { background-color: color-mix(in oklab, var(--muted) 60%, transparent); } } .bg-muted\/70 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/70 { background-color: color-mix(in oklab, var(--muted) 70%, transparent); } } .bg-muted\/80 { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/80 { background-color: color-mix(in oklab, var(--muted) 80%, transparent); } } .bg-muted\/\[0\.25\] { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .bg-muted\/\[0\.25\] { background-color: color-mix(in oklab, var(--muted) 25%, transparent); } } .bg-neutral-100 { background-color: var(--color-neutral-100); } .bg-neutral-400 { background-color: var(--color-neutral-400); } .bg-neutral-500 { background-color: var(--color-neutral-500); } .bg-neutral-950 { background-color: var(--color-neutral-950); } .bg-orange-50\/90 { background-color: #fff7ede6; } @supports (color: color-mix(in lab, red, red)) { .bg-orange-50\/90 { background-color: color-mix(in oklab, var(--color-orange-50) 90%, transparent); } } .bg-orange-100 { background-color: var(--color-orange-100); } .bg-orange-400\/5 { background-color: #ff8b1a0d; } @supports (color: color-mix(in lab, red, red)) { .bg-orange-400\/5 { background-color: color-mix(in oklab, var(--color-orange-400) 5%, transparent); } } .bg-orange-400\/15 { background-color: #ff8b1a26; } @supports (color: color-mix(in lab, red, red)) { .bg-orange-400\/15 { background-color: color-mix(in oklab, var(--color-orange-400) 15%, transparent); } } .bg-orange-500 { background-color: var(--color-orange-500); } .bg-orange-500\/10 { background-color: #fe6e001a; } @supports (color: color-mix(in lab, red, red)) { .bg-orange-500\/10 { background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent); } } .bg-popover, .bg-popover\/95 { background-color: var(--popover); } @supports (color: color-mix(in lab, red, red)) { .bg-popover\/95 { background-color: color-mix(in oklab, var(--popover) 95%, transparent); } } .bg-primary, .bg-primary\/5 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/5 { background-color: color-mix(in oklab, var(--primary) 5%, transparent); } } .bg-primary\/10 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/10 { background-color: color-mix(in oklab, var(--primary) 10%, transparent); } } .bg-primary\/15 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/15 { background-color: color-mix(in oklab, var(--primary) 15%, transparent); } } .bg-primary\/20 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/20 { background-color: color-mix(in oklab, var(--primary) 20%, transparent); } } .bg-primary\/25 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/25 { background-color: color-mix(in oklab, var(--primary) 25%, transparent); } } .bg-primary\/30 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/30 { background-color: color-mix(in oklab, var(--primary) 30%, transparent); } } .bg-primary\/40 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/40 { background-color: color-mix(in oklab, var(--primary) 40%, transparent); } } .bg-primary\/60 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/60 { background-color: color-mix(in oklab, var(--primary) 60%, transparent); } } .bg-primary\/70 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/70 { background-color: color-mix(in oklab, var(--primary) 70%, transparent); } } .bg-primary\/80 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/80 { background-color: color-mix(in oklab, var(--primary) 80%, transparent); } } .bg-primary\/85 { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/85 { background-color: color-mix(in oklab, var(--primary) 85%, transparent); } } .bg-primary\/\[0\.04\] { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/\[0\.04\] { background-color: color-mix(in oklab, var(--primary) 4%, transparent); } } .bg-primary\/\[0\.06\] { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/\[0\.06\] { background-color: color-mix(in oklab, var(--primary) 6%, transparent); } } .bg-primary\/\[0\.08\] { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .bg-primary\/\[0\.08\] { background-color: color-mix(in oklab, var(--primary) 8%, transparent); } } .bg-purple-500\/15 { background-color: #ac4bff26; } @supports (color: color-mix(in lab, red, red)) { .bg-purple-500\/15 { background-color: color-mix(in oklab, var(--color-purple-500) 15%, transparent); } } .bg-red-50 { background-color: var(--color-red-50); } .bg-red-50\/80 { background-color: #fef2f2cc; } @supports (color: color-mix(in lab, red, red)) { .bg-red-50\/80 { background-color: color-mix(in oklab, var(--color-red-50) 80%, transparent); } } .bg-red-50\/85 { background-color: #fef2f2d9; } @supports (color: color-mix(in lab, red, red)) { .bg-red-50\/85 { background-color: color-mix(in oklab, var(--color-red-50) 85%, transparent); } } .bg-red-100 { background-color: var(--color-red-100); } .bg-red-400 { background-color: var(--color-red-400); } .bg-red-400\/5 { background-color: #ff65680d; } @supports (color: color-mix(in lab, red, red)) { .bg-red-400\/5 { background-color: color-mix(in oklab, var(--color-red-400) 5%, transparent); } } .bg-red-400\/10 { background-color: #ff65681a; } @supports (color: color-mix(in lab, red, red)) { .bg-red-400\/10 { background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent); } } .bg-red-400\/15 { background-color: #ff656826; } @supports (color: color-mix(in lab, red, red)) { .bg-red-400\/15 { background-color: color-mix(in oklab, var(--color-red-400) 15%, transparent); } } .bg-red-500 { background-color: var(--color-red-500); } .bg-red-500\/5 { background-color: #fb2c360d; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/5 { background-color: color-mix(in oklab, var(--color-red-500) 5%, transparent); } } .bg-red-500\/10 { background-color: #fb2c361a; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/10 { background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent); } } .bg-red-500\/15 { background-color: #fb2c3626; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/15 { background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent); } } .bg-red-500\/20 { background-color: #fb2c3633; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/20 { background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } .bg-red-500\/25 { background-color: #fb2c3640; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/25 { background-color: color-mix(in oklab, var(--color-red-500) 25%, transparent); } } .bg-red-500\/80 { background-color: #fb2c36cc; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/80 { background-color: color-mix(in oklab, var(--color-red-500) 80%, transparent); } } .bg-red-500\/90 { background-color: #fb2c36e6; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/90 { background-color: color-mix(in oklab, var(--color-red-500) 90%, transparent); } } .bg-red-500\/\[0\.04\] { background-color: #fb2c360a; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/\[0\.04\] { background-color: color-mix(in oklab, var(--color-red-500) 4%, transparent); } } .bg-red-500\/\[0\.06\] { background-color: #fb2c360f; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/\[0\.06\] { background-color: color-mix(in oklab, var(--color-red-500) 6%, transparent); } } .bg-red-500\/\[0\.07\] { background-color: #fb2c3612; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/\[0\.07\] { background-color: color-mix(in oklab, var(--color-red-500) 7.0%, transparent); } } .bg-red-500\/\[0\.08\] { background-color: #fb2c3614; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/\[0\.08\] { background-color: color-mix(in oklab, var(--color-red-500) 8%, transparent); } } .bg-red-500\/\[0\.10\] { background-color: #fb2c361a; } @supports (color: color-mix(in lab, red, red)) { .bg-red-500\/\[0\.10\] { background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent); } } .bg-red-600\/90 { background-color: #e40014e6; } @supports (color: color-mix(in lab, red, red)) { .bg-red-600\/90 { background-color: color-mix(in oklab, var(--color-red-600) 90%, transparent); } } .bg-rose-50\/85 { background-color: #fff1f2d9; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-50\/85 { background-color: color-mix(in oklab, var(--color-rose-50) 85%, transparent); } } .bg-rose-500 { background-color: var(--color-rose-500); } .bg-rose-500\/5 { background-color: #ff23570d; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-500\/5 { background-color: color-mix(in oklab, var(--color-rose-500) 5%, transparent); } } .bg-rose-500\/10 { background-color: #ff23571a; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-500\/10 { background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent); } } .bg-rose-500\/15 { background-color: #ff235726; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-500\/15 { background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent); } } .bg-rose-500\/20 { background-color: #ff235733; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-500\/20 { background-color: color-mix(in oklab, var(--color-rose-500) 20%, transparent); } } .bg-rose-500\/\[0\.07\] { background-color: #ff235712; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-500\/\[0\.07\] { background-color: color-mix(in oklab, var(--color-rose-500) 7.0%, transparent); } } .bg-rose-500\/\[0\.08\] { background-color: #ff235714; } @supports (color: color-mix(in lab, red, red)) { .bg-rose-500\/\[0\.08\] { background-color: color-mix(in oklab, var(--color-rose-500) 8%, transparent); } } .bg-secondary { background-color: var(--secondary); } .bg-sky-50 { background-color: var(--color-sky-50); } .bg-sky-50\/70 { background-color: #f0f9ffb3; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-50\/70 { background-color: color-mix(in oklab, var(--color-sky-50) 70%, transparent); } } .bg-sky-50\/80 { background-color: #f0f9ffcc; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-50\/80 { background-color: color-mix(in oklab, var(--color-sky-50) 80%, transparent); } } .bg-sky-100 { background-color: var(--color-sky-100); } .bg-sky-400\/10 { background-color: #00bcfe1a; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-400\/10 { background-color: color-mix(in oklab, var(--color-sky-400) 10%, transparent); } } .bg-sky-400\/15 { background-color: #00bcfe26; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-400\/15 { background-color: color-mix(in oklab, var(--color-sky-400) 15%, transparent); } } .bg-sky-500 { background-color: var(--color-sky-500); } .bg-sky-500\/5 { background-color: #00a5ef0d; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-500\/5 { background-color: color-mix(in oklab, var(--color-sky-500) 5%, transparent); } } .bg-sky-500\/10 { background-color: #00a5ef1a; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-500\/10 { background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent); } } .bg-sky-500\/15 { background-color: #00a5ef26; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-500\/15 { background-color: color-mix(in oklab, var(--color-sky-500) 15%, transparent); } } .bg-sky-500\/20 { background-color: #00a5ef33; } @supports (color: color-mix(in lab, red, red)) { .bg-sky-500\/20 { background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent); } } .bg-slate-50 { background-color: var(--color-slate-50); } .bg-slate-500\/10 { background-color: #62748e1a; } @supports (color: color-mix(in lab, red, red)) { .bg-slate-500\/10 { background-color: color-mix(in oklab, var(--color-slate-500) 10%, transparent); } } .bg-teal-500\/15 { background-color: #00baa726; } @supports (color: color-mix(in lab, red, red)) { .bg-teal-500\/15 { background-color: color-mix(in oklab, var(--color-teal-500) 15%, transparent); } } .bg-transparent { background-color: #0000; } .bg-violet-50 { background-color: var(--color-violet-50); } .bg-violet-100 { background-color: var(--color-violet-100); } .bg-violet-500 { background-color: var(--color-violet-500); } .bg-violet-500\/10 { background-color: #8d54ff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-violet-500\/10 { background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent); } } .bg-violet-500\/20 { background-color: #8d54ff33; } @supports (color: color-mix(in lab, red, red)) { .bg-violet-500\/20 { background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent); } } .bg-white { background-color: var(--color-white); } .bg-white\/5 { background-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/5 { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-white\/10 { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/10 { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .bg-white\/15 { background-color: #ffffff26; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/15 { background-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .bg-white\/25 { background-color: #ffffff40; } @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: #ffffff4d; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/30 { background-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .bg-white\/40 { background-color: #fff6; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/40 { background-color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .bg-white\/\[0\.02\] { background-color: #ffffff05; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.02\] { background-color: color-mix(in oklab, var(--color-white) 2%, transparent); } } .bg-white\/\[0\.03\] { background-color: #ffffff08; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.03\] { background-color: color-mix(in oklab, var(--color-white) 3%, transparent); } } .bg-white\/\[0\.04\] { background-color: #ffffff0a; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.04\] { background-color: color-mix(in oklab, var(--color-white) 4%, transparent); } } .bg-white\/\[0\.05\] { background-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.05\] { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .bg-white\/\[0\.06\] { background-color: #ffffff0f; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.06\] { background-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } .bg-white\/\[0\.07\] { background-color: #ffffff12; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.07\] { background-color: color-mix(in oklab, var(--color-white) 7.0%, transparent); } } .bg-white\/\[0\.08\] { background-color: #ffffff14; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.08\] { background-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } .bg-white\/\[0\.10\] { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.10\] { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .bg-white\/\[0\.12\] { background-color: #ffffff1f; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.12\] { background-color: color-mix(in oklab, var(--color-white) 12%, transparent); } } .bg-white\/\[0\.015\] { background-color: #ffffff04; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.015\] { background-color: color-mix(in oklab, var(--color-white) 1.5%, transparent); } } .bg-white\/\[0\.18\] { background-color: #ffffff2e; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/\[0\.18\] { background-color: color-mix(in oklab, var(--color-white) 18%, transparent); } } .bg-yellow-50 { background-color: var(--color-yellow-50); } .bg-yellow-100 { background-color: var(--color-yellow-100); } .bg-yellow-200\/60 { background-color: #fff08599; } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-200\/60 { background-color: color-mix(in oklab, var(--color-yellow-200) 60%, transparent); } } .bg-yellow-400 { background-color: var(--color-yellow-400); } .bg-yellow-500 { background-color: var(--color-yellow-500); } .bg-yellow-500\/10 { background-color: #edb2001a; } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-500\/10 { background-color: color-mix(in oklab, var(--color-yellow-500) 10%, transparent); } } .bg-yellow-500\/20 { background-color: #edb20033; } @supports (color: color-mix(in lab, red, red)) { .bg-yellow-500\/20 { background-color: color-mix(in oklab, var(--color-yellow-500) 20%, transparent); } } .bg-zinc-100 { background-color: var(--color-zinc-100); } .bg-zinc-500\/15 { background-color: #71717b26; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-500\/15 { background-color: color-mix(in oklab, var(--color-zinc-500) 15%, transparent); } } .bg-zinc-500\/20 { background-color: #71717b33; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-500\/20 { background-color: color-mix(in oklab, var(--color-zinc-500) 20%, transparent); } } .bg-zinc-700 { background-color: var(--color-zinc-700); } .bg-zinc-800 { background-color: var(--color-zinc-800); } .bg-zinc-950 { background-color: var(--color-zinc-950); } .bg-zinc-950\/95 { background-color: #09090bf2; } @supports (color: color-mix(in lab, red, red)) { .bg-zinc-950\/95 { background-color: color-mix(in oklab, var(--color-zinc-950) 95%, transparent); } } .bg-gradient-to-br { --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-t { --tw-gradient-position: to top in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-\[linear-gradient\(135deg\,hsl\(var\(--primary\)\)_0\%\,hsl\(var\(--accent\)\)_58\%\,color-mix\(in_oklab\,hsl\(var\(--background\)\)_76\%\,white_24\%\)_100\%\)\] { background-image: linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--accent)) 58%, hsl(var(--background)) 100%); } @supports (color: color-mix(in lab, red, red)) { .bg-\[linear-gradient\(135deg\,hsl\(var\(--primary\)\)_0\%\,hsl\(var\(--accent\)\)_58\%\,color-mix\(in_oklab\,hsl\(var\(--background\)\)_76\%\,white_24\%\)_100\%\)\] { background-image: linear-gradient(135deg, hsl(var(--primary)) 0%, hsl(var(--accent)) 58%, color-mix(in oklab, hsl(var(--background)) 76%, white 24%) 100%); } } .bg-\[linear-gradient\(135deg\,rgba\(8\,145\,178\,0\.08\)\,transparent_28\%\)\,linear-gradient\(180deg\,rgba\(245\,158\,11\,0\.08\)\,transparent_40\%\)\,var\(--background\)\] { background-image: linear-gradient(135deg, #0891b214, transparent 28%), linear-gradient(180deg, #f59e0b14, transparent 40%), var(--background); } .bg-\[linear-gradient\(135deg\,rgba\(8\,145\,178\,0\.10\)\,transparent_28\%\)\,linear-gradient\(180deg\,rgba\(245\,158\,11\,0\.10\)\,transparent_44\%\)\,var\(--background\)\] { background-image: linear-gradient(135deg, #0891b21a, transparent 28%), linear-gradient(180deg, #f59e0b1a, transparent 44%), var(--background); } .bg-\[linear-gradient\(135deg\,rgba\(14\,165\,233\,0\.08\)\,transparent_28\%\)\,linear-gradient\(180deg\,rgba\(245\,158\,11\,0\.08\)\,transparent_42\%\)\,var\(--background\)\] { background-image: linear-gradient(135deg, #0ea5e914, transparent 28%), linear-gradient(180deg, #f59e0b14, transparent 42%), var(--background); } .bg-\[linear-gradient\(135deg\,rgba\(245\,158\,11\,0\.10\)\,transparent_28\%\)\,linear-gradient\(180deg\,rgba\(8\,145\,178\,0\.08\)\,transparent_44\%\)\,var\(--background\)\] { background-image: linear-gradient(135deg, #f59e0b1a, transparent 28%), linear-gradient(180deg, #0891b214, transparent 44%), var(--background); } .bg-\[linear-gradient\(180deg\,rgba\(6\,182\,212\,0\.05\)\,transparent_28\%\)\,var\(--background\)\] { background-image: linear-gradient(180deg, #06b6d40d, transparent 28%), var(--background); } .bg-\[linear-gradient\(180deg\,rgba\(8\,145\,178\,0\.05\)\,transparent_28\%\)\,var\(--background\)\] { background-image: linear-gradient(180deg, #0891b20d, transparent 28%), var(--background); } .bg-\[linear-gradient\(180deg\,rgba\(16\,185\,129\,0\.05\)\,transparent_28\%\)\,var\(--background\)\] { background-image: linear-gradient(180deg, #10b9810d, transparent 28%), var(--background); } .bg-\[linear-gradient\(180deg\,rgba\(16\,185\,129\,0\.06\)\,transparent_28\%\)\,var\(--background\)\] { background-image: linear-gradient(180deg, #10b9810f, transparent 28%), var(--background); } .bg-\[linear-gradient\(180deg\,rgba\(16\,185\,129\,0\.06\)\,transparent_30\%\)\,var\(--background\)\] { background-image: linear-gradient(180deg, #10b9810f, transparent 30%), var(--background); } .bg-\[linear-gradient\(180deg\,rgba\(59\,130\,246\,0\.05\)\,transparent_30\%\)\,var\(--background\)\] { background-image: linear-gradient(180deg, #3b82f60d, transparent 30%), var(--background); } .bg-\[linear-gradient\(180deg\,rgba\(59\,130\,246\,0\.06\)\,transparent_28\%\)\,var\(--background\)\] { background-image: linear-gradient(180deg, #3b82f60f, transparent 28%), var(--background); } .bg-\[linear-gradient\(180deg\,rgba\(168\,85\,247\,0\.05\)\,transparent_26\%\)\,var\(--background\)\] { background-image: linear-gradient(180deg, #a855f70d, transparent 26%), var(--background); } .bg-\[linear-gradient\(180deg\,rgba\(168\,85\,247\,0\.06\)\,transparent_28\%\)\,var\(--background\)\] { background-image: linear-gradient(180deg, #a855f70f, transparent 28%), var(--background); } .bg-\[linear-gradient\(180deg\,rgba\(234\,179\,8\,0\.06\)\,transparent_28\%\)\,var\(--background\)\] { background-image: linear-gradient(180deg, #eab3080f, transparent 28%), var(--background); } .bg-\[linear-gradient\(180deg\,rgba\(244\,63\,94\,0\.05\)\,transparent_28\%\)\,var\(--background\)\] { background-image: linear-gradient(180deg, #f43f5e0d, transparent 28%), var(--background); } .bg-\[linear-gradient\(180deg\,rgba\(244\,114\,182\,0\.06\)\,transparent_28\%\)\,var\(--background\)\] { background-image: linear-gradient(180deg, #f472b60f, transparent 28%), var(--background); } .bg-\[linear-gradient\(180deg\,rgba\(245\,158\,11\,0\.05\)\,transparent_28\%\)\,var\(--background\)\] { background-image: linear-gradient(180deg, #f59e0b0d, transparent 28%), var(--background); } .bg-\[linear-gradient\(180deg\,rgba\(245\,158\,11\,0\.08\)\,transparent_26\%\)\,var\(--background\)\] { background-image: linear-gradient(180deg, #f59e0b14, transparent 26%), var(--background); } .bg-\[linear-gradient\(180deg\,rgba\(255\,70\,70\,0\.10\)\,rgba\(255\,255\,255\,0\.02\)\)\] { background-image: linear-gradient(#ff46461a, #ffffff05); } .bg-\[linear-gradient\(180deg\,rgba\(255\,80\,80\,0\.12\)\,rgba\(255\,255\,255\,0\.02\)\)\] { background-image: linear-gradient(#ff50501f, #ffffff05); } .bg-\[linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.05\)\,rgba\(255\,255\,255\,0\.02\)\)\] { background-image: linear-gradient(#ffffff0d, #ffffff05); } .bg-\[radial-gradient\(circle_at_top\,rgba\(8\,145\,178\,0\.18\)\,transparent_48\%\)\,linear-gradient\(180deg\,rgba\(15\,23\,42\,0\.96\)\,rgba\(2\,6\,23\,1\)\)\] { background-image: radial-gradient(circle at top, #0891b22e, #0000 48%), linear-gradient(#0f172af5, #020617); } .bg-\[radial-gradient\(circle_at_top_left\,rgba\(8\,145\,178\,0\.08\)\,transparent_36\%\)\,radial-gradient\(circle_at_bottom_right\,rgba\(245\,158\,11\,0\.10\)\,transparent_28\%\)\] { background-image: radial-gradient(circle at 0 0, #0891b214, #0000 36%), radial-gradient(circle at 100% 100%, #f59e0b1a, #0000 28%); } .bg-\[radial-gradient\(circle_at_top_left\,rgba\(244\,114\,182\,0\.08\)\,transparent_35\%\)\,radial-gradient\(circle_at_bottom_right\,rgba\(56\,189\,248\,0\.1\)\,transparent_32\%\)\] { background-image: radial-gradient(circle at 0 0, #f472b614, #0000 35%), radial-gradient(circle at 100% 100%, #38bdf81a, #0000 32%); } .bg-\[radial-gradient\(circle_at_top_right\,rgba\(255\,255\,255\,0\.22\)\,transparent_34\%\)\,radial-gradient\(circle_at_bottom_left\,rgba\(255\,255\,255\,0\.08\)\,transparent_36\%\)\] { background-image: radial-gradient(circle at 100% 0, #ffffff38, #0000 34%), radial-gradient(circle at 0 100%, #ffffff14, #0000 36%); } .from-amber-500\/14 { --tw-gradient-from: #f99c0024; } @supports (color: color-mix(in lab, red, red)) { .from-amber-500\/14 { --tw-gradient-from: color-mix(in oklab, var(--color-amber-500) 14%, transparent); } } .from-amber-500\/14 { --tw-gradient-stops: var(--tw-gradient-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-background { --tw-gradient-from: var(--background); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-black\/80 { --tw-gradient-from: #000c; } @supports (color: color-mix(in lab, red, red)) { .from-black\/80 { --tw-gradient-from: color-mix(in oklab, var(--color-black) 80%, transparent); } } .from-black\/80 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-emerald-500\/14 { --tw-gradient-from: #00bb7f24; } @supports (color: color-mix(in lab, red, red)) { .from-emerald-500\/14 { --tw-gradient-from: color-mix(in oklab, var(--color-emerald-500) 14%, transparent); } } .from-emerald-500\/14 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-red-500\/20 { --tw-gradient-from: #fb2c3633; } @supports (color: color-mix(in lab, red, red)) { .from-red-500\/20 { --tw-gradient-from: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } .from-red-500\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-sky-500\/12 { --tw-gradient-from: #00a5ef1f; } @supports (color: color-mix(in lab, red, red)) { .from-sky-500\/12 { --tw-gradient-from: color-mix(in oklab, var(--color-sky-500) 12%, transparent); } } .from-sky-500\/12 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .via-amber-500\/6 { --tw-gradient-via: #f99c000f; } @supports (color: color-mix(in lab, red, red)) { .via-amber-500\/6 { --tw-gradient-via: color-mix(in oklab, var(--color-amber-500) 6%, transparent); } } .via-amber-500\/6 { --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-background\/95 { --tw-gradient-via: var(--background); } @supports (color: color-mix(in lab, red, red)) { .via-background\/95 { --tw-gradient-via: color-mix(in oklab, var(--background) 95%, transparent); } } .via-background\/95 { --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .via-emerald-500\/6 { --tw-gradient-via: #00bb7f0f; } @supports (color: color-mix(in lab, red, red)) { .via-emerald-500\/6 { --tw-gradient-via: color-mix(in oklab, var(--color-emerald-500) 6%, transparent); } } .via-emerald-500\/6 { --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-sky-500\/6 { --tw-gradient-via: #00a5ef0f; } @supports (color: color-mix(in lab, red, red)) { .via-sky-500\/6 { --tw-gradient-via: color-mix(in oklab, var(--color-sky-500) 6%, transparent); } } .via-sky-500\/6 { --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-background\/0 { --tw-gradient-to: var(--background); } @supports (color: color-mix(in lab, red, red)) { .to-background\/0 { --tw-gradient-to: color-mix(in oklab, var(--background) 0%, transparent); } } .to-background\/0 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-orange-500\/20 { --tw-gradient-to: #fe6e0033; } @supports (color: color-mix(in lab, red, red)) { .to-orange-500\/20 { --tw-gradient-to: color-mix(in oklab, var(--color-orange-500) 20%, transparent); } } .to-orange-500\/20 { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .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-foreground { fill: var(--foreground); } .stroke-\[2\.3\] { stroke-width: 2.3px; } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-fill { object-fit: fill; } .object-left { object-position: left; } .object-top { object-position: top; } .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-8 { padding: calc(var(--spacing) * 8); } .p-\[3px\] { padding: 3px; } .p-\[15px\] { padding: 15px; } .p-px { padding: 1px; } .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-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-\[9\%\] { padding-inline: 9%; } .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-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-10 { padding-block: calc(var(--spacing) * 10); } .py-12 { padding-block: calc(var(--spacing) * 12); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-\[1px\], .py-px { padding-block: 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-1\.5 { padding-top: calc(var(--spacing) * 1.5); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-2\.5 { padding-top: calc(var(--spacing) * 2.5); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-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-16 { padding-top: calc(var(--spacing) * 16); } .pt-\[calc\(env\(safe-area-inset-top\)\+0\.5rem\)\] { padding-top: calc(env(safe-area-inset-top) + .5rem); } .pt-\[env\(safe-area-inset-top\)\] { padding-top: env(safe-area-inset-top); } .pt-px { padding-top: 1px; } .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-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-11 { padding-right: calc(var(--spacing) * 11); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pr-20 { padding-right: calc(var(--spacing) * 20); } .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-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-12 { padding-bottom: calc(var(--spacing) * 12); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pb-\[calc\(1rem\+env\(safe-area-inset-bottom\)\)\] { padding-bottom: calc(1rem + env(safe-area-inset-bottom)); } .pb-\[calc\(4rem\+env\(safe-area-inset-bottom\)\)\] { padding-bottom: calc(4rem + env(safe-area-inset-bottom)); } .pb-\[calc\(5rem\+env\(safe-area-inset-bottom\)\)\] { padding-bottom: calc(5rem + env(safe-area-inset-bottom)); } .pb-\[env\(safe-area-inset-bottom\)\] { padding-bottom: env(safe-area-inset-bottom); } .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-3 { padding-left: calc(var(--spacing) * 3); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-5\.5 { padding-left: calc(var(--spacing) * 5.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-\[calc\(theme\(spacing\.2\)-2px\)\] { padding-left: calc(.5rem - 2px); } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .align-\[-0\.125em\] { vertical-align: -.125em; } .align-middle { vertical-align: middle; } .align-top { vertical-align: top; } .font-display { font-family: var(--font-serif); } .font-mono { font-family: Geist Mono, JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, monospace; } .font-sans { font-family: Geist, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, sans-serif; } .font-serif { font-family: Instrument Serif, Iowan Old Style, Georgia, Times New Roman, serif; } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .text-5xl { font-size: var(--text-5xl); line-height: var(--tw-leading, var(--text-5xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[8px\] { font-size: 8px; } .text-\[9px\] { font-size: 9px; } .text-\[10\.5px\] { font-size: 10.5px; } .text-\[10px\] { font-size: 10px; } .text-\[11\.5px\] { font-size: 11.5px; } .text-\[11px\] { font-size: 11px; } .text-\[12\.5px\] { font-size: 12.5px; } .text-\[12px\] { font-size: 12px; } .text-\[13\.5px\] { font-size: 13.5px; } .text-\[13px\] { font-size: 13px; } .text-\[14px\] { font-size: 14px; } .text-\[15px\] { font-size: 15px; } .text-\[16px\] { font-size: 16px; } .text-\[18px\] { font-size: 18px; } .text-\[28px\] { font-size: 28px; } .text-\[34px\] { font-size: 34px; } .leading-4 { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-7 { --tw-leading: calc(var(--spacing) * 7); line-height: calc(var(--spacing) * 7); } .leading-\[1\.4\] { --tw-leading: 1.4; line-height: 1.4; } .leading-\[1\.5\] { --tw-leading: 1.5; line-height: 1.5; } .leading-\[1\.45\] { --tw-leading: 1.45; line-height: 1.45; } .leading-\[1\.55\] { --tw-leading: 1.55; line-height: 1.55; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-relaxed { --tw-leading: var(--leading-relaxed); line-height: var(--leading-relaxed); } .leading-snug { --tw-leading: var(--leading-snug); line-height: var(--leading-snug); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .tracking-\[-0\.02em\] { --tw-tracking: -.02em; letter-spacing: -.02em; } .tracking-\[-0\.005em\] { --tw-tracking: -.005em; letter-spacing: -.005em; } .tracking-\[-0\.012em\] { --tw-tracking: -.012em; letter-spacing: -.012em; } .tracking-\[0\.1em\] { --tw-tracking: .1em; letter-spacing: .1em; } .tracking-\[0\.2em\] { --tw-tracking: .2em; letter-spacing: .2em; } .tracking-\[0\.06em\] { --tw-tracking: .06em; letter-spacing: .06em; } .tracking-\[0\.08em\] { --tw-tracking: .08em; letter-spacing: .08em; } .tracking-\[0\.12em\] { --tw-tracking: .12em; letter-spacing: .12em; } .tracking-\[0\.14em\] { --tw-tracking: .14em; letter-spacing: .14em; } .tracking-\[0\.16em\] { --tw-tracking: .16em; letter-spacing: .16em; } .tracking-\[0\.18em\] { --tw-tracking: .18em; letter-spacing: .18em; } .tracking-\[0\.22em\] { --tw-tracking: .22em; letter-spacing: .22em; } .tracking-\[0\.24em\] { --tw-tracking: .24em; letter-spacing: .24em; } .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; } .break-words, .wrap-break-word { overflow-wrap: break-word; } .break-all { word-break: break-all; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-wrap { white-space: pre-wrap; } .\!text-muted-foreground { color: var(--muted-foreground) !important; } .text-\[\#02010a\] { color: #02010a; } .text-\[\#e6edf3\] { color: #e6edf3; } .text-\[var\(--chip-match-comment-fg\)\] { color: var(--chip-match-comment-fg); } .text-\[var\(--chip-match-document-fg\)\] { color: var(--chip-match-document-fg); } .text-\[var\(--chip-match-identifier-fg\)\] { color: var(--chip-match-identifier-fg); } .text-\[var\(--chip-match-title-fg\)\] { color: var(--chip-match-title-fg); } .text-accent-foreground { color: var(--accent-foreground); } .text-amber-50 { color: var(--color-amber-50); } .text-amber-50\/90 { color: #fffbebe6; } @supports (color: color-mix(in lab, red, red)) { .text-amber-50\/90 { color: color-mix(in oklab, var(--color-amber-50) 90%, transparent); } } .text-amber-100 { color: var(--color-amber-100); } .text-amber-100\/80 { color: #fef3c6cc; } @supports (color: color-mix(in lab, red, red)) { .text-amber-100\/80 { color: color-mix(in oklab, var(--color-amber-100) 80%, transparent); } } .text-amber-100\/85 { color: #fef3c6d9; } @supports (color: color-mix(in lab, red, red)) { .text-amber-100\/85 { color: color-mix(in oklab, var(--color-amber-100) 85%, transparent); } } .text-amber-200 { color: var(--color-amber-200); } .text-amber-200\/60 { color: #fee68599; } @supports (color: color-mix(in lab, red, red)) { .text-amber-200\/60 { color: color-mix(in oklab, var(--color-amber-200) 60%, transparent); } } .text-amber-200\/80 { color: #fee685cc; } @supports (color: color-mix(in lab, red, red)) { .text-amber-200\/80 { color: color-mix(in oklab, var(--color-amber-200) 80%, transparent); } } .text-amber-200\/90 { color: #fee685e6; } @supports (color: color-mix(in lab, red, red)) { .text-amber-200\/90 { color: color-mix(in oklab, var(--color-amber-200) 90%, transparent); } } .text-amber-300 { color: var(--color-amber-300); } .text-amber-300\/70 { color: #ffd236b3; } @supports (color: color-mix(in lab, red, red)) { .text-amber-300\/70 { color: color-mix(in oklab, var(--color-amber-300) 70%, transparent); } } .text-amber-300\/80 { color: #ffd236cc; } @supports (color: color-mix(in lab, red, red)) { .text-amber-300\/80 { color: color-mix(in oklab, var(--color-amber-300) 80%, transparent); } } .text-amber-300\/90 { color: #ffd236e6; } @supports (color: color-mix(in lab, red, red)) { .text-amber-300\/90 { color: color-mix(in oklab, var(--color-amber-300) 90%, transparent); } } .text-amber-400 { color: var(--color-amber-400); } .text-amber-400\/80 { color: #fcbb00cc; } @supports (color: color-mix(in lab, red, red)) { .text-amber-400\/80 { color: color-mix(in oklab, var(--color-amber-400) 80%, transparent); } } .text-amber-500 { color: var(--color-amber-500); } .text-amber-500\/50 { color: #f99c0080; } @supports (color: color-mix(in lab, red, red)) { .text-amber-500\/50 { color: color-mix(in oklab, var(--color-amber-500) 50%, transparent); } } .text-amber-600 { color: var(--color-amber-600); } .text-amber-700 { color: var(--color-amber-700); } .text-amber-700\/80 { color: #b75000cc; } @supports (color: color-mix(in lab, red, red)) { .text-amber-700\/80 { color: color-mix(in oklab, var(--color-amber-700) 80%, transparent); } } .text-amber-800 { color: var(--color-amber-800); } .text-amber-900 { color: var(--color-amber-900); } .text-amber-900\/80 { color: #7b3306cc; } @supports (color: color-mix(in lab, red, red)) { .text-amber-900\/80 { color: color-mix(in oklab, var(--color-amber-900) 80%, transparent); } } .text-amber-950 { color: var(--color-amber-950); } .text-background { color: var(--background); } .text-blue-300 { color: var(--color-blue-300); } .text-blue-300\/80 { color: #90c5ffcc; } @supports (color: color-mix(in lab, red, red)) { .text-blue-300\/80 { color: color-mix(in oklab, var(--color-blue-300) 80%, transparent); } } .text-blue-400 { color: var(--color-blue-400); } .text-blue-500 { color: var(--color-blue-500); } .text-blue-500\/40 { color: #3080ff66; } @supports (color: color-mix(in lab, red, red)) { .text-blue-500\/40 { color: color-mix(in oklab, var(--color-blue-500) 40%, transparent); } } .text-blue-600 { color: var(--color-blue-600); } .text-blue-700 { color: var(--color-blue-700); } .text-blue-700\/80 { color: #1447e6cc; } @supports (color: color-mix(in lab, red, red)) { .text-blue-700\/80 { color: color-mix(in oklab, var(--color-blue-700) 80%, transparent); } } .text-border { color: var(--border); } .text-card-foreground { color: var(--card-foreground); } .text-current, .text-current\/60 { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { .text-current\/60 { color: color-mix(in oklab, currentcolor 60%, transparent); } } .text-cyan-200 { color: var(--color-cyan-200); } .text-cyan-300 { color: var(--color-cyan-300); } .text-cyan-400 { color: var(--color-cyan-400); } .text-cyan-500 { color: var(--color-cyan-500); } .text-cyan-600 { color: var(--color-cyan-600); } .text-cyan-700 { color: var(--color-cyan-700); } .text-cyan-800 { color: var(--color-cyan-800); } .text-destructive { color: var(--destructive); } .text-destructive-foreground { color: var(--destructive-foreground); } .text-destructive\/80 { color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .text-destructive\/80 { color: color-mix(in oklab, var(--destructive) 80%, transparent); } } .text-emerald-50 { color: var(--color-emerald-50); } .text-emerald-100 { color: var(--color-emerald-100); } .text-emerald-100\/50 { color: #d0fae580; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-100\/50 { color: color-mix(in oklab, var(--color-emerald-100) 50%, transparent); } } .text-emerald-100\/70 { color: #d0fae5b3; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-100\/70 { color: color-mix(in oklab, var(--color-emerald-100) 70%, transparent); } } .text-emerald-200 { color: var(--color-emerald-200); } .text-emerald-200\/70 { color: #a4f4cfb3; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-200\/70 { color: color-mix(in oklab, var(--color-emerald-200) 70%, transparent); } } .text-emerald-200\/90 { color: #a4f4cfe6; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-200\/90 { color: color-mix(in oklab, var(--color-emerald-200) 90%, transparent); } } .text-emerald-300 { color: var(--color-emerald-300); } .text-emerald-300\/80 { color: #5ee9b5cc; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-300\/80 { color: color-mix(in oklab, var(--color-emerald-300) 80%, transparent); } } .text-emerald-300\/90 { color: #5ee9b5e6; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-300\/90 { color: color-mix(in oklab, var(--color-emerald-300) 90%, transparent); } } .text-emerald-400 { color: var(--color-emerald-400); } .text-emerald-400\/70 { color: #00d294b3; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-400\/70 { color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent); } } .text-emerald-500 { color: var(--color-emerald-500); } .text-emerald-500\/60 { color: #00bb7f99; } @supports (color: color-mix(in lab, red, red)) { .text-emerald-500\/60 { color: color-mix(in oklab, var(--color-emerald-500) 60%, transparent); } } .text-emerald-600 { color: var(--color-emerald-600); } .text-emerald-700 { color: var(--color-emerald-700); } .text-emerald-800 { color: var(--color-emerald-800); } .text-emerald-900 { color: var(--color-emerald-900); } .text-emerald-950 { color: var(--color-emerald-950); } .text-foreground, .text-foreground\/55 { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .text-foreground\/55 { color: color-mix(in oklab, var(--foreground) 55%, transparent); } } .text-foreground\/60 { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .text-foreground\/60 { color: color-mix(in oklab, var(--foreground) 60%, transparent); } } .text-foreground\/70 { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .text-foreground\/70 { color: color-mix(in oklab, var(--foreground) 70%, transparent); } } .text-foreground\/75 { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .text-foreground\/75 { color: color-mix(in oklab, var(--foreground) 75%, transparent); } } .text-foreground\/80 { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .text-foreground\/80 { color: color-mix(in oklab, var(--foreground) 80%, transparent); } } .text-foreground\/85 { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .text-foreground\/85 { color: color-mix(in oklab, var(--foreground) 85%, transparent); } } .text-foreground\/90 { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .text-foreground\/90 { color: color-mix(in oklab, var(--foreground) 90%, transparent); } } .text-foreground\/95 { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .text-foreground\/95 { color: color-mix(in oklab, var(--foreground) 95%, transparent); } } .text-green-100 { color: var(--color-green-100); } .text-green-300 { color: var(--color-green-300); } .text-green-400 { color: var(--color-green-400); } .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-inherit { color: inherit; } .text-muted-foreground, .text-muted-foreground\/30 { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/30 { color: color-mix(in oklab, var(--muted-foreground) 30%, transparent); } } .text-muted-foreground\/40 { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/40 { color: color-mix(in oklab, var(--muted-foreground) 40%, transparent); } } .text-muted-foreground\/45 { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/45 { color: color-mix(in oklab, var(--muted-foreground) 45%, transparent); } } .text-muted-foreground\/50 { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/50 { color: color-mix(in oklab, var(--muted-foreground) 50%, transparent); } } .text-muted-foreground\/60 { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/60 { color: color-mix(in oklab, var(--muted-foreground) 60%, transparent); } } .text-muted-foreground\/70 { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/70 { color: color-mix(in oklab, var(--muted-foreground) 70%, transparent); } } .text-muted-foreground\/80 { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/80 { color: color-mix(in oklab, var(--muted-foreground) 80%, transparent); } } .text-muted-foreground\/85 { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .text-muted-foreground\/85 { color: color-mix(in oklab, var(--muted-foreground) 85%, transparent); } } .text-neutral-400 { color: var(--color-neutral-400); } .text-neutral-500 { color: var(--color-neutral-500); } .text-orange-200 { color: var(--color-orange-200); } .text-orange-300 { color: var(--color-orange-300); } .text-orange-600 { color: var(--color-orange-600); } .text-orange-700 { color: var(--color-orange-700); } .text-orange-950 { color: var(--color-orange-950); } .text-popover-foreground { color: var(--popover-foreground); } .text-primary { color: var(--primary); } .text-primary-foreground { color: var(--primary-foreground); } .text-primary\/70 { color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .text-primary\/70 { color: color-mix(in oklab, var(--primary) 70%, transparent); } } .text-primary\/80 { color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .text-primary\/80 { color: color-mix(in oklab, var(--primary) 80%, transparent); } } .text-primary\/90 { color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .text-primary\/90 { color: color-mix(in oklab, var(--primary) 90%, transparent); } } .text-purple-300 { color: var(--color-purple-300); } .text-purple-500 { color: var(--color-purple-500); } .text-red-50 { color: var(--color-red-50); } .text-red-50\/90 { color: #fef2f2e6; } @supports (color: color-mix(in lab, red, red)) { .text-red-50\/90 { color: color-mix(in oklab, var(--color-red-50) 90%, transparent); } } .text-red-100 { color: var(--color-red-100); } .text-red-100\/60 { color: #ffe2e299; } @supports (color: color-mix(in lab, red, red)) { .text-red-100\/60 { color: color-mix(in oklab, var(--color-red-100) 60%, transparent); } } .text-red-100\/70 { color: #ffe2e2b3; } @supports (color: color-mix(in lab, red, red)) { .text-red-100\/70 { color: color-mix(in oklab, var(--color-red-100) 70%, transparent); } } .text-red-100\/80 { color: #ffe2e2cc; } @supports (color: color-mix(in lab, red, red)) { .text-red-100\/80 { color: color-mix(in oklab, var(--color-red-100) 80%, transparent); } } .text-red-100\/85 { color: #ffe2e2d9; } @supports (color: color-mix(in lab, red, red)) { .text-red-100\/85 { color: color-mix(in oklab, var(--color-red-100) 85%, transparent); } } .text-red-200 { color: var(--color-red-200); } .text-red-200\/70 { color: #ffcacab3; } @supports (color: color-mix(in lab, red, red)) { .text-red-200\/70 { color: color-mix(in oklab, var(--color-red-200) 70%, transparent); } } .text-red-200\/80 { color: #ffcacacc; } @supports (color: color-mix(in lab, red, red)) { .text-red-200\/80 { color: color-mix(in oklab, var(--color-red-200) 80%, transparent); } } .text-red-300 { color: var(--color-red-300); } .text-red-300\/70 { color: #ffa3a3b3; } @supports (color: color-mix(in lab, red, red)) { .text-red-300\/70 { color: color-mix(in oklab, var(--color-red-300) 70%, transparent); } } .text-red-300\/80 { color: #ffa3a3cc; } @supports (color: color-mix(in lab, red, red)) { .text-red-300\/80 { color: color-mix(in oklab, var(--color-red-300) 80%, transparent); } } .text-red-300\/85 { color: #ffa3a3d9; } @supports (color: color-mix(in lab, red, red)) { .text-red-300\/85 { color: color-mix(in oklab, var(--color-red-300) 85%, transparent); } } .text-red-400 { color: var(--color-red-400); } .text-red-500 { color: var(--color-red-500); } .text-red-500\/60 { color: #fb2c3699; } @supports (color: color-mix(in lab, red, red)) { .text-red-500\/60 { color: color-mix(in oklab, var(--color-red-500) 60%, transparent); } } .text-red-600 { color: var(--color-red-600); } .text-red-700 { color: var(--color-red-700); } .text-red-700\/90 { color: #bf000fe6; } @supports (color: color-mix(in lab, red, red)) { .text-red-700\/90 { color: color-mix(in oklab, var(--color-red-700) 90%, transparent); } } .text-red-800 { color: var(--color-red-800); } .text-red-900 { color: var(--color-red-900); } .text-red-950 { color: var(--color-red-950); } .text-rose-200 { color: var(--color-rose-200); } .text-rose-200\/95 { color: #ffccd3f2; } @supports (color: color-mix(in lab, red, red)) { .text-rose-200\/95 { color: color-mix(in oklab, var(--color-rose-200) 95%, transparent); } } .text-rose-300 { color: var(--color-rose-300); } .text-rose-300\/80 { color: #ffa2aecc; } @supports (color: color-mix(in lab, red, red)) { .text-rose-300\/80 { color: color-mix(in oklab, var(--color-rose-300) 80%, transparent); } } .text-rose-300\/90 { color: #ffa2aee6; } @supports (color: color-mix(in lab, red, red)) { .text-rose-300\/90 { color: color-mix(in oklab, var(--color-rose-300) 90%, transparent); } } .text-rose-400 { color: var(--color-rose-400); } .text-rose-500 { color: var(--color-rose-500); } .text-rose-700 { color: var(--color-rose-700); } .text-rose-900 { color: var(--color-rose-900); } .text-rose-900\/75 { color: #8b0836bf; } @supports (color: color-mix(in lab, red, red)) { .text-rose-900\/75 { color: color-mix(in oklab, var(--color-rose-900) 75%, transparent); } } .text-rose-950 { color: var(--color-rose-950); } .text-secondary-foreground { color: var(--secondary-foreground); } .text-sky-100 { color: var(--color-sky-100); } .text-sky-200 { color: var(--color-sky-200); } .text-sky-300 { color: var(--color-sky-300); } .text-sky-300\/90 { color: #77d4ffe6; } @supports (color: color-mix(in lab, red, red)) { .text-sky-300\/90 { color: color-mix(in oklab, var(--color-sky-300) 90%, transparent); } } .text-sky-400 { color: var(--color-sky-400); } .text-sky-600 { color: var(--color-sky-600); } .text-sky-700 { color: var(--color-sky-700); } .text-sky-800 { color: var(--color-sky-800); } .text-sky-900 { color: var(--color-sky-900); } .text-sky-900\/80 { color: #024a70cc; } @supports (color: color-mix(in lab, red, red)) { .text-sky-900\/80 { color: color-mix(in oklab, var(--color-sky-900) 80%, transparent); } } .text-sky-950 { color: var(--color-sky-950); } .text-slate-700 { color: var(--color-slate-700); } .text-teal-300 { color: var(--color-teal-300); } .text-transparent { color: #0000; } .text-violet-200 { color: var(--color-violet-200); } .text-violet-600 { color: var(--color-violet-600); } .text-violet-700 { color: var(--color-violet-700); } .text-violet-800 { color: var(--color-violet-800); } .text-white { color: var(--color-white); } .text-white\/35 { color: #ffffff59; } @supports (color: color-mix(in lab, red, red)) { .text-white\/35 { color: color-mix(in oklab, var(--color-white) 35%, transparent); } } .text-white\/40 { color: #fff6; } @supports (color: color-mix(in lab, red, red)) { .text-white\/40 { color: color-mix(in oklab, var(--color-white) 40%, transparent); } } .text-white\/50 { color: #ffffff80; } @supports (color: color-mix(in lab, red, red)) { .text-white\/50 { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .text-white\/55 { color: #ffffff8c; } @supports (color: color-mix(in lab, red, red)) { .text-white\/55 { color: color-mix(in oklab, var(--color-white) 55%, transparent); } } .text-white\/60 { color: #fff9; } @supports (color: color-mix(in lab, red, red)) { .text-white\/60 { color: color-mix(in oklab, var(--color-white) 60%, transparent); } } .text-white\/70 { color: #ffffffb3; } @supports (color: color-mix(in lab, red, red)) { .text-white\/70 { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .text-white\/80 { color: #fffc; } @supports (color: color-mix(in lab, red, red)) { .text-white\/80 { color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .text-white\/85 { color: #ffffffd9; } @supports (color: color-mix(in lab, red, red)) { .text-white\/85 { color: color-mix(in oklab, var(--color-white) 85%, transparent); } } .text-white\/90 { color: #ffffffe6; } @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-zinc-100 { color: var(--color-zinc-100); } .text-zinc-200 { color: var(--color-zinc-200); } .text-zinc-300 { color: var(--color-zinc-300); } .text-zinc-400 { color: var(--color-zinc-400); } .text-zinc-500 { color: var(--color-zinc-500); } .text-zinc-950 { color: var(--color-zinc-950); } .capitalize { text-transform: capitalize; } .lowercase { text-transform: lowercase; } .normal-case { text-transform: none; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .not-italic { font-style: normal; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, ); } .line-through { text-decoration-line: line-through; } .no-underline { text-decoration-line: none; } .underline { text-decoration-line: underline; } .decoration-muted-foreground { -webkit-text-decoration-color: var(--muted-foreground); -webkit-text-decoration-color: var(--muted-foreground); text-decoration-color: var(--muted-foreground); } .underline-offset-2 { text-underline-offset: 2px; } .underline-offset-4 { text-underline-offset: 4px; } .caret-foreground { caret-color: var(--foreground); } .accent-foreground { accent-color: var(--foreground); } .accent-primary { accent-color: var(--primary); } .opacity-0 { opacity: 0; } .opacity-30 { opacity: .3; } .opacity-40 { opacity: .4; } .opacity-50 { opacity: .5; } .opacity-55 { opacity: .55; } .opacity-60 { opacity: .6; } .opacity-70 { opacity: .7; } .opacity-75 { opacity: .75; } .opacity-80 { opacity: .8; } .opacity-90 { opacity: .9; } .opacity-100 { opacity: 1; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_1px_rgba\(255\,255\,255\,0\.08\)\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, #ffffff14); 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_2px_hsl\(var\(--background\)\)\] { --tw-shadow: 0 0 0 2px var(--tw-shadow-color, hsl(var(--background))); 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_2px_rgba\(0\,0\,0\,0\.2\)\] { --tw-shadow: 0 0 0 2px var(--tw-shadow-color, #0003); 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_6px_rgba\(34\,211\,238\,0\.12\)\] { --tw-shadow: 0 0 0 6px var(--tw-shadow-color, #22d3ee1f); 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_12px_rgba\(6\,182\,212\,0\.08\)\] { --tw-shadow: 0 0 12px var(--tw-shadow-color, #06b6d414); 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_24px_rgba\(252\,211\,77\,0\.08\)\] { --tw-shadow: 0 0 24px var(--tw-shadow-color, #fcd34d14); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_0_1px_hsl\(var\(--border\)\)\] { --tw-shadow: 0 1px 0 1px var(--tw-shadow-color, hsl(var(--border))); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_0_color-mix\(in_oklab\,var\(--foreground\)_5\%\,transparent\)\,0_4px_18px_-8px_color-mix\(in_oklab\,var\(--foreground\)_8\%\,transparent\)\] { --tw-shadow: 0 1px 0 var(--tw-shadow-color, var(--foreground)), 0 4px 18px -8px var(--tw-shadow-color, var(--foreground)); } @supports (color: color-mix(in lab, red, red)) { .shadow-\[0_1px_0_color-mix\(in_oklab\,var\(--foreground\)_5\%\,transparent\)\,0_4px_18px_-8px_color-mix\(in_oklab\,var\(--foreground\)_8\%\,transparent\)\] { --tw-shadow: 0 1px 0 var(--tw-shadow-color, color-mix(in oklab, var(--foreground) 5%, transparent)), 0 4px 18px -8px var(--tw-shadow-color, color-mix(in oklab, var(--foreground) 8%, transparent)); } } .shadow-\[0_1px_0_color-mix\(in_oklab\,var\(--foreground\)_5\%\,transparent\)\,0_4px_18px_-8px_color-mix\(in_oklab\,var\(--foreground\)_8\%\,transparent\)\] { box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_0_color-mix\(in_oklab\,var\(--foreground\)_18\%\,transparent\)\] { --tw-shadow: 0 1px 0 var(--tw-shadow-color, var(--foreground)); } @supports (color: color-mix(in lab, red, red)) { .shadow-\[0_1px_0_color-mix\(in_oklab\,var\(--foreground\)_18\%\,transparent\)\] { --tw-shadow: 0 1px 0 var(--tw-shadow-color, color-mix(in oklab, var(--foreground) 18%, transparent)); } } .shadow-\[0_1px_0_color-mix\(in_oklab\,var\(--foreground\)_18\%\,transparent\)\] { box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_1px_0_rgba\(15\,23\,42\,0\.02\)\] { --tw-shadow: 0 1px 0 var(--tw-shadow-color, #0f172a05); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_24px_-12px_rgba\(0\,0\,0\,0\.6\)\] { --tw-shadow: 0 8px 24px -12px var(--tw-shadow-color, #0009); 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_12px_24px_rgba\(6\,182\,212\,0\.12\)\] { --tw-shadow: 0 12px 24px var(--tw-shadow-color, #06b6d41f); 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_16px_40px_rgba\(6\,182\,212\,0\.08\)\] { --tw-shadow: 0 16px 40px var(--tw-shadow-color, #06b6d414); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_18px_44px_-28px_rgba\(0\,0\,0\,0\.45\)\] { --tw-shadow: 0 18px 44px -28px var(--tw-shadow-color, #00000073); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_18px_50px_rgba\(6\,182\,212\,0\.08\)\] { --tw-shadow: 0 18px 50px var(--tw-shadow-color, #06b6d414); 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_20px_40px_rgba\(15\,23\,42\,0\.10\)\] { --tw-shadow: 0 20px 40px var(--tw-shadow-color, #0f172a1a); 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_20px_50px_rgba\(6\,182\,212\,0\.10\)\] { --tw-shadow: 0 20px 50px var(--tw-shadow-color, #06b6d41a); 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_20px_80px_-40px_rgba\(0\,0\,0\,0\.55\)\] { --tw-shadow: 0 20px 80px -40px var(--tw-shadow-color, #0000008c); 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_24px_60px_rgba\(15\,23\,42\,0\.08\)\] { --tw-shadow: 0 24px 60px var(--tw-shadow-color, #0f172a14); 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_28px_70px_rgba\(15\,23\,42\,0\.10\)\] { --tw-shadow: 0 28px 70px var(--tw-shadow-color, #0f172a1a); 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_30px_80px_rgba\(2\,6\,23\,0\.55\)\] { --tw-shadow: 0 30px 80px var(--tw-shadow-color, #0206178c); 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_30px_80px_rgba\(15\,23\,42\,0\.10\)\] { --tw-shadow: 0 30px 80px var(--tw-shadow-color, #0f172a1a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xs { --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring, .ring-1 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-2 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-4 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-black\/10 { --tw-shadow-color: #0000001a; } @supports (color: color-mix(in lab, red, red)) { .shadow-black\/10 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent); } } .shadow-primary\/20 { --tw-shadow-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .shadow-primary\/20 { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 20%, transparent) var(--tw-shadow-alpha), transparent); } } .ring-background { --tw-ring-color: var(--background); } .ring-border\/40 { --tw-ring-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .ring-border\/40 { --tw-ring-color: color-mix(in oklab, var(--border) 40%, transparent); } } .ring-border\/60 { --tw-ring-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .ring-border\/60 { --tw-ring-color: color-mix(in oklab, var(--border) 60%, transparent); } } .ring-emerald-500\/30 { --tw-ring-color: #00bb7f4d; } @supports (color: color-mix(in lab, red, red)) { .ring-emerald-500\/30 { --tw-ring-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } } .ring-foreground, .ring-foreground\/20 { --tw-ring-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .ring-foreground\/20 { --tw-ring-color: color-mix(in oklab, var(--foreground) 20%, transparent); } } .ring-primary, .ring-primary\/20 { --tw-ring-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .ring-primary\/20 { --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent); } } .ring-primary\/30 { --tw-ring-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .ring-primary\/30 { --tw-ring-color: color-mix(in oklab, var(--primary) 30%, transparent); } } .ring-primary\/40 { --tw-ring-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .ring-primary\/40 { --tw-ring-color: color-mix(in oklab, var(--primary) 40%, transparent); } } .ring-primary\/60 { --tw-ring-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .ring-primary\/60 { --tw-ring-color: color-mix(in oklab, var(--primary) 60%, transparent); } } .ring-red-500\/40 { --tw-ring-color: #fb2c3666; } @supports (color: color-mix(in lab, red, red)) { .ring-red-500\/40 { --tw-ring-color: color-mix(in oklab, var(--color-red-500) 40%, transparent); } } .ring-white { --tw-ring-color: var(--color-white); } .ring-white\/20 { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .ring-white\/20 { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .ring-white\/30 { --tw-ring-color: #ffffff4d; } @supports (color: color-mix(in lab, red, red)) { .ring-white\/30 { --tw-ring-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .ring-offset-1 { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .ring-offset-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-background { --tw-ring-offset-color: var(--background); } .outline-hidden { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .outline-hidden { outline-offset: 2px; outline: 2px solid #0000; } } .outline { outline-style: var(--tw-outline-style); outline-width: 1px; } .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, ); } .drop-shadow { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color, #0000000f)); --tw-drop-shadow: drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f); 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-\[0_1px_2px_rgba\(0\,0\,0\,0\.65\)\] { --tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, #000000a6)); --tw-drop-shadow: var(--tw-drop-shadow-size); 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-lg { --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, #00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .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-2xl { --tw-backdrop-blur: blur(var(--blur-2xl)); -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-\[1px\] { --tw-backdrop-blur: blur(1px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-\[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, ); } .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-xl { --tw-backdrop-blur: blur(var(--blur-xl)); -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-saturate-150 { --tw-backdrop-saturate: saturate(150%); -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-filter { -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[background-color\,border-color\,color\] { transition-property: background-color, border-color, color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[background-color\,color\,opacity\] { transition-property: background-color, color, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[background-color\,right\,bottom\,border-color\] { transition-property: background-color, right, bottom, border-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[box-shadow\,border-color\] { transition-property: box-shadow, border-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[box-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-\[color\,background\,box-shadow\] { transition-property: color, background, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[color\,background-color\,border-color\,box-shadow\,opacity\,transform\] { transition-property: color, background-color, border-color, box-shadow, opacity, transform; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[color\,background-color\,border-color\,box-shadow\] { transition-property: color, background-color, border-color, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[color\,box-shadow\,background-color\] { transition-property: color, box-shadow, background-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[color\,box-shadow\,border-color\] { transition-property: color, box-shadow, border-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[color\,box-shadow\] { transition-property: color, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[grid-template-rows\,opacity\] { transition-property: grid-template-rows, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[opacity\,transform\,background-color\,border-color\] { transition-property: opacity, transform, background-color, border-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[padding\] { transition-property: padding; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform\,box-shadow\] { transition-property: transform, box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[transform\,opacity\] { transition-property: transform, opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\,background-color\] { transition-property: width, background-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\,min-width\] { transition-property: width, min-width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[width\] { transition-property: width; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-shadow { transition-property: box-shadow; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-none { transition-property: none; } .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; } .duration-1000 { --tw-duration: 1s; transition-duration: 1s; } .ease-\[cubic-bezier\(0\.16\,1\,0\.3\,1\)\] { --tw-ease: cubic-bezier(.16, 1, .3, 1); transition-timing-function: cubic-bezier(.16, 1, .3, 1); } .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); } .will-change-transform { will-change: transform; } .prose-invert { --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); } .outline-none { --tw-outline-style: none; outline-style: none; } .select-all { -webkit-user-select: all; user-select: all; } .select-none { -webkit-user-select: none; user-select: none; } .\[-ms-overflow-style\:none\] { -ms-overflow-style: none; } .\[-webkit-box-orient\:vertical\] { -webkit-box-orient: vertical; } .\[-webkit-line-clamp\:3\] { -webkit-line-clamp: 3; } .\[-webkit-line-clamp\:4\] { -webkit-line-clamp: 4; } .\[animation-delay\:150ms\] { animation-delay: .15s; } .\[animation-delay\:300ms\] { animation-delay: .3s; } .\[scrollbar-width\:none\] { scrollbar-width: none; } .\[scrollbar-width\:thin\] { scrollbar-width: thin; } .\[text-shadow\:0_1px_4px_rgba\(0\,0\,0\,0\.55\)\] { text-shadow: 0 1px 4px #0000008c; } .ring-inset { --tw-ring-inset: inset; } .group-open\:rotate-90:is(:where(.group):is([open], :popover-open, :open) *) { rotate: 90deg; } .group-focus-within\:bg-black\/14:is(:where(.group):focus-within *) { background-color: #00000024; } @supports (color: color-mix(in lab, red, red)) { .group-focus-within\:bg-black\/14:is(:where(.group):focus-within *) { background-color: color-mix(in oklab, var(--color-black) 14%, transparent); } } .group-focus-within\:text-foreground:is(:where(.group):focus-within *) { color: var(--foreground); } .group-focus-within\/agent\:pointer-events-auto:is(:where(.group\/agent):focus-within *) { pointer-events: auto; } .group-focus-within\/agent\:opacity-100:is(:where(.group\/agent):focus-within *) { opacity: 1; } .group-focus-within\/sidebar-section\:pl-6:is(:where(.group\/sidebar-section):focus-within *) { padding-left: calc(var(--spacing) * 6); } .group-focus-within\/sidebar-section\:opacity-100:is(:where(.group\/sidebar-section):focus-within *) { opacity: 1; } @media (hover: hover) { .group-hover\:translate-x-0\.5:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * .5); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:bg-black\/14:is(:where(.group):hover *) { background-color: #00000024; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-black\/14:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-black) 14%, transparent); } } .group-hover\:bg-black\/30:is(:where(.group):hover *) { background-color: #0000004d; } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-black\/30:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--color-black) 30%, transparent); } } .group-hover\:bg-foreground:is(:where(.group):hover *) { background-color: var(--foreground); } .group-hover\:bg-primary\/50:is(:where(.group):hover *) { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .group-hover\:bg-primary\/50:is(:where(.group):hover *) { background-color: color-mix(in oklab, var(--primary) 50%, transparent); } } .group-hover\:text-foreground:is(:where(.group):hover *) { color: var(--foreground); } .group-hover\:opacity-0:is(:where(.group):hover *) { opacity: 0; } .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } .group-hover\/agent\:pointer-events-auto:is(:where(.group\/agent):hover *) { pointer-events: auto; } .group-hover\/agent\:opacity-100:is(:where(.group\/agent):hover *), .group-hover\/alert\:opacity-100:is(:where(.group\/alert):hover *), .group-hover\/copy\:opacity-100:is(:where(.group\/copy):hover *), .group-hover\/pre\:opacity-100:is(:where(.group\/pre):hover *) { opacity: 1; } .group-hover\/row\:visible:is(:where(.group\/row):hover *) { visibility: visible; } .group-hover\/sidebar-section\:pl-6:is(:where(.group\/sidebar-section):hover *) { padding-left: calc(var(--spacing) * 6); } .group-hover\/sidebar-section\:opacity-100:is(:where(.group\/sidebar-section):hover *) { opacity: 1; } } .group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size="lg"]) *) { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size="sm"]) *) { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) { pointer-events: none; } .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) { opacity: .5; } .group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation="horizontal"] *) { height: calc(var(--spacing) * 9); } .group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation="vertical"] *) { height: fit-content; } .group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation="vertical"] *) { width: 100%; } .group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation="vertical"] *) { flex-direction: column; } .group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation="vertical"] *) { justify-content: flex-start; } .group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size="default"] *) { width: calc(var(--spacing) * 2.5); height: calc(var(--spacing) * 2.5); } .group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size="lg"] *) { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .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\:text-xs:is(:where(.group\/avatar)[data-size="sm"] *) { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .group-data-\[size\=xs\]\/avatar\:text-\[10px\]:is(:where(.group\/avatar)[data-size="xs"] *) { font-size: 10px; } .group-data-\[state\=open\]\:rotate-90:is(:where(.group)[data-state="open"] *) { rotate: 90deg; } .group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *) { background-color: #0000; } .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) { cursor: not-allowed; } .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) { opacity: .5; } .peer-disabled\:opacity-70:is(:where(.peer):disabled ~ *) { opacity: .7; } .selection\:bg-primary ::selection { background-color: var(--primary); } .selection\:bg-primary::selection { background-color: var(--primary); } .selection\:text-primary-foreground ::selection { color: var(--primary-foreground); } .selection\:text-primary-foreground::selection { color: var(--primary-foreground); } .file\:mr-4::file-selector-button { margin-right: calc(var(--spacing) * 4); } .file\:inline-flex::file-selector-button { display: inline-flex; } .file\:h-7::file-selector-button { height: calc(var(--spacing) * 7); } .file\:rounded-md::file-selector-button { border-radius: .75rem; } .file\:border-0::file-selector-button { border-style: var(--tw-border-style); border-width: 0; } .file\:bg-muted::file-selector-button { background-color: var(--muted); } .file\:bg-transparent::file-selector-button { background-color: #0000; } .file\:px-2\.5::file-selector-button { padding-inline: calc(var(--spacing) * 2.5); } .file\:py-1::file-selector-button { padding-block: calc(var(--spacing) * 1); } .file\:text-sm::file-selector-button { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .file\:text-xs::file-selector-button { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .file\:font-medium::file-selector-button { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .file\:text-foreground::file-selector-button { color: var(--foreground); } .placeholder\:text-amber-200\/40::placeholder { color: #fee68566; } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-amber-200\/40::placeholder { color: color-mix(in oklab, var(--color-amber-200) 40%, transparent); } } .placeholder\:text-muted-foreground::placeholder, .placeholder\:text-muted-foreground\/40::placeholder { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-muted-foreground\/40::placeholder { color: color-mix(in oklab, var(--muted-foreground) 40%, transparent); } } .placeholder\:text-muted-foreground\/50::placeholder { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-muted-foreground\/50::placeholder { color: color-mix(in oklab, var(--muted-foreground) 50%, transparent); } } .placeholder\:text-muted-foreground\/60::placeholder { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-muted-foreground\/60::placeholder { color: color-mix(in oklab, var(--muted-foreground) 60%, transparent); } } .placeholder\:text-muted-foreground\/80::placeholder { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .placeholder\:text-muted-foreground\/80::placeholder { color: color-mix(in oklab, var(--muted-foreground) 80%, transparent); } } .before\:absolute:before { content: var(--tw-content); position: absolute; } .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-0:before { content: var(--tw-content); top: calc(var(--spacing) * 0); } .before\:top-1:before { content: var(--tw-content); top: calc(var(--spacing) * 1); } .before\:right-0:before { content: var(--tw-content); right: calc(var(--spacing) * 0); } .before\:bottom-1:before { content: var(--tw-content); bottom: calc(var(--spacing) * 1); } .before\:left-0:before { content: var(--tw-content); left: calc(var(--spacing) * 0); } .before\:left-1\/2:before { content: var(--tw-content); left: 50%; } .before\:left-3:before { content: var(--tw-content); left: calc(var(--spacing) * 3); } .before\:z-20:before { content: var(--tw-content); z-index: 20; } .before\:h-0\.5:before { content: var(--tw-content); height: calc(var(--spacing) * .5); } .before\:h-full:before { content: var(--tw-content); height: 100%; } .before\:w-px:before { content: var(--tw-content); width: 1px; } .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\:rounded-full:before { content: var(--tw-content); border-radius: 3.40282e38px; } .before\:bg-border\/40:before { content: var(--tw-content); background-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .before\:bg-border\/40:before { background-color: color-mix(in oklab, var(--border) 40%, transparent); } } .before\:bg-border\/70:before { content: var(--tw-content); background-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .before\:bg-border\/70:before { background-color: color-mix(in oklab, var(--border) 70%, transparent); } } .before\:bg-primary:before { content: var(--tw-content); background-color: var(--primary); } .before\:bg-ring:before { content: var(--tw-content); background-color: var(--ring); } .before\:bg-transparent:before { content: var(--tw-content); background-color: #0000; } .before\:transition-colors:before { content: var(--tw-content); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .before\:content-\[\'\'\]:before { --tw-content: ""; content: var(--tw-content); } .after\:absolute:after { content: var(--tw-content); position: absolute; } .after\:right-0:after { content: var(--tw-content); right: calc(var(--spacing) * 0); } .after\:-bottom-0\.5:after { content: var(--tw-content); bottom: calc(var(--spacing) * -.5); } .after\:left-0:after { content: var(--tw-content); left: calc(var(--spacing) * 0); } .after\:z-20:after { content: var(--tw-content); z-index: 20; } .after\:h-0\.5:after { content: var(--tw-content); height: calc(var(--spacing) * .5); } .after\:rounded-full:after { content: var(--tw-content); border-radius: 3.40282e38px; } .after\:bg-primary:after { content: var(--tw-content); background-color: var(--primary); } .after\:opacity-0:after { content: var(--tw-content); opacity: 0; } .after\:transition-opacity:after { 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)); } .after\:content-\[\'\'\]:after { --tw-content: ""; content: var(--tw-content); } .group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation="horizontal"] *):after { content: var(--tw-content); inset-inline: calc(var(--spacing) * 0); } .group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation="horizontal"] *):after { content: var(--tw-content); bottom: -5px; } .group-data-\[orientation\=horizontal\]\/tabs\:after\:h-\[2px\]:is(:where(.group\/tabs)[data-orientation="horizontal"] *):after { content: var(--tw-content); height: 2px; } .group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation="vertical"] *):after { content: var(--tw-content); inset-block: calc(var(--spacing) * 0); } .group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation="vertical"] *):after { content: var(--tw-content); right: calc(var(--spacing) * -1); } .group-data-\[orientation\=vertical\]\/tabs\:after\:w-\[2px\]:is(:where(.group\/tabs)[data-orientation="vertical"] *):after { content: var(--tw-content); width: 2px; } .first\:mt-0:first-child { margin-top: calc(var(--spacing) * 0); } .first\:border-l-0:first-child { border-left-style: var(--tw-border-style); border-left-width: 0; } .first\:pt-2:first-child { padding-top: calc(var(--spacing) * 2); } .first\:pl-0:first-child { padding-left: calc(var(--spacing) * 0); } .last\:mb-0:last-child { margin-bottom: calc(var(--spacing) * 0); } .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .last\:pb-2:last-child { padding-bottom: calc(var(--spacing) * 2); } .focus-within\:border-ring:focus-within { border-color: var(--ring); } .focus-within\:ring-2:focus-within, .focus-within\:ring-\[2px\]:focus-within { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-within\:ring-ring:focus-within, .focus-within\:ring-ring\/50:focus-within { --tw-ring-color: var(--ring); } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-ring\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } .focus-within\:ring-offset-2:focus-within { --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-within\:ring-offset-background:focus-within { --tw-ring-offset-color: var(--background); } .focus-within\:outline-none:focus-within { --tw-outline-style: none; outline-style: none; } @media (hover: hover) { .hover\:scale-110:hover { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:scale-\[1\.01\]:hover { scale: 1.01; } .hover\:scale-\[1\.02\]:hover { scale: 1.02; } .hover\:border-amber-500:hover { border-color: var(--color-amber-500); } .hover\:border-amber-500\/60:hover { border-color: #f99c0099; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-amber-500\/60:hover { border-color: color-mix(in oklab, var(--color-amber-500) 60%, transparent); } } .hover\:border-border:hover, .hover\:border-border\/70:hover { border-color: var(--border); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-border\/70:hover { border-color: color-mix(in oklab, var(--border) 70%, transparent); } } .hover\:border-cyan-500\/20:hover { border-color: #00b7d733; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-cyan-500\/20:hover { border-color: color-mix(in oklab, var(--color-cyan-500) 20%, transparent); } } .hover\:border-cyan-500\/30:hover { border-color: #00b7d74d; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-cyan-500\/30:hover { border-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent); } } .hover\:border-foreground\/20:hover { border-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-foreground\/20:hover { border-color: color-mix(in oklab, var(--foreground) 20%, transparent); } } .hover\:border-foreground\/25:hover { border-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-foreground\/25:hover { border-color: color-mix(in oklab, var(--foreground) 25%, transparent); } } .hover\:border-foreground\/30:hover { border-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-foreground\/30:hover { border-color: color-mix(in oklab, var(--foreground) 30%, transparent); } } .hover\:border-muted-foreground\/30:hover { border-color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-muted-foreground\/30:hover { border-color: color-mix(in oklab, var(--muted-foreground) 30%, transparent); } } .hover\:border-primary\/40:hover { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-primary\/40:hover { border-color: color-mix(in oklab, var(--primary) 40%, transparent); } } .hover\:border-primary\/50:hover { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:border-primary\/50:hover { border-color: color-mix(in oklab, var(--primary) 50%, transparent); } } .hover\:border-red-500\/50:hover { border-color: #fb2c3680; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-red-500\/50:hover { border-color: color-mix(in oklab, var(--color-red-500) 50%, transparent); } } .hover\:border-sky-500\/50:hover { border-color: #00a5ef80; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-sky-500\/50:hover { border-color: color-mix(in oklab, var(--color-sky-500) 50%, transparent); } } .hover\:border-sky-500\/60:hover { border-color: #00a5ef99; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-sky-500\/60:hover { border-color: color-mix(in oklab, var(--color-sky-500) 60%, transparent); } } .hover\:border-sky-500\/70:hover { border-color: #00a5efb3; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-sky-500\/70:hover { border-color: color-mix(in oklab, var(--color-sky-500) 70%, transparent); } } .hover\:border-white\/20:hover { border-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/20:hover { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .hover\:border-white\/30:hover { border-color: #ffffff4d; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/30:hover { border-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .hover\:border-white\/\[0\.2\]:hover { border-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/\[0\.2\]:hover { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .hover\:border-white\/\[0\.16\]:hover { border-color: #ffffff29; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/\[0\.16\]:hover { border-color: color-mix(in oklab, var(--color-white) 16%, transparent); } } .hover\:border-white\/\[0\.18\]:hover { border-color: #ffffff2e; } @supports (color: color-mix(in lab, red, red)) { .hover\:border-white\/\[0\.18\]:hover { border-color: color-mix(in oklab, var(--color-white) 18%, transparent); } } .hover\:border-zinc-600:hover { border-color: var(--color-zinc-600); } .hover\:bg-\[\#0b0a14\]:hover { background-color: #0b0a14; } .hover\:bg-\[rgba\(20\,16\,28\,0\.6\)\]:hover { background-color: #14101c99; } .hover\:bg-\[rgba\(22\,18\,32\,0\.7\)\]:hover { background-color: #161220b3; } .hover\:bg-accent:hover, .hover\:bg-accent\/5:hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-accent\/5:hover { background-color: color-mix(in oklab, var(--accent) 5%, transparent); } } .hover\:bg-accent\/10:hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-accent\/10:hover { background-color: color-mix(in oklab, var(--accent) 10%, transparent); } } .hover\:bg-accent\/20:hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-accent\/20:hover { background-color: color-mix(in oklab, var(--accent) 20%, transparent); } } .hover\:bg-accent\/30:hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-accent\/30:hover { background-color: color-mix(in oklab, var(--accent) 30%, transparent); } } .hover\:bg-accent\/40:hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-accent\/40:hover { background-color: color-mix(in oklab, var(--accent) 40%, transparent); } } .hover\:bg-accent\/50:hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-accent\/50:hover { background-color: color-mix(in oklab, var(--accent) 50%, transparent); } } .hover\:bg-accent\/60:hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-accent\/60:hover { background-color: color-mix(in oklab, var(--accent) 60%, transparent); } } .hover\:bg-accent\/80:hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-accent\/80:hover { background-color: color-mix(in oklab, var(--accent) 80%, transparent); } } .hover\:bg-amber-100:hover { background-color: var(--color-amber-100); } .hover\:bg-amber-100\/80:hover { background-color: #fef3c6cc; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-100\/80:hover { background-color: color-mix(in oklab, var(--color-amber-100) 80%, transparent); } } .hover\:bg-amber-500\/10:hover { background-color: #f99c001a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-500\/10:hover { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } .hover\:bg-amber-500\/15:hover { background-color: #f99c0026; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-500\/15:hover { background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent); } } .hover\:bg-amber-500\/20:hover { background-color: #f99c0033; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-500\/20:hover { background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } .hover\:bg-amber-500\/25:hover { background-color: #f99c0040; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-500\/25:hover { background-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent); } } .hover\:bg-amber-900\/25:hover { background-color: #7b330640; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-amber-900\/25:hover { background-color: color-mix(in oklab, var(--color-amber-900) 25%, transparent); } } .hover\:bg-background:hover, .hover\:bg-background\/70:hover { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-background\/70:hover { background-color: color-mix(in oklab, var(--background) 70%, transparent); } } .hover\:bg-black\/10:hover { background-color: #0000001a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-black\/10:hover { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .hover\:bg-black\/80:hover { background-color: #000c; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-black\/80:hover { background-color: color-mix(in oklab, var(--color-black) 80%, transparent); } } .hover\:bg-blue-500\/20:hover { background-color: #3080ff33; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-blue-500\/20:hover { background-color: color-mix(in oklab, var(--color-blue-500) 20%, transparent); } } .hover\:bg-border:hover { background-color: var(--border); } .hover\:bg-cyan-500\/\[0\.04\]:hover { background-color: #00b7d70a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-cyan-500\/\[0\.04\]:hover { background-color: color-mix(in oklab, var(--color-cyan-500) 4%, transparent); } } .hover\:bg-destructive:hover, .hover\:bg-destructive\/10:hover { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-destructive\/10:hover { background-color: color-mix(in oklab, var(--destructive) 10%, transparent); } } .hover\:bg-destructive\/20:hover { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-destructive\/20:hover { background-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } .hover\:bg-destructive\/80:hover { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-destructive\/80:hover { background-color: color-mix(in oklab, var(--destructive) 80%, transparent); } } .hover\:bg-destructive\/90:hover { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-destructive\/90:hover { background-color: color-mix(in oklab, var(--destructive) 90%, transparent); } } .hover\:bg-emerald-500\/15:hover { background-color: #00bb7f26; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-emerald-500\/15:hover { background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent); } } .hover\:bg-foreground\/5:hover { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-foreground\/5:hover { background-color: color-mix(in oklab, var(--foreground) 5%, transparent); } } .hover\:bg-foreground\/\[0\.03\]:hover { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-foreground\/\[0\.03\]:hover { background-color: color-mix(in oklab, var(--foreground) 3%, transparent); } } .hover\:bg-green-100:hover { background-color: var(--color-green-100); } .hover\:bg-green-600:hover { background-color: var(--color-green-600); } .hover\:bg-green-700:hover { background-color: var(--color-green-700); } .hover\:bg-muted\/40:hover { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-muted\/40:hover { background-color: color-mix(in oklab, var(--muted) 40%, transparent); } } .hover\:bg-muted\/50:hover { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-muted\/50:hover { background-color: color-mix(in oklab, var(--muted) 50%, transparent); } } .hover\:bg-muted\/80:hover { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-muted\/80:hover { background-color: color-mix(in oklab, var(--muted) 80%, transparent); } } .hover\:bg-primary\/10:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/10:hover { background-color: color-mix(in oklab, var(--primary) 10%, transparent); } } .hover\:bg-primary\/20:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/20:hover { background-color: color-mix(in oklab, var(--primary) 20%, transparent); } } .hover\:bg-primary\/25:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/25:hover { background-color: color-mix(in oklab, var(--primary) 25%, transparent); } } .hover\:bg-primary\/30:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/30:hover { background-color: color-mix(in oklab, var(--primary) 30%, transparent); } } .hover\:bg-primary\/92:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/92:hover { background-color: color-mix(in oklab, var(--primary) 92%, transparent); } } .hover\:bg-red-50:hover { background-color: var(--color-red-50); } .hover\:bg-red-400\/10:hover { background-color: #ff65681a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-400\/10:hover { background-color: color-mix(in oklab, var(--color-red-400) 10%, transparent); } } .hover\:bg-red-500:hover { background-color: var(--color-red-500); } .hover\:bg-red-500\/10:hover { background-color: #fb2c361a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-500\/10:hover { background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent); } } .hover\:bg-red-500\/15:hover { background-color: #fb2c3626; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-500\/15:hover { background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent); } } .hover\:bg-red-500\/20:hover { background-color: #fb2c3633; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-500\/20:hover { background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } .hover\:bg-red-500\/\[0\.12\]:hover { background-color: #fb2c361f; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-red-500\/\[0\.12\]:hover { background-color: color-mix(in oklab, var(--color-red-500) 12%, transparent); } } .hover\:bg-secondary\/75:hover { background-color: var(--secondary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-secondary\/75:hover { background-color: color-mix(in oklab, var(--secondary) 75%, transparent); } } .hover\:bg-sky-400\/15:hover { background-color: #00bcfe26; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-sky-400\/15:hover { background-color: color-mix(in oklab, var(--color-sky-400) 15%, transparent); } } .hover\:bg-sky-500\/10:hover { background-color: #00a5ef1a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-sky-500\/10:hover { background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent); } } .hover\:bg-transparent:hover { background-color: #0000; } .hover\:bg-violet-500\/20:hover { background-color: #8d54ff33; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-violet-500\/20:hover { background-color: color-mix(in oklab, var(--color-violet-500) 20%, transparent); } } .hover\:bg-white\/10:hover { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/10:hover { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .hover\:bg-white\/20:hover { background-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/20:hover { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .hover\:bg-white\/70:hover { background-color: #ffffffb3; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/70:hover { background-color: color-mix(in oklab, var(--color-white) 70%, transparent); } } .hover\:bg-white\/\[0\.1\]:hover { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.1\]:hover { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .hover\:bg-white\/\[0\.04\]:hover { background-color: #ffffff0a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.04\]:hover { background-color: color-mix(in oklab, var(--color-white) 4%, transparent); } } .hover\:bg-white\/\[0\.05\]:hover { background-color: #ffffff0d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.05\]:hover { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } } .hover\:bg-white\/\[0\.06\]:hover { background-color: #ffffff0f; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.06\]:hover { background-color: color-mix(in oklab, var(--color-white) 6%, transparent); } } .hover\:bg-white\/\[0\.07\]:hover { background-color: #ffffff12; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.07\]:hover { background-color: color-mix(in oklab, var(--color-white) 7.0%, transparent); } } .hover\:bg-white\/\[0\.08\]:hover { background-color: #ffffff14; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.08\]:hover { background-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } .hover\:bg-white\/\[0\.10\]:hover { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.10\]:hover { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .hover\:bg-white\/\[0\.14\]:hover { background-color: #ffffff24; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[0\.14\]:hover { background-color: color-mix(in oklab, var(--color-white) 14.0%, transparent); } } .hover\:from-red-500\/30:hover { --tw-gradient-from: #fb2c364d; } @supports (color: color-mix(in lab, red, red)) { .hover\:from-red-500\/30:hover { --tw-gradient-from: color-mix(in oklab, var(--color-red-500) 30%, transparent); } } .hover\:from-red-500\/30:hover { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-orange-500\/30:hover { --tw-gradient-to: #fe6e004d; } @supports (color: color-mix(in lab, red, red)) { .hover\:to-orange-500\/30:hover { --tw-gradient-to: color-mix(in oklab, var(--color-orange-500) 30%, transparent); } } .hover\:to-orange-500\/30:hover { --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:text-accent-foreground:hover { color: var(--accent-foreground); } .hover\:text-amber-100:hover { color: var(--color-amber-100); } .hover\:text-amber-200:hover { color: var(--color-amber-200); } .hover\:text-amber-900:hover { color: var(--color-amber-900); } .hover\:text-amber-950:hover { color: var(--color-amber-950); } .hover\:text-cyan-600:hover { color: var(--color-cyan-600); } .hover\:text-destructive:hover { color: var(--destructive); } .hover\:text-emerald-800:hover { color: var(--color-emerald-800); } .hover\:text-foreground:hover, .hover\:text-foreground\/70:hover { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .hover\:text-foreground\/70:hover { color: color-mix(in oklab, var(--foreground) 70%, transparent); } } .hover\:text-muted-foreground:hover, .hover\:text-muted-foreground\/80:hover { color: var(--muted-foreground); } @supports (color: color-mix(in lab, red, red)) { .hover\:text-muted-foreground\/80:hover { color: color-mix(in oklab, var(--muted-foreground) 80%, transparent); } } .hover\:text-primary:hover { color: var(--primary); } .hover\:text-red-100:hover { color: var(--color-red-100); } .hover\:text-red-200:hover { color: var(--color-red-200); } .hover\:text-red-300:hover { color: var(--color-red-300); } .hover\:text-red-800:hover { color: var(--color-red-800); } .hover\:text-rose-100:hover { color: var(--color-rose-100); } .hover\:text-sky-200:hover { color: var(--color-sky-200); } .hover\:text-white:hover { color: var(--color-white); } .hover\:text-zinc-100:hover { color: var(--color-zinc-100); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:opacity-80:hover { opacity: .8; } .hover\:opacity-90:hover { opacity: .9; } .hover\:opacity-100:hover { opacity: 1; } .hover\:shadow-\[0_2px_8px_-2px_color-mix\(in_oklab\,var\(--primary\)_45\%\,transparent\)\]:hover { --tw-shadow: 0 2px 8px -2px var(--tw-shadow-color, var(--primary)); } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-\[0_2px_8px_-2px_color-mix\(in_oklab\,var\(--primary\)_45\%\,transparent\)\]:hover { --tw-shadow: 0 2px 8px -2px var(--tw-shadow-color, color-mix(in oklab, var(--primary) 45%, transparent)); } } .hover\:shadow-\[0_2px_8px_-2px_color-mix\(in_oklab\,var\(--primary\)_45\%\,transparent\)\]:hover { box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-lg:hover { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-sm:hover { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:shadow-xl:hover { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:ring-1:hover { --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); } .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); } .hover\:shadow-primary\/40:hover { --tw-shadow-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:shadow-primary\/40:hover { --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--primary) 40%, transparent) var(--tw-shadow-alpha), transparent); } } .hover\:ring-foreground\/20:hover { --tw-ring-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-foreground\/20:hover { --tw-ring-color: color-mix(in oklab, var(--foreground) 20%, transparent); } } .hover\:ring-foreground\/30:hover { --tw-ring-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-foreground\/30:hover { --tw-ring-color: color-mix(in oklab, var(--foreground) 30%, transparent); } } .hover\:ring-white\/\[0\.08\]:hover { --tw-ring-color: #ffffff14; } @supports (color: color-mix(in lab, red, red)) { .hover\:ring-white\/\[0\.08\]:hover { --tw-ring-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } .hover\:brightness-110:hover { --tw-brightness: brightness(110%); 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, ); } .hover\:before\:bg-border:hover:before { content: var(--tw-content); background-color: var(--border); } } .focus\:not-sr-only:focus { clip-path: none; white-space: normal; width: auto; height: auto; margin: 0; padding: 0; position: static; overflow: visible; } .focus\:fixed:focus { position: fixed; } .focus\:top-3:focus { top: calc(var(--spacing) * 3); } .focus\:left-3:focus { left: calc(var(--spacing) * 3); } .focus\:z-10:focus { z-index: 10; } .focus\:z-\[200\]:focus { z-index: 200; } .focus\:rounded-md:focus { border-radius: .75rem; } .focus\:border-foreground:focus, .focus\:border-foreground\/40:focus { border-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .focus\:border-foreground\/40:focus { border-color: color-mix(in oklab, var(--foreground) 40%, transparent); } } .focus\:border-primary\/50:focus { border-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .focus\:border-primary\/50:focus { border-color: color-mix(in oklab, var(--primary) 50%, transparent); } } .focus\:border-ring\/60:focus { border-color: var(--ring); } @supports (color: color-mix(in lab, red, red)) { .focus\:border-ring\/60:focus { border-color: color-mix(in oklab, var(--ring) 60%, transparent); } } .focus\:border-zinc-500:focus { border-color: var(--color-zinc-500); } .focus\:bg-accent:focus { background-color: var(--accent); } .focus\:bg-background:focus { background-color: var(--background); } .focus\:px-3:focus { padding-inline: calc(var(--spacing) * 3); } .focus\:py-2:focus { padding-block: calc(var(--spacing) * 2); } .focus\:text-sm:focus { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .focus\:font-medium:focus { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .focus\:text-accent-foreground:focus { color: var(--accent-foreground); } .focus\:text-amber-800:focus { color: var(--color-amber-800); } .focus\:text-red-800:focus { color: var(--color-red-800); } .focus\:opacity-100:focus { opacity: 1; } .focus\:shadow-lg:focus { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .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-ring:focus, .focus\:ring-ring\/20:focus { --tw-ring-color: var(--ring); } @supports (color: color-mix(in lab, red, red)) { .focus\:ring-ring\/20:focus { --tw-ring-color: color-mix(in oklab, var(--ring) 20%, transparent); } } .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 #0000; } } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .focus-visible\:border-ring:focus-visible { border-color: var(--ring); } .focus-visible\:border-sky-500\/60:focus-visible { border-color: #00a5ef99; } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:border-sky-500\/60:focus-visible { border-color: color-mix(in oklab, var(--color-sky-500) 60%, transparent); } } .focus-visible\:bg-accent\/50:focus-visible { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:bg-accent\/50:focus-visible { background-color: color-mix(in oklab, var(--accent) 50%, transparent); } } .focus-visible\:opacity-100:focus-visible { opacity: 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-2:focus-visible, .focus-visible\:ring-\[2px\]: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-\[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); } .focus-visible\:ring-destructive\/20:focus-visible { --tw-ring-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-destructive\/20:focus-visible { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } .focus-visible\:ring-destructive\/30:focus-visible { --tw-ring-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-destructive\/30:focus-visible { --tw-ring-color: color-mix(in oklab, var(--destructive) 30%, transparent); } } .focus-visible\:ring-ring:focus-visible, .focus-visible\:ring-ring\/30:focus-visible { --tw-ring-color: var(--ring); } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-ring\/30:focus-visible { --tw-ring-color: color-mix(in oklab, var(--ring) 30%, transparent); } } .focus-visible\:ring-ring\/40:focus-visible { --tw-ring-color: var(--ring); } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-ring\/40:focus-visible { --tw-ring-color: color-mix(in oklab, var(--ring) 40%, transparent); } } .focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color: var(--ring); } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-ring\/50:focus-visible { --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent); } } .focus-visible\:ring-rose-500\/25:focus-visible { --tw-ring-color: #ff235740; } @supports (color: color-mix(in lab, red, red)) { .focus-visible\:ring-rose-500\/25:focus-visible { --tw-ring-color: color-mix(in oklab, var(--color-rose-500) 25%, transparent); } } .focus-visible\:ring-offset-1:focus-visible { --tw-ring-offset-width: 1px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus-visible\:ring-offset-background:focus-visible { --tw-ring-offset-color: var(--background); } .focus-visible\:outline-1:focus-visible { outline-style: var(--tw-outline-style); outline-width: 1px; } .focus-visible\:outline-ring:focus-visible { outline-color: var(--ring); } .focus-visible\:outline-none:focus-visible { --tw-outline-style: none; outline-style: none; } .focus-visible\:ring-inset:focus-visible { --tw-ring-inset: inset; } .focus-visible\:before\:bg-ring:focus-visible:before { content: var(--tw-content); background-color: var(--ring); } .active\:translate-y-px:active { --tw-translate-y: 1px; translate: var(--tw-translate-x) var(--tw-translate-y); } .active\:scale-\[0\.98\]:active { scale: .98; } .active\:cursor-grabbing:active { cursor: grabbing; } .active\:bg-primary\/50:active { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .active\:bg-primary\/50:active { background-color: color-mix(in oklab, var(--primary) 50%, transparent); } } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:no-underline:disabled { text-decoration-line: none; } .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-100:disabled { opacity: 1; } @media (hover: hover) { .disabled\:hover\:scale-100:disabled:hover { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .disabled\:hover\:bg-transparent:disabled:hover { background-color: #0000; } } .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) { grid-template-columns: 1fr auto; } .has-\[\>svg\]\:px-1\.5:has( > svg) { padding-inline: calc(var(--spacing) * 1.5); } .has-\[\>svg\]\:px-2\.5:has( > svg) { padding-inline: calc(var(--spacing) * 2.5); } .has-\[\>svg\]\:px-3:has( > svg) { padding-inline: calc(var(--spacing) * 3); } .has-\[\>svg\]\:px-4:has( > svg) { padding-inline: calc(var(--spacing) * 4); } .aria-invalid\:border-destructive[aria-invalid="true"] { border-color: var(--destructive); } .aria-invalid\:ring-destructive\/20[aria-invalid="true"] { --tw-ring-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .aria-invalid\:ring-destructive\/20[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } .data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; } .data-\[disabled\]\:opacity-50[data-disabled] { opacity: .5; } .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] { pointer-events: none; } .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] { opacity: .5; } .data-\[inset\]\:pl-8[data-inset] { padding-left: calc(var(--spacing) * 8); } .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] { height: 1px; } .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] { width: 100%; } .data-\[orientation\=horizontal\]\:flex-col[data-orientation="horizontal"] { flex-direction: column; } .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] { height: 100%; } .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] { width: 1px; } .data-\[placeholder\]\:text-muted-foreground[data-placeholder] { color: var(--muted-foreground); } .data-\[selected\=true\]\:bg-accent[data-selected="true"], .data-\[selected\=true\]\:bg-accent\/60[data-selected="true"] { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .data-\[selected\=true\]\:bg-accent\/60[data-selected="true"] { background-color: color-mix(in oklab, var(--accent) 60%, transparent); } } .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] { color: var(--accent-foreground); } .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\=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\=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\=top\]\:-translate-y-1[data-side="top"] { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .data-\[size\=default\]\:h-9[data-size="default"] { height: calc(var(--spacing) * 9); } .data-\[size\=lg\]\:size-10[data-size="lg"] { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .data-\[size\=lg\]\:size-24[data-size="lg"] { width: calc(var(--spacing) * 24); height: calc(var(--spacing) * 24); } .data-\[size\=sm\]\:size-6[data-size="sm"] { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .data-\[size\=sm\]\:h-8[data-size="sm"] { height: calc(var(--spacing) * 8); } .data-\[size\=xs\]\:size-5[data-size="xs"] { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } :is(.\*\:data-\[slot\=avatar\]\:ring-2 > *)[data-slot="avatar"] { --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); } :is(.\*\:data-\[slot\=avatar\]\:ring-background > *)[data-slot="avatar"] { --tw-ring-color: var(--background); } :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot="command-input-wrapper"] { height: calc(var(--spacing) * 12); } :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] { display: flex; } :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] { align-items: center; } :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] { gap: calc(var(--spacing) * 2); } .data-\[state\=active\]\:\!bg-white\/\[0\.09\][data-state="active"] { background-color: #ffffff17 !important; } @supports (color: color-mix(in lab, red, red)) { .data-\[state\=active\]\:\!bg-white\/\[0\.09\][data-state="active"] { background-color: color-mix(in oklab, var(--color-white) 9%, transparent) !important; } } .data-\[state\=active\]\:bg-background[data-state="active"] { background-color: var(--background); } .data-\[state\=active\]\:\!text-foreground[data-state="active"] { color: var(--foreground) !important; } .data-\[state\=active\]\:text-foreground[data-state="active"] { color: var(--foreground); } .data-\[state\=active\]\:shadow-sm[data-state="active"], .group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant="default"] *)[data-state="active"] { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] { background-color: #0000; } .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] { --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"]:after { content: var(--tw-content); opacity: 1; } .data-\[state\=checked\]\:border-primary[data-state="checked"] { border-color: var(--primary); } .data-\[state\=checked\]\:bg-primary[data-state="checked"] { background-color: var(--primary); } .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] { color: var(--primary-foreground); } .data-\[state\=closed\]\:duration-300[data-state="closed"] { --tw-duration: .3s; transition-duration: .3s; } .data-\[state\=open\]\:pointer-events-auto[data-state="open"] { pointer-events: auto; } .data-\[state\=open\]\:bg-accent[data-state="open"] { background-color: var(--accent); } .data-\[state\=open\]\:bg-secondary[data-state="open"] { background-color: var(--secondary); } .data-\[state\=open\]\:text-accent-foreground[data-state="open"] { color: var(--accent-foreground); } .data-\[state\=open\]\:text-muted-foreground[data-state="open"] { color: var(--muted-foreground); } .data-\[state\=open\]\:opacity-100[data-state="open"] { opacity: 1; } .data-\[state\=open\]\:duration-500[data-state="open"] { --tw-duration: .5s; transition-duration: .5s; } .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] { color: var(--destructive); } .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus { background-color: color-mix(in oklab, var(--destructive) 10%, transparent); } } .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus { color: var(--destructive); } @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) { .supports-\[backdrop-filter\]\:bg-background\/85 { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .supports-\[backdrop-filter\]\:bg-background\/85 { background-color: color-mix(in oklab, var(--background) 85%, transparent); } } } @media (prefers-reduced-motion: no-preference) { .motion-safe\: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)); } } @media (prefers-reduced-motion: reduce) { .motion-reduce\:transition-none { transition-property: none; } } @media not all and (min-width: 480px) { .max-\[480px\]\:hidden { display: none; } .max-\[480px\]\:grid-cols-\[minmax\(0\,1fr\)\] { grid-template-columns: minmax(0, 1fr); } } @media not all and (min-width: 48rem) { .max-md\:mt-2 { margin-top: calc(var(--spacing) * 2); } .max-md\:ml-0 { margin-left: calc(var(--spacing) * 0); } .max-md\:ml-12 { margin-left: calc(var(--spacing) * 12); } .max-md\:hidden { display: none; } .max-md\:max-h-60 { max-height: calc(var(--spacing) * 60); } .max-md\:min-h-\[70vh\] { min-height: 70vh; } .max-md\:w-full { width: 100%; } .max-md\:min-w-\[60\%\] { min-width: 60%; } .max-md\:shrink { flex-shrink: 1; } .max-md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .max-md\:flex-col { flex-direction: column; } .max-md\:flex-wrap { flex-wrap: wrap; } .max-md\:gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .max-md\:overflow-y-auto { overflow-y: auto; } .max-md\:\[scrollbar-width\:none\] { scrollbar-width: none; } .group-data-\[orientation\=horizontal\]\/tabs\:max-md\:max-w-full:is(:where(.group\/tabs)[data-orientation="horizontal"] *) { max-width: 100%; } .group-data-\[orientation\=horizontal\]\/tabs\:max-md\:justify-start:is(:where(.group\/tabs)[data-orientation="horizontal"] *) { justify-content: flex-start; } .group-data-\[orientation\=horizontal\]\/tabs\:max-md\:overflow-x-auto:is(:where(.group\/tabs)[data-orientation="horizontal"] *) { overflow-x: auto; } } @media (min-width: 420px) { .min-\[420px\]\:flex-row { flex-direction: row; } } @media (min-width: 40rem) { .sm\:right-3 { right: calc(var(--spacing) * 3); } .sm\:left-auto { left: auto; } .sm\:order-1 { order: 1; } .sm\:order-2 { order: 2; } .sm\:order-3 { order: 3; } .sm\:order-last { order: 9999; } .sm\:col-start-2 { grid-column-start: 2; } .sm\:mt-0 { margin-top: calc(var(--spacing) * 0); } .sm\:mt-6 { margin-top: calc(var(--spacing) * 6); } .sm\:mr-1 { margin-right: calc(var(--spacing) * 1); } .sm\:ml-\[calc\(theme\(spacing\.3\)\+theme\(spacing\.2\)\)\] { margin-left: 1.25rem; } .sm\:ml-auto { margin-left: auto; } .sm\:line-clamp-none { -webkit-line-clamp: unset; -webkit-box-orient: horizontal; display: block; overflow: visible; } .sm\:block { display: block; } .sm\:contents { display: contents; } .sm\:flex { display: flex; } .sm\:grid { display: grid; } .sm\:hidden { display: none; } .sm\:inline { display: inline; } .sm\:inline-flex { display: inline-flex; } .sm\:size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .sm\:size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .sm\:size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .sm\:h-3 { height: calc(var(--spacing) * 3); } .sm\:h-3\.5 { height: calc(var(--spacing) * 3.5); } .sm\:h-5 { height: calc(var(--spacing) * 5); } .sm\:h-6 { height: calc(var(--spacing) * 6); } .sm\:h-\[calc\(100dvh-2rem\)\] { height: calc(100dvh - 2rem); } .sm\:h-auto { height: auto; } .sm\:max-h-\[min\(calc\(100dvh-2rem\)\,42rem\)\] { max-height: min(100dvh - 2rem, 42rem); } .sm\:min-h-96 { min-height: calc(var(--spacing) * 96); } .sm\:w-3 { width: calc(var(--spacing) * 3); } .sm\:w-3\.5 { width: calc(var(--spacing) * 3.5); } .sm\:w-9 { width: calc(var(--spacing) * 9); } .sm\:w-11 { width: calc(var(--spacing) * 11); } .sm\:w-24 { width: calc(var(--spacing) * 24); } .sm\:w-28 { width: calc(var(--spacing) * 28); } .sm\:w-32 { width: calc(var(--spacing) * 32); } .sm\:w-64 { width: calc(var(--spacing) * 64); } .sm\:w-\[28rem\] { width: 28rem; } .sm\:w-\[32rem\] { width: 32rem; } .sm\:w-auto { width: auto; } .sm\:\!max-w-\[1200px\] { max-width: 1200px !important; } .sm\:max-w-2xl { max-width: var(--container-2xl); } .sm\:max-w-3xl { max-width: var(--container-3xl); } .sm\:max-w-4xl { max-width: var(--container-4xl); } .sm\:max-w-\[12rem\] { max-width: 12rem; } .sm\:max-w-\[480px\] { max-width: 480px; } .sm\:max-w-\[560px\] { max-width: 560px; } .sm\:max-w-\[calc\(100vw-1\.5rem\)\] { max-width: calc(100vw - 1.5rem); } .sm\:max-w-lg { max-width: var(--container-lg); } .sm\:max-w-md { max-width: var(--container-md); } .sm\:max-w-sm { max-width: var(--container-sm); } .sm\:max-w-xl { max-width: var(--container-xl); } .sm\:min-w-0 { min-width: calc(var(--spacing) * 0); } .sm\:min-w-max { min-width: max-content; } .sm\:flex-1 { flex: 1; } .sm\:shrink-0 { flex-shrink: 0; } .sm\:translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .sm\:translate-x-4\.5 { --tw-translate-x: calc(var(--spacing) * 4.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .sm\:translate-x-5 { --tw-translate-x: calc(var(--spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } .sm\:grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto; } .sm\:grid-cols-\[180px_120px_minmax\(0\,1fr\)\] { grid-template-columns: 180px 120px minmax(0, 1fr); } .sm\:grid-cols-\[auto_1fr_auto\] { grid-template-columns: auto 1fr auto; } .sm\:grid-cols-\[minmax\(10rem\,14rem\)_1fr\] { grid-template-columns: minmax(10rem, 14rem) 1fr; } .sm\:flex-row { flex-direction: row; } .sm\:flex-nowrap { flex-wrap: nowrap; } .sm\:flex-wrap { flex-wrap: wrap; } .sm\:items-baseline { align-items: baseline; } .sm\:items-center { align-items: center; } .sm\:items-end { align-items: flex-end; } .sm\:items-start { align-items: flex-start; } .sm\:justify-between { justify-content: space-between; } .sm\:justify-center { justify-content: center; } .sm\:justify-end { justify-content: flex-end; } .sm\:gap-1 { gap: calc(var(--spacing) * 1); } .sm\:gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .sm\:gap-2 { gap: calc(var(--spacing) * 2); } .sm\:gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .sm\:gap-3 { gap: calc(var(--spacing) * 3); } .sm\:gap-4 { gap: calc(var(--spacing) * 4); } .sm\:gap-5 { gap: calc(var(--spacing) * 5); } :where(.sm\:space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } .sm\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .sm\:self-end { align-self: flex-end; } .sm\:justify-self-end { justify-self: flex-end; } .sm\:truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .sm\:border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0; } .sm\:border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .sm\:p-4 { padding: calc(var(--spacing) * 4); } .sm\:p-5 { padding: calc(var(--spacing) * 5); } .sm\:p-7 { padding: calc(var(--spacing) * 7); } .sm\:p-8 { padding: calc(var(--spacing) * 8); } .sm\:px-1 { padding-inline: calc(var(--spacing) * 1); } .sm\:px-2 { padding-inline: calc(var(--spacing) * 2); } .sm\:px-4 { padding-inline: calc(var(--spacing) * 4); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:py-2 { padding-block: calc(var(--spacing) * 2); } .sm\:py-6 { padding-block: calc(var(--spacing) * 6); } .sm\:pr-3 { padding-right: calc(var(--spacing) * 3); } .sm\:pl-1 { padding-left: calc(var(--spacing) * 1); } .sm\:pl-\[calc\(theme\(spacing\.1\)-2px\)\] { padding-left: calc(.25rem - 2px); } .sm\:text-center { text-align: center; } .sm\:text-left { text-align: left; } .sm\:text-right { text-align: right; } .sm\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .sm\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .sm\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .sm\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .sm\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .sm\:text-\[11px\] { font-size: 11px; } .sm\:text-\[38px\] { font-size: 38px; } } @media (min-width: 48rem) { .md\:top-\[50\%\] { top: 50%; } .md\:right-\[calc\(344px\+0\.75rem\)\] { right: calc(344px + .75rem); } .md\:bottom-6 { bottom: calc(var(--spacing) * 6); } .md\:col-span-2 { grid-column: span 2 / span 2; } .md\:ml-auto { margin-left: auto; } .md\:block { display: block; } .md\:flex { display: flex; } .md\:hidden { display: none; } .md\:inline { display: inline; } .md\:inline-flex { display: inline-flex; } .md\:h-full { height: 100%; } .md\:min-h-0 { min-height: calc(var(--spacing) * 0); } .md\:min-h-full { min-height: 100%; } .md\:w-24 { width: calc(var(--spacing) * 24); } .md\:w-80 { width: calc(var(--spacing) * 80); } .md\:flex-1 { flex: 1; } .md\:shrink-0 { flex-shrink: 0; } .md\:grow { flex-grow: 1; } .md\:basis-auto { flex-basis: auto; } .md\:translate-y-\[-50\%\] { --tw-translate-y: -50%; translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .md\:grid-cols-14 { grid-template-columns: repeat(14, minmax(0, 1fr)); } .md\:grid-cols-\[300px_minmax\(0\,1fr\)\] { grid-template-columns: 300px minmax(0, 1fr); } .md\:grid-cols-\[auto_minmax\(0\,1fr\)_minmax\(12rem\,0\.65fr\)\] { grid-template-columns: auto minmax(0, 1fr) minmax(12rem, .65fr); } .md\:grid-cols-\[minmax\(0\,1fr\)_260px\] { grid-template-columns: minmax(0, 1fr) 260px; } .md\:grid-cols-\[minmax\(0\,1fr\)_auto\] { grid-template-columns: minmax(0, 1fr) auto; } .md\:flex-col { flex-direction: column; } .md\:flex-row { flex-direction: row; } .md\:items-center { align-items: center; } .md\:justify-between { justify-content: space-between; } :where(.md\:divide-y-0 > :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(0px * var(--tw-divide-y-reverse)); border-bottom-width: calc(0px * calc(1 - var(--tw-divide-y-reverse))); } .md\:p-6 { padding: calc(var(--spacing) * 6); } .md\:p-8 { padding: calc(var(--spacing) * 8); } .md\:p-10 { padding: calc(var(--spacing) * 10); } .md\:px-6 { padding-inline: calc(var(--spacing) * 6); } .md\:py-16 { padding-block: calc(var(--spacing) * 16); } .md\:pt-24 { padding-top: calc(var(--spacing) * 24); } .md\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .md\:text-4xl { font-size: var(--text-4xl); line-height: var(--tw-leading, var(--text-4xl--line-height)); } .md\:text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .md\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .md\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } @media (min-width: 64rem) { .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:inline-flex { display: inline-flex; } .lg\:w-72 { width: calc(var(--spacing) * 72); } .lg\:w-auto { width: auto; } .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-\[0\.9fr_1\.1fr\] { grid-template-columns: .9fr 1.1fr; } .lg\:grid-cols-\[1\.15fr_0\.85fr\] { grid-template-columns: 1.15fr .85fr; } .lg\:grid-cols-\[1fr_1fr\] { grid-template-columns: 1fr 1fr; } .lg\:grid-cols-\[1fr_320px\] { grid-template-columns: 1fr 320px; } .lg\:grid-cols-\[1fr_360px\] { grid-template-columns: 1fr 360px; } .lg\:grid-cols-\[260px_minmax\(0\,1fr\)\] { grid-template-columns: 260px minmax(0, 1fr); } .lg\:grid-cols-\[280px_minmax\(0\,1fr\)\] { grid-template-columns: 280px minmax(0, 1fr); } .lg\:grid-cols-\[320px_minmax\(0\,1fr\)\] { grid-template-columns: 320px minmax(0, 1fr); } .lg\:grid-cols-\[380px_minmax\(0\,1fr\)\] { grid-template-columns: 380px minmax(0, 1fr); } .lg\:grid-cols-\[minmax\(0\,1\.2fr\)_320px\] { grid-template-columns: minmax(0, 1.2fr) 320px; } .lg\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(18rem\,0\.9fr\)\] { grid-template-columns: minmax(0, 1.4fr) minmax(18rem, .9fr); } .lg\:grid-cols-\[minmax\(0\,1\.4fr\)_minmax\(220px\,0\.8fr\)\] { grid-template-columns: minmax(0, 1.4fr) minmax(220px, .8fr); } .lg\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(320px\,0\.85fr\)\] { grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr); } .lg\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(360px\,0\.85fr\)\] { grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr); } .lg\:grid-cols-\[minmax\(0\,1fr\)_320px\] { grid-template-columns: minmax(0, 1fr) 320px; } .lg\:grid-cols-\[minmax\(0\,1fr\)_340px\] { grid-template-columns: minmax(0, 1fr) 340px; } .lg\:grid-cols-\[minmax\(0\,1fr\)_360px\] { grid-template-columns: minmax(0, 1fr) 360px; } .lg\:grid-cols-\[minmax\(0\,1fr\)_380px\] { grid-template-columns: minmax(0, 1fr) 380px; } .lg\:grid-cols-\[minmax\(280px\,0\.9fr\)_minmax\(0\,1\.1fr\)\] { grid-template-columns: minmax(280px, .9fr) minmax(0, 1.1fr); } .lg\:flex-row { flex-direction: row; } .lg\:items-center { align-items: center; } .lg\:items-end { align-items: flex-end; } .lg\:items-start { align-items: flex-start; } .lg\:justify-between { justify-content: space-between; } .lg\:justify-end { justify-content: flex-end; } .lg\:border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0; } .lg\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .lg\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .lg\:border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } } @media (min-width: 80rem) { .xl\:sticky { position: sticky; } .xl\:top-4 { top: calc(var(--spacing) * 4); } .xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .xl\:grid-cols-\[1\.2fr\,0\.95fr\] { grid-template-columns: 1.2fr, .95fr; } .xl\:grid-cols-\[1\.3fr\,1fr\] { grid-template-columns: 1.3fr, 1fr; } .xl\:grid-cols-\[1\.25fr\,0\.95fr\] { grid-template-columns: 1.25fr, .95fr; } .xl\:grid-cols-\[19rem_minmax\(0\,1fr\)\] { grid-template-columns: 19rem minmax(0, 1fr); } .xl\:grid-cols-\[minmax\(0\,0\.92fr\)_minmax\(0\,1\.08fr\)\] { grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); } .xl\:grid-cols-\[minmax\(0\,1\.2fr\)_320px\] { grid-template-columns: minmax(0, 1.2fr) 320px; } .xl\:grid-cols-\[minmax\(0\,1fr\)_220px\] { grid-template-columns: minmax(0, 1fr) 220px; } .xl\:grid-cols-\[minmax\(0\,1fr\)_320px\] { grid-template-columns: minmax(0, 1fr) 320px; } .xl\:grid-cols-\[minmax\(0\,1fr\)_360px\] { grid-template-columns: minmax(0, 1fr) 360px; } .xl\:grid-cols-\[minmax\(0\,1fr\)_380px\] { grid-template-columns: minmax(0, 1fr) 380px; } .xl\:grid-cols-\[minmax\(0\,1fr\)_390px\] { grid-template-columns: minmax(0, 1fr) 390px; } .xl\:grid-cols-\[minmax\(0\,1fr\)_420px\] { grid-template-columns: minmax(0, 1fr) 420px; } .xl\:flex-row { flex-direction: row; } .xl\:items-end { align-items: flex-end; } .xl\:justify-between { justify-content: space-between; } .xl\:self-start { align-self: flex-start; } } @media (min-width: 96rem) { .\32 xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } .dark\:block:is(.dark *) { display: block; } .dark\:hidden:is(.dark *) { display: none; } .dark\:border-amber-300\/35:is(.dark *) { border-color: #ffd23659; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-amber-300\/35:is(.dark *) { border-color: color-mix(in oklab, var(--color-amber-300) 35%, transparent); } } .dark\:border-amber-400:is(.dark *) { border-color: var(--color-amber-400); } .dark\:border-amber-400\/40:is(.dark *) { border-color: #fcbb0066; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-amber-400\/40:is(.dark *) { border-color: color-mix(in oklab, var(--color-amber-400) 40%, transparent); } } .dark\:border-amber-500\/25:is(.dark *) { border-color: #f99c0040; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-amber-500\/25:is(.dark *) { border-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent); } } .dark\:border-amber-500\/30:is(.dark *) { border-color: #f99c004d; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-amber-500\/30:is(.dark *) { border-color: color-mix(in oklab, var(--color-amber-500) 30%, transparent); } } .dark\:border-amber-500\/40:is(.dark *) { border-color: #f99c0066; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-amber-500\/40:is(.dark *) { border-color: color-mix(in oklab, var(--color-amber-500) 40%, transparent); } } .dark\:border-amber-500\/50:is(.dark *) { border-color: #f99c0080; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-amber-500\/50:is(.dark *) { border-color: color-mix(in oklab, var(--color-amber-500) 50%, transparent); } } .dark\:border-amber-800\/70:is(.dark *) { border-color: #953d00b3; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-amber-800\/70:is(.dark *) { border-color: color-mix(in oklab, var(--color-amber-800) 70%, transparent); } } .dark\:border-blue-400:is(.dark *) { border-color: var(--color-blue-400); } .dark\:border-cyan-400:is(.dark *) { border-color: var(--color-cyan-400); } .dark\:border-cyan-500\/30:is(.dark *) { border-color: #00b7d74d; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-cyan-500\/30:is(.dark *) { border-color: color-mix(in oklab, var(--color-cyan-500) 30%, transparent); } } .dark\:border-emerald-400\/50:is(.dark *) { border-color: #00d29480; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-emerald-400\/50:is(.dark *) { border-color: color-mix(in oklab, var(--color-emerald-400) 50%, transparent); } } .dark\:border-emerald-500\/25:is(.dark *) { border-color: #00bb7f40; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-emerald-500\/25:is(.dark *) { border-color: color-mix(in oklab, var(--color-emerald-500) 25%, transparent); } } .dark\:border-emerald-500\/30:is(.dark *) { border-color: #00bb7f4d; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-emerald-500\/30:is(.dark *) { border-color: color-mix(in oklab, var(--color-emerald-500) 30%, transparent); } } .dark\:border-emerald-500\/40:is(.dark *) { border-color: #00bb7f66; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-emerald-500\/40:is(.dark *) { border-color: color-mix(in oklab, var(--color-emerald-500) 40%, transparent); } } .dark\:border-green-400:is(.dark *) { border-color: var(--color-green-400); } .dark\:border-green-500\/40:is(.dark *) { border-color: #00c75866; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-green-500\/40:is(.dark *) { border-color: color-mix(in oklab, var(--color-green-500) 40%, transparent); } } .dark\:border-green-600\/50:is(.dark *) { border-color: #00a54480; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-green-600\/50:is(.dark *) { border-color: color-mix(in oklab, var(--color-green-600) 50%, transparent); } } .dark\:border-green-700\/40:is(.dark *) { border-color: #00813866; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-green-700\/40:is(.dark *) { border-color: color-mix(in oklab, var(--color-green-700) 40%, transparent); } } .dark\:border-green-900:is(.dark *) { border-color: var(--color-green-900); } .dark\:border-input:is(.dark *) { border-color: var(--input); } .dark\:border-orange-500\/40:is(.dark *) { border-color: #fe6e0066; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-orange-500\/40:is(.dark *) { border-color: color-mix(in oklab, var(--color-orange-500) 40%, transparent); } } .dark\:border-red-400:is(.dark *) { border-color: var(--color-red-400); } .dark\:border-red-500\/30:is(.dark *) { border-color: #fb2c364d; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-red-500\/30:is(.dark *) { border-color: color-mix(in oklab, var(--color-red-500) 30%, transparent); } } .dark\:border-red-500\/35:is(.dark *) { border-color: #fb2c3659; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-red-500\/35:is(.dark *) { border-color: color-mix(in oklab, var(--color-red-500) 35%, transparent); } } .dark\:border-red-500\/40:is(.dark *) { border-color: #fb2c3666; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-red-500\/40:is(.dark *) { border-color: color-mix(in oklab, var(--color-red-500) 40%, transparent); } } .dark\:border-rose-500\/40:is(.dark *) { border-color: #ff235766; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-rose-500\/40:is(.dark *) { border-color: color-mix(in oklab, var(--color-rose-500) 40%, transparent); } } .dark\:border-sky-400:is(.dark *) { border-color: var(--color-sky-400); } .dark\:border-sky-400\/25:is(.dark *) { border-color: #00bcfe40; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-sky-400\/25:is(.dark *) { border-color: color-mix(in oklab, var(--color-sky-400) 25%, transparent); } } .dark\:border-sky-400\/70:is(.dark *) { border-color: #00bcfeb3; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-sky-400\/70:is(.dark *) { border-color: color-mix(in oklab, var(--color-sky-400) 70%, transparent); } } .dark\:border-sky-400\/80:is(.dark *) { border-color: #00bcfecc; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-sky-400\/80:is(.dark *) { border-color: color-mix(in oklab, var(--color-sky-400) 80%, transparent); } } .dark\:border-sky-500\/25:is(.dark *) { border-color: #00a5ef40; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-sky-500\/25:is(.dark *) { border-color: color-mix(in oklab, var(--color-sky-500) 25%, transparent); } } .dark\:border-sky-500\/30:is(.dark *) { border-color: #00a5ef4d; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-sky-500\/30:is(.dark *) { border-color: color-mix(in oklab, var(--color-sky-500) 30%, transparent); } } .dark\:border-sky-500\/40:is(.dark *) { border-color: #00a5ef66; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-sky-500\/40:is(.dark *) { border-color: color-mix(in oklab, var(--color-sky-500) 40%, transparent); } } .dark\:border-slate-500\/30:is(.dark *) { border-color: #62748e4d; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-slate-500\/30:is(.dark *) { border-color: color-mix(in oklab, var(--color-slate-500) 30%, transparent); } } .dark\:border-violet-400:is(.dark *) { border-color: var(--color-violet-400); } .dark\:border-violet-500\/30:is(.dark *) { border-color: #8d54ff4d; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-violet-500\/30:is(.dark *) { border-color: color-mix(in oklab, var(--color-violet-500) 30%, transparent); } } .dark\:border-white\/10:is(.dark *) { border-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-white\/10:is(.dark *) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .dark\:border-yellow-400:is(.dark *) { border-color: var(--color-yellow-400); } .dark\:border-yellow-600\/40:is(.dark *) { border-color: #cd890066; } @supports (color: color-mix(in lab, red, red)) { .dark\:border-yellow-600\/40:is(.dark *) { border-color: color-mix(in oklab, var(--color-yellow-600) 40%, transparent); } } .dark\:bg-amber-100\/10:is(.dark *) { background-color: #fef3c61a; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-100\/10:is(.dark *) { background-color: color-mix(in oklab, var(--color-amber-100) 10%, transparent); } } .dark\:bg-amber-100\/15:is(.dark *) { background-color: #fef3c626; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-100\/15:is(.dark *) { background-color: color-mix(in oklab, var(--color-amber-100) 15%, transparent); } } .dark\:bg-amber-400:is(.dark *) { background-color: var(--color-amber-400); } .dark\:bg-amber-400\/10:is(.dark *) { background-color: #fcbb001a; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-400\/10:is(.dark *) { background-color: color-mix(in oklab, var(--color-amber-400) 10%, transparent); } } .dark\:bg-amber-400\/15:is(.dark *) { background-color: #fcbb0026; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-400\/15:is(.dark *) { background-color: color-mix(in oklab, var(--color-amber-400) 15%, transparent); } } .dark\:bg-amber-500\/10:is(.dark *) { background-color: #f99c001a; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-500\/10:is(.dark *) { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } .dark\:bg-amber-500\/15:is(.dark *) { background-color: #f99c0026; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-500\/15:is(.dark *) { background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent); } } .dark\:bg-amber-500\/20:is(.dark *) { background-color: #f99c0033; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-500\/20:is(.dark *) { background-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent); } } .dark\:bg-amber-900\/30:is(.dark *) { background-color: #7b33064d; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-900\/30:is(.dark *) { background-color: color-mix(in oklab, var(--color-amber-900) 30%, transparent); } } .dark\:bg-amber-900\/50:is(.dark *) { background-color: #7b330680; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-900\/50:is(.dark *) { background-color: color-mix(in oklab, var(--color-amber-900) 50%, transparent); } } .dark\:bg-amber-950\/20:is(.dark *) { background-color: #46190133; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-950\/20:is(.dark *) { background-color: color-mix(in oklab, var(--color-amber-950) 20%, transparent); } } .dark\:bg-amber-950\/30:is(.dark *) { background-color: #4619014d; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-950\/30:is(.dark *) { background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent); } } .dark\:bg-amber-950\/60:is(.dark *) { background-color: #46190199; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-amber-950\/60:is(.dark *) { background-color: color-mix(in oklab, var(--color-amber-950) 60%, transparent); } } .dark\:bg-background\/20:is(.dark *) { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-background\/20:is(.dark *) { background-color: color-mix(in oklab, var(--background) 20%, transparent); } } .dark\:bg-background\/30:is(.dark *) { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-background\/30:is(.dark *) { background-color: color-mix(in oklab, var(--background) 30%, transparent); } } .dark\:bg-background\/40:is(.dark *) { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-background\/40:is(.dark *) { background-color: color-mix(in oklab, var(--background) 40%, transparent); } } .dark\:bg-background\/55:is(.dark *) { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-background\/55:is(.dark *) { background-color: color-mix(in oklab, var(--background) 55%, transparent); } } .dark\:bg-background\/65:is(.dark *) { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-background\/65:is(.dark *) { background-color: color-mix(in oklab, var(--background) 65%, transparent); } } .dark\:bg-background\/75:is(.dark *) { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-background\/75:is(.dark *) { background-color: color-mix(in oklab, var(--background) 75%, transparent); } } .dark\:bg-background\/80:is(.dark *) { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-background\/80:is(.dark *) { background-color: color-mix(in oklab, var(--background) 80%, transparent); } } .dark\:bg-blue-400:is(.dark *) { background-color: var(--color-blue-400); } .dark\:bg-blue-900\/50:is(.dark *) { background-color: #1c398e80; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-blue-900\/50:is(.dark *) { background-color: color-mix(in oklab, var(--color-blue-900) 50%, transparent); } } .dark\:bg-cyan-400:is(.dark *) { background-color: var(--color-cyan-400); } .dark\:bg-cyan-500\/10:is(.dark *) { background-color: #00b7d71a; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-cyan-500\/10:is(.dark *) { background-color: color-mix(in oklab, var(--color-cyan-500) 10%, transparent); } } .dark\:bg-cyan-900\/50:is(.dark *) { background-color: #104e6480; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-cyan-900\/50:is(.dark *) { background-color: color-mix(in oklab, var(--color-cyan-900) 50%, transparent); } } .dark\:bg-destructive\/60:is(.dark *) { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-destructive\/60:is(.dark *) { background-color: color-mix(in oklab, var(--destructive) 60%, transparent); } } .dark\:bg-destructive\/70:is(.dark *) { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-destructive\/70:is(.dark *) { background-color: color-mix(in oklab, var(--destructive) 70%, transparent); } } .dark\:bg-emerald-400:is(.dark *) { background-color: var(--color-emerald-400); } .dark\:bg-emerald-500\/10:is(.dark *) { background-color: #00bb7f1a; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-emerald-500\/10:is(.dark *) { background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent); } } .dark\:bg-emerald-500\/15:is(.dark *) { background-color: #00bb7f26; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-emerald-500\/15:is(.dark *) { background-color: color-mix(in oklab, var(--color-emerald-500) 15%, transparent); } } .dark\:bg-emerald-500\/20:is(.dark *) { background-color: #00bb7f33; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-emerald-500\/20:is(.dark *) { background-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent); } } .dark\:bg-emerald-950\/60:is(.dark *) { background-color: #002c2299; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-emerald-950\/60:is(.dark *) { background-color: color-mix(in oklab, var(--color-emerald-950) 60%, transparent); } } .dark\:bg-green-500\/10:is(.dark *) { background-color: #00c7581a; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-green-500\/10:is(.dark *) { background-color: color-mix(in oklab, var(--color-green-500) 10%, transparent); } } .dark\:bg-green-500\/15:is(.dark *) { background-color: #00c75826; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-green-500\/15:is(.dark *) { background-color: color-mix(in oklab, var(--color-green-500) 15%, transparent); } } .dark\:bg-green-900\/20:is(.dark *) { background-color: #0d542b33; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-green-900\/20:is(.dark *) { background-color: color-mix(in oklab, var(--color-green-900) 20%, transparent); } } .dark\:bg-green-900\/50:is(.dark *) { background-color: #0d542b80; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-green-900\/50:is(.dark *) { background-color: color-mix(in oklab, var(--color-green-900) 50%, transparent); } } .dark\:bg-green-950\/30:is(.dark *) { background-color: #032e154d; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-green-950\/30:is(.dark *) { background-color: color-mix(in oklab, var(--color-green-950) 30%, transparent); } } .dark\:bg-input\/30:is(.dark *) { background-color: var(--input); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-input\/30:is(.dark *) { background-color: color-mix(in oklab, var(--input) 30%, transparent); } } .dark\:bg-muted\/20:is(.dark *) { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-muted\/20:is(.dark *) { background-color: color-mix(in oklab, var(--muted) 20%, transparent); } } .dark\:bg-neutral-950:is(.dark *) { background-color: var(--color-neutral-950); } .dark\:bg-orange-500\/10:is(.dark *) { background-color: #fe6e001a; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-orange-500\/10:is(.dark *) { background-color: color-mix(in oklab, var(--color-orange-500) 10%, transparent); } } .dark\:bg-orange-900\/50:is(.dark *) { background-color: #7e2a0c80; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-orange-900\/50:is(.dark *) { background-color: color-mix(in oklab, var(--color-orange-900) 50%, transparent); } } .dark\:bg-popover\/70:is(.dark *) { background-color: var(--popover); } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-popover\/70:is(.dark *) { background-color: color-mix(in oklab, var(--popover) 70%, transparent); } } .dark\:bg-red-400:is(.dark *) { background-color: var(--color-red-400); } .dark\:bg-red-500\/10:is(.dark *) { background-color: #fb2c361a; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-500\/10:is(.dark *) { background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent); } } .dark\:bg-red-500\/20:is(.dark *) { background-color: #fb2c3633; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-500\/20:is(.dark *) { background-color: color-mix(in oklab, var(--color-red-500) 20%, transparent); } } .dark\:bg-red-900\/50:is(.dark *) { background-color: #82181a80; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-900\/50:is(.dark *) { background-color: color-mix(in oklab, var(--color-red-900) 50%, transparent); } } .dark\:bg-red-950\/20:is(.dark *) { background-color: #46080933; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-950\/20:is(.dark *) { background-color: color-mix(in oklab, var(--color-red-950) 20%, transparent); } } .dark\:bg-red-950\/60:is(.dark *) { background-color: #46080999; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-red-950\/60:is(.dark *) { background-color: color-mix(in oklab, var(--color-red-950) 60%, transparent); } } .dark\:bg-rose-500\/10:is(.dark *) { background-color: #ff23571a; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-rose-500\/10:is(.dark *) { background-color: color-mix(in oklab, var(--color-rose-500) 10%, transparent); } } .dark\:bg-rose-500\/15:is(.dark *) { background-color: #ff235726; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-rose-500\/15:is(.dark *) { background-color: color-mix(in oklab, var(--color-rose-500) 15%, transparent); } } .dark\:bg-sky-400:is(.dark *) { background-color: var(--color-sky-400); } .dark\:bg-sky-400\/15:is(.dark *) { background-color: #00bcfe26; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-sky-400\/15:is(.dark *) { background-color: color-mix(in oklab, var(--color-sky-400) 15%, transparent); } } .dark\:bg-sky-500\/10:is(.dark *) { background-color: #00a5ef1a; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-sky-500\/10:is(.dark *) { background-color: color-mix(in oklab, var(--color-sky-500) 10%, transparent); } } .dark\:bg-sky-500\/15:is(.dark *) { background-color: #00a5ef26; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-sky-500\/15:is(.dark *) { background-color: color-mix(in oklab, var(--color-sky-500) 15%, transparent); } } .dark\:bg-sky-500\/20:is(.dark *) { background-color: #00a5ef33; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-sky-500\/20:is(.dark *) { background-color: color-mix(in oklab, var(--color-sky-500) 20%, transparent); } } .dark\:bg-sky-900\/50:is(.dark *) { background-color: #024a7080; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-sky-900\/50:is(.dark *) { background-color: color-mix(in oklab, var(--color-sky-900) 50%, transparent); } } .dark\:bg-sky-950\/60:is(.dark *) { background-color: #052f4a99; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-sky-950\/60:is(.dark *) { background-color: color-mix(in oklab, var(--color-sky-950) 60%, transparent); } } .dark\:bg-slate-500\/15:is(.dark *) { background-color: #62748e26; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-slate-500\/15:is(.dark *) { background-color: color-mix(in oklab, var(--color-slate-500) 15%, transparent); } } .dark\:bg-violet-500\/10:is(.dark *) { background-color: #8d54ff1a; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-violet-500\/10:is(.dark *) { background-color: color-mix(in oklab, var(--color-violet-500) 10%, transparent); } } .dark\:bg-violet-900\/50:is(.dark *) { background-color: #4d179a80; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-violet-900\/50:is(.dark *) { background-color: color-mix(in oklab, var(--color-violet-900) 50%, transparent); } } .dark\:bg-white\/\[0\.07\]:is(.dark *) { background-color: #ffffff12; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-white\/\[0\.07\]:is(.dark *) { background-color: color-mix(in oklab, var(--color-white) 7.0%, transparent); } } .dark\:bg-yellow-300\/30:is(.dark *) { background-color: #ffe02a4d; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-yellow-300\/30:is(.dark *) { background-color: color-mix(in oklab, var(--color-yellow-300) 30%, transparent); } } .dark\:bg-yellow-500\/5:is(.dark *) { background-color: #edb2000d; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-yellow-500\/5:is(.dark *) { background-color: color-mix(in oklab, var(--color-yellow-500) 5%, transparent); } } .dark\:bg-yellow-900\/50:is(.dark *) { background-color: #733e0a80; } @supports (color: color-mix(in lab, red, red)) { .dark\:bg-yellow-900\/50:is(.dark *) { background-color: color-mix(in oklab, var(--color-yellow-900) 50%, transparent); } } .dark\:bg-zinc-800:is(.dark *) { background-color: var(--color-zinc-800); } .dark\:px-3:is(.dark *) { padding-inline: calc(var(--spacing) * 3); } .dark\:py-\[3px\]:is(.dark *) { padding-block: 3px; } .dark\:font-mono:is(.dark *) { font-family: Geist Mono, JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, monospace; } .dark\:text-\[11px\]:is(.dark *) { font-size: 11px; } .dark\:font-medium:is(.dark *) { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .dark\:tracking-\[0\.06em\]:is(.dark *) { --tw-tracking: .06em; letter-spacing: .06em; } .dark\:text-\[var\(--ink-0\,\#f6f2ff\)\]:is(.dark *) { color: var(--ink-0, #f6f2ff); } .dark\:text-\[var\(--ink-2\,rgba\(246\,242\,255\,0\.56\)\)\]:is(.dark *) { color: var(--ink-2, #f6f2ff8f); } .dark\:text-\[var\(--ink-3\,rgba\(246\,242\,255\,0\.38\)\)\]:is(.dark *) { color: var(--ink-3, #f6f2ff61); } .dark\:text-amber-50:is(.dark *) { color: var(--color-amber-50); } .dark\:text-amber-100:is(.dark *) { color: var(--color-amber-100); } .dark\:text-amber-100\/75:is(.dark *) { color: #fef3c6bf; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-amber-100\/75:is(.dark *) { color: color-mix(in oklab, var(--color-amber-100) 75%, transparent); } } .dark\:text-amber-100\/80:is(.dark *) { color: #fef3c6cc; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-amber-100\/80:is(.dark *) { color: color-mix(in oklab, var(--color-amber-100) 80%, transparent); } } .dark\:text-amber-200:is(.dark *) { color: var(--color-amber-200); } .dark\:text-amber-300:is(.dark *) { color: var(--color-amber-300); } .dark\:text-amber-300\/80:is(.dark *) { color: #ffd236cc; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-amber-300\/80:is(.dark *) { color: color-mix(in oklab, var(--color-amber-300) 80%, transparent); } } .dark\:text-amber-400:is(.dark *) { color: var(--color-amber-400); } .dark\:text-amber-400\/40:is(.dark *) { color: #fcbb0066; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-amber-400\/40:is(.dark *) { color: color-mix(in oklab, var(--color-amber-400) 40%, transparent); } } .dark\:text-blue-300:is(.dark *) { color: var(--color-blue-300); } .dark\:text-blue-300\/80:is(.dark *) { color: #90c5ffcc; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-blue-300\/80:is(.dark *) { color: color-mix(in oklab, var(--color-blue-300) 80%, transparent); } } .dark\:text-blue-400:is(.dark *) { color: var(--color-blue-400); } .dark\:text-blue-400\/30:is(.dark *) { color: #54a2ff4d; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-blue-400\/30:is(.dark *) { color: color-mix(in oklab, var(--color-blue-400) 30%, transparent); } } .dark\:text-cyan-200:is(.dark *) { color: var(--color-cyan-200); } .dark\:text-cyan-300:is(.dark *) { color: var(--color-cyan-300); } .dark\:text-cyan-400:is(.dark *) { color: var(--color-cyan-400); } .dark\:text-emerald-100:is(.dark *) { color: var(--color-emerald-100); } .dark\:text-emerald-200:is(.dark *) { color: var(--color-emerald-200); } .dark\:text-emerald-300:is(.dark *) { color: var(--color-emerald-300); } .dark\:text-emerald-400:is(.dark *) { color: var(--color-emerald-400); } .dark\:text-emerald-400\/50:is(.dark *) { color: #00d29480; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-emerald-400\/50:is(.dark *) { color: color-mix(in oklab, var(--color-emerald-400) 50%, transparent); } } .dark\:text-green-100:is(.dark *) { color: var(--color-green-100); } .dark\:text-green-200:is(.dark *) { color: var(--color-green-200); } .dark\:text-green-200\/90:is(.dark *) { color: #b9f8cfe6; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-green-200\/90:is(.dark *) { color: color-mix(in oklab, var(--color-green-200) 90%, transparent); } } .dark\:text-green-300:is(.dark *) { color: var(--color-green-300); } .dark\:text-green-400:is(.dark *) { color: var(--color-green-400); } .dark\:text-muted-foreground:is(.dark *) { color: var(--muted-foreground); } .dark\:text-neutral-400:is(.dark *) { color: var(--color-neutral-400); } .dark\:text-neutral-600:is(.dark *) { color: var(--color-neutral-600); } .dark\:text-orange-100:is(.dark *) { color: var(--color-orange-100); } .dark\:text-orange-300:is(.dark *) { color: var(--color-orange-300); } .dark\:text-orange-400:is(.dark *) { color: var(--color-orange-400); } .dark\:text-red-100:is(.dark *) { color: var(--color-red-100); } .dark\:text-red-200:is(.dark *) { color: var(--color-red-200); } .dark\:text-red-200\/90:is(.dark *) { color: #ffcacae6; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-red-200\/90:is(.dark *) { color: color-mix(in oklab, var(--color-red-200) 90%, transparent); } } .dark\:text-red-300:is(.dark *) { color: var(--color-red-300); } .dark\:text-red-400:is(.dark *) { color: var(--color-red-400); } .dark\:text-red-400\/50:is(.dark *) { color: #ff656880; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-red-400\/50:is(.dark *) { color: color-mix(in oklab, var(--color-red-400) 50%, transparent); } } .dark\:text-rose-100:is(.dark *) { color: var(--color-rose-100); } .dark\:text-rose-300:is(.dark *) { color: var(--color-rose-300); } .dark\:text-sky-50:is(.dark *) { color: var(--color-sky-50); } .dark\:text-sky-100:is(.dark *) { color: var(--color-sky-100); } .dark\:text-sky-100\/80:is(.dark *) { color: #dff2fecc; } @supports (color: color-mix(in lab, red, red)) { .dark\:text-sky-100\/80:is(.dark *) { color: color-mix(in oklab, var(--color-sky-100) 80%, transparent); } } .dark\:text-sky-200:is(.dark *) { color: var(--color-sky-200); } .dark\:text-sky-300:is(.dark *) { color: var(--color-sky-300); } .dark\:text-sky-400:is(.dark *) { color: var(--color-sky-400); } .dark\:text-slate-300:is(.dark *) { color: var(--color-slate-300); } .dark\:text-violet-300:is(.dark *) { color: var(--color-violet-300); } .dark\:text-violet-400:is(.dark *) { color: var(--color-violet-400); } .dark\:text-yellow-300:is(.dark *) { color: var(--color-yellow-300); } .dark\:text-yellow-400:is(.dark *) { color: var(--color-yellow-400); } .dark\:uppercase:is(.dark *) { text-transform: uppercase; } .dark\:backdrop-blur-2xl:is(.dark *) { --tw-backdrop-blur: blur(var(--blur-2xl)); -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, ); } .dark\:backdrop-blur-md:is(.dark *) { --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, ); } .dark\:backdrop-blur-xl:is(.dark *) { --tw-backdrop-blur: blur(var(--blur-xl)); -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, ); } .dark\:backdrop-saturate-150:is(.dark *) { --tw-backdrop-saturate: saturate(150%); -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, ); } @media (hover: hover) { .dark\:hover\:border-sky-400\/70:is(.dark *):hover { border-color: #00bcfeb3; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:border-sky-400\/70:is(.dark *):hover { border-color: color-mix(in oklab, var(--color-sky-400) 70%, transparent); } } .dark\:hover\:bg-accent\/50:is(.dark *):hover { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-accent\/50:is(.dark *):hover { background-color: color-mix(in oklab, var(--accent) 50%, transparent); } } .dark\:hover\:bg-amber-100\/25:is(.dark *):hover { background-color: #fef3c640; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-amber-100\/25:is(.dark *):hover { background-color: color-mix(in oklab, var(--color-amber-100) 25%, transparent); } } .dark\:hover\:bg-amber-500\/10:is(.dark *):hover { background-color: #f99c001a; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-amber-500\/10:is(.dark *):hover { background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent); } } .dark\:hover\:bg-amber-500\/15:is(.dark *):hover { background-color: #f99c0026; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-amber-500\/15:is(.dark *):hover { background-color: color-mix(in oklab, var(--color-amber-500) 15%, transparent); } } .dark\:hover\:bg-amber-500\/25:is(.dark *):hover { background-color: #f99c0040; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-amber-500\/25:is(.dark *):hover { background-color: color-mix(in oklab, var(--color-amber-500) 25%, transparent); } } .dark\:hover\:bg-green-900\/30:is(.dark *):hover { background-color: #0d542b4d; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-green-900\/30:is(.dark *):hover { background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent); } } .dark\:hover\:bg-input\/50:is(.dark *):hover { background-color: var(--input); } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-input\/50:is(.dark *):hover { background-color: color-mix(in oklab, var(--input) 50%, transparent); } } .dark\:hover\:bg-red-500\/10:is(.dark *):hover { background-color: #fb2c361a; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-red-500\/10:is(.dark *):hover { background-color: color-mix(in oklab, var(--color-red-500) 10%, transparent); } } .dark\:hover\:bg-sky-400\/10:is(.dark *):hover { background-color: #00bcfe1a; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-sky-400\/10:is(.dark *):hover { background-color: color-mix(in oklab, var(--color-sky-400) 10%, transparent); } } .dark\:hover\:bg-white\/10:is(.dark *):hover { background-color: #ffffff1a; } @supports (color: color-mix(in lab, red, red)) { .dark\:hover\:bg-white\/10:is(.dark *):hover { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } .dark\:hover\:text-amber-100:is(.dark *):hover { color: var(--color-amber-100); } .dark\:hover\:text-emerald-200:is(.dark *):hover { color: var(--color-emerald-200); } .dark\:hover\:text-foreground:is(.dark *):hover { color: var(--foreground); } .dark\:hover\:text-red-100:is(.dark *):hover { color: var(--color-red-100); } } .dark\:focus\:text-amber-200:is(.dark *):focus { color: var(--color-amber-200); } .dark\:focus\:text-red-200:is(.dark *):focus { color: var(--color-red-200); } .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible { --tw-ring-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); } } .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] { --tw-ring-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { .dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid="true"] { --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent); } } .dark\:data-\[state\=active\]\:border-input:is(.dark *)[data-state="active"] { border-color: var(--input); } .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state="active"] { background-color: var(--input); } @supports (color: color-mix(in lab, red, red)) { .dark\:data-\[state\=active\]\:bg-input\/30:is(.dark *)[data-state="active"] { background-color: color-mix(in oklab, var(--input) 30%, transparent); } } .dark\:data-\[state\=active\]\:text-foreground:is(.dark *)[data-state="active"] { color: var(--foreground); } .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] { border-color: #0000; } .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(.dark *):is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] { background-color: #0000; } .dark\:data-\[state\=checked\]\:bg-primary:is(.dark *)[data-state="checked"] { background-color: var(--primary); } .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)) { .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20:is(.dark *)[data-variant="destructive"]:focus { background-color: color-mix(in oklab, var(--destructive) 20%, transparent); } } @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) { .dark\:supports-\[backdrop-filter\]\:bg-background\/45:is(.dark *) { background-color: var(--background); } @supports (color: color-mix(in lab, red, red)) { .dark\:supports-\[backdrop-filter\]\:bg-background\/45:is(.dark *) { background-color: color-mix(in oklab, var(--background) 45%, transparent); } } } @media print { .print\:hidden { display: none; } } .prose-p\:my-1 :where(p):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-ol\:my-1 :where(ol):not(:where([class~="not-prose"], [class~="not-prose"] *)), .prose-ul\:my-1 :where(ul):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-block: calc(var(--spacing) * 1); } .prose-li\:my-0 :where(li):not(:where([class~="not-prose"], [class~="not-prose"] *)) { margin-block: calc(var(--spacing) * 0); } .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { padding-inline: calc(var(--spacing) * 2); } .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { padding-block: calc(var(--spacing) * 1.5); } .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] { color: var(--muted-foreground); } .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { padding-inline: calc(var(--spacing) * 2); } .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] { padding-top: calc(var(--spacing) * 0); } .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { height: calc(var(--spacing) * 5); } .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { width: calc(var(--spacing) * 5); } .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { height: calc(var(--spacing) * 12); } .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { padding-inline: calc(var(--spacing) * 2); } .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { padding-block: calc(var(--spacing) * 3); } .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { height: calc(var(--spacing) * 5); } .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { width: calc(var(--spacing) * 5); } .last\:\[\&_a\]\:border-b-0:last-child a { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .\[\&_code\]\:font-mono code { font-family: Geist Mono, JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, monospace; } .\[\&_h1\]\:text-sm h1 { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .\[\&_h1\]\:text-foreground h1 { color: var(--foreground); } .\[\&_h2\]\:text-sm h2 { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .\[\&_h2\]\:text-foreground h2 { color: var(--foreground); } .\[\&_h3\]\:text-\[13px\] h3 { font-size: 13px; } .\[\&_h3\]\:text-foreground h3 { color: var(--foreground); } .\[\&_li\]\:my-0\.5 li { margin-block: calc(var(--spacing) * .5); } .\[\&_li\]\:list-item li { display: list-item; } .\[\&_li\]\:text-muted-foreground li { color: var(--muted-foreground); } .\[\&_ol\]\:my-1 ol { margin-block: calc(var(--spacing) * 1); } .\[\&_ol\]\:list-decimal ol { list-style-type: decimal; } .\[\&_ol\]\:pl-5 ol { padding-left: calc(var(--spacing) * 5); } .\[\&_p\]\:my-1 p { margin-block: calc(var(--spacing) * 1); } .\[\&_p\]\:text-muted-foreground p { color: var(--muted-foreground); } .\[\&_pre\]\:m-0 pre { margin: calc(var(--spacing) * 0); } .\[\&_pre\]\:h-full pre { height: 100%; } .\[\&_pre\]\:min-h-full pre { min-height: 100%; } .\[\&_pre\]\:overflow-auto pre { overflow: auto; } .\[\&_pre\]\:overscroll-contain pre { overscroll-behavior: contain; } .\[\&_pre\]\:p-4 pre { padding: calc(var(--spacing) * 4); } .\[\&_pre\]\:whitespace-pre pre { white-space: pre; } .\[\&_strong\]\:font-semibold strong { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .\[\&_strong\]\:text-foreground strong { color: var(--foreground); } .\[\&_svg\]\:pointer-events-none svg { pointer-events: none; } .\[\&_svg\]\:shrink-0 svg { flex-shrink: 0; } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*="text-"]) { color: var(--muted-foreground); } .\[\&_ul\]\:my-1 ul { margin-block: calc(var(--spacing) * 1); } .\[\&_ul\]\:list-disc ul { list-style-type: disc; } .\[\&_ul\]\:pl-5 ul { padding-left: calc(var(--spacing) * 5); } .\[\&\:\:-moz-range-thumb\]\:h-4::-moz-range-thumb { height: calc(var(--spacing) * 4); } .\[\&\:\:-moz-range-thumb\]\:w-4::-moz-range-thumb { width: calc(var(--spacing) * 4); } .\[\&\:\:-moz-range-thumb\]\:cursor-pointer::-moz-range-thumb { cursor: pointer; } .\[\&\:\:-moz-range-thumb\]\:rounded-full::-moz-range-thumb { border-radius: 3.40282e38px; } .\[\&\:\:-moz-range-thumb\]\:border-0::-moz-range-thumb { border-style: var(--tw-border-style); border-width: 0; } .\[\&\:\:-moz-range-thumb\]\:bg-foreground::-moz-range-thumb { background-color: var(--foreground); } .\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar { display: none; } @media not all and (min-width: 48rem) { .max-md\:\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar { display: none; } } .\[\&\:\:-webkit-slider-thumb\]\:h-4::-webkit-slider-thumb { height: calc(var(--spacing) * 4); } .\[\&\:\:-webkit-slider-thumb\]\:w-4::-webkit-slider-thumb { width: calc(var(--spacing) * 4); } .\[\&\:\:-webkit-slider-thumb\]\:cursor-pointer::-webkit-slider-thumb { cursor: pointer; } .\[\&\:\:-webkit-slider-thumb\]\:appearance-none::-webkit-slider-thumb { appearance: none; } .\[\&\:\:-webkit-slider-thumb\]\:rounded-full::-webkit-slider-thumb { border-radius: 3.40282e38px; } .\[\&\:\:-webkit-slider-thumb\]\:bg-foreground::-webkit-slider-thumb { background-color: var(--foreground); } .\[\.border-b\]\:pb-6.border-b { padding-bottom: calc(var(--spacing) * 6); } .\[\.border-t\]\:pt-6.border-t { padding-top: calc(var(--spacing) * 6); } :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child { display: flex; } :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child { align-items: center; } :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child { gap: calc(var(--spacing) * 2); } :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:\!text-destructive[data-variant="destructive"] > *):is(svg) { color: var(--destructive) !important; } .\[\&\>\*\:first-child\]\:mt-0 > :first-child { margin-top: calc(var(--spacing) * 0); } .\[\&\>\*\:last-child\]\:mb-0 > :last-child { margin-bottom: calc(var(--spacing) * 0); } .\[\&\>nav\]\:\!absolute > nav { position: absolute !important; } .\[\&\>nav\]\:\!right-0 > nav { right: calc(var(--spacing) * 0) !important; } .\[\&\>nav\]\:\!bottom-0 > nav { bottom: calc(var(--spacing) * 0) !important; } .\[\&\>nav\]\:\!left-0 > nav { left: calc(var(--spacing) * 0) !important; } .\[\&\>nav\]\:\!z-0 > nav { z-index: 0 !important; } .\[\&\>nav\]\:\!block > nav { display: block !important; } .\[\&\>span\:first-child\]\:opacity-70 > span:first-child { opacity: .7; } .\[\&\>span\:last-child\]\:\!text-\[11px\] > span:last-child { font-size: 11px !important; } .\[\&\>svg\]\:pointer-events-none > svg { pointer-events: none; } .\[\&\>svg\]\:size-3 > svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .\[\&\>svg\]\:size-3\.5 > svg { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .\[\&\>svg\]\:size-4 > svg { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size="lg"]) *) > svg { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size="sm"]) *) > svg { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="default"] *) > svg, .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="lg"] *) > svg { width: calc(var(--spacing) * 2); height: calc(var(--spacing) * 2); } .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size="sm"] *) > svg { display: none; } [data-state="open"] > .\[\[data-state\=open\]\>\&\]\:rotate-90 { rotate: 90deg; } @media (hover: hover) { a.\[a\&\]\:hover\:bg-accent:hover { background-color: var(--accent); } a.\[a\&\]\:hover\:bg-destructive\/90:hover { background-color: var(--destructive); } @supports (color: color-mix(in lab, red, red)) { a.\[a\&\]\:hover\:bg-destructive\/90:hover { background-color: color-mix(in oklab, var(--destructive) 90%, transparent); } } a.\[a\&\]\:hover\:bg-foreground\/5:hover { background-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { a.\[a\&\]\:hover\:bg-foreground\/5:hover { background-color: color-mix(in oklab, var(--foreground) 5%, transparent); } } a.\[a\&\]\:hover\:bg-primary\/90:hover { background-color: var(--primary); } @supports (color: color-mix(in lab, red, red)) { a.\[a\&\]\:hover\:bg-primary\/90:hover { background-color: color-mix(in oklab, var(--primary) 90%, transparent); } } a.\[a\&\]\:hover\:bg-secondary\/90:hover { background-color: var(--secondary); } @supports (color: color-mix(in lab, red, red)) { a.\[a\&\]\:hover\:bg-secondary\/90:hover { background-color: color-mix(in oklab, var(--secondary) 90%, transparent); } } a.\[a\&\]\:hover\:text-accent-foreground:hover { color: var(--accent-foreground); } a.\[a\&\]\:hover\:underline:hover { text-decoration-line: underline; } } } :root { --space-0: #0a0612; --space-1: #110a1a; --space-2: #1a1224; --space-3: #261b34; --neb-cyan: oklch(82% .16 215); --neb-blue: oklch(58% .18 250); --neb-violet: oklch(55% .18 295); --neb-magenta: oklch(55% .2 350); --neb-burgundy: oklch(42% .18 12); --accent: oklch(82% .16 215); --accent-soft: oklch(82% .16 215 / .18); --accent-glow: oklch(82% .16 215 / .55); --accent-ink: #02131c; --violet: oklch(72% .17 295); --violet-soft: oklch(72% .17 295 / .18); --ok: oklch(78% .16 165); --ok-soft: oklch(78% .16 165 / .18); --warn: oklch(82% .14 75); --warn-soft: oklch(82% .14 75 / .18); --crit: oklch(70% .2 25); --crit-soft: oklch(70% .2 25 / .18); --ink-0: #f6f2ff; --ink-1: #f6f2ffcc; --ink-2: #f6f2ff8f; --ink-3: #f6f2ff61; --ink-4: #f6f2ff38; --glass-tint: #fffaf50b; --glass-tint-strong: #fffaf516; --glass-stroke: #ffffff1a; --glass-stroke-hi: #ffffff38; --glass-inner-hi: #ffffff24; --glass-shadow: 0 1px 0 0 #ffffff0f inset, 0 -1px 0 0 #0000004d inset, 0 24px 60px -20px #0000008c, 0 6px 16px -8px #00000080; --r-sm: 12px; --r-md: 18px; --r-lg: 24px; --r-xl: 30px; --r-pill: 999px; --font-sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif; --font-mono: "Geist Mono", "JetBrains Mono", "SF Mono", ui-monospace, monospace; --font-display: "Instrument Serif", "Times New Roman", serif; --ease-out: cubic-bezier(.16, 1, .3, 1); --ease-soft: cubic-bezier(.34, 1.56, .64, 1); } * { box-sizing: border-box; } html { background: #02010a; min-height: 100%; margin: 0; padding: 0; } body { color: var(--ink-0); font-family: var(--font-sans); letter-spacing: -.005em; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; background: none; min-height: 100vh; margin: 0; padding: 0; font-size: 14px; position: relative; overflow-x: hidden; } .cosmos { z-index: -10; background: radial-gradient(90% 80% at 15% 20%, #1e143c80 0%, #0000 60%), radial-gradient(80% 70% at 85% 80%, #3c192d73 0%, #0000 60%), radial-gradient(130% 130%, #060410 0%, #02010a 75%); position: fixed; inset: 0; } .cosmos:after { content: ""; opacity: .6; mix-blend-mode: overlay; pointer-events: none; background-image: url("data:image/svg+xml;utf8,"); position: absolute; inset: 0; } .milkyway-layer { z-index: -5; pointer-events: none; will-change: opacity; transition: opacity 3s ease-in-out; position: fixed; inset: 0; overflow: hidden; } @keyframes galaxyDrift { 0% { transform: scale(1)translate(0); } 50% { transform: scale(1.04)translate(-1.5%, -.8%); } 100% { transform: scale(1.02)translate(1%, .5%); } } .aurora { z-index: -8; pointer-events: none; filter: blur(140px) saturate(130%); opacity: .25; mix-blend-mode: screen; position: fixed; inset: -10vh -10vw; } html.winneros-forge-mounted .aurora { filter: blur(80px) saturate(130%); } .aurora-blob { mix-blend-mode: screen; will-change: transform; border-radius: 50%; position: absolute; } .aurora-blob.b1 { background: radial-gradient(circle, oklch(50% .22 18 / .7), #0000 60%); width: 70vw; height: 70vw; animation: 38s ease-in-out infinite alternate drift1; top: -20vw; left: -15vw; } .aurora-blob.b2 { background: radial-gradient(circle, oklch(60% .2 320 / .55), #0000 60%); width: 50vw; height: 50vw; animation: 46s ease-in-out infinite alternate drift2; top: 20vh; right: -15vw; } .aurora-blob.b3 { background: radial-gradient(circle, oklch(48% .22 8 / .55), #0000 60%); width: 55vw; height: 55vw; animation: 52s ease-in-out infinite alternate drift3; bottom: -25vh; left: 20vw; } .aurora-blob.b4 { background: radial-gradient(circle, oklch(60% .2 35 / .4), #0000 60%); width: 35vw; height: 35vw; animation: 41s ease-in-out infinite alternate drift4; bottom: -10vh; right: 10vw; } @keyframes drift1 { 0% { transform: translate(0)scale(1); } 100% { transform: translate(8vw, 6vh)scale(1.1); } } @keyframes drift2 { 0% { transform: translate(0)scale(1.05); } 100% { transform: translate(-6vw, -4vh)scale(.95); } } @keyframes drift3 { 0% { transform: translate(0)scale(1); } 100% { transform: translate(10vw, -8vh)scale(1.15); } } @keyframes drift4 { 0% { transform: translate(0)scale(.95); } 100% { transform: translate(-5vw, 6vh)scale(1.1); } } html.cx-scrolling .aurora-blob, html.cx-reading .aurora-blob, html.cx-artifact-open .aurora-blob, html.cx-scrolling .milkyway-layer:before, html.cx-reading .milkyway-layer:before, html.cx-artifact-open .milkyway-layer:before, html.cx-scrolling .milkyway-layer:after, html.cx-reading .milkyway-layer:after, html.cx-artifact-open .milkyway-layer:after { animation-play-state: paused; } html.cx-artifact-open #starfield { clip-path: inset(0 var(--artifact-col-width, 0px) 0 0); } html.cx-artifact-open .cx-composer.glass { -webkit-backdrop-filter: none; backdrop-filter: none; } #starfield { z-index: -4; pointer-events: none; position: fixed; inset: 0; } @property --lg-mx { syntax: ""; inherits: false; initial-value: 50%; } @property --lg-my { syntax: ""; inherits: false; initial-value: 50%; } @property --lg-rx { syntax: ""; inherits: false; initial-value: 0deg; } @property --lg-ry { syntax: ""; inherits: false; initial-value: 0deg; } @property --lg-hover { syntax: ""; inherits: false; initial-value: 0; } @property --lg-press { syntax: ""; inherits: false; initial-value: 0; } .glass { --lg-mx: 50%; --lg-my: 50%; --lg-rx: 0deg; --lg-ry: 0deg; --lg-hover: 0; --lg-press: 0; border-radius: var(--r-lg); -webkit-backdrop-filter: blur(20px) saturate(170%); backdrop-filter: blur(20px) saturate(170%); transform: perspective(1200px) rotateX(var(--lg-rx)) rotateY(var(--lg-ry)) scale(calc(1 + var(--lg-hover) * .006 - var(--lg-press) * .01)); isolation: isolate; will-change: transform; background: #14101c73; border: 1px solid #ffffff14; transition: transform .5s cubic-bezier(.16, 1, .3, 1), box-shadow .4s cubic-bezier(.16, 1, .3, 1), border-color .3s; position: relative; box-shadow: 0 16px 40px -16px #0000008c, 0 2px 6px -2px #00000059, inset 0 1px #ffffff1a, inset 0 -1px #0003; } .glass:hover { border-color: #ffffff24; box-shadow: 0 22px 50px -16px #0009, 0 4px 10px -4px #0006, inset 0 1px #ffffff24, inset 0 -1px #00000038; } .glass:after { content: ""; border-radius: inherit; background: radial-gradient(circle 420px at var(--lg-mx) var(--lg-my), rgba(255, 255, 255, calc(var(--lg-hover) * .08)) 0%, transparent 60%), linear-gradient(180deg, #ffffff0f 0%, transparent 22%); pointer-events: none; z-index: 1; mix-blend-mode: screen; transition: opacity .4s; position: absolute; inset: 0; } .glass:before, .glass-soft:before { content: ""; border-radius: inherit; -webkit-mask-composite: xor; pointer-events: none; z-index: 1; -webkit-mask-composite: xor; -webkit-mask-source-type: auto, auto; background: linear-gradient(135deg, #ffffff75 0%, #ffffff12 26%, #fff0 52%, #ffffff0d 76%, #ffffff38 100%); padding: 1px; position: absolute; inset: 0; -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0); -webkit-mask-position: 0 0, 0 0; -webkit-mask-size: auto, auto; -webkit-mask-repeat: repeat, repeat; -webkit-mask-clip: content-box, border-box; -webkit-mask-origin: content-box, border-box; -webkit-mask-composite: xor; mask-composite: exclude; -webkit-mask-source-type: auto, auto; mask-mode: match-source, match-source; } .glass > * { z-index: 3; position: relative; } .glass-soft { --lg-mx: 50%; --lg-my: 50%; --lg-rx: 0deg; --lg-ry: 0deg; --lg-hover: 0; --lg-press: 0; border-radius: var(--r-md); -webkit-backdrop-filter: blur(10px) saturate(170%); backdrop-filter: blur(10px) saturate(170%); transform: perspective(800px) rotateX(var(--lg-rx)) rotateY(var(--lg-ry)) scale(calc(1 + var(--lg-hover) * .008 - var(--lg-press) * .012)); isolation: isolate; background: #ffffff0b; border: 1px solid #ffffff1a; transition: transform .35s cubic-bezier(.16, 1, .3, 1); position: relative; box-shadow: inset 0 1px #ffffff29, inset 0 -1px #0003, 0 6px 18px -10px #00000073; } .glass-soft:after { content: ""; border-radius: inherit; background: radial-gradient(circle 220px at var(--lg-mx) var(--lg-my), rgba(255, 255, 255, calc(.14 + var(--lg-hover) * .1)) 0%, transparent 55%); pointer-events: none; z-index: 1; mix-blend-mode: screen; position: absolute; inset: 0; } .glass-soft > * { z-index: 2; position: relative; } .glass-card { transition: transform .5s var(--ease-out), border-color .4s var(--ease-out); } .glass-card:hover { border-color: var(--glass-stroke-hi); } .properties-glass { -webkit-backdrop-filter: blur(28px) saturate(170%); backdrop-filter: blur(28px) saturate(170%); isolation: isolate; background: #1612206b; border: 1px solid #ffffff1a; position: relative; box-shadow: 0 20px 50px -22px #000000a6, 0 4px 12px -6px #0006, inset 0 1px #ffffff1a, inset 0 -1px #00000038; } .properties-glass:before { content: ""; pointer-events: none; border-radius: inherit; z-index: 0; background: linear-gradient(#ffffff0f 0%, #0000 22%); position: absolute; inset: 0; } .properties-glass { transition: background-color .18s ease-out; } .properties-glass.is-opening { -webkit-backdrop-filter: none; backdrop-filter: none; will-change: contents; background: #100d18f0; transition: none; } html.cx-doc-opaque .properties-glass { -webkit-backdrop-filter: none; backdrop-filter: none; } .artifact-md-scroll .paperclip-markdown > * { content-visibility: auto; contain-intrinsic-size: auto 48px; } .properties-reopen-tab { -webkit-backdrop-filter: blur(18px) saturate(160%); backdrop-filter: blur(18px) saturate(160%); background: #16122061; border: 1px solid #ffffff14; box-shadow: 0 12px 28px -16px #0000008c, inset 0 1px #ffffff14, inset 0 -1px #0000002e; } .properties-reopen-tab:hover { background: #1c16288c; border-color: #ffffff29; } .composer-glass { -webkit-backdrop-filter: blur(48px) saturate(180%); backdrop-filter: blur(48px) saturate(180%); background: #0c0914e0 !important; border-color: #ffffff14 !important; box-shadow: 0 -16px 36px -18px #0009, inset 0 1px #ffffff12, inset 0 -1px #00000040 !important; } .app { grid-template-columns: 268px 1fr; gap: 20px; min-height: 100vh; padding: 20px; display: grid; position: relative; } .sidebar { border-radius: var(--r-xl); flex-direction: column; gap: 6px; height: calc(100vh - 40px); padding: 18px 14px; display: flex; position: sticky; top: 20px; overflow: hidden; } .brand { z-index: 2; align-items: center; gap: 10px; padding: 10px 10px 14px; display: flex; position: relative; } .brand-mark { aspect-ratio: 1; width: 30px; min-width: 30px; height: 30px; min-height: 30px; font-family: var(--font-mono); color: var(--ink-0); letter-spacing: -.02em; background: linear-gradient(135deg, #ffffff2e, #ffffff0f); border: 1px solid #fff3; border-radius: 8px; flex-shrink: 0; place-items: center; font-size: 13px; font-weight: 600; display: grid; box-shadow: inset 0 1px #ffffff47, inset 0 -1px #00000040, 0 4px 10px -3px #00000080; } .brand-name { font-family: var(--font-mono); letter-spacing: .18em; color: var(--ink-0); font-size: 13.5px; font-weight: 500; } .brand-chevron { color: var(--ink-3); margin-left: auto; } .brand-search { width: 32px; height: 32px; color: var(--ink-2); cursor: pointer; background: #ffffff08; border: 1px solid #ffffff0f; border-radius: 10px; place-items: center; margin-left: 4px; transition: background .25s; display: grid; } .brand-search:hover { color: var(--ink-0); background: #ffffff14; } .nav-section { font-family: var(--font-mono); letter-spacing: .18em; color: var(--ink-3); text-transform: uppercase; z-index: 2; padding: 14px 12px 8px; font-size: 10.5px; position: relative; } .nav-item { --lg-mx: 50%; --lg-my: 50%; --lg-hover: 0; color: var(--ink-1); cursor: pointer; z-index: 2; transition: color .25s, transform .3s var(--ease-out), background .25s; isolation: isolate; border: 1px solid #0000; border-radius: 14px; align-items: center; gap: 12px; padding: 9px 12px; font-size: 13.5px; display: flex; position: relative; overflow: hidden; } .nav-item:after { content: ""; border-radius: inherit; background: radial-gradient(circle 140px at var(--lg-mx) var(--lg-my), rgba(255, 255, 255, calc(var(--lg-hover) * .12)) 0%, transparent 55%); pointer-events: none; z-index: -1; opacity: calc(.4 + var(--lg-hover) * .6); mix-blend-mode: screen; transition: opacity .25s; position: absolute; inset: 0; } .nav-item:hover { color: var(--ink-0); background: #ffffff0a; } .nav-item svg { color: currentColor; flex-shrink: 0; } .nav-item .dot { border-radius: 50%; width: 8px; height: 8px; } .nav-item.active { color: var(--ink-0); background: linear-gradient(#ffffff1a, #ffffff0a); border: 1px solid #ffffff29; box-shadow: inset 0 1px #ffffff2e, inset 0 -1px #0003, 0 6px 18px -6px #00000080; } .nav-item.active:after { content: ""; background: #ffffffb3; border-radius: 50%; width: 4px; height: 4px; position: absolute; right: 10px; box-shadow: 0 0 8px #ffffff80; } .sidebar-footer { z-index: 2; border-top: 1px solid #ffffff0f; align-items: center; gap: 10px; margin-top: auto; padding: 10px 8px; display: flex; position: relative; } .avatar { background: linear-gradient(135deg, var(--violet), var(--neb-magenta)); width: 30px; height: 30px; font-family: var(--font-mono); color: #fff; border-radius: 10px; place-items: center; font-size: 11px; font-weight: 600; display: grid; } .main { flex-direction: column; gap: 18px; min-width: 0; display: flex; } .crumbs { align-items: center; gap: 10px; padding: 4px 8px; font-size: 13.5px; display: flex; } .crumbs .crumb-muted { color: var(--ink-2); } .crumbs .crumb-sep { color: var(--ink-3); } .crumbs .crumb-curr { color: var(--ink-0); font-weight: 500; } .hero { border-radius: var(--r-xl); flex-wrap: wrap; align-items: center; gap: 18px; padding: 22px; display: flex; } .hero-avatar { width: 64px; height: 64px; font-family: var(--font-display); color: #fff; isolation: isolate; background: radial-gradient(circle at 30% 30%, oklch(75% .2 320), oklch(50% .2 295) 60%, oklch(30% .18 280)); border-radius: 20px; flex-shrink: 0; place-items: center; font-size: 30px; font-style: italic; display: grid; position: relative; box-shadow: inset 0 0 0 1px #fff3, 0 12px 32px -8px oklch(50% .2 295 / .5); } .hero-avatar:after { content: ""; border-radius: inherit; z-index: 1; background: radial-gradient(at 40% 20%, #fff6, #0000 50%); position: absolute; inset: 1px; } .hero-avatar > span { z-index: 2; } .hero-id { flex-direction: column; gap: 2px; margin-right: 8px; display: flex; } .hero-name { font-family: var(--font-display); letter-spacing: -.01em; font-size: 26px; } .hero-role { font-family: var(--font-mono); letter-spacing: .18em; text-transform: uppercase; color: var(--ink-2); font-size: 11px; } .hero-actions { flex-wrap: wrap; align-items: center; gap: 10px; margin-left: auto; display: flex; } .btn { --lg-mx: 50%; --lg-my: 50%; --lg-hover: 0; --lg-press: 0; height: 40px; color: var(--ink-0); cursor: pointer; isolation: isolate; -webkit-backdrop-filter: blur(14px) saturate(150%); backdrop-filter: blur(14px) saturate(150%); transform: scale(calc(1 + var(--lg-hover) * .018 - var(--lg-press) * .03)); white-space: nowrap; background: #0000001a; border: .5px solid #ffffff0f; border-radius: 999px; align-items: center; gap: 10px; padding: 0 20px; font-size: 13.5px; font-weight: 500; transition: transform .35s cubic-bezier(.16, 1, .3, 1), border-color .25s, box-shadow .3s, background .25s; display: inline-flex; position: relative; box-shadow: inset 0 1px 2px #0000004d, inset 0 -.5px #ffffff14, inset 0 0 0 .5px #00000026; } .btn:hover { background: #00000029; border-color: #ffffff1a; } .btn:after { content: ""; border-radius: inherit; background: radial-gradient(circle 80px at var(--lg-mx) var(--lg-my), rgba(255, 255, 255, calc(var(--lg-hover) * .06)) 0%, transparent 70%); pointer-events: none; z-index: 0; mix-blend-mode: screen; position: absolute; inset: 0; } .btn > * { z-index: 1; position: relative; } .btn .ico { color: var(--ink-1); } .btn-accent { color: var(--ink-0); background: #ffffff0a; border: .5px solid #ffffff24; font-weight: 600; box-shadow: inset 0 1px 2px #0003, inset 0 0 0 .5px #ffffff29, inset 0 -.5px #ffffff2e; } .btn-accent:after { background: radial-gradient(circle 80px at var(--lg-mx) var(--lg-my), rgba(255, 255, 255, calc(var(--lg-hover) * .1)) 0%, transparent 70%); } .btn-accent:hover { background: #ffffff14; border-color: #ffffff38; } .btn-accent .ico { color: var(--ink-0); } .btn-icon { justify-content: center; width: 42px; padding: 0; } .pill { border-radius: var(--r-pill); font-family: var(--font-mono); letter-spacing: .06em; white-space: nowrap; border: 1px solid #0000; align-items: center; gap: 6px; padding: 5px 12px; font-size: 11px; display: inline-flex; } .pill-warn { color: oklch(85% .14 75); background: var(--warn-soft); border-color: oklch(85% .14 75 / .35); } .pill-ok { color: oklch(85% .16 165); background: var(--ok-soft); border-color: oklch(85% .16 165 / .35); } .pill-violet { color: oklch(85% .16 295); background: var(--violet-soft); border-color: oklch(85% .16 295 / .35); } .pill-mono { color: var(--ink-2); background: #ffffff0a; border-color: #ffffff1a; } .tabs { border-radius: var(--r-pill); -webkit-backdrop-filter: blur(14px) saturate(160%); backdrop-filter: blur(14px) saturate(160%); background: #ffffff0a; border: 1px solid #ffffff14; gap: 4px; width: fit-content; padding: 5px; display: flex; box-shadow: inset 0 1px #ffffff1f, inset 0 -1px #0000002e; } .tab { --lg-mx: 50%; --lg-my: 50%; --lg-hover: 0; border-radius: var(--r-pill); color: var(--ink-2); cursor: pointer; transition: color .25s, background .4s var(--ease-out), border-color .3s; border: 1px solid #0000; padding: 9px 18px; font-size: 13px; position: relative; } .tab:hover { color: var(--ink-0); } .tab.active { color: var(--ink-0); background: #ffffff1a; border: 1px solid #ffffff2e; box-shadow: inset 0 1px #ffffff38, inset 0 -1px #00000038, 0 6px 18px -10px #00000080; } .exec-card { border-radius: var(--r-lg); flex-direction: column; gap: 10px; padding: 18px 20px; display: flex; } .exec-row { flex-wrap: wrap; align-items: center; gap: 10px; display: flex; } .exec-id { font-family: var(--font-mono); color: var(--ink-2); font-size: 11.5px; } .exec-time { color: var(--ink-3); margin-left: auto; font-size: 12px; } .exec-body { color: var(--ink-1); font-size: 14px; line-height: 1.6; } .exec-body code { font-family: var(--font-mono); color: var(--ink-0); background: #ffffff0f; border: 1px solid #ffffff14; border-radius: 6px; padding: 1px 7px; font-size: 12px; } .exec-body a { color: var(--accent); border-bottom: 1px dashed oklch(82% .16 215 / .4); text-decoration: none; } .sec-head { justify-content: space-between; align-items: baseline; padding: 0 4px; display: flex; } .sec-title { font-family: var(--font-display); letter-spacing: -.01em; color: var(--ink-0); font-size: 22px; } .sec-link { color: var(--ink-2); align-items: center; gap: 6px; font-size: 13px; text-decoration: none; transition: color .25s, gap .3s; display: inline-flex; } .sec-link:hover { color: var(--accent); gap: 10px; } .kpi-grid { grid-template-columns: 1fr 1fr; gap: 16px; display: grid; } .kpi-card { border-radius: var(--r-lg); flex-direction: column; gap: 16px; min-height: 240px; padding: 20px; display: flex; overflow: hidden; } .kpi-head { justify-content: space-between; align-items: baseline; display: flex; } .kpi-title { font-family: var(--font-display); color: var(--ink-0); font-size: 18px; } .kpi-sub { font-family: var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); font-size: 10.5px; } .kpi-big { font-family: var(--font-display); letter-spacing: -.02em; font-size: 44px; line-height: 1; } .kpi-foot { flex-wrap: wrap; align-items: center; gap: 14px; margin-top: auto; display: flex; } .legend { color: var(--ink-2); font-size: 11.5px; font-family: var(--font-mono); align-items: center; gap: 7px; display: inline-flex; } .legend-dot { border-radius: 50%; width: 7px; height: 7px; box-shadow: 0 0 8px; } .chart-wrap { flex: 1; min-height: 130px; position: relative; } .chart-xaxis { font-family: var(--font-mono); color: var(--ink-3); justify-content: space-between; margin-top: 8px; padding: 0 4px; font-size: 10.5px; display: flex; } .mission-row { border-radius: var(--r-md); transition: transform .4s var(--ease-out), background .3s, border-color .3s; cursor: pointer; background: #ffffff08; border: 1px solid #ffffff0d; align-items: center; gap: 14px; padding: 14px 18px; display: flex; } .mission-row:hover { background: #ffffff0f; border-color: #ffffff1f; } .mission-id { font-family: var(--font-mono); color: var(--ink-2); background: #ffffff0a; border: 1px solid #ffffff0f; border-radius: 8px; padding: 4px 9px; font-size: 11.5px; } .mission-name { color: var(--ink-0); flex: 1; font-size: 14px; } .cost-grid { grid-template-columns: repeat(4, 1fr); gap: 14px; padding: 4px; display: grid; } .cost-card { border-radius: var(--r-md); padding: 18px; } .cost-label { font-family: var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); margin-bottom: 8px; font-size: 10.5px; } .cost-val { font-family: var(--font-display); letter-spacing: -.01em; font-size: 28px; } .cost-val.accent { color: var(--accent); } .tbl { border-collapse: collapse; width: 100%; font-size: 13.5px; } .tbl thead th { text-align: left; font-family: var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); border-bottom: 1px solid #ffffff0f; padding: 12px 18px; font-size: 10.5px; font-weight: 500; } .tbl tbody td { color: var(--ink-1); border-bottom: 1px solid #ffffff0a; padding: 16px 18px; } .tbl tbody tr:last-child td { border-bottom: none; } .tbl tbody tr:hover td { background: #ffffff05; } .tbl .mono { font-family: var(--font-mono); font-size: 12.5px; } .tbl .num { text-align: right; } ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-track { background: none; } ::-webkit-scrollbar-thumb { background: #ffffff14 padding-box padding-box; border: 2px solid #0000; border-radius: 99px; } ::-webkit-scrollbar-thumb:hover { background-color: #ffffff2e; background-clip: padding-box; } .chart-svg { width: 100%; height: 100%; display: block; } @keyframes twinkle { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: .7; transform: scale(.85); } } .pulse { position: relative; } .pulse:after { content: ""; opacity: .4; animation: pulse 2.4s var(--ease-out) infinite; border: 1px solid; border-radius: 50%; position: absolute; inset: -4px; } @keyframes pulse { 50% { opacity: .5; } } .milkyway-layer[data-variant="voielactee"] { background: radial-gradient(1100px 600px at 92% 6%, #ffe6c8f2 0%, #ffc3a08c 28%, #b4785a33 58%, #0000 82%), radial-gradient(700px 1100px at 100%, #ffdcbebf 0%, #ffb99666 28%, #96645026 58%, #0000 82%), radial-gradient(1500px 500px at 50% 100%, #ffd7b4bf 0%, #ffb99666 28%, #96645026 58%, #0000 82%); } .milkyway-layer[data-variant="voielactee"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .85; background: linear-gradient(108deg, #0000 0%, #dcc3af17 28%, #dcc3af2e 50%, #dcc3af17 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="voielactee"]:after { content: ""; opacity: .45; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="nebula-rose"] { background: radial-gradient(1200px 900px at 78% 35%, #ff96b4a6 0%, #dc5a8c59 28%, #8c32642e 58%, #0000 82%), radial-gradient(500px 400px at 80% 30%, #ffb4c8bf 0%, #e66ea066 28%, #a0467826 58%, #0000 82%), radial-gradient(900px 700px at 10% 95%, #6e32a066 0%, #50288233 28%, #2814501a 58%, #0000 82%); } .milkyway-layer[data-variant="nebula-rose"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .7; background: linear-gradient(120deg, #0000 0%, #ffaac31c 28%, #ffaac338 50%, #ffaac31c 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="nebula-rose"]:after { content: ""; opacity: .35; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="aurora-blue"] { background: radial-gradient(1300px 800px at 85% 10%, #8cdcff80 0%, #5aaadc47 28%, #3264aa1f 58%, #0000 82%), radial-gradient(900px 700px at 5% 25%, #5078dc66 0%, #3c5aaa33 28%, #1e32781a 58%, #0000 82%), radial-gradient(1600px 500px at 50% 100%, #64b4c866 0%, #4682aa33 28%, #2850781a 58%, #0000 82%); } .milkyway-layer[data-variant="aurora-blue"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .7; background: linear-gradient(95deg, #0000 0%, #b4dcf517 28%, #b4dcf52e 50%, #b4dcf517 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="aurora-blue"]:after { content: ""; opacity: .3; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="deepspace"] { background: radial-gradient(600px 400px at 88% 15%, #c8b4dc52 0%, #9682b42e 28%, #645a8c14 58%, #0000 82%), radial-gradient(1400px 200px at 50% 100%, #b4a0b433 0%, #786e821a 28%, #3c37460d 58%, #0000 82%); } .milkyway-layer[data-variant="deepspace"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .5; background: linear-gradient(108deg, #0000 0%, #dcdce60a 28%, #dcdce614 50%, #dcdce60a 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="deepspace"]:after { content: ""; opacity: .2; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="hubble-pillars"] { background: radial-gradient(1100px 850px at 70% 40%, #8cc88c80 0%, #64a06e4d 28%, #3c644626 58%, #0000 82%), radial-gradient(700px 500px at 20% 15%, #ffc88c66 0%, #c88c5a38 28%, #6e4b281a 58%, #0000 82%), radial-gradient(900px 500px at 15% 90%, #b48c6459 0%, #785a3c2e 28%, #3c2d1e14 58%, #0000 82%); } .milkyway-layer[data-variant="hubble-pillars"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .75; background: linear-gradient(80deg, #0000 0%, #b4c88c17 28%, #b4c88c2e 50%, #b4c88c17 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="hubble-pillars"]:after { content: ""; opacity: .45; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="orion"] { background: radial-gradient(1100px 850px at 55% 45%, #ff8c64a6 0%, #dc645066 28%, #8c3c322e 58%, #0000 82%), radial-gradient(600px 500px at 30% 25%, #b4d2ff73 0%, #82aae640 28%, #5078b41f 58%, #0000 82%), radial-gradient(800px 600px at 80% 85%, #ffb47873 0%, #c8825040 28%, #7850321f 58%, #0000 82%); } .milkyway-layer[data-variant="orion"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .8; background: linear-gradient(65deg, #0000 0%, #ffaa821a 28%, #ffaa8233 50%, #ffaa821a 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="orion"]:after { content: ""; opacity: .4; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="carina"] { background: radial-gradient(1200px 900px at 40% 30%, #ff508c8c 0%, #c832784d 28%, #821e5026 58%, #0000 82%), radial-gradient(700px 600px at 85% 15%, #78dcff73 0%, #50a0d240 28%, #2864a01f 58%, #0000 82%), radial-gradient(600px 500px at 15% 85%, #ff64b466 0%, #be468233 28%, #6e28501a 58%, #0000 82%); } .milkyway-layer[data-variant="carina"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .8; background: linear-gradient(100deg, #0000 0%, #ff78aa1c 28%, #ff78aa38 50%, #ff78aa1c 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="carina"]:after { content: ""; opacity: .4; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="veil"] { background: radial-gradient(1400px 600px at 30% 40%, #50dcb480 0%, #32aa9647 28%, #1e645a1f 58%, #0000 82%), radial-gradient(800px 1100px at 85% 60%, #dc50b473 0%, #aa3c8c40 28%, #64285a1a 58%, #0000 82%); } .milkyway-layer[data-variant="veil"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .75; background: linear-gradient(140deg, #0000 0%, #96c8c817 28%, #96c8c82e 50%, #96c8c817 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="veil"]:after { content: ""; opacity: .5; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="lagune"] { background: radial-gradient(1200px 800px at 60% 30%, #ff82b48c 0%, #dc5a8c4d 28%, #8c325a26 58%, #0000 82%), radial-gradient(900px 700px at 25% 70%, #ffc88c73 0%, #dca06440 28%, #8c643c1f 58%, #0000 82%), radial-gradient(600px 500px at 90% 90%, #ff96c866 0%, #c86ea038 28%, #783c641a 58%, #0000 82%); } .milkyway-layer[data-variant="lagune"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .78; background: linear-gradient(115deg, #0000 0%, #ffa0aa1a 28%, #ffa0aa33 50%, #ffa0aa1a 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="lagune"]:after { content: ""; opacity: .45; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="crab"] { background: radial-gradient(1300px 900px at 50% 45%, #ff5a5a8c 0%, #c83c504d 28%, #82283c26 58%, #0000 82%), radial-gradient(700px 500px at 80% 20%, #b478dc73 0%, #8c5ab440 28%, #5037781f 58%, #0000 82%), radial-gradient(700px 500px at 15% 80%, #78b4dc59 0%, #5a8cb433 28%, #3250781a 58%, #0000 82%); } .milkyway-layer[data-variant="crab"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .85; background: linear-gradient(90deg, #0000 0%, #dc8ca01c 28%, #dc8ca038 50%, #dc8ca01c 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="crab"]:after { content: ""; opacity: .5; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="iris"] { background: radial-gradient(1200px 900px at 55% 40%, #8cb4ff8c 0%, #648cdc4d 28%, #325aaa26 58%, #0000 82%), radial-gradient(600px 500px at 90% 90%, #b4c8ff59 0%, #82a0dc33 28%, #4664a01a 58%, #0000 82%); } .milkyway-layer[data-variant="iris"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .75; background: linear-gradient(85deg, #0000 0%, #a0befa1a 28%, #a0befa33 50%, #a0befa1a 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="iris"]:after { content: ""; opacity: .3; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="cats-eye"] { background: radial-gradient(900px 700px at 50% 45%, #ff50508c 0%, #b4283c4d 28%, #6e142826 58%, #0000 82%), radial-gradient(1500px 1100px at 50% 45%, #50dcff4d 0%, #32aad22e 28%, #1e6e9614 58%, #0000 82%); } .milkyway-layer[data-variant="cats-eye"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .65; background: linear-gradient(0deg, #0000 0%, #c8a0b412 28%, #c8a0b426 50%, #c8a0b412 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="cats-eye"]:after { content: ""; opacity: .4; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="tarantula"] { background: radial-gradient(1300px 900px at 45% 45%, #ff64c88c 0%, #c846a04d 28%, #82286e26 58%, #0000 82%), radial-gradient(600px 500px at 15% 15%, #8cb4ff66 0%, #648cd238 28%, #325aa01a 58%, #0000 82%), radial-gradient(600px 500px at 85% 85%, #ff8cd266 0%, #c864aa38 28%, #783c6e1a 58%, #0000 82%); } .milkyway-layer[data-variant="tarantula"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .8; background: linear-gradient(120deg, #0000 0%, #ff8cc81c 28%, #ff8cc838 50%, #ff8cc81c 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="tarantula"]:after { content: ""; opacity: .45; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="ring"] { background: radial-gradient(900px 700px at 50% 45%, #50ffb480 0%, #32c88c47 28%, #1e82641f 58%, #0000 82%), radial-gradient(1400px 1100px at 50% 45%, #8cc8ff40 0%, #64a0d226 28%, #3c64a012 58%, #0000 82%); } .milkyway-layer[data-variant="ring"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .7; background: linear-gradient(45deg, #0000 0%, #8ce6c817 28%, #8ce6c82e 50%, #8ce6c817 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="ring"]:after { content: ""; opacity: .35; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="bubble"] { background: radial-gradient(1100px 1000px at 55% 45%, #78c8ff80 0%, #5096dc47 28%, #285aaa21 58%, #0000 82%), radial-gradient(600px 500px at 80% 15%, #ffc8b44d 0%, #c8968c2e 28%, #785a5a14 58%, #0000 82%); } .milkyway-layer[data-variant="bubble"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .72; background: linear-gradient(75deg, #0000 0%, #96c8fa17 28%, #96c8fa2e 50%, #96c8fa17 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="bubble"]:after { content: ""; opacity: .35; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="heart"] { background: radial-gradient(1300px 1000px at 50% 45%, #ff5a8c99 0%, #d23c6e52 28%, #8c285029 58%, #0000 82%), radial-gradient(700px 600px at 20% 80%, #ff8caa6b 0%, #c8648c3d 28%, #783c5a1f 58%, #0000 82%), radial-gradient(600px 500px at 85% 85%, #ffa0b461 0%, #c86e8c33 28%, #783c5a1a 58%, #0000 82%); } .milkyway-layer[data-variant="heart"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .8; background: linear-gradient(110deg, #0000 0%, #ff82a01c 28%, #ff82a038 50%, #ff82a01c 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="heart"]:after { content: ""; opacity: .42; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="horsehead"] { background: radial-gradient(1200px 900px at 55% 40%, #dc503c8c 0%, #a0322d4d 28%, #5a1e1e26 58%, #0000 82%), radial-gradient(600px 500px at 15% 85%, #3c281e4d 0%, #1e140f2e 28%, #0000001a 58%, #0000 82%); } .milkyway-layer[data-variant="horsehead"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .78; background: linear-gradient(55deg, #0000 0%, #c8504617 28%, #c850462e 50%, #c8504617 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="horsehead"]:after { content: ""; opacity: .55; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="andromeda"] { background: radial-gradient(1100px 600px at 48% 45%, #ffdc968c 0%, #dcaa6e4d 28%, #8c644626 58%, #0000 82%), radial-gradient(900px 500px at 78% 25%, #8ca0dc59 0%, #6478b433 28%, #3c508c1a 58%, #0000 82%), radial-gradient(900px 500px at 18% 70%, #8ca0dc59 0%, #6478b433 28%, #3c508c1a 58%, #0000 82%); } .milkyway-layer[data-variant="andromeda"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .85; background: linear-gradient(35deg, #0000 0%, #dcb48c1c 28%, #dcb48c38 50%, #dcb48c1c 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="andromeda"]:after { content: ""; opacity: .45; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="spiral"] { background: radial-gradient(900px 700px, #ffd2aa8c 0%, #dca0824d 28%, #8c645026 58%, #0000 82%), radial-gradient(800px 600px at 20% 30%, #8cb4ff66 0%, #648cdc38 28%, #3c5aaa1a 58%, #0000 82%), radial-gradient(800px 600px at 80% 70%, #8cb4ff66 0%, #648cdc38 28%, #3c5aaa1a 58%, #0000 82%); } .milkyway-layer[data-variant="spiral"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .78; background: linear-gradient(30deg, #0000 0%, #c8c8e617 28%, #c8c8e62e 50%, #c8c8e617 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="spiral"]:after { content: ""; opacity: .5; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="witch-head"] { background: radial-gradient(1300px 900px at 55% 35%, #508cdc8c 0%, #3c64b44d 28%, #1e3c8226 58%, #0000 82%), radial-gradient(700px 600px at 15% 80%, #8cb4ff59 0%, #648cd233 28%, #3c5aa01a 58%, #0000 82%); } .milkyway-layer[data-variant="witch-head"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .78; background: linear-gradient(130deg, #0000 0%, #8cb4f01a 28%, #8cb4f033 50%, #8cb4f01a 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="witch-head"]:after { content: ""; opacity: .4; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="sunset"] { background: radial-gradient(1800px 700px at 50% 100%, #ffa05099 0%, #c86e3c52 28%, #82462826 58%, #0000 82%), radial-gradient(1400px 600px at 50% 10%, #3c50a073 0%, #283c7840 28%, #141e501f 58%, #0000 82%); } .milkyway-layer[data-variant="sunset"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .8; background: linear-gradient(0deg, #0000 0%, #ff8c501c 28%, #ff8c5038 50%, #ff8c501c 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="sunset"]:after { content: ""; opacity: .35; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="polar"] { background: radial-gradient(1500px 600px at 50% 40%, #50ffb48c 0%, #32c8964d 28%, #1e826426 58%, #0000 82%), radial-gradient(900px 500px at 30% 80%, #78b4ff66 0%, #508cdc38 28%, #3264aa1a 58%, #0000 82%), radial-gradient(600px 500px at 80% 15%, #b4ffdc59 0%, #82c8b433 28%, #508c821a 58%, #0000 82%); } .milkyway-layer[data-variant="polar"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .8; background: linear-gradient(160deg, #0000 0%, #64e6b41c 28%, #64e6b438 50%, #64e6b41c 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="polar"]:after { content: ""; opacity: .35; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="magellanic"] { background: radial-gradient(1100px 850px at 70% 35%, #dcc8b480 0%, #b4a08c47 28%, #6e645a1f 58%, #0000 82%), radial-gradient(800px 600px at 25% 65%, #b4c8e659 0%, #8296b433 28%, #5064821a 58%, #0000 82%); } .milkyway-layer[data-variant="magellanic"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .72; background: linear-gradient(95deg, #0000 0%, #c8c8d214 28%, #c8c8d229 50%, #c8c8d214 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="magellanic"]:after { content: ""; opacity: .4; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="pulsar"] { background: radial-gradient(600px 500px, #b48cffb3 0%, #8c64dc66 28%, #503ca033 58%, #0000 82%), radial-gradient(1500px 1200px, #648cff4d 0%, #4664c82e 28%, #283c9614 58%, #0000 82%), radial-gradient(500px 400px at 85% 15%, #dcb4ff4d 0%, #aa82dc2e 28%, #6e50a014 58%, #0000 82%); } .milkyway-layer[data-variant="pulsar"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .78; background: linear-gradient(60deg, #0000 0%, #968cfa1c 28%, #968cfa38 50%, #968cfa1c 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="pulsar"]:after { content: ""; opacity: .4; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="plasma"] { background: radial-gradient(1200px 900px at 50% 45%, #64ff8c8c 0%, #46c86e4d 28%, #28825026 58%, #0000 82%), radial-gradient(600px 500px at 15% 15%, #ffc8644d 0%, #c8a0502e 28%, #78643214 58%, #0000 82%); } .milkyway-layer[data-variant="plasma"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .75; background: linear-gradient(50deg, #0000 0%, #96ffb41a 28%, #96ffb433 50%, #96ffb41a 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="plasma"]:after { content: ""; opacity: .45; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="midnight"] { background: radial-gradient(900px 700px at 90% 10%, #505a8c73 0%, #323c6440 28%, #191e3c1f 58%, #0000 82%), radial-gradient(700px 500px at 10% 90%, #64508c59 0%, #46376433 28%, #281e3c1a 58%, #0000 82%); } .milkyway-layer[data-variant="midnight"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .65; background: linear-gradient(115deg, #0000 0%, #7882b412 28%, #7882b424 50%, #7882b412 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="midnight"]:after { content: ""; opacity: .3; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="inferno"] { background: radial-gradient(1800px 800px at 50% 100%, #ff6428a6 0%, #c8461e59 28%, #8228142e 58%, #0000 82%), radial-gradient(700px 500px at 85% 30%, #ff965073 0%, #c86e3240 28%, #82461e1f 58%, #0000 82%), radial-gradient(600px 500px at 15% 30%, #c8282866 0%, #961e1e38 28%, #5a0f0f1a 58%, #0000 82%); } .milkyway-layer[data-variant="inferno"]:before { content: ""; filter: blur(18px); mix-blend-mode: screen; opacity: .82; background: linear-gradient(30deg, #0000 0%, #ff5a281c 28%, #ff5a2838 50%, #ff5a281c 72%, #0000 100%); animation: 140s ease-in-out infinite alternate galaxyDrift; position: absolute; inset: -30%; } .milkyway-layer[data-variant="inferno"]:after { content: ""; opacity: .5; mix-blend-mode: multiply; background: url("data:image/svg+xml;utf8,") center / 100% 100% no-repeat; animation: 180s ease-in-out infinite alternate-reverse galaxyDrift; position: absolute; inset: -30%; } .twk-panel { color: #f6f2ff !important; background: #14101cc7 !important; border-color: #ffffff1a !important; box-shadow: inset 0 1px #ffffff1a, 0 12px 40px #00000080 !important; } .twk-panel .twk-hd b { color: #f6f2ff; } .twk-panel .twk-lbl { color: #f6f2ffb8 !important; } .twk-panel .twk-val { color: #f6f2ff80 !important; } .twk-panel .twk-sect, .twk-panel .twk-x { color: #f6f2ff8c !important; } .twk-panel .twk-x:hover { color: #f6f2ff !important; background: #ffffff14 !important; } .sb-toggle { z-index: 100; width: 40px; height: 40px; color: var(--ink-0); cursor: pointer; -webkit-backdrop-filter: blur(20px) saturate(150%); backdrop-filter: blur(20px) saturate(150%); background: #0000004d; border: .5px solid #ffffff14; border-radius: 12px; display: none; position: fixed; top: 24px; left: 24px; box-shadow: inset 0 1px 2px #0000004d, inset 0 0 0 .5px #ffffff1a; } .sb-backdrop { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); z-index: 50; background: #00000073; display: none; position: fixed; inset: 0; } .stats-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; padding: 0; display: grid; } .stat-card { border-radius: var(--r-lg); flex-direction: column; gap: 8px; padding: 22px 24px; display: flex; } .stat-head { justify-content: space-between; align-items: center; display: flex; } .stat-label { font-family: var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); font-size: 10.5px; } .stat-icon { width: 32px; height: 32px; color: var(--ink-1); background: #ffffff0a; border: .5px solid #ffffff14; border-radius: 10px; place-items: center; display: grid; } .stat-value { font-family: var(--font-display); letter-spacing: -.02em; font-size: 42px; line-height: 1; } .stat-sub { color: var(--ink-2); font-size: 12.5px; } .home-grid { grid-template-columns: 2fr 1fr; gap: 16px; display: grid; } .expert-row { cursor: pointer; align-items: center; gap: 14px; padding: 14px 16px; display: flex; } .expert-row.glass-soft { border-radius: 14px; } .expert-avatar { width: 40px; height: 40px; font-family: var(--font-display); color: #fff; border-radius: 12px; flex-shrink: 0; place-items: center; font-size: 18px; font-style: italic; display: grid; box-shadow: inset 0 1px #fff3; } .inbox-row { cursor: pointer; align-items: center; gap: 14px; padding: 14px 18px; transition: background .25s; display: flex; } .inbox-row:hover { background: #ffffff08; } .fld { flex-direction: column; gap: 6px; display: flex; } .fld-label { font-family: var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-3); font-size: 10.5px; } .fld-hint { color: var(--ink-3); margin-top: 2px; font-size: 12px; } .fld-input { width: 100%; color: var(--ink-0); font-family: var(--font-sans); background: #0000002e; border: .5px solid #ffffff14; border-radius: 10px; outline: none; padding: 11px 14px; font-size: 14px; transition: border-color .2s, box-shadow .2s; box-shadow: inset 0 1px 2px #00000040; } .fld-input:focus { border-color: #fff3; box-shadow: inset 0 1px 2px #0000004d, 0 0 0 3px #ffffff0a; } .fld-input::placeholder { color: var(--ink-3); } textarea.fld-input { resize: vertical; min-height: 100px; font-family: var(--font-sans); } select.fld-input { appearance: none; background-image: url("data:image/svg+xml;utf8,"); background-position: right 14px center; background-repeat: no-repeat; padding-right: 34px; } .fld-priority { gap: 8px; display: flex; } .prio-chip { color: var(--ink-1); cursor: pointer; background: #0000002e; border: .5px solid #ffffff0f; border-radius: 10px; flex: 1; padding: 10px 12px; font-size: 12.5px; transition: all .2s; box-shadow: inset 0 1px 2px #00000040; } .prio-chip:hover { color: var(--ink-0); border-color: #ffffff24; } .prio-chip.active { color: var(--ink-0); background: #ffffff0f; border-color: #fff3; } .prio-chip.prio-critique.active { box-shadow: inset 0 0 12px oklch(70% .2 25 / .2), inset 0 1px 2px #00000040; } .prio-chip.prio-haute.active { box-shadow: inset 0 0 12px oklch(80% .18 35 / .18), inset 0 1px 2px #00000040; } .prio-chip.prio-moyenne.active { box-shadow: inset 0 0 12px oklch(85% .16 95 / .18), inset 0 1px 2px #00000040; } .prio-chip.prio-basse.active { box-shadow: inset 0 0 12px oklch(70% .05 250 / .18), inset 0 1px 2px #00000040; } .btn[disabled] { opacity: .4; cursor: not-allowed; } .missions-tbl tbody tr { cursor: pointer; } .sidebar-footer-text { flex-direction: column; min-width: 0; font-size: 12px; line-height: 1.3; display: flex; } @media (min-width: 721px) and (max-width: 1100px) { .app { grid-template-columns: 68px 1fr; gap: 14px; padding: 14px; transition: grid-template-columns .5s cubic-bezier(.22, 1, .36, 1) .55s; } .app:has(.sidebar:hover) { grid-template-columns: 268px 1fr; transition: grid-template-columns .5s cubic-bezier(.22, 1, .36, 1) .4s; } .sidebar { padding: 14px 12px; overflow: hidden; } .sidebar:hover { padding: 14px 12px; } .brand-chevron, .brand-search, .sidebar-footer-text { display: none; } .sidebar:hover .brand-chevron, .sidebar:hover .brand-search, .sidebar:hover .sidebar-footer-text { display: revert; } .brand-name, .nav-item span:not(.dot) { opacity: 0; white-space: nowrap; pointer-events: none; max-width: 0; transition: opacity .2s, max-width .4s cubic-bezier(.22, 1, .36, 1); overflow: hidden; } .sidebar:hover .brand-name, .sidebar:hover .nav-item span:not(.dot) { opacity: 1; pointer-events: auto; max-width: 240px; transition: opacity .3s .65s, max-width .45s cubic-bezier(.22, 1, .36, 1) .5s; } .brand, .nav-item, .sidebar-footer { justify-content: flex-start; gap: 12px; padding-left: 0; padding-right: 0; } .brand { padding-top: 6px; padding-bottom: 14px; } .nav-item { padding-top: 9px; padding-bottom: 9px; } .sidebar-footer { padding-top: 10px; padding-bottom: 10px; } .nav-item .dot { width: 8px; height: 8px; margin-left: 4.5px; margin-right: 4.5px; } .nav-item.active:after { opacity: 0; transition: opacity .2s; } .sidebar:hover .nav-item.active:after { opacity: 1; transition: opacity .25s .75s; } .nav-section { opacity: 0; height: 0; margin: 0; padding: 0; transition: height .35s cubic-bezier(.22, 1, .36, 1), opacity .2s; overflow: hidden; } .sidebar:hover .nav-section { opacity: 1; height: 22px; padding: 14px 0 8px; transition: height .4s cubic-bezier(.22, 1, .36, 1) .5s, opacity .3s .7s; } .nav-item > span[style*="auto"] { display: none; } .sidebar:hover .nav-item > span[style*="auto"] { display: inline; } .stats-grid { grid-template-columns: 1fr 1fr 1fr; } .home-grid, .kpi-grid { grid-template-columns: 1fr 1fr; } .hero-actions { gap: 8px; } .btn { height: 38px; padding: 0 14px; } .cost-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 720px) { .app { grid-template-columns: 1fr; gap: 0; padding: 0; } .sidebar { z-index: 60; width: 250px; height: calc(100vh - 24px); padding: 14px 12px; transition: transform .4s cubic-bezier(.16, 1, .3, 1); position: fixed; top: 12px; left: 12px; transform: translateX(calc(-100% - 16px)); } .sidebar .brand-name, .sidebar .brand-chevron, .sidebar .brand-search, .sidebar .nav-item span:not(.dot), .sidebar .nav-section, .sidebar .sidebar-footer-text { display: revert; } .sidebar .nav-item { justify-content: flex-start; padding: 9px 12px; } .sidebar .nav-item.active:after { right: 10px; } .sidebar .brand { justify-content: flex-start; padding: 10px 10px 14px; } .sidebar .sidebar-footer { justify-content: flex-start; } .app--sb-open .sidebar { transform: translateX(0); } .sb-toggle { place-items: center; display: grid; } .app--sb-open .sb-backdrop { display: block; } .main { gap: 14px; padding: 64px 14px 14px; } .stats-grid, .home-grid, .kpi-grid, .cost-grid { grid-template-columns: 1fr; } .hero { flex-direction: column; align-items: flex-start; padding: 16px; } .hero-actions { width: 100%; } .hero-actions .btn { flex: calc(50% - 5px); justify-content: center; } .hero-id { margin-right: 0; } .tabs { flex-wrap: nowrap; max-width: 100%; overflow-x: auto; } .tab { white-space: nowrap; } .missions-tbl thead th:nth-child(3), .missions-tbl tbody td:nth-child(3), .missions-tbl thead th:nth-child(6), .missions-tbl tbody td:nth-child(6) { display: none; } .nav-item, .btn, .tab { min-height: 40px; } .crumbs .crumb-curr { font-size: 26px !important; } .fld-row { grid-template-columns: 1fr !important; } .fld-priority { flex-wrap: wrap; } .prio-chip { flex: calc(50% - 4px); } .glass, .btn, .nav-item { transform: scale(1) !important; } } .page-head { align-items: center; gap: 10px; padding: 0 0 4px; display: flex; } .page-title { font-family: var(--font-mono); letter-spacing: .2em; text-transform: uppercase; color: var(--ink-0); margin: 0; font-size: 13.5px; font-weight: 500; } .sec-title--mono { font-family: var(--font-mono); letter-spacing: .18em; text-transform: uppercase; color: var(--ink-2); font-size: 12px; } .block-title { font-family: var(--font-display); letter-spacing: -.01em; color: var(--ink-0); margin: 0; font-size: 20px; } .toolbar { flex-wrap: wrap; align-items: center; gap: 10px; display: flex; } .icon-btn { height: 34px; color: var(--ink-1); cursor: pointer; -webkit-backdrop-filter: blur(10px) saturate(150%); backdrop-filter: blur(10px) saturate(150%); background: #0000001a; border: .5px solid #ffffff0f; border-radius: 10px; align-items: center; gap: 6px; padding: 0 12px; font-size: 12.5px; transition: background .2s, color .2s, border-color .2s; display: inline-flex; box-shadow: inset 0 1px 2px #0003, inset 0 0 0 .5px #0000001a; } .icon-btn:hover { color: var(--ink-0); background: #0000002e; border-color: #ffffff1f; } .underline-tabs { border-bottom: 1px solid #ffffff0f; flex-wrap: wrap; align-items: flex-end; gap: 28px; display: flex; } .utab { color: var(--ink-2); cursor: pointer; white-space: nowrap; padding: 8px 0 12px; font-size: 13.5px; transition: color .25s; position: relative; } .utab:hover { color: var(--ink-0); } .utab.active { color: var(--ink-0); font-weight: 500; } .utab.active:after { content: ""; background: oklch(82% .16 215); border-radius: 1px; height: 2px; position: absolute; bottom: -1px; left: 0; right: 0; box-shadow: 0 0 8px oklch(82% .16 215 / .5); } .period-tabs { flex-wrap: wrap; align-items: center; gap: 22px; display: flex; } .period-tabs .utab { padding: 4px 0; } .search-fld { background: #0000002e; border: .5px solid #ffffff0f; border-radius: 999px; flex: 0 280px; align-items: center; gap: 8px; height: 36px; padding: 0 12px; display: inline-flex; box-shadow: inset 0 1px 2px #00000040; } .search-fld input { color: var(--ink-0); font-size: 13.5px; font-family: var(--font-sans); background: none; border: none; outline: none; flex: 1; } .search-fld input::placeholder { color: var(--ink-3); } .search-fld svg { color: var(--ink-3); flex-shrink: 0; } .view-toggle { background: #0000002e; border: .5px solid #ffffff14; border-radius: 10px; display: flex; overflow: hidden; box-shadow: inset 0 1px 2px #00000040; } .vbtn { width: 34px; height: 34px; color: var(--ink-3); cursor: pointer; background: none; border: none; place-items: center; transition: background .2s, color .2s; display: grid; } .vbtn:hover { color: var(--ink-1); } .vbtn.active { color: oklch(82% .18 295); background: #7a5ae04d; } .kanban { grid-template-columns: repeat(7, minmax(150px, 1fr)); gap: 14px; display: grid; overflow-x: auto; } .kcol { background: #0000001f; border: .5px dashed #ffffff0f; border-radius: 12px; flex-direction: column; gap: 12px; min-height: 220px; padding: 10px; display: flex; } .kcol-head { align-items: center; gap: 8px; display: flex; } .kcol-circle { border: 2px solid; border-radius: 99px; flex-shrink: 0; width: 18px; height: 18px; } .kcol-label { font-family: var(--font-mono); letter-spacing: .14em; text-transform: uppercase; color: var(--ink-2); font-size: 10.5px; } .kcol-counter { font-family: var(--font-mono); color: var(--ink-3); margin-left: auto; font-size: 12.5px; } .kcard { cursor: pointer; border-radius: 10px; flex-direction: column; gap: 6px; padding: 12px; transition: transform .25s, border-color .25s; display: flex; } .kcard:hover { border-color: #ffffff2e; } .kcol-body { flex-direction: column; flex: 1; gap: 8px; display: flex; } .expert-feed-row { background: #0000001f; border: .5px solid #ffffff0f; border-radius: 14px; flex-direction: column; gap: 10px; padding: 14px 16px; display: flex; } .expert-feed-head { align-items: center; gap: 10px; display: flex; } .expert-feed-name { color: var(--ink-0); flex: 1; font-size: 14px; font-weight: 500; } .expert-feed-status { color: var(--ink-2); padding-left: 32px; font-size: 12.5px; } .expert-feed-task { color: var(--ink-1); font-size: 13.5px; font-family: var(--font-mono); cursor: pointer; border-radius: 10px; padding: 10px 12px; } .expert-feed-task:hover { color: var(--ink-0); } .expert-feed-run { align-items: center; gap: 10px; padding: 10px 16px; display: flex; } .expert-feed-avatar { color: #fff; width: 26px; height: 26px; font-family: var(--font-mono); background: linear-gradient(135deg, oklch(50% .2 295), oklch(35% .18 280)); border-radius: 7px; flex-shrink: 0; place-items: center; font-size: 10.5px; font-weight: 600; display: grid; } .expert-feed-avatar.small { border-radius: 6px; width: 22px; height: 22px; font-size: 9.5px; } .run-tag { font-family: var(--font-mono); color: var(--ink-3); font-size: 11px; } .mini-avatar { color: #fff; width: 20px; height: 20px; font-family: var(--font-mono); background: linear-gradient(135deg, oklch(48% .18 295), oklch(32% .16 280)); border-radius: 5px; flex-shrink: 0; place-items: center; font-size: 8.5px; font-weight: 600; display: inline-grid; } .pulse-dot { background: #ffffff2e; border-radius: 99px; flex-shrink: 0; width: 10px; height: 10px; box-shadow: 0 0 8px #ffffff26; } .home-bottom { grid-template-columns: 1fr 1fr; gap: 20px; display: grid; } .activity-row { cursor: default; border-radius: 8px; align-items: center; gap: 10px; padding: 9px 12px; font-size: 13px; transition: background .2s; display: flex; } .activity-row:hover { background: #ffffff08; } .stats-grid--4, .kpi-grid--4 { grid-template-columns: repeat(4, 1fr); } .divider-section { align-items: center; gap: 12px; padding: 4px 0; display: flex; } .divider-line { background: #ffffff0f; flex: 1; height: 1px; } .divider-label { font-family: var(--font-mono); letter-spacing: .16em; text-transform: uppercase; color: var(--ink-3); font-size: 10.5px; } .inbox-list { flex-direction: column; gap: 8px; display: flex; } .inbox-row--unread { background: #0003; border: .5px solid #ffffff14; border-radius: 10px; padding: 14px 16px; box-shadow: inset 0 1px 2px #00000040; } .obj-row { cursor: pointer; border-radius: 12px; align-items: center; gap: 14px; padding: 16px 18px; transition: border-color .25s, background .25s; display: flex; } .obj-row:hover { background: #ffffff0a; } .obj-type { color: var(--ink-3); font-size: 12.5px; font-family: var(--font-mono); } .canvas-frame { background-blend-mode: screen; background: radial-gradient(circle at 20% 20%, #501e5a26, #0000 50%), radial-gradient(circle at 80% 70%, #281e5a1f, #0000 50%); } .canvas-controls { z-index: 3; flex-direction: column; gap: 6px; display: flex; position: absolute; top: 16px; right: 16px; } .canvas-controls .icon-btn { justify-content: center; width: 36px; height: 36px; padding: 0; } .org-node { cursor: grab; border-radius: 14px; width: 240px; padding: 14px; } .org-node-head { align-items: flex-start; gap: 12px; display: flex; } .org-avatar { width: 40px; height: 40px; color: var(--ink-0); background: #ffffff0a; border: .5px solid #ffffff14; border-radius: 10px; flex-shrink: 0; place-items: center; display: grid; box-shadow: inset 0 1px 2px #0003, inset 0 0 0 .5px #ffffff0f; } .path-input { background: #0000002e; border: .5px dashed #ffffff14; border-radius: 12px; align-items: center; gap: 10px; padding: 10px 14px; display: flex; box-shadow: inset 0 1px 2px #00000040; } .path-input input { color: var(--ink-0); font-size: 13.5px; font-family: var(--font-mono); background: none; border: none; outline: none; flex: 1; } .path-input input::placeholder { color: var(--ink-3); } .skills-list { flex-direction: column; display: flex; } .skill-row { cursor: pointer; border-top: 1px solid #ffffff0a; padding: 14px 4px; } .skill-row:first-child { border-top: none; } .skill-row-head { color: var(--ink-1); align-items: center; gap: 10px; display: flex; } .skill-row-head:hover { color: var(--ink-0); } .skill-files { flex-direction: column; gap: 4px; margin-top: 10px; padding-left: 28px; display: flex; } .skill-file { color: var(--ink-2); font-size: 13px; font-family: var(--font-mono); border-radius: 6px; align-items: center; gap: 8px; padding: 6px 10px; display: flex; } .skill-file:hover { color: var(--ink-0); background: #ffffff08; } .skill-detail-head { border-top: 1px solid #ffffff0f; flex-wrap: wrap; align-items: center; gap: 12px; padding-top: 18px; display: flex; } .cost-stats { grid-template-columns: repeat(4, 1fr); gap: 14px; display: grid; } .cost-box { border-radius: 14px; flex-direction: column; gap: 8px; padding: 18px; display: flex; } .finance-grid { grid-template-columns: 1fr 1fr; gap: 14px; display: grid; } .finance-box { border-radius: 14px; flex-direction: column; gap: 6px; padding: 18px; display: flex; } .cost-expert-row { cursor: pointer; border-radius: 12px; align-items: center; gap: 14px; padding: 14px 16px; display: flex; } .cost-expert-row:hover { border-color: #ffffff29; } .reglages-main { grid-template-columns: 220px 1fr; gap: 18px; display: grid; } .sub-sidebar { border-radius: var(--r-lg); align-self: flex-start; max-height: calc(100vh - 28px); padding: 16px 10px; position: sticky; top: 14px; overflow-y: auto; } .sub-sidebar .nav-item { color: var(--ink-1); cursor: pointer; border-radius: 10px; align-items: center; gap: 10px; padding: 9px 10px; font-size: 13px; transition: background .2s, color .2s; display: flex; position: relative; } .sub-sidebar .nav-item:hover { color: var(--ink-0); background: #ffffff0a; } .sub-sidebar .nav-item.active { color: var(--ink-0); background: #ffffff0f; } .reglages-body { flex-direction: column; gap: 14px; min-width: 0; display: flex; } .setting-row { border-radius: 12px; align-items: center; gap: 12px; padding: 14px 16px; display: flex; } .file-picker { background: #0000002e; border: .5px solid #ffffff0f; border-radius: 10px; align-items: center; gap: 12px; padding: 8px 12px; display: flex; } @media (max-width: 1200px) { .kpi-grid--4, .stats-grid--4, .cost-stats { grid-template-columns: 1fr 1fr; } .home-bottom, .reglages-main { grid-template-columns: 1fr; } .sub-sidebar { max-height: none; position: static; } } @media (max-width: 720px) { .kpi-grid--4, .stats-grid--4, .cost-stats, .finance-grid { grid-template-columns: 1fr; } .kanban { grid-template-columns: repeat(7, 200px); } .underline-tabs { gap: 16px; } .period-tabs { gap: 14px; } } @keyframes forgeRunningPulse { 0%, 100% { background-color: #fff9; box-shadow: 0 0 #4ade8000; } 50% { background-color: #4ade80; box-shadow: 0 0 5px 1px #4ade8066; } } .forge-running-pulse { animation: 2.6s ease-in-out infinite forgeRunningPulse; } .react-flow__nodesselection-rect, .react-flow__selection { background: #7dc8ff1a !important; border: 1.5px dashed #7dc8ffe6 !important; border-radius: 6px !important; box-shadow: 0 0 18px 2px #7dc8ff40 !important; } .react-flow__node.selected { border-radius: 18px; z-index: 2 !important; outline-offset: 1px !important; outline: 1.5px solid #7dc8ffa6 !important; } .react-flow__node.forge-node-agent-active { border-radius: 18px; animation: 1.4s ease-in-out infinite forge-agent-halo; z-index: 3 !important; outline-offset: 2px !important; outline: 2px solid #7dc8ffd9 !important; } @keyframes forge-agent-halo { 0%, 100% { box-shadow: 0 0 #7dc8ff73, 0 0 18px 2px #7dc8ff40; } 50% { box-shadow: 0 0 0 6px #7dc8ff00, 0 0 26px 6px #7dc8ff66; } } .forge-frame-node .forge-frame-handle { pointer-events: auto; } .forge-frame-node .react-flow__resize-control { pointer-events: all; } .forge-result-md { color: oklch(86% .02 250 / .92); font-size: 11px; line-height: 1.45; } .forge-result-md > * + * { margin-top: .45rem; } .forge-result-md h1, .forge-result-md h2, .forge-result-md h3, .forge-result-md h4 { font-family: var(--font-display), serif; color: oklch(95% .02 250); margin: .55rem 0 .25rem; font-style: italic; font-weight: 500; line-height: 1.2; } .forge-result-md h1 { font-size: 14px; } .forge-result-md h2 { font-size: 13px; } .forge-result-md h3 { font-size: 12px; } .forge-result-md h4 { text-transform: uppercase; letter-spacing: .05em; opacity: .8; font-size: 11px; } .forge-result-md p { margin: 0; } .forge-result-md ul, .forge-result-md ol { margin: 0; padding-left: 1.1rem; } .forge-result-md ul li, .forge-result-md ol li { margin: .1rem 0; } .forge-result-md ul li::marker { color: oklch(78% .13 220 / .85); } .forge-result-md ol li::marker { color: oklch(78% .13 220 / .85); font-variant-numeric: tabular-nums; } .forge-result-md strong { color: oklch(96% .02 250); font-weight: 600; } .forge-result-md em { font-family: var(--font-display), serif; color: oklch(92% .04 250); font-style: italic; } .forge-result-md blockquote { color: oklch(85% .02 250 / .85); border-left: 2px solid oklch(78% .13 220 / .55); margin: .35rem 0; padding: .15rem 0 .15rem .6rem; font-style: italic; } .forge-result-md code { color: oklch(92% .06 220); font-size: .92em; font-family: var(--font-mono), monospace; background: #7dc8ff1a; border-radius: 4px; padding: .05rem .3rem; } .forge-result-md pre { background: #00000073; border: 1px solid #ffffff0f; border-radius: 6px; margin: .35rem 0; padding: .5rem .6rem; overflow-x: auto; } .forge-result-md pre code { color: oklch(92% .02 250); background: none; padding: 0; font-size: 10.5px; line-height: 1.4; } .forge-result-md a { color: oklch(82% .13 220); text-underline-offset: 2px; text-decoration: underline; } .forge-result-md hr { border: none; border-top: 1px solid #ffffff14; margin: .6rem 0; } .forge-result-md table { border-collapse: collapse; width: 100%; margin: .35rem 0; font-size: 10px; } .forge-result-md th, .forge-result-md td { text-align: left; border: 1px solid #ffffff14; padding: .2rem .4rem; } .forge-result-md th { background: #ffffff0a; font-weight: 600; } .forge-result-md--expanded { font-size: 14px; line-height: 1.65; } .forge-result-md--expanded > * + * { margin-top: .85rem; } .forge-result-md--expanded h1 { margin: 1rem 0 .5rem; font-size: 24px; } .forge-result-md--expanded h2 { margin: .9rem 0 .45rem; font-size: 20px; } .forge-result-md--expanded h3 { margin: .75rem 0 .4rem; font-size: 17px; } .forge-result-md--expanded h4 { font-size: 13px; } .forge-result-md--expanded ul, .forge-result-md--expanded ol { padding-left: 1.4rem; } .forge-result-md--expanded ul li, .forge-result-md--expanded ol li { margin: .25rem 0; } .forge-result-md--expanded pre { padding: .75rem .9rem; } .forge-result-md--expanded pre code { font-size: 12.5px; } .forge-result-md--expanded blockquote { border-left-width: 3px; margin: .55rem 0; padding: .25rem 0 .25rem .85rem; } .forge-resize-edge { opacity: .55; transition: opacity .15s; background: none !important; border: none !important; border-radius: 0 !important; justify-content: center !important; align-items: center !important; display: flex !important; } .forge-resize-edge--horiz { cursor: ew-resize; } .forge-resize-edge--vert { cursor: ns-resize; } .forge-resize-edge:before { content: ""; pointer-events: none; background: oklch(78% .13 220 / .38); border-radius: 1px; transition: background .15s; position: absolute; } .forge-resize-edge--horiz:before { width: 1px; height: 100%; top: 0; left: 50%; transform: translateX(-50%); } .forge-resize-edge--vert:before { width: 100%; height: 1px; top: 50%; left: 0; transform: translateY(-50%); } .forge-resize-edge > svg { z-index: 1; color: oklch(78% .13 220 / .7); pointer-events: none; background: #14101ce6; border-radius: 3px; padding: 1px 2px; transition: color .15s, transform .15s; position: relative; width: 11px !important; height: 11px !important; } .forge-resize-edge:hover, .forge-resize-edge:active { opacity: 1; } .forge-resize-edge:hover:before, .forge-resize-edge:active:before { background: oklch(85% .13 220 / .85); } .forge-resize-edge:hover > svg, .forge-resize-edge:active > svg { color: oklch(95% .13 220); transform: scale(1.12); } [data-sidebar-chat="true"] .cortex-sidebar-pane { transition: width .24s cubic-bezier(.22, 1, .36, 1) !important; } [data-sidebar-rail="true"] .cortex-sidebar-pane, [data-sidebar-rail="true"] [data-cortex-sidebar] { overflow: hidden; } [data-sidebar-rail="true"] nav { scrollbar-width: none !important; } [data-sidebar-rail="true"] nav::-webkit-scrollbar { width: 0 !important; height: 0 !important; display: none !important; } [data-sidebar-rail="true"] [data-sidebar-section-header], [data-sidebar-rail="true"] [data-cortex-brand-name], [data-sidebar-rail="true"] [data-sidebar-new-mission] > :not(:first-child), [data-sidebar-rail="true"] .nav-item > :not(:first-child), [data-sidebar-rail="true"] [data-cortex-topbar] > :not(:first-child), [data-sidebar-rail="true"] [data-cortex-topbar] [data-slot="dropdown-menu-trigger"] svg, [data-sidebar-rail="true"] [data-cortex-account-menu] > :not(:first-child), [data-sidebar-rail="true"] [data-cortex-account-menu] button > :not(:first-child) { display: none !important; } [data-sidebar-rail="true"] .nav-item:after { opacity: 0 !important; } [data-sidebar-rail="true"] [data-cortex-forge-header], [data-sidebar-rail="true"] [data-cortex-forge-canvases] { display: none !important; } [data-sidebar-rail="true"] .nav-item, [data-sidebar-rail="true"] [data-sidebar-new-mission], [data-sidebar-rail="true"] [data-cortex-topbar], [data-sidebar-rail="true"] [data-cortex-topbar] > :first-child, [data-sidebar-rail="true"] [data-cortex-account-menu], [data-sidebar-rail="true"] [data-cortex-account-menu] > :first-child { justify-content: center !important; gap: 0 !important; } [data-sidebar-rail="true"] .nav-item, [data-sidebar-rail="true"] [data-sidebar-new-mission] { padding-top: 8px !important; padding-bottom: 8px !important; } [data-sidebar-rail="true"] nav.flex { justify-content: space-between !important; gap: 10px !important; } [data-sidebar-rail="true"] nav div.flex.flex-col { gap: 10px !important; } [data-sidebar-rail="true"] .nav-item svg, [data-sidebar-rail="true"] [data-sidebar-new-mission] svg { width: 20px !important; height: 20px !important; } [data-sidebar-rail="true"] .nav-item, [data-sidebar-rail="true"] [data-sidebar-new-mission] { min-height: 40px; } [data-sidebar-rail="true"] [data-cortex-account-menu] > :first-child { flex: none !important; padding-left: 0 !important; padding-right: 0 !important; } [data-sidebar-rail="true"] [data-rail-hide] { display: none !important; } [data-sidebar-rail="true"] [data-sidebar-simple-footer] { gap: 10px !important; } :root { --cx-accent: oklch(82% .16 215); } .cx-chat { --cx-gap: 20px; --cx-r: 22px; } html[data-chat-density="cozy"] .cx-chat { --cx-gap: 26px; } html[data-chat-density="compact"].cx-chat { --cx-gap: 15px; } html[data-chat-round="xl"] .cx-chat { --cx-r: 30px; } .cx-msg { gap: 12px; max-width: none; display: flex; } .cx-msg.me { flex-direction: row-reverse; margin-left: auto; } .cx-msg-av { width: 32px; min-width: 32px; height: 32px; color: var(--ink-0); font-family: var(--font-mono); background: linear-gradient(135deg, #ffffff24, #ffffff0a); border: 1px solid #ffffff1f; border-radius: 11px; flex-shrink: 0; place-items: center; margin-top: 2px; font-size: 11.5px; font-weight: 600; display: grid; } .cx-msg-av.bot { color: var(--cx-accent); } .cx-msg-main { flex: 1; min-width: 0; } .cx-msg.me .cx-msg-main { flex-direction: column; align-items: flex-end; display: flex; } .cx-msg-head { align-items: center; gap: 8px; margin-bottom: 5px; display: flex; } .cx-msg-author { color: var(--ink-0); font-size: 13.5px; font-weight: 600; } .cx-msg-role { color: var(--ink-3); font-size: 11px; font-family: var(--font-mono); letter-spacing: .02em; } .cx-msg-time { color: var(--ink-4); font-size: 11px; font-family: var(--font-mono); margin-left: 2px; } .cx-msg-bubble { border-radius: var(--cx-r, 22px); background: #ffffff09; border: 1px solid #ffffff12; border-top-left-radius: 8px; padding: 13px 17px; } .cx-msg.me .cx-msg-bubble, .cx-msg-bubble.me { border-top-left-radius: var(--cx-r, 22px); background: #ffffff12; border-top-right-radius: 8px; } :root:not(.dark) .cx-msg-bubble.me { background: #0000000d; } .cx-att-group { border-radius: calc(var(--cx-r, 22px) - 4px); background: #0003; border: 1px solid #ffffff12; margin-top: 10px; overflow: hidden; } .cx-att-bar { cursor: pointer; width: 100%; color: var(--ink-2); -webkit-user-select: none; user-select: none; text-align: left; background: none; border: none; align-items: center; gap: 9px; padding: 9px 13px; font-size: 12.5px; transition: background .2s; display: flex; } .cx-att-bar:hover { background: #ffffff08; } .cx-att-bar .cx-att-count { font-family: var(--font-mono); color: var(--ink-3); } .cx-att-bar .cx-att-chev { transition: transform .25s var(--ease-out); color: var(--ink-3); margin-left: auto; display: inline-flex; } .cx-att-bar.open .cx-att-chev { transform: rotate(180deg); } .cx-att-body { grid-template-columns: repeat(auto-fill, minmax(128px, 1fr)); gap: 8px; padding: 2px 11px 12px; display: grid; } .cx-att-body.files { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); } .cx-att-img { aspect-ratio: 4 / 3; cursor: zoom-in; background: #0c0a14; border: 1px solid #ffffff14; border-radius: 14px; padding: 0; position: relative; overflow: hidden; } .cx-att-img img { object-fit: cover; width: 100%; height: 100%; transition: transform .4s var(--ease-out); display: block; } .cx-att-img:hover img { transform: scale(1.05); } .cx-att-img .cx-att-cap { font-size: 10.5px; font-family: var(--font-mono); color: #ffffffeb; text-align: left; white-space: nowrap; text-overflow: ellipsis; background: linear-gradient(#0000, #000000b3); padding: 16px 9px 7px; position: absolute; inset: auto 0 0; overflow: hidden; } .cx-att-img .cx-att-play { pointer-events: none; place-items: center; display: grid; position: absolute; inset: 0; } .cx-att-img .cx-att-play span { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); color: #fff; background: #0c0a148c; border: 1px solid #ffffff4d; border-radius: 99px; place-items: center; width: 40px; height: 40px; display: grid; } .cx-att-img .cx-att-dur { font-family: var(--font-mono); color: #fff; background: #00000080; border-radius: 7px; padding: 2px 6px; font-size: 10px; position: absolute; top: 7px; right: 7px; } .cx-att-file { background: #ffffff08; border: 1px solid #ffffff14; border-radius: 14px; align-items: center; gap: 11px; padding: 9px 11px; transition: background .2s, border-color .2s; display: flex; } .cx-att-file:hover { background: #ffffff0f; border-color: #ffffff24; } .cx-att-file-ic { border: 1px solid #ffffff1a; border-radius: 11px; flex-shrink: 0; place-items: center; width: 38px; min-width: 38px; height: 38px; display: grid; } .cx-att-file-ic.pdf { color: oklch(82% .16 30); background: oklch(70% .2 25 / .16); } .cx-att-file-ic.doc { color: oklch(82% .13 250); background: oklch(58% .18 250 / .16); } .cx-att-file-ic.zip { color: oklch(86% .13 78); background: oklch(82% .14 75 / .16); } .cx-att-file-ic.code { color: oklch(82% .12 210); background: oklch(72% .14 200 / .16); } .cx-att-file-meta { flex: 1; min-width: 0; } .cx-att-file-name { color: var(--ink-0); white-space: nowrap; text-overflow: ellipsis; font-size: 13px; font-weight: 500; overflow: hidden; } .cx-att-file-sub { color: var(--ink-3); font-size: 11px; font-family: var(--font-mono); margin-top: 2px; } .cx-att-file-dl { width: 30px; height: 30px; color: var(--ink-3); cursor: pointer; background: none; border: none; border-radius: 9px; flex-shrink: 0; place-items: center; transition: background .2s, color .2s; display: grid; } .cx-att-file-dl:hover { color: var(--ink-0); background: #ffffff14; } .cx-att-body.paste { flex-wrap: wrap; grid-template-columns: none; gap: 8px; display: flex; } .cx-todo-strip-wrap { --fade-r-clear: 24px; --fade-r-start: 52px; max-width: 750px; margin-left: auto; margin-right: auto; position: relative; } html[data-scrolldown] .cx-todo-strip-wrap { --fade-r-clear: 50px; --fade-r-start: 78px; } .cx-todo-strip-wrap.fade-r .cx-todo-strip { -webkit-mask-image: linear-gradient(to right, #000 calc(100% - var(--fade-r-start)), transparent calc(100% - var(--fade-r-clear))); -webkit-mask-image: linear-gradient(to right, #000 calc(100% - var(--fade-r-start)), transparent calc(100% - var(--fade-r-clear))); -webkit-mask-image: linear-gradient(to right, #000 calc(100% - var(--fade-r-start)), transparent calc(100% - var(--fade-r-clear))); mask-image: linear-gradient(to right, #000 calc(100% - var(--fade-r-start)), transparent calc(100% - var(--fade-r-clear))); } .cx-todo-strip-wrap.fade-l .cx-todo-strip { -webkit-mask-image: linear-gradient(to right, #0000 0, #000 40px); mask-image: linear-gradient(to right, #0000 0, #000 40px); } .cx-todo-strip-wrap.fade-l.fade-r .cx-todo-strip { -webkit-mask-image: linear-gradient(to right, transparent 0, #000 40px, #000 calc(100% - var(--fade-r-start)), transparent calc(100% - var(--fade-r-clear))); -webkit-mask-image: linear-gradient(to right, transparent 0, #000 40px, #000 calc(100% - var(--fade-r-start)), transparent calc(100% - var(--fade-r-clear))); -webkit-mask-image: linear-gradient(to right, transparent 0, #000 40px, #000 calc(100% - var(--fade-r-start)), transparent calc(100% - var(--fade-r-clear))); mask-image: linear-gradient(to right, transparent 0, #000 40px, #000 calc(100% - var(--fade-r-start)), transparent calc(100% - var(--fade-r-clear))); } .cx-todo-strip { scrollbar-width: none; scroll-behavior: smooth; flex-wrap: nowrap; align-items: center; gap: 8px; padding: 2px 0; display: flex; overflow: auto hidden; } .cx-todo-strip::-webkit-scrollbar { display: none; } .cx-todo-strip > * { flex: none; } html[data-scrolldown] .cx-todo-strip { padding-right: 46px; } .cx-todo-scroll-hint { width: 22px; height: 100%; color: var(--ink-0); cursor: pointer; z-index: 3; opacity: .85; filter: drop-shadow(0 0 3px #06050cf2) drop-shadow(0 0 6px #06050ccc); background: none; border: none; justify-content: center; align-items: center; padding: 0; transition: color .15s, opacity .15s, right .2s, left .2s; display: flex; position: absolute; top: 50%; transform: translateY(-50%); } .cx-todo-scroll-hint:hover { opacity: 1; } .cx-todo-scroll-hint.left { left: -8px; } .cx-todo-scroll-hint.right { right: 2px; } html[data-scrolldown] .cx-todo-scroll-hint.right { right: 42px; } .cx-todo-chip { -webkit-backdrop-filter: blur(16px) saturate(160%); backdrop-filter: blur(16px) saturate(160%); isolation: isolate; cursor: pointer; color: var(--ink-1); background: #14101ce6; border: 1px solid #ffffff1a; border-radius: 999px; align-items: center; gap: 9px; padding: 7px 13px 7px 11px; font-size: 12.5px; transition: background .2s, border-color .2s, color .2s; display: inline-flex; } .cx-todo-chip:hover { color: var(--ink-0); background: #ffffff12; } .cx-todo-chip.open { color: var(--ink-0); background: #ffffff17; border-color: #fff3; } .cx-todo-chip.q .ico, .cx-todo-chip.q svg { color: var(--cx-accent); } .cx-todo-chip.v .ico, .cx-todo-chip.v svg { color: var(--warn); } .cx-todo-chip.gemini { border-color: #f59e0b6b; } .cx-todo-chip.gemini svg { color: #fbbf24; } .cx-todo-chip.gemini:hover { border-color: #f59e0b99; } .cx-todo-chip.gemini .cx-badge { color: #fcd34d; background: #f59e0b2e; } .cx-todo-chip .cx-badge { font-family: var(--font-mono); min-width: 17px; height: 17px; color: var(--ink-0); background: #ffffff1f; border-radius: 99px; place-items: center; padding: 0 5px; font-size: 10.5px; font-weight: 600; display: inline-grid; } .cx-todo-chip .cx-todo-chev { color: var(--ink-3); transition: transform .25s var(--ease-out); display: inline-flex; } .cx-todo-chip.open .cx-todo-chev { transform: rotate(180deg); } .cx-todo-panel { border-radius: var(--cx-r, 22px); max-width: 750px; margin-left: auto; margin-right: auto; padding: 13px 14px; } .cx-todo-panel.glass { background: #14101ceb; } .cx-todo-panel-head { align-items: center; gap: 9px; margin-bottom: 10px; display: flex; } .cx-todo-panel-head > svg, .cx-todo-panel-head .ico { color: var(--cx-accent); } .cx-todo-panel-title { color: var(--ink-0); margin-right: auto; font-size: 14px; font-weight: 600; } .cx-todo-switch { cursor: pointer; color: var(--ink-2); font-size: 12px; font-family: var(--font-mono); background: #ffffff0a; border: 1px solid #ffffff1f; border-radius: 999px; align-items: center; gap: 5px; padding: 4px 10px; transition: background .2s, color .2s; display: inline-flex; } .cx-todo-switch:hover { color: var(--ink-0); background: #ffffff17; } .cx-todo-switch .ico, .cx-todo-switch svg { color: var(--warn); } .cx-todo-close { cursor: pointer; width: 28px; height: 28px; color: var(--ink-3); background: none; border: none; border-radius: 9px; place-items: center; transition: background .2s, color .2s; display: grid; } .cx-todo-close:hover { color: var(--ink-1); background: #ffffff14; } .cx-qform-tabs { flex-wrap: wrap; gap: 6px; margin-bottom: 10px; display: flex; } .cx-qtab { color: var(--ink-2); cursor: pointer; background: #ffffff05; border: 1px solid #ffffff1a; border-radius: 999px; align-items: center; gap: 7px; padding: 5px 12px; font-size: 12.5px; transition: background .2s, border-color .2s, color .2s; display: inline-flex; } .cx-qtab:hover { color: var(--ink-0); } .cx-qtab.active { border-color: var(--cx-accent); color: var(--ink-0); background: var(--accent-soft); } .cx-qtab .req { color: oklch(82% .16 30); } .cx-qtab .dot { border: 1.5px dashed var(--ink-3); border-radius: 99px; width: 11px; height: 11px; } .cx-qtab.active .dot { border-style: solid; border-color: var(--cx-accent); } .cx-qtab.done .dot { border-style: solid; border-color: var(--ok); background: var(--ok); } .cx-qform-q { color: var(--ink-0); margin-bottom: 8px; font-size: 13.5px; font-weight: 600; } .cx-qform-q .req { color: oklch(82% .16 30); margin-left: 3px; } .cx-qopts { flex-direction: column; gap: 6px; display: flex; } .cx-qopt { cursor: pointer; text-align: left; background: #ffffff05; border: 1px solid #ffffff17; border-radius: 14px; align-items: flex-start; gap: 12px; width: 100%; padding: 9px 13px; transition: background .2s, border-color .2s; display: flex; } .cx-qopt:hover { background: #ffffff0d; } .cx-qopt.sel { background: #ffffff12; border-color: #ffffff47; } .cx-qopt-radio { border: 1.5px solid var(--ink-3); border-radius: 99px; width: 17px; min-width: 17px; height: 17px; margin-top: 1px; transition: border-color .2s; position: relative; } .cx-qopt.sel .cx-qopt-radio { border-color: var(--cx-accent); } .cx-qopt.sel .cx-qopt-radio:after { content: ""; background: var(--cx-accent); border-radius: 99px; position: absolute; inset: 3px; } .cx-qopt-check { border-radius: 6px; } .cx-qopt.sel .cx-qopt-check:after { border-radius: 3px; inset: 3px; } .cx-qopt-title { color: var(--ink-0); flex-wrap: wrap; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; display: flex; } .cx-qopt-sub { color: var(--ink-2); margin-top: 2px; font-size: 12px; line-height: 1.4; } .cx-qopt-tag { font-family: var(--font-mono); letter-spacing: .06em; color: oklch(85% .16 165); background: var(--ok-soft); border: 1px solid oklch(85% .16 165 / .35); border-radius: 99px; padding: 2px 7px; font-size: 9.5px; } .cx-qform-foot { flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; margin-top: 11px; display: flex; } .cx-qform-attach { color: var(--ink-3); cursor: pointer; background: none; border: none; align-items: center; gap: 8px; font-size: 12.5px; display: inline-flex; } .cx-qform-attach:hover { color: var(--ink-1); } .cx-btn { cursor: pointer; color: var(--ink-1); font-size: 13px; font-family: var(--font-sans); background: #ffffff0d; border: 1px solid #ffffff24; border-radius: 999px; align-items: center; gap: 7px; padding: 0 14px; transition: background .2s, border-color .2s, color .2s; display: inline-flex; } .cx-btn:hover:not(:disabled) { color: var(--ink-0); background: #ffffff1a; } .cx-btn:disabled { opacity: .4; cursor: not-allowed; } .cx-btn.accent { background: var(--cx-accent); color: var(--accent-ink); border-color: #0000; } .cx-btn.accent:hover:not(:disabled) { background: oklch(86% .16 215); } .cx-composer { border-radius: var(--cx-r, 22px); flex-direction: column; justify-content: center; gap: 8px; max-width: 750px; min-height: 90px; margin-left: auto; margin-right: auto; padding: 8px 10px; display: flex; } .cx-composer.glass { background: #14101ceb; } #main-content:has([data-testid="issue-chat-composer-dock"]) { padding-bottom: 0; } .cx-composer:focus-within { border-color: #ffffff3d; box-shadow: 0 0 0 3px #ffffff0a; } .cx-composer.planning { border-color: var(--warn); box-shadow: 0 0 0 3px var(--warn-soft); } .cx-composer.drag { border-color: var(--cx-accent); box-shadow: 0 0 0 3px var(--accent-soft); } .cx-composer-chips-wrap { position: relative; } .cx-composer-chips { scrollbar-width: none; scroll-behavior: smooth; flex-wrap: nowrap; align-items: center; gap: 8px; padding: 2px 2px 0; display: flex; overflow: auto hidden; } .cx-composer-chips::-webkit-scrollbar { display: none; } .cx-composer-chips > * { flex: none; } .cx-composer-chips-arrow { z-index: 6; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); width: 30px; height: 30px; color: var(--ink-1); cursor: pointer; background: #0a0812db; border: 1px solid #ffffff24; border-radius: 999px; justify-content: center; align-items: center; transition: background .15s, color .15s; display: flex; position: absolute; top: 50%; transform: translateY(-50%); box-shadow: 0 4px 14px #00000059; } .cx-composer-chips-arrow:hover { color: var(--ink-0); background: #181322f5; } .cx-composer-chips-arrow.left { left: -4px; } .cx-composer-chips-arrow.right { right: -4px; } .cx-composer-chip { color: var(--ink-1); background: #ffffff0a; border: 1px solid #ffffff1a; border-radius: 13px; align-items: center; gap: 9px; max-width: 220px; padding: 7px 9px; font-size: 12px; display: inline-flex; position: relative; } .cx-composer-chip .thumb { object-fit: cover; background: #0c0a14; border: 1px solid #ffffff1a; border-radius: 7px; flex-shrink: 0; width: 26px; height: 26px; } .cx-composer-chip .thumb.ic { color: var(--ink-2); place-items: center; display: grid; } .cx-composer-chip .nm { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .cx-composer-chip .x { cursor: pointer; color: var(--ink-3); background: none; border: none; border-radius: 6px; place-items: center; width: 18px; height: 18px; display: grid; } .cx-composer-chip .x:hover { color: var(--ink-0); background: #ffffff1a; } .cx-composer-chip.dr { color: var(--cx-accent); border-color: var(--accent-soft); background: var(--accent-soft); } .cx-composer-chip.dr svg { color: var(--cx-accent); } .cx-composer-chip.err { border-color: oklch(70% .2 25 / .5); } .cx-dr-trigger { appearance: none; cursor: pointer; max-width: 240px; font-family: inherit; transition: background .2s, border-color .2s; } .cx-dr-trigger:hover { border-color: var(--cx-accent); } .cx-composer-media { width: 76px; height: 76px; transition: transform .18s var(--ease-out), border-color .18s, box-shadow .18s; background: #0c0a14; border: 1px solid #ffffff24; border-radius: 16px; flex-shrink: 0; position: relative; overflow: hidden; box-shadow: 0 2px 10px #00000047; } .cx-composer-media:hover { border-color: #ffffff42; transform: translateY(-1px); box-shadow: 0 4px 16px #0000005c; } .cx-composer-media[role="button"] { cursor: pointer; } .cx-composer-media img, .cx-composer-media video { object-fit: cover; width: 100%; height: 100%; display: block; } .cx-composer-media .vid { color: #fff; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background: #0c0a149e; border-radius: 999px; place-items: center; width: 20px; height: 20px; display: grid; position: absolute; bottom: 5px; left: 5px; } .cx-composer-media .x { cursor: pointer; color: #fff; opacity: 0; background: #0c0a14b3; border: 1px solid #ffffff47; border-radius: 999px; place-items: center; width: 20px; height: 20px; transition: opacity .16s, transform .16s, background .16s; display: grid; position: absolute; top: 4px; right: 4px; transform: scale(.85); } .cx-composer-media:hover .x, .cx-composer-media:focus-within .x { opacity: 1; transform: scale(1); } .cx-composer-media .x:hover { background: #dc2626eb; border-color: #fff6; } .cx-composer-media .spin { color: #fff; background: #0c0a1480; place-items: center; display: grid; position: absolute; inset: 0; } .cx-composer-input { padding: 5px 6px 0; } .cx-composer-input .mdxeditor, .cx-composer-input [contenteditable] { color: var(--ink-0); font-size: 14px; line-height: 1.55; } .cx-composer .paperclip-mdxeditor--borderless [class*="_contentEditable_"] { padding: 7px 8px !important; } .cx-composer-row { flex-wrap: wrap; align-items: flex-end; gap: 6px; display: flex; } .cx-composer-row.compact { flex-wrap: nowrap; gap: 4px; } .cx-composer-row.compact .cx-composer-tools { flex-shrink: 0; gap: 0; } .cx-composer-row.compact .cx-tool-btn { width: 30px; height: 30px; } .cx-composer-row.compact .cx-composer-right { gap: 5px; min-width: 0; } .cx-composer-row.compact .cx-composer-right > [data-testid="issue-chat-composer-effort"] { flex-shrink: 0; height: 30px; padding-left: 8px; padding-right: 8px; } .cx-composer-row.compact .cx-composer-agent { flex: 0 auto; min-width: 0; } .cx-composer-row.compact .cx-send-btn { width: 32px; height: 32px; } .cx-composer-tools { align-items: center; gap: 3px; display: flex; } .cx-tool-btn { cursor: pointer; width: 34px; height: 34px; color: var(--ink-2); background: none; border: none; border-radius: 11px; place-items: center; transition: background .2s, color .2s; display: grid; position: relative; } .cx-tool-btn:hover:not(:disabled) { color: var(--ink-0); background: #ffffff14; } .cx-tool-btn:disabled { opacity: .4; cursor: not-allowed; } .cx-tool-btn.on { color: var(--cx-accent); background: var(--accent-soft); } .cx-composer-right { align-items: center; gap: 8px; margin-left: auto; display: flex; } .cx-send-btn { cursor: pointer; width: 38px; height: 38px; color: var(--ink-0); background: #ffffff0f; border: .5px solid #ffffff29; border-radius: 13px; flex-shrink: 0; place-items: center; transition: background .2s, transform .2s, opacity .2s; display: grid; box-shadow: inset 0 1px #ffffff29, inset 0 -1px 2px #0003; } .cx-send-btn:hover:not(:disabled) { background: #ffffff1f; } .cx-send-btn:active:not(:disabled) { transform: scale(.93); } .cx-send-btn.ready { background: var(--cx-accent); color: var(--accent-ink); border-color: #0000; } .cx-send-btn.ready:hover:not(:disabled) { background: oklch(86% .16 215); } .cx-send-btn:disabled { opacity: .35; cursor: not-allowed; } .cx-pop-panel { animation: cxPopUp .2s var(--ease-out) both; background: #1a1424f7; border: 1px solid #ffffff21; box-shadow: 0 24px 60px -16px #000000b3, 0 4px 14px -6px #00000080, inset 0 1px #ffffff12; } @keyframes cxPopUp { from { transform: translateY(7px)scale(.985); } to { transform: none; } } .cx-dr-pop { border-radius: var(--r-lg); width: 384px; max-width: calc(100vw - 48px); padding: 16px; } .cx-menu-pop { border-radius: var(--r-md); width: 230px; padding: 6px; } .cx-dr-pop-head { align-items: center; gap: 9px; margin-bottom: 9px; display: flex; } .cx-dr-pop-head svg { color: var(--cx-accent); } .cx-dr-pop-title { color: var(--ink-0); white-space: nowrap; font-size: 14.5px; font-weight: 600; } .cx-dr-intro { color: var(--ink-2); margin-bottom: 13px; font-size: 12.5px; line-height: 1.55; } .cx-dr-tier { cursor: pointer; text-align: left; background: none; border: 1px solid #ffffff17; border-radius: 16px; width: 100%; margin-bottom: 8px; padding: 12px 14px; transition: background .2s, border-color .2s; } .cx-dr-tier:last-child { margin-bottom: 0; } .cx-dr-tier:hover { background: #ffffff0a; } .cx-dr-tier.sel { border-color: var(--cx-accent); background: var(--accent-soft); } .cx-dr-tier-head { justify-content: space-between; align-items: baseline; gap: 10px; display: flex; } .cx-dr-tier-name { color: var(--ink-0); font-size: 14px; font-weight: 600; } .cx-dr-tier-time { color: var(--ink-2); font-size: 11.5px; font-family: var(--font-mono); white-space: nowrap; } .cx-dr-tier-sub { color: var(--ink-2); margin: 4px 0 8px; font-size: 12.5px; line-height: 1.4; } .cx-dr-tier-foot { color: var(--ink-3); font-size: 11px; font-family: var(--font-mono); justify-content: space-between; align-items: center; margin-top: 6px; display: flex; } .cx-dr-tier-foot .tokens { color: var(--ink-2); } .cx-dr-tier.sel .cx-dr-tier-foot .tokens { color: var(--cx-accent); } .cx-dr-warn { color: oklch(85% .14 75); align-items: center; gap: 7px; margin-top: 10px; font-size: 11.5px; display: flex; } .cx-effort { flex-direction: column; gap: 11px; display: flex; } .cx-effort-head { align-items: center; gap: 9px; display: flex; } .cx-effort-head > svg { color: var(--cx-accent); } .cx-effort-title { color: var(--ink-0); font-size: 14.5px; font-weight: 600; } .cx-effort-info { width: 22px; height: 22px; color: var(--ink-3); border-radius: 999px; place-items: center; margin-left: auto; transition: color .15s, background .15s; display: grid; } .cx-effort-info:hover { color: var(--ink-0); background: #ffffff14; } .cx-effort-intro { color: var(--ink-2); font-size: 12px; line-height: 1.45; } .cx-effort-slider { cursor: pointer; touch-action: none; -webkit-user-select: none; user-select: none; background: #ffffff0f; border: 1px solid #ffffff1a; border-radius: 999px; height: 30px; position: relative; } .cx-effort-slider.readonly { pointer-events: none; cursor: default; height: 18px; } .cx-effort-inline { border: 1px solid #ffffff1a; border-radius: 999px; align-items: center; gap: 7px; height: 32px; padding: 0 9px; display: inline-flex; } .cx-effort-inline-label { color: var(--ink-1, var(--ink-0)); white-space: nowrap; text-align: left; font-size: 11px; font-weight: 600; line-height: 1; } .cx-effort-slider--inline { flex: none; width: 104px; height: 20px; } .cx-effort-inline .cx-effort-info { width: 18px; height: 18px; } .cx-effort-slider.is-ultra .cx-effort-slider-fill { background: linear-gradient(90deg, oklch(62% .23 27), oklch(78% .18 62)); } .cx-effort-slider.is-ultra .cx-effort-rocket { color: oklch(72% .19 45); filter: drop-shadow(0 0 6px oklch(70% .2 40 / .55)); } .cx-effort-slider-fill { pointer-events: none; background: linear-gradient(90deg, var(--cx-accent), oklch(88% .13 200)); border-radius: 999px; transition: width .3s cubic-bezier(.16, 1, .3, 1); position: absolute; top: 0; bottom: 0; left: 0; } .cx-effort-slider-dot { z-index: 1; pointer-events: none; background: #f6f2ff4d; border-radius: 999px; width: 5px; height: 5px; position: absolute; top: 50%; transform: translate(-50%, -50%); } .cx-effort-slider-dot.on { background: #04121a73; } .cx-effort-slider.readonly .cx-effort-slider-dot { width: 3px; height: 3px; } .cx-effort-slider-knob { z-index: 2; pointer-events: none; background: #efe9da; border-radius: 999px; transition: left .3s cubic-bezier(.16, 1, .3, 1); position: absolute; top: 50%; transform: translateY(-50%); box-shadow: 0 2px 8px #0006, inset 0 0 0 1px #0000000f; } .cx-effort-rocket { z-index: 3; pointer-events: none; color: var(--cx-accent); filter: drop-shadow(0 0 7px var(--accent-glow)); will-change: transform, opacity; place-items: center; display: grid; position: absolute; top: 0; bottom: 0; } .cx-effort-trigger { border: 1px solid #ffffff1a; border-radius: 999px; align-items: center; gap: 9px; height: 34px; padding: 0 12px; transition: background .15s, border-color .15s; display: inline-flex; } .cx-effort-trigger:hover { background: #ffffff0f; border-color: #ffffff2e; } .cx-effort-trigger-label { color: var(--ink-1, var(--ink-0)); white-space: nowrap; font-size: 12px; font-weight: 600; line-height: 1; } .cx-effort-trigger.on { border-color: var(--cx-accent); } @supports (color: color-mix(in lab, red, red)) { .cx-effort-trigger.on { border-color: color-mix(in oklab, var(--cx-accent) 45%, transparent); } } .cx-effort-trigger.on { background: var(--accent-soft); } .cx-effort-stops { flex-wrap: wrap; gap: 4px; display: flex; } .cx-effort-stop { white-space: nowrap; min-width: 0; color: var(--ink-2); cursor: pointer; background: #ffffff0d; border: 1px solid #0000; border-radius: 9px; flex: auto; padding: 5px 6px; font-size: 11px; font-weight: 600; line-height: 1; transition: color .15s, background .15s, border-color .15s; } .cx-effort-stop:hover { color: var(--ink-0); background: #ffffff17; } .cx-effort-stop.sel { color: var(--cx-accent); background: var(--accent-soft); border-color: var(--cx-accent); } @supports (color: color-mix(in lab, red, red)) { .cx-effort-stop.sel { border-color: color-mix(in oklab, var(--cx-accent) 45%, transparent); } } .cx-effort-readout { flex-direction: column; gap: 2px; min-height: 34px; display: flex; } .cx-effort-readout-name { color: var(--ink-0); font-size: 13px; font-weight: 600; } .cx-effort-readout-desc { color: var(--ink-2); font-size: 12px; line-height: 1.4; } .cx-menu-item { cursor: pointer; width: 100%; color: var(--ink-1); text-align: left; background: none; border: none; border-radius: 12px; align-items: center; gap: 10px; padding: 9px 11px; font-size: 13px; transition: background .18s; display: flex; } .cx-menu-item:hover { color: var(--ink-0); background: #ffffff12; } .cx-menu-item svg { color: var(--ink-3); } .cx-menu-item:hover svg { color: var(--ink-1); } :root:not(.dark) .cx-msg-bubble { background: #00000008; border-color: #00000014; } :root:not(.dark) .cx-composer, :root:not(.dark) .cx-composer.glass, :root:not(.dark) .cx-todo-panel, :root:not(.dark) .cx-todo-panel.glass { background: #faf8fff0; } :root:not(.dark) .cx-todo-chip { color: #14101ccc; background: #faf8fff0; } :root { color-scheme: light; --radius: .875rem; --background: oklch(98.5% .008 70); --foreground: oklch(20% .012 50); --card: oklch(100% .002 70); --card-foreground: oklch(20% .012 50); --popover: oklch(100% .002 70); --popover-foreground: oklch(20% .012 50); --primary: oklch(55% .13 38); --primary-foreground: oklch(98.5% .008 70); --secondary: oklch(94% .012 65); --secondary-foreground: oklch(20% .012 50); --muted: oklch(95% .008 70); --muted-foreground: oklch(46% .015 55); --accent: oklch(91% .025 130); --accent-foreground: oklch(30% .05 145); --destructive: oklch(55% .2 25); --destructive-foreground: oklch(98.5% .008 70); --border: oklch(89% .01 65); --input: oklch(93% .008 65); --ring: oklch(55% .13 38); --chart-1: oklch(55% .13 38); --chart-2: oklch(66% .1 145); --chart-3: oklch(72% .13 75); --chart-4: oklch(52% .1 220); --chart-5: oklch(50% .16 25); --sidebar: oklch(96% .012 65); --sidebar-foreground: oklch(30% .012 55); --sidebar-primary: oklch(55% .13 38); --sidebar-primary-foreground: oklch(98.5% .008 70); --sidebar-accent: oklch(91% .014 65); --sidebar-accent-foreground: oklch(20% .012 50); --sidebar-border: oklch(88% .01 65); --sidebar-ring: oklch(55% .13 38); --chip-match-title-bg: oklch(95% .04 38); --chip-match-title-fg: oklch(42% .13 38); --chip-match-title-border: oklch(84% .06 38); --chip-match-comment-bg: oklch(95% .03 145); --chip-match-comment-fg: oklch(40% .1 145); --chip-match-comment-border: oklch(84% .05 145); --chip-match-document-bg: oklch(95% .03 75); --chip-match-document-fg: oklch(40% .1 75); --chip-match-document-border: oklch(84% .05 75); --chip-match-identifier-bg: var(--muted); --chip-match-identifier-fg: var(--muted-foreground); --chip-match-identifier-border: var(--border); } .dark { --background: transparent; --foreground: oklch(96% .012 240); --card: oklch(16% .025 270); --card-foreground: oklch(97% .01 240); --popover: oklch(14% .022 270); --popover-foreground: oklch(97% .01 240); --primary: oklch(78% .13 220); --primary-foreground: oklch(10% .025 275); --secondary: oklch(22% .03 260); --secondary-foreground: oklch(96% .012 240); --muted: oklch(20% .025 265); --muted-foreground: oklch(70% .025 235); --accent: #ffffff1a; --accent-foreground: var(--ink-0, #f6f2ff); --destructive: oklch(66% .22 25); --destructive-foreground: oklch(98% .012 240); --border: oklch(95% .012 240 / .1); --input: oklch(95% .012 240 / .08); --ring: oklch(78% .13 220); --chart-1: oklch(78% .13 220); --chart-2: oklch(78% .14 75); --chart-3: oklch(66% .22 25); --chart-4: oklch(68% .2 340); --chart-5: oklch(72% .13 165); --sidebar: transparent; --sidebar-foreground: oklch(92% .01 240); --sidebar-primary: oklch(78% .13 220); --sidebar-primary-foreground: oklch(10% .025 275); --sidebar-accent: oklch(95% .012 240 / .06); --sidebar-accent-foreground: oklch(96% .012 240); --sidebar-border: oklch(95% .012 240 / .08); --sidebar-ring: oklch(78% .13 220); --chip-match-title-bg: oklch(30% .08 220 / .45); --chip-match-title-fg: oklch(85% .1 220); --chip-match-title-border: oklch(55% .1 220 / .5); --chip-match-comment-bg: oklch(30% .06 340 / .45); --chip-match-comment-fg: oklch(85% .1 340); --chip-match-comment-border: oklch(55% .08 340 / .5); --chip-match-document-bg: oklch(30% .06 75 / .45); --chip-match-document-fg: oklch(85% .1 75); --chip-match-document-border: oklch(55% .08 75 / .5); --chip-match-identifier-bg: var(--muted); --chip-match-identifier-fg: var(--muted-foreground); --chip-match-identifier-border: var(--border); --glass-bg: oklch(16% .025 270 / .62); --glass-bg-strong: oklch(18% .028 270 / .78); --glass-border: oklch(95% .012 240 / .1); --glass-highlight: oklch(98% .012 240 / .14); --glass-shadow: 0 14px 44px -10px oklch(4% .03 280 / .65); --glass-blur: 22px; --glass-saturate: 150%; } @media (pointer: coarse) { button, [role="button"], input, select, textarea, [data-slot="select-trigger"] { min-height: 44px; } [data-slot="toggle"] { min-height: 0; } } .dark, .dark select { color-scheme: dark; } .dark option, .dark optgroup { color: #f3eefc; background-color: #181426; } .dark option:checked, .dark option:hover { color: #fff; background-color: #2a2342; } .dark ::-webkit-scrollbar { width: 8px; height: 8px; } .dark ::-webkit-scrollbar-track { background: oklch(20.5% 0 0); } .dark ::-webkit-scrollbar-thumb { background: oklch(40% 0 0); border-radius: 4px; } .dark ::-webkit-scrollbar-thumb:hover { background: oklch(50% 0 0); } .scrollbar-auto-hide { scrollbar-gutter: stable; scrollbar-width: thin; scrollbar-color: transparent transparent; } .scrollbar-auto-hide::-webkit-scrollbar { background: none !important; width: 8px !important; height: 8px !important; } .scrollbar-auto-hide::-webkit-scrollbar-track { background: none !important; } .scrollbar-auto-hide::-webkit-scrollbar-thumb { background: none !important; } .scrollbar-auto-hide:hover { scrollbar-color: oklch(70% 0 0) transparent; } .scrollbar-auto-hide:hover::-webkit-scrollbar-track { background: none !important; } .scrollbar-auto-hide:hover::-webkit-scrollbar-thumb { background: oklch(70% 0 0) !important; border-radius: 999px !important; } .scrollbar-auto-hide:hover::-webkit-scrollbar-thumb:hover { background: oklch(60% 0 0) !important; } .dark .scrollbar-auto-hide:hover { scrollbar-color: oklch(40% 0 0) transparent; } .dark .scrollbar-auto-hide:hover::-webkit-scrollbar-track { background: none !important; } .dark .scrollbar-auto-hide:hover::-webkit-scrollbar-thumb { background: oklch(40% 0 0) !important; } .dark .scrollbar-auto-hide:hover::-webkit-scrollbar-thumb:hover { background: oklch(50% 0 0) !important; } [data-slot="dialog-content"] { transition: max-width .2s cubic-bezier(.16, 1, .3, 1); } @keyframes dashboard-activity-enter { 0% { opacity: 0; filter: blur(4px); transform: translateY(-14px)scale(.985); } 62% { opacity: 1; filter: blur(); transform: translateY(2px)scale(1.002); } 100% { opacity: 1; filter: blur(); transform: translateY(0)scale(1); } } @keyframes dashboard-activity-highlight { 0% { box-shadow: inset 2px 0 0 var(--primary); background-color: color-mix(in oklab, var(--accent) 55%, transparent); } 100% { background-color: #0000; box-shadow: inset 0 0 #0000; } } .activity-row-enter { animation: .52s cubic-bezier(.16, 1, .3, 1) dashboard-activity-enter, .92s cubic-bezier(.16, 1, .3, 1) dashboard-activity-highlight; } @media (prefers-reduced-motion: reduce) { .activity-row-enter { animation: none; } } @keyframes cot-line-slide-in { from { transform: translateY(100%); } to { transform: translateY(0); } } @keyframes cot-line-slide-out { from { transform: translateY(0); } to { transform: translateY(-100%); } } .cot-line-enter { animation: .3s cubic-bezier(.4, 0, .2, 1) both cot-line-slide-in; } .cot-line-exit { animation: .3s cubic-bezier(.4, 0, .2, 1) forwards cot-line-slide-out; } @media (prefers-reduced-motion: reduce) { .cot-line-enter, .cot-line-exit { animation: none; } } .dark body { color: var(--ink-0); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; background-color: #0000 !important; background-image: none !important; } .dark [data-layout-shell] { gap: 20px; padding: 20px; background: none !important; } .dark [data-layout-shell] > div[class*="min-h-0 flex-1"] { gap: 20px; } @media (max-width: 767px) { .dark [data-layout-shell] { gap: 0; padding: 0; } } .dark [data-cortex-sidebar] { -webkit-backdrop-filter: blur(20px) saturate(170%); backdrop-filter: blur(20px) saturate(170%); isolation: isolate; z-index: 1; position: relative; overflow: hidden; box-shadow: 0 6px 18px -8px #00000080, inset 0 1px #ffffff1a, inset 0 -1px #0003; background: #14101c8c !important; border: 1px solid #ffffff14 !important; border-radius: 22px !important; } .dark [data-cortex-sidebar], .dark [data-cortex-account-menu], .dark [data-slot="popover-content"], .dark [data-slot="dropdown-menu-content"], .dark [data-slot="dropdown-menu-sub-content"], .dark [data-slot="dialog-content"], .dark [data-slot="sheet-content"], .dark [data-slot="select-content"] { --accent: #ffffff1a; --accent-foreground: var(--ink-0, #f6f2ff); } .dark .text-background { color: #0f0c16 !important; } .dark [data-slot="tooltip-content"] { -webkit-backdrop-filter: blur(12px) saturate(160%); backdrop-filter: blur(12px) saturate(160%); border: 1px solid #ffffff1a; box-shadow: 0 8px 24px -8px #0009; color: var(--ink-0, #f6f2ff) !important; background: #14101ceb !important; } .dark [data-slot="tooltip-content"] [data-slot="tooltip-arrow"], .dark [data-slot="tooltip-content"] > svg, .dark [data-slot="tooltip-content"] [class*="rotate-45"] { fill: #14101ceb !important; background: #14101ceb !important; } .dark [data-cortex-account-menu] { -webkit-backdrop-filter: blur(20px) saturate(170%); backdrop-filter: blur(20px) saturate(170%); isolation: isolate; z-index: 1; position: relative; overflow: hidden; box-shadow: 0 6px 18px -8px #00000073, inset 0 1px #ffffff14, inset 0 -1px #0003; background: #14101c8c !important; border: 1px solid #ffffff14 !important; border-radius: 22px !important; margin-top: 12px !important; } .dark [data-layout-shell] [class*="h-full"][class*="shrink-0"]:has([data-cortex-sidebar]) { background: none !important; } .dark [data-layout-shell] > div[class*="min-h-0 flex-1"] > div[class*="flex min-w-0 flex-col"] { -webkit-backdrop-filter: blur(20px) saturate(170%); backdrop-filter: blur(20px) saturate(170%); background: #14101c66; border: 1px solid #ffffff14; border-radius: 28px; overflow: hidden; box-shadow: 0 16px 40px -16px #0000008c, inset 0 1px #ffffff1a, inset 0 -1px #0003; } .dark [data-layout-shell] [data-layout-shell] { background: none; } html.fx-no-tilt.dark [data-slot="card"], html.fx-no-tilt.dark [data-cortex-statcard], html.fx-no-tilt.dark [data-slot="button"][data-variant="default"], html.fx-no-tilt.dark [data-slot="button"][data-variant="secondary"], html.fx-no-tilt.dark [data-slot="button"][data-variant="outline"], html.fx-no-tilt.dark .glass, html.fx-no-tilt.dark .glass-soft { transform: none !important; } html.fx-no-specular.dark [data-slot="card"]:after, html.fx-no-specular.dark [data-cortex-statcard]:after, html.fx-no-specular.dark [data-slot="button"][data-variant="default"]:after, html.fx-no-specular.dark [data-slot="button"][data-variant="secondary"]:after, html.fx-no-specular.dark [data-slot="button"][data-variant="outline"]:after, html.fx-no-specular.dark .nav-item:after, html.fx-no-specular.dark .nav-item.active:after, html.fx-no-specular.dark .glass:after, html.fx-no-specular.dark .glass-soft:after { display: none !important; } html.fx-no-specular.dark .nav-item.active:after { background: #ffffffb3 !important; display: block !important; box-shadow: 0 0 8px #ffffff80 !important; } html.fx-no-refraction.dark [data-slot="card"], html.fx-no-refraction.dark [data-cortex-statcard], html.fx-no-refraction.dark [data-slot="popover-content"], html.fx-no-refraction.dark [data-slot="dropdown-menu-content"], html.fx-no-refraction.dark [data-slot="dropdown-menu-sub-content"], html.fx-no-refraction.dark [data-slot="dialog-content"], html.fx-no-refraction.dark [data-slot="sheet-content"], html.fx-no-refraction.dark [data-slot="select-content"], html.fx-no-refraction.dark [data-slot="input"], html.fx-no-refraction.dark [data-cortex-sidebar], html.fx-no-refraction.dark [data-cortex-account-menu], html.fx-no-refraction.dark .glass, html.fx-no-refraction.dark .glass-soft { -webkit-backdrop-filter: blur(20px) saturate(170%) !important; backdrop-filter: blur(20px) saturate(170%) !important; } html.fx-blur-reduced.dark [data-slot="card"], html.fx-blur-reduced.dark [data-cortex-statcard], html.fx-blur-reduced.dark [data-slot="popover-content"], html.fx-blur-reduced.dark [data-slot="dropdown-menu-content"], html.fx-blur-reduced.dark [data-slot="dropdown-menu-sub-content"], html.fx-blur-reduced.dark [data-slot="dialog-content"], html.fx-blur-reduced.dark [data-slot="sheet-content"], html.fx-blur-reduced.dark [data-slot="select-content"], html.fx-blur-reduced.dark [data-slot="input"], html.fx-blur-reduced.dark [data-cortex-sidebar], html.fx-blur-reduced.dark [data-cortex-account-menu], html.fx-blur-reduced.dark .glass, html.fx-blur-reduced.dark .glass-soft, html.fx-blur-reduced.dark .properties-glass { -webkit-backdrop-filter: blur(8px) saturate(120%) !important; backdrop-filter: blur(8px) saturate(120%) !important; } html.fx-blur-off.dark [data-slot="card"], html.fx-blur-off.dark [data-cortex-statcard], html.fx-blur-off.dark [data-slot="popover-content"], html.fx-blur-off.dark [data-slot="dropdown-menu-content"], html.fx-blur-off.dark [data-slot="dropdown-menu-sub-content"], html.fx-blur-off.dark [data-slot="dialog-content"], html.fx-blur-off.dark [data-slot="sheet-content"], html.fx-blur-off.dark [data-slot="select-content"], html.fx-blur-off.dark [data-slot="input"], html.fx-blur-off.dark [data-cortex-sidebar], html.fx-blur-off.dark [data-cortex-account-menu], html.fx-blur-off.dark .glass, html.fx-blur-off.dark .glass-soft, html.fx-blur-off.dark .properties-glass { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: #100d18ad !important; } html.fx-no-aurora-drift.dark .aurora-blob, html.fx-no-aurora-drift.dark .milkyway-layer:before, html.fx-no-aurora-drift.dark .milkyway-layer:after { animation: none !important; } .dark [data-cortex-sidebar-column] { overflow: visible; } .dark .cortex-sidebar-pane { will-change: width; transition: width .2s cubic-bezier(.22, 1, .36, 1); } @media (min-width: 721px) and (max-width: 1100px) { .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) .cortex-sidebar-pane { width: 56px !important; transition: width .4s cubic-bezier(.22, 1, .36, 1) !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):hover .cortex-sidebar-pane, .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):focus-within .cortex-sidebar-pane { width: 230px !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-sidebar] nav { padding-left: 0 !important; padding-right: 0 !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-sidebar] > div:first-of-type { justify-content: flex-start !important; gap: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-sidebar] .nav-item { justify-content: flex-start !important; gap: 0 !important; margin-left: 4px !important; margin-right: 4px !important; padding-left: 0 !important; padding-right: 0 !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):not(:hover):not(:focus-within) [data-cortex-sidebar] .nav-item { width: fit-content !important; max-width: calc(100% - 8px) !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):hover [data-cortex-sidebar] .nav-item, .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):focus-within [data-cortex-sidebar] .nav-item { width: calc(100% - 8px) !important; max-width: calc(100% - 8px) !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):hover [data-cortex-sidebar] nav > div > button, .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):focus-within [data-cortex-sidebar] nav > div > button { width: calc(100% - 8px) !important; max-width: calc(100% - 8px) !important; margin-left: 4px !important; margin-right: 4px !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-sidebar] nav > div > button { border-radius: 14px !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-sidebar] > div:first-of-type { padding-left: 4px !important; padding-right: 4px !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-sidebar] button[aria-label*="projet"] { border-radius: 14px !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-sidebar] a[href$="/search"] { border-radius: 14px !important; margin-right: 0 !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-sidebar] .nav-item > span.shrink-0, .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-sidebar] .nav-item > svg.shrink-0:first-child { opacity: 1 !important; pointer-events: auto !important; flex: 0 0 46px !important; justify-content: center !important; align-items: center !important; width: 46px !important; min-width: 46px !important; max-width: 46px !important; margin-left: -1px !important; display: inline-flex !important; overflow: visible !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-sidebar] .nav-item > svg.shrink-0:first-child { box-sizing: border-box !important; padding: 0 19px !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-sidebar] .nav-item > span:nth-child(2) { padding-right: 12px !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-sidebar] nav > div > button { justify-content: flex-start !important; gap: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):not(:hover):not(:focus-within) [data-cortex-sidebar] nav > div > button > svg:first-child { flex-shrink: 0 !important; margin-left: 19px !important; margin-right: 19px !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):hover [data-cortex-sidebar] nav > div > button > svg:first-child, .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):focus-within [data-cortex-sidebar] nav > div > button > svg:first-child { flex-shrink: 0 !important; margin-left: 15px !important; margin-right: 15px !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-sidebar] nav > div > button > span.truncate { padding-right: 12px !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-sidebar] button[aria-label*="projet"] { flex: auto !important; justify-content: flex-start !important; gap: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-sidebar] button[aria-label*="projet"] > span:first-of-type { flex: auto !important; justify-content: flex-start !important; gap: 8px !important; padding-left: 13px !important; padding-right: 0 !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-account-menu] { flex-direction: row !important; justify-content: flex-start !important; gap: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-account-menu] > button { flex: auto !important; justify-content: flex-start !important; gap: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-account-menu] > button > :first-child { flex: 0 0 46px !important; justify-content: center !important; align-items: center !important; width: 46px !important; min-width: 46px !important; max-width: 46px !important; margin-left: 4px !important; display: inline-flex !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-account-menu] > button > span.truncate { padding-right: 12px !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):not(:hover):not(:focus-within) [data-cortex-sidebar] .nav-item > span:nth-child(2), .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):not(:hover):not(:focus-within) [data-cortex-brand-name], .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):not(:hover):not(:focus-within) [data-cortex-account-menu] > button > span.truncate, .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):not(:hover):not(:focus-within) [data-cortex-sidebar] nav > div > button > span.truncate { opacity: 0 !important; white-space: nowrap !important; pointer-events: none !important; width: 0 !important; max-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):hover [data-cortex-sidebar] .nav-item > span:nth-child(2), .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):focus-within [data-cortex-sidebar] .nav-item > span:nth-child(2), .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):hover [data-cortex-brand-name], .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):focus-within [data-cortex-brand-name], .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):hover [data-cortex-account-menu] > button > span.truncate, .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):focus-within [data-cortex-account-menu] > button > span.truncate, .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):hover [data-cortex-sidebar] nav > div > button > span.truncate, .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):focus-within [data-cortex-sidebar] nav > div > button > span.truncate { transition: max-width .3s cubic-bezier(.22, 1, .36, 1) .15s, opacity .22s .25s; opacity: 1 !important; pointer-events: auto !important; width: auto !important; max-width: 170px !important; overflow: visible !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):not(:hover):not(:focus-within) [data-cortex-sidebar] [class*="uppercase"][class*="tracking-"] { transition: max-height .25s, opacity .2s; opacity: 0 !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):not(:hover):not(:focus-within) [data-cortex-sidebar] [data-sidebar-section-header] { background: linear-gradient(to right, #0000 0%, #ffffff1f 25% 75%, #0000 100%) !important; height: 1px !important; min-height: 1px !important; margin: 6px 12px !important; padding: 0 !important; overflow: hidden !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):not(:hover):not(:focus-within) [data-cortex-sidebar] [data-sidebar-section-header] > * { display: none !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):not(:hover):not(:focus-within) [data-cortex-sidebar] nav { gap: 0 !important; padding-top: 4px !important; padding-bottom: 4px !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):hover [data-cortex-sidebar] nav, .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):focus-within [data-cortex-sidebar] nav { gap: 12px !important; padding-top: 8px !important; padding-bottom: 8px !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):hover [data-cortex-sidebar] [data-sidebar-section-header], .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):focus-within [data-cortex-sidebar] [data-sidebar-section-header] { padding-top: 6px !important; padding-bottom: 6px !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-sidebar] .nav-item span[data-pole-dot] { opacity: 1 !important; pointer-events: auto !important; flex-shrink: 0 !important; width: 14px !important; max-width: none !important; height: 14px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-sidebar] a[href$="/search"], .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-sidebar] svg.lucide-chevrons-up-down, .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]) [data-cortex-account-menu] > a { transition: opacity .2s, max-width .25s, margin .25s; overflow: hidden; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):not(:hover):not(:focus-within) [data-cortex-sidebar] a[href$="/search"], .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):not(:hover):not(:focus-within) [data-cortex-sidebar] svg.lucide-chevrons-up-down, .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):not(:hover):not(:focus-within) [data-cortex-account-menu] > a { opacity: 0 !important; pointer-events: none !important; max-width: 0 !important; margin: 0 !important; padding: 0 !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):hover [data-cortex-sidebar] a[href$="/search"], .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):focus-within [data-cortex-sidebar] a[href$="/search"], .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):hover [data-cortex-sidebar] svg.lucide-chevrons-up-down, .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):focus-within [data-cortex-sidebar] svg.lucide-chevrons-up-down, .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):hover [data-cortex-account-menu] > a, .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):focus-within [data-cortex-account-menu] > a { transition: opacity .2s .2s, max-width .25s .1s; opacity: 1 !important; max-width: 40px !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):not(:hover):not(:focus-within) .nav-item.active:after { display: none !important; } .dark [data-cortex-sidebar-column]:not([data-sidebar-rail="true"]):not(:hover):not(:focus-within) [data-cortex-sidebar] [class*="border-l"] { border-left: 0 !important; margin-left: 0 !important; padding-left: 0 !important; } } .dark [data-slot="tabs-list"][data-variant="default"] { -webkit-backdrop-filter: blur(10px) saturate(150%); backdrop-filter: blur(10px) saturate(150%); background: #ffffff0a; border: 1px solid #ffffff14; border-radius: 999px; padding: 5px; } .dark [data-slot="tabs-trigger"][data-state="active"] { border-radius: 999px; color: var(--ink-0, #f6f2ff) !important; background: linear-gradient(#ffffff1a, #ffffff0a) !important; border-color: #ffffff29 !important; box-shadow: inset 0 1px #ffffff2e, inset 0 -1px #0003, 0 4px 12px -4px #0006 !important; } .dark [data-slot="tabs-trigger"]:after { display: none !important; } .dark [data-cortex-statcard] { -webkit-backdrop-filter: blur(20px) saturate(170%); backdrop-filter: blur(20px) saturate(170%); transform: perspective(1200px) rotateX(var(--lg-rx, 0deg)) rotateY(var(--lg-ry, 0deg)) scale(calc(1 + var(--lg-hover, 0) * .005 - var(--lg-press, 0) * .008)); isolation: isolate; background: #14101c73; border: 1px solid #ffffff14; transition: transform .6s cubic-bezier(.16, 1, .3, 1), border-color .4s; position: relative; box-shadow: 0 8px 24px -10px #00000073, inset 0 1px #ffffff14, inset 0 -1px #0003; } .dark [data-cortex-statcard]:after { content: ""; border-radius: inherit; background: radial-gradient(circle 260px at var(--lg-mx, 50%) var(--lg-my, 50%), rgba(255, 255, 255, calc(.05 + var(--lg-hover, 0) * .08)) 0%, transparent 55%); pointer-events: none; z-index: 1; mix-blend-mode: screen; position: absolute; inset: 0; } .dark [data-cortex-statcard] > * { z-index: 2; position: relative; } .dark [data-slot="card"] { -webkit-backdrop-filter: blur(20px) saturate(170%); backdrop-filter: blur(20px) saturate(170%); transform: perspective(1200px) rotateX(var(--lg-rx, 0deg)) rotateY(var(--lg-ry, 0deg)) scale(calc(1 + var(--lg-hover, 0) * .006 - var(--lg-press, 0) * .01)); isolation: isolate; background: #14101c73; border: 1px solid #ffffff14; transition: transform .6s cubic-bezier(.16, 1, .3, 1), border-color .4s; position: relative; box-shadow: 0 16px 40px -16px #0000008c, 0 2px 6px -2px #00000059, inset 0 1px #ffffff1a, inset 0 -1px #0003; } .dark [data-slot="card"]:after { content: ""; border-radius: inherit; background: radial-gradient(circle 380px at var(--lg-mx, 50%) var(--lg-my, 50%), rgba(255, 255, 255, calc(.06 + var(--lg-hover, 0) * .08)) 0%, transparent 55%); pointer-events: none; z-index: 1; mix-blend-mode: screen; position: absolute; inset: 0; } .dark [data-slot="card"] > * { z-index: 2; position: relative; } .dark [data-slot="popover-content"], .dark [data-slot="dropdown-menu-content"], .dark [data-slot="dropdown-menu-sub-content"], .dark [data-slot="dialog-content"], .dark [data-slot="sheet-content"], .dark [data-slot="select-content"] { -webkit-backdrop-filter: blur(20px) saturate(170%); backdrop-filter: blur(20px) saturate(170%); background: #14101ca6; border: 1px solid #ffffff1a; box-shadow: 0 16px 40px -16px #0000008c, inset 0 1px #ffffff1a, inset 0 -1px #0003; } .dark [data-slot="button"][data-variant="default"], .dark [data-slot="button"][data-variant="secondary"], .dark [data-slot="button"][data-variant="outline"] { color: var(--ink-0); -webkit-backdrop-filter: blur(14px) saturate(150%); backdrop-filter: blur(14px) saturate(150%); transform: scale(calc(1 + var(--lg-hover, 0) * .018 - var(--lg-press, 0) * .03)); background: #0000001a; border: .5px solid #ffffff0f; transition: transform .35s cubic-bezier(.16, 1, .3, 1), background .25s, border-color .25s; box-shadow: inset 0 1px 2px #0000004d, inset 0 -.5px #ffffff14, inset 0 0 0 .5px #00000026; } .dark [data-slot="button"][data-variant="default"]:hover, .dark [data-slot="button"][data-variant="secondary"]:hover, .dark [data-slot="button"][data-variant="outline"]:hover { background: #00000029; border-color: #ffffff1a; } .dark [data-slot="button"][data-variant="default"] { color: var(--ink-0); background: #ffffff0a; border: .5px solid #ffffff24; font-weight: 600; box-shadow: inset 0 1px 2px #0003, inset 0 0 0 .5px #ffffff29, inset 0 -.5px #ffffff2e; } .dark [data-slot="button"][data-variant="default"]:hover { background: #ffffff14; border-color: #ffffff38; } .dark a[class*="rounded-xl"][class*="px-3 py-2"]:hover, .dark button[class*="rounded-xl"][class*="px-3 py-2"]:hover { background: #ffffff0a; } :root:not(.dark) .nav-item { color: var(--foreground); } :root:not(.dark) .nav-item:hover { color: var(--foreground); background: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { :root:not(.dark) .nav-item:hover { background: color-mix(in oklab, var(--foreground) 6%, transparent); } } :root:not(.dark) .nav-item.active { background: var(--primary); } @supports (color: color-mix(in lab, red, red)) { :root:not(.dark) .nav-item.active { background: color-mix(in oklab, var(--primary) 12%, transparent); } } :root:not(.dark) .nav-item.active { border: 1px solid var(--primary); } @supports (color: color-mix(in lab, red, red)) { :root:not(.dark) .nav-item.active { border: 1px solid color-mix(in oklab, var(--primary) 24%, transparent); } } :root:not(.dark) .nav-item.active { color: var(--foreground); box-shadow: inset 0 0 0 1px var(--primary); } @supports (color: color-mix(in lab, red, red)) { :root:not(.dark) .nav-item.active { box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--primary) 18%, transparent); } } :root:not(.dark) .nav-item.active:after { background: var(--primary); box-shadow: 0 0 8px var(--primary); } @supports (color: color-mix(in lab, red, red)) { :root:not(.dark) .nav-item.active:after { box-shadow: 0 0 8px color-mix(in oklab, var(--primary) 50%, transparent); } } .dark [data-slot="input"], .dark [data-slot="select-trigger"], .dark textarea[class*="rounded-xl"] { color: var(--ink-0); background: #0000002e; border: 1px solid #ffffff14; box-shadow: inset 0 1px 2px #0000004d, inset 0 0 0 .5px #0000001a; } .dark [data-slot="input"]::placeholder { color: var(--ink-3); } .dark [data-slot="input"]:focus-visible, .dark [data-slot="select-trigger"]:focus-visible { box-shadow: inset 0 1px 2px #0000004d, 0 0 0 3px var(--accent-soft, oklch(82% .16 215 / .18)); border-color: #fff3; } .liquid-glass { background-color: var(--glass-bg); -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate)); backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate)); border: 1px solid var(--glass-border); box-shadow: inset 0 1px 0 var(--glass-highlight), var(--glass-shadow); } .liquid-glass-strong { background-color: var(--glass-bg-strong); -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate)); backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate)); border: 1px solid var(--glass-border); box-shadow: inset 0 1px 0 var(--glass-highlight), var(--glass-shadow); } @keyframes star-twinkle { 0%, 100% { opacity: var(--star-base-opacity, .4); transform: scale(1); } 50% { opacity: 1; transform: scale(1.5); } } @keyframes particle-drift { 0% { opacity: 0; transform: translate3d(0, 0, 0); } 10% { opacity: .8; } 90% { opacity: .8; } 100% { transform: translate3d(var(--particle-dx, 12vw), -110vh, 0); opacity: 0; } } @media (prefers-reduced-motion: reduce) { .cosmic-star, .cosmic-particle { animation: none !important; } } @keyframes shimmer-text-slide { 0% { background-position: 100%; } 60% { background-position: 0%; } 100% { background-position: 0%; } } .shimmer-text { --shimmer-base: var(--foreground); --shimmer-highlight: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .shimmer-text { --shimmer-highlight: color-mix(in oklch, var(--foreground) 35%, transparent); } } .shimmer-text { background: linear-gradient(90deg, var(--shimmer-base) 0%, var(--shimmer-base) 40%, var(--shimmer-highlight) 50%, var(--shimmer-base) 60%, var(--shimmer-base) 100%); -webkit-text-fill-color: transparent; background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; animation: 2.5s linear infinite shimmer-text-slide; } @media (prefers-reduced-motion: reduce) { .shimmer-text { -webkit-text-fill-color: unset; background: none; animation: none; } } .paperclip-mdxeditor-scope, .paperclip-mdxeditor { --baseBase: var(--background); --baseBg: transparent; --baseBgSubtle: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .paperclip-mdxeditor-scope, .paperclip-mdxeditor { --baseBgSubtle: color-mix(in oklab, var(--accent) 35%, transparent); } } .paperclip-mdxeditor-scope, .paperclip-mdxeditor { --baseLine: var(--border); --baseSolid: var(--muted-foreground); --baseSolidHover: var(--foreground); --baseText: var(--muted-foreground); --baseBorderColor: var(--border); --baseBorder: var(--border); --baseBorderHover: var(--ring); --baseTextContrast: var(--foreground); --baseTextContrastMuted: var(--muted-foreground); --baseTextEmphasis: var(--foreground); --basePageBg: var(--background); --baseRadius: var(--radius); --baseLineHeight: 1.5; --accentBorder: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .paperclip-mdxeditor-scope, .paperclip-mdxeditor { --accentBorder: color-mix(in oklab, var(--primary) 35%, var(--border)); } } .paperclip-mdxeditor-scope, .paperclip-mdxeditor { --accentSolid: var(--primary); --accentSolidHover: var(--primary); --accentLine: var(--primary); } @supports (color: color-mix(in lab, red, red)) { .paperclip-mdxeditor-scope, .paperclip-mdxeditor { --accentLine: color-mix(in oklab, var(--primary) 20%, transparent); } } .paperclip-mdxeditor-scope, .paperclip-mdxeditor { --accentBg: var(--accent); --accentBgHover: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .paperclip-mdxeditor-scope, .paperclip-mdxeditor { --accentBgHover: color-mix(in oklab, var(--accent) 80%, var(--background)); } } .paperclip-mdxeditor-scope, .paperclip-mdxeditor { --accentBgActive: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .paperclip-mdxeditor-scope, .paperclip-mdxeditor { --accentBgActive: color-mix(in oklab, var(--accent) 72%, var(--background)); } } .paperclip-mdxeditor-scope, .paperclip-mdxeditor { --accentText: var(--accent-foreground); color: var(--foreground); font-family: inherit; font-size: 1rem; line-height: 1.5; } @media (min-width: 768px) { .paperclip-mdxeditor-scope, .paperclip-mdxeditor { font-size: .875rem; } } .paperclip-mdxeditor-scope [class*="_iconButton_"], .paperclip-mdxeditor [class*="_iconButton_"] { color: var(--baseText); } .paperclip-mdxeditor-scope [class*="_iconButton_"]:hover, .paperclip-mdxeditor [class*="_iconButton_"]:hover { color: var(--baseTextContrast); } .paperclip-mdxeditor .mdxeditor-root-contenteditable { min-height: 2.5rem; padding: 0; line-height: 1.5; } .paperclip-mdxeditor [class*="_contentEditable_"] { padding: .375rem .625rem !important; } .paperclip-mdxeditor--borderless [class*="_contentEditable_"] { padding: 0 !important; } .paperclip-mdxeditor [class*="_placeholder_"] { font-size: inherit; color: var(--muted-foreground); line-height: 1.5; } .paperclip-mdxeditor-content { font-size: inherit; line-height: inherit; color: inherit; } .paperclip-edit-in-place-content { font-size: .9375rem; line-height: 1.75rem; } .paperclip-mdxeditor-content > :first-child { margin-top: 0; } .paperclip-mdxeditor-content > :last-child { margin-bottom: 0; } .paperclip-mdxeditor-content p { line-height: inherit; margin: 0; } .paperclip-mdxeditor-content p + p { margin-top: 1.1em; } .paperclip-mdxeditor-content a:not(.paperclip-mention-chip):not(.paperclip-project-mention-chip) { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .paperclip-mdxeditor-content a:not(.paperclip-mention-chip):not(.paperclip-project-mention-chip) { color: color-mix(in oklab, var(--foreground) 76%, #0969da 24%); } } .paperclip-mdxeditor-content a:not(.paperclip-mention-chip):not(.paperclip-project-mention-chip) { text-underline-offset: .15em; cursor: pointer; text-decoration: underline; } .dark .paperclip-mdxeditor-content a:not(.paperclip-mention-chip):not(.paperclip-project-mention-chip) { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .dark .paperclip-mdxeditor-content a:not(.paperclip-mention-chip):not(.paperclip-project-mention-chip) { color: color-mix(in oklab, var(--foreground) 80%, #58a6ff 20%); } } .paperclip-mdxeditor-content a.paperclip-mention-chip, .paperclip-mdxeditor-content a.paperclip-project-mention-chip { border: 1px solid var(--border); vertical-align: middle; white-space: nowrap; -webkit-user-select: none; user-select: none; border-radius: 999px; align-items: center; gap: .25rem; margin: 0 .1rem; padding: 0 .625rem; font-size: .75rem; line-height: 1.25; text-decoration: none; display: inline-flex; position: relative; top: -1px; } .paperclip-mdxeditor-content a.paperclip-mention-chip code, .paperclip-mdxeditor-content a.paperclip-project-mention-chip code { color: inherit; background: none; padding: 0; font-family: inherit; } .paperclip-mdxeditor-content a.paperclip-mention-chip:before, a.paperclip-mention-chip:before { content: ""; flex: none; } .paperclip-mdxeditor-content a.paperclip-mention-chip[data-mention-kind="project"]:before, a.paperclip-mention-chip[data-mention-kind="project"]:before { background-color: var(--paperclip-mention-project-color, currentColor); border-radius: 999px; width: .45rem; height: .45rem; } .paperclip-mdxeditor-content a.paperclip-mention-chip[data-mention-kind="agent"]:before, a.paperclip-mention-chip[data-mention-kind="agent"]:before { width: .75rem; height: .75rem; -webkit-mask-image: var(--paperclip-mention-icon-mask); -webkit-mask-image: var(--paperclip-mention-icon-mask); -webkit-mask-image: var(--paperclip-mention-icon-mask); mask-image: var(--paperclip-mention-icon-mask); background-color: currentColor; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .paperclip-mdxeditor-content ul, .paperclip-mdxeditor-content ol { margin: 1.1em 0; padding-left: 1.6em; } .paperclip-mdxeditor-content ul { list-style: outside; } .paperclip-mdxeditor-content ol { list-style: decimal; } .paperclip-mdxeditor-content li { line-height: inherit; margin: .3em 0; display: list-item; } .paperclip-mdxeditor-content li::marker { color: var(--muted-foreground); } .paperclip-mdxeditor-content h1 { margin: 1.4em 0 .9em; font-size: 1.75em; font-weight: 700; line-height: 1.2; } .paperclip-mdxeditor-content h2 { margin: 1.3em 0 .85em; font-size: 1.35em; font-weight: 700; line-height: 1.3; } .paperclip-mdxeditor-content h3 { margin: 1.2em 0 .8em; font-size: 1.15em; font-weight: 600; line-height: 1.35; } .paperclip-mdxeditor-content img { border-radius: calc(var(--radius) - 2px); max-height: 18rem; } .paperclip-mdxeditor-content blockquote { border-left: 3px solid var(--border); color: var(--muted-foreground); line-height: inherit; margin: 1.2em 0; padding-left: 1em; } .paperclip-mdxeditor-content code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-size: 1em; } .paperclip-mdxeditor-content pre { border: 1px solid var(--foreground); margin: .4rem 0; padding: 0; } @supports (color: color-mix(in lab, red, red)) { .paperclip-mdxeditor-content pre { border: 1px solid color-mix(in oklab, var(--foreground) 12%, transparent); } } .paperclip-mdxeditor-content pre { border-radius: calc(var(--radius) - 3px); color: #cdd6f4; background: #1e1e2e; overflow-x: auto; } .paperclip-mdxeditor .cm-editor { font-size: 1em; color: #cdd6f4 !important; background-color: #1e1e2e !important; } .paperclip-mdxeditor .cm-gutters { color: #585b70 !important; background-color: #181825 !important; border-right: 1px solid #313244 !important; } .paperclip-mdxeditor .cm-activeLineGutter { background-color: #1e1e2e !important; } .paperclip-mdxeditor .cm-activeLine { background-color: oklab(87.866% .00169042 -.0425184 / .05) !important; } .paperclip-mdxeditor .cm-cursor, .paperclip-mdxeditor .cm-dropCursor { border-left-color: #cdd6f4 !important; } .paperclip-mdxeditor .cm-selectionBackground { background-color: oklab(76.642% -.0195548 -.109614 / .25) !important; } .paperclip-mdxeditor .cm-focused .cm-selectionBackground { background-color: oklab(76.642% -.0195548 -.109614 / .3) !important; } .paperclip-mdxeditor .cm-content { caret-color: #cdd6f4; } .paperclip-mdxeditor-content [class*="_codeMirrorWrapper_"] { position: relative; } .paperclip-mdxeditor-content [class*="_codeMirrorToolbar_"], .paperclip-mdxeditor-content [class*="_codeBlockToolbar_"] { z-index: 2; opacity: 0; transition: opacity .15s; position: absolute; top: .25rem; right: .25rem; } .paperclip-mdxeditor-content [class*="_codeMirrorToolbar_"] select, .paperclip-mdxeditor-content [class*="_codeBlockToolbar_"] select { color: #cdd6f4; background-color: #313244; border-color: #45475a; } .paperclip-mdxeditor-content [class*="_codeMirrorWrapper_"]:hover [class*="_codeMirrorToolbar_"], .paperclip-mdxeditor-content [class*="_codeMirrorWrapper_"]:hover [class*="_codeBlockToolbar_"], .paperclip-mdxeditor-content [class*="_codeMirrorWrapper_"]:focus-within [class*="_codeMirrorToolbar_"], .paperclip-mdxeditor-content [class*="_codeMirrorWrapper_"]:focus-within [class*="_codeBlockToolbar_"] { opacity: 1; } .paperclip-markdown { --tw-prose-pre-bg: #1e1e2e; --tw-prose-pre-code: #cdd6f4; --tw-prose-invert-pre-bg: #1e1e2e; --tw-prose-invert-pre-code: #cdd6f4; } .paperclip-markdown pre { border: 1px solid var(--foreground) !important; } @supports (color: color-mix(in lab, red, red)) { .paperclip-markdown pre { border: 1px solid color-mix(in oklab, var(--foreground) 12%, transparent) !important; } } .paperclip-markdown pre { white-space: pre; overflow-x: auto; border-radius: calc(var(--radius) - 3px) !important; color: #cdd6f4 !important; background-color: #1e1e2e !important; margin: .4rem 0 !important; padding: .5rem .65rem !important; font-size: 1em !important; } .paperclip-markdown code { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-size: 1em; } .paperclip-markdown pre code { font-size: inherit; color: inherit; background: none; } .paperclip-markdown-codeblock { position: relative; } .paperclip-markdown-codeblock-copy { border-radius: calc(var(--radius) - 4px); border: 1px solid var(--foreground); align-items: center; gap: .25rem; padding: .2rem .4rem; display: inline-flex; position: absolute; top: .4rem; right: .4rem; } @supports (color: color-mix(in lab, red, red)) { .paperclip-markdown-codeblock-copy { border: 1px solid color-mix(in oklab, var(--foreground) 14%, transparent); } } .paperclip-markdown-codeblock-copy { background-color: var(--muted); } @supports (color: color-mix(in lab, red, red)) { .paperclip-markdown-codeblock-copy { background-color: color-mix(in oklab, var(--muted) 92%, var(--background) 8%); } } .paperclip-markdown-codeblock-copy { color: var(--muted-foreground); cursor: pointer; opacity: 0; font-size: .7rem; line-height: 1; transition: opacity .12s, background-color .12s, color .12s; } .paperclip-markdown-codeblock:hover .paperclip-markdown-codeblock-copy, .paperclip-markdown-codeblock-copy:focus-visible, .paperclip-markdown-codeblock-copy[data-copied] { opacity: 1; } .paperclip-markdown-codeblock-copy:hover { background-color: var(--accent); color: var(--accent-foreground); } .paperclip-markdown-codeblock-copy[data-copied] { color: var(--primary); } .paperclip-markdown-codeblock-copy[data-failed] { color: var(--destructive); } .paperclip-markdown-codeblock-copy-label { font-weight: 500; } .prose code:before, .prose code:after { content: none; } .prose :not(pre) > code { background-color: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .prose :not(pre) > code { background-color: color-mix(in oklab, var(--accent) 60%, transparent); } } .prose :not(pre) > code { border-radius: 3px; padding: .15em .35em; font-weight: 500; } .dark .prose :not(pre) > code { background-color: #ffffff0f; } .paperclip-markdown { color: var(--foreground); font-size: .9375rem; line-height: 1.6; } .paperclip-markdown > :first-child { margin-top: 0; } .paperclip-markdown > :last-child { margin-bottom: 0; } .paperclip-markdown :where(p, ul, ol, blockquote, pre, .paperclip-markdown-table-scroll) { margin-top: .7rem; margin-bottom: .7rem; } .paperclip-markdown :where(ul, ol) { padding-left: 1.15rem; } .paperclip-markdown ul { list-style-type: disc; } .paperclip-markdown ol { list-style-type: decimal; } .paperclip-markdown li { margin: .14rem 0; padding-left: .2rem; } .paperclip-markdown li > :where(p, ul, ol) { margin-top: .3rem; margin-bottom: .3rem; } .paperclip-markdown li::marker { color: var(--muted-foreground); } .paperclip-markdown h1, .paperclip-markdown h2, .paperclip-markdown h3, .paperclip-markdown h4 { color: var(--foreground); letter-spacing: -.01em; margin-top: 1.75rem; margin-bottom: .45rem; font-weight: 600; line-height: 1.3; } .paperclip-markdown h1 { font-size: 1.5rem; } .paperclip-markdown h2 { font-size: 1.25rem; } .paperclip-markdown h3 { font-size: 1.05rem; } .paperclip-markdown h4 { font-size: .95rem; } .paperclip-markdown :where(strong, b) { color: var(--foreground); font-weight: 600; } .paperclip-markdown a { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .paperclip-markdown a { color: color-mix(in oklab, var(--foreground) 76%, #0969da 24%); } } .paperclip-markdown a { text-underline-offset: .15em; cursor: pointer; text-decoration: underline; } .paperclip-markdown a.paperclip-mention-chip { text-decoration: none; } .paperclip-markdown a.paperclip-mention-chip[data-mention-kind="issue"] { border-color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .paperclip-markdown a.paperclip-mention-chip[data-mention-kind="issue"] { border-color: color-mix(in oklab, var(--foreground) 14%, var(--border) 86%); } } .paperclip-markdown a.paperclip-mention-chip[data-mention-kind="issue"] { background: var(--accent); } @supports (color: color-mix(in lab, red, red)) { .paperclip-markdown a.paperclip-mention-chip[data-mention-kind="issue"] { background: color-mix(in oklab, var(--accent) 42%, transparent); } } .paperclip-markdown-issue-ref { white-space: nowrap; display: inline; } .dark .paperclip-markdown a { color: var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .dark .paperclip-markdown a { color: color-mix(in oklab, var(--foreground) 80%, #58a6ff 20%); } } .paperclip-markdown blockquote { border-left: .24rem solid var(--border); margin-left: 0; padding-left: .95rem; } @supports (color: color-mix(in lab, red, red)) { .paperclip-markdown blockquote { border-left: .24rem solid color-mix(in oklab, var(--border) 84%, var(--muted-foreground) 16%); } } .paperclip-markdown blockquote { color: var(--muted-foreground); } .paperclip-markdown hr { border-color: var(--border); margin: 1.25rem 0; } .paperclip-markdown img { border-radius: calc(var(--radius) + 2px); box-shadow: inset 0 0 0 1px var(--foreground); } @supports (color: color-mix(in lab, red, red)) { .paperclip-markdown img { box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--foreground) 10%, transparent); } } .paperclip-markdown-table-scroll { overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; max-width: 100%; overflow-x: auto; } .paperclip-markdown-table-scroll:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; } .paperclip-markdown-table-scroll table { width: max-content; min-width: 100%; margin: 0; } .paperclip-markdown-table-scroll :where(th, td) { vertical-align: top; min-width: 8rem; max-width: 18rem; } .paperclip-markdown th { text-align: left; font-weight: 600; } .paperclip-mermaid { border: 1px solid var(--border); border-radius: calc(var(--radius) - 3px); background-color: var(--accent); margin: .5rem 0; padding: .45rem .55rem; } @supports (color: color-mix(in lab, red, red)) { .paperclip-mermaid { background-color: color-mix(in oklab, var(--accent) 35%, transparent); } } .paperclip-mermaid { overflow-x: auto; } .paperclip-mermaid svg { width: max-content; min-width: 100%; max-width: none; height: auto; display: block; } .paperclip-mermaid-status { color: var(--muted-foreground); margin: 0 0 .45rem; font-size: .75rem; } .paperclip-mermaid-status-error { color: var(--destructive); } .paperclip-mermaid-source { background: none; border: 0; margin: 0; padding: 0; } a.paperclip-mention-chip, a.paperclip-project-mention-chip, span.paperclip-mention-chip, span.paperclip-project-mention-chip { border: 1px solid var(--border); vertical-align: middle; white-space: nowrap; border-radius: 999px; align-items: center; gap: .25rem; margin: 0 .1rem; padding: 0 .625rem; font-size: .75rem; line-height: 1.25; text-decoration: none; display: inline-flex; position: relative; top: -1px; } .paperclip-markdown a.paperclip-mention-chip code, .paperclip-markdown a.paperclip-project-mention-chip code, .paperclip-markdown span.paperclip-mention-chip code, .paperclip-markdown span.paperclip-project-mention-chip code { color: inherit; font-family: inherit; font-size: inherit; background: none; padding: 0; } [class*="_popupContainer_"] { z-index: 81 !important; } [class*="_dialogOverlay_"] { z-index: 80; } [class*="_dialogContent_"], [class*="_largeDialogContent_"], [class*="_popoverContent_"], [class*="_linkDialogPopoverContent_"], [class*="_tableColumnEditorPopoverContent_"], [class*="_toolbarButtonDropdownContainer_"], [class*="_toolbarNodeKindSelectContainer_"] { z-index: 81 !important; } .dark pre, .dark code:not(:where(pre *)), .dark [class*="terminal"], .dark [class*="log-block"], .dark [class*="codeblock"], .dark [data-slot="code"] { color: var(--ink-1, #f6f2ffeb); border: 1px solid #ffffff0f; background: #0f0c16b3 !important; border-radius: 12px !important; } .dark pre code { border: 0; padding: 0; background: none !important; border-radius: 0 !important; } .dark table { border-radius: 14px; overflow: hidden; } .dark thead th, .dark tbody td { border-color: #ffffff0f !important; } .dark [data-slot="popover-content"] .rdp, .dark [data-slot="popover-content"] [class*="rdp-"] { --rdp-accent-color: var(--ink-0, #f6f2ff); --rdp-background-color: #ffffff14; } .dark [data-slot="popover-content"] .rdp-day, .dark [data-slot="popover-content"] .rdp-button, .dark [data-slot="popover-content"] .rdp-day_selected, .dark [data-slot="popover-content"] .rdp-day_today { border-radius: 10px !important; } .dark [data-slot="alert"], .dark [role="alert"] { -webkit-backdrop-filter: blur(12px) saturate(150%); backdrop-filter: blur(12px) saturate(150%); background: #14101c8c; border: 1px solid #ffffff1a; border-radius: 14px !important; } .dark [data-cortex-team-member], .dark [data-team-member-card], .dark [class*="member-card"], .dark [class*="memberCard"] { background: #14101c73; border: 1px solid #ffffff14; border-radius: 16px !important; } .dark [role="tablist"] [role="tab"], .dark [data-slot="tabs-trigger"] { border-radius: 999px !important; } .dark [role="tab"]:hover, .dark [data-slot="tabs-trigger"]:hover { background: #ffffff0f; } .dark [data-state="selected"], .dark [aria-selected="true"]:not(.rdp-day_outside) { color: var(--ink-0, #f6f2ff) !important; background: #ffffff14 !important; } .dark section[class*="bg-card"][class*="rounded-xl"], .dark section[class*="bg-card"][class*="rounded-lg"], .dark > body div#root section[class*="bg-card"], .dark div[class*="bg-card"][class*="rounded-xl"][class*="border-border"], .dark div[class*="bg-card"][class*="rounded-2xl"][class*="border-border"], .dark ul[class*="bg-card"][class*="rounded-md"], .dark ul[class*="bg-card"][class*="rounded-lg"], .dark ul[class*="bg-card"][class*="rounded-xl"] { -webkit-backdrop-filter: blur(20px) saturate(170%); backdrop-filter: blur(20px) saturate(170%); isolation: isolate; position: relative; box-shadow: 0 8px 24px -10px #00000073, inset 0 1px #ffffff14, inset 0 -1px #0003; background: #14101c73 !important; border: 1px solid #ffffff14 !important; } .dark ul[class*="bg-card"][class*="divide-y"] > li { border-top-color: #ffffff0d !important; border-bottom-color: #ffffff0d !important; } .dark div[class*="rounded-[28px]"][class*="bg-card"] { isolation: isolate; box-shadow: 0 12px 32px -16px #0000008c, inset 0 1px #ffffff1a; background: none !important; border: 1px solid #ffffff1a !important; } .dark div[class*="rounded-[24px]"][class*="bg-background"] { -webkit-backdrop-filter: blur(20px) saturate(170%); backdrop-filter: blur(20px) saturate(170%); box-shadow: 0 8px 24px -10px #00000073, inset 0 1px #ffffff14, inset 0 -1px #0003; background: #14101c8c !important; border: 1px solid #ffffff14 !important; } .dark .paperclip-markdown-codeblock { margin: .75rem 0 !important; } .dark .paperclip-markdown-codeblock > pre, .dark .prose .paperclip-markdown-codeblock > pre, .dark .prose-invert .paperclip-markdown-codeblock > pre { box-shadow: inset 0 1px #ffffff0a, inset 0 -1px #0000004d; background: #00000059 !important; border: 1px solid #ffffff0f !important; border-radius: 14px !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: .9rem 1rem !important; } .dark section[class*="bg-card"] div[class*="bg-background"][class*="rounded-lg"], .dark section[class*="bg-card"] div[class*="bg-background"][class*="rounded-md"] { box-shadow: inset 0 1px #ffffff0d, inset 0 -1px #00000026; background: #ffffff09 !important; border: 1px solid #ffffff12 !important; } .dark a[data-inbox-issue-link] { isolation: isolate; position: relative; } .dark a[data-inbox-issue-link]:hover { background-color: #0000 !important; } .dark a[data-inbox-issue-link]:before { content: ""; z-index: -1; pointer-events: none; background: none; border-radius: 12px; transition: background-color .18s cubic-bezier(.16, 1, .3, 1); position: absolute; inset: 2px 4px; } .dark a[data-inbox-issue-link]:hover:before { background: #ffffff0e; } .dark a[data-inbox-issue-link][aria-current="step"]:before, .dark a[data-inbox-issue-link][data-state="selected"]:before { background: #ffffff14; } .dark .nav-item:active, .dark .nav-item.active:active { transform: none !important; } .dark [data-kanban-card] { -webkit-backdrop-filter: blur(20px) saturate(170%); backdrop-filter: blur(20px) saturate(170%); box-shadow: 0 8px 24px -10px #00000073, inset 0 1px #ffffff14, inset 0 -1px #00000026; background: #14101c73 !important; border: 1px solid #ffffff14 !important; } .dark [data-kanban-card]:hover { background: #1c16268c !important; } .dark [data-slot="tabs-list"][data-variant="line"] [data-slot="tabs-trigger"], .dark [data-slot="tabs-list"][data-variant="line"] [data-slot="tabs-trigger"][data-state="active"], .dark [data-slot="tabs-list"][data-variant="line"] [data-slot="tabs-trigger"][data-state="inactive"] { background: none !important; border-color: #0000 !important; } .dark [data-dev-restart-banner], .dark div:has( > div > div > span):where(:has(code:where([class*="dev:once"]))) { -webkit-backdrop-filter: blur(14px) saturate(150%); backdrop-filter: blur(14px) saturate(150%); box-shadow: 0 6px 18px -8px #00000080, inset 0 1px #ffffff14, inset 0 -1px #00000026; background: #32230fa6 !important; border: 1px solid #ffd70026 !important; border-radius: 18px !important; margin: 8px 12px !important; } .dark [aria-live="polite"][aria-atomic] > ol > li { box-shadow: 0 12px 32px -12px #0009, inset 0 1px #ffffff14, inset 0 -1px #0003; -webkit-backdrop-filter: blur(20px) saturate(170%) !important; backdrop-filter: blur(20px) saturate(170%) !important; border-radius: 18px !important; } .dark > body > div#root > div > div[class*="border-b"][class*="bg-amber"], .dark > body > div#root > div > div[class*="border-b"][class*="bg-sky"], .dark > body > div#root > div > div[class*="border-b"][class*="bg-red"] { -webkit-backdrop-filter: blur(14px) saturate(150%); backdrop-filter: blur(14px) saturate(150%); box-shadow: 0 6px 18px -8px #00000073, inset 0 1px #ffffff14; border: 1px solid #ffffff14 !important; border-radius: 18px !important; margin: 8px 12px !important; } .dark div.border.border-border:not([class*="rounded"]) { border-radius: var(--r-md, 18px); overflow: hidden; } @keyframes forgeEdgeDashMove { to { stroke-dashoffset: -24px; } } html.winneros-forge-fullscreen, html.winneros-forge-fullscreen body { background: #02010a !important; } html.winneros-forge-fullscreen .cosmos, html.winneros-forge-fullscreen .aurora, html.winneros-forge-fullscreen .milkyway-layer, html.winneros-forge-fullscreen #starfield { display: none !important; } body.winneros-onboarding-active [data-layout-shell] { visibility: hidden !important; } html.winneros-forge-fullscreen aside:not(.forge-editor aside):not([data-forge-keep]), html.winneros-forge-fullscreen [data-cortex-sidebar-column], html.winneros-forge-fullscreen [data-cortex-account-menu], html.winneros-forge-fullscreen nav[aria-label="breadcrumb"], html.winneros-forge-fullscreen [data-paperclip-topbar], html.winneros-forge-fullscreen [data-cortex-topbar], html.winneros-forge-fullscreen [data-app-topbar], html.winneros-forge-fullscreen .border-b.border-border.h-12.shrink-0, html.winneros-forge-fullscreen [data-layout-shell] div:has( > div.border-b.border-border.h-12.shrink-0) { display: none !important; } html.winneros-forge-fullscreen [data-layout-shell] { padding: 0 !important; } html.winneros-forge-fullscreen main, html.winneros-forge-fullscreen [data-cortex-main], html.winneros-forge-fullscreen [role="main"] { width: 100vw !important; max-width: 100vw !important; margin-left: 0 !important; padding: 0 !important; overflow: hidden !important; } html.winneros-forge-fullscreen .forge-editor { width: 100vw !important; height: 100vh !important; } html.winneros-browser-fullscreen body { overflow: hidden !important; } html.winneros-browser-fullscreen .cosmos, html.winneros-browser-fullscreen .aurora, html.winneros-browser-fullscreen .milkyway-layer, html.winneros-browser-fullscreen #starfield { display: none !important; } .forge-editor { contain: layout style paint; isolation: isolate; } .forge-editor .react-flow { transform: translateZ(0); } .forge-editor .react-flow__viewport { will-change: transform; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false } @property --tw-rotate-y { syntax: "*"; inherits: false } @property --tw-rotate-z { syntax: "*"; inherits: false } @property --tw-skew-x { syntax: "*"; inherits: false } @property --tw-skew-y { syntax: "*"; inherits: false } @property --tw-pan-x { syntax: "*"; inherits: false } @property --tw-pan-y { syntax: "*"; inherits: false } @property --tw-pinch-zoom { syntax: "*"; inherits: false } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false } @property --tw-gradient-via-stops { syntax: "*"; inherits: false } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false } @property --tw-font-weight { syntax: "*"; inherits: false } @property --tw-tracking { syntax: "*"; inherits: false } @property --tw-ordinal { syntax: "*"; inherits: false } @property --tw-slashed-zero { syntax: "*"; inherits: false } @property --tw-numeric-figure { syntax: "*"; inherits: false } @property --tw-numeric-spacing { syntax: "*"; inherits: false } @property --tw-numeric-fraction { syntax: "*"; inherits: false } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false } @property --tw-brightness { syntax: "*"; inherits: false } @property --tw-contrast { syntax: "*"; inherits: false } @property --tw-grayscale { syntax: "*"; inherits: false } @property --tw-hue-rotate { syntax: "*"; inherits: false } @property --tw-invert { syntax: "*"; inherits: false } @property --tw-opacity { syntax: "*"; inherits: false } @property --tw-saturate { syntax: "*"; inherits: false } @property --tw-sepia { syntax: "*"; inherits: false } @property --tw-drop-shadow { syntax: "*"; inherits: false } @property --tw-drop-shadow-color { syntax: "*"; inherits: false } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false } @property --tw-backdrop-blur { syntax: "*"; inherits: false } @property --tw-backdrop-brightness { syntax: "*"; inherits: false } @property --tw-backdrop-contrast { syntax: "*"; inherits: false } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false } @property --tw-backdrop-invert { syntax: "*"; inherits: false } @property --tw-backdrop-opacity { syntax: "*"; inherits: false } @property --tw-backdrop-saturate { syntax: "*"; inherits: false } @property --tw-backdrop-sepia { syntax: "*"; inherits: false } @property --tw-duration { syntax: "*"; inherits: false } @property --tw-ease { syntax: "*"; inherits: false } @property --tw-content { syntax: "*"; inherits: false; initial-value: ""; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { opacity: 0; transform: scale(2); } } @keyframes bounce { 0%, 100% { animation-timing-function: cubic-bezier(.8, 0, 1, 1); transform: translateY(-25%); } 50% { animation-timing-function: cubic-bezier(0, 0, .2, 1); transform: none; } }