:root { --header-height: calc(3.4375rem * var(--mantine-scale)); --sidebar-width: calc(3.4375rem * var(--mantine-scale)); --border-radius: calc(0.125rem * var(--mantine-scale)); --opacity: 0.34; --max-width: calc(99.8125rem * var(--mantine-scale)); --app-background: #fcfcfc; --subtle-background: #f9f9fb; --ui-element-background: #f0f0f3; --hovered-ui-element-background: #e8e8ec; --selected-ui-element-background: #e0e1e6; --subtle-border-and-separator: #d9d9e0; --ui-element-border-and-focus: #cdced6; --hovered-ui-element-border: #b9bbc6; --solid-background: #8b8d98; --hovered-solid-background: #80838d; --low-contrast-text: #60646c; --high-contrast-text: #000000; --app-background-slate: #fcfcfd; --subtle-background-slate: #f9f9fb; --ui-element-background-slate: #f0f0f3; --hovered-ui-element-background-slate: #e8e8ec; --selected-ui-element-background-slate: #e0e1e6; --subtle-border-and-separator-slate: #d9d9e0; --ui-element-border-and-focus-slate: #cdced6; --hovered-ui-element-border-slate: #b9bbc6; --solid-background-slate: #8b8d98; --hovered-solid-background-slate: #80838d; --low-contrast-text-slate: #60646c; --high-contrast-text-slate: #1c2024; --app-background-gray: #fcfcfc; --subtle-background-gray: #f9f9f9; --ui-element-background-gray: #f0f0f0; --hovered-ui-element-background-gray: #e8e8e8; --selected-ui-element-background-gray: #e0e0e0; --subtle-border-and-separator-gray: #d9d9d9; --ui-element-border-and-focus-gray: #cecece; --hovered-ui-element-border-gray: #bbbbbb; --solid-background-gray: #8d8d8d; --hovered-solid-background-gray: #838383; --low-contrast-text-gray: #646464; --high-contrast-text-gray: #202020; --app-background-tomato: #fffcfc; --subtle-background-tomato: #fff8f7; --ui-element-background-tomato: #feebe7; --hovered-ui-element-background-tomato: #ffdcd3; --selected-ui-element-background-tomato: #ffcdc2; --subtle-border-and-separator-tomato: #fdbdaf; --ui-element-border-and-focus-tomato: #f5a898; --hovered-ui-element-border-tomato: #ec8e7b; --solid-background-tomato: #e54d2e; --hovered-solid-background-tomato: #dd4425; --low-contrast-text-tomato: #d13415; --high-contrast-text-tomato: #5c271f; --app-background-red: #fffcfc; --subtle-background-red: #fff7f7; --ui-element-background-red: #feebec; --hovered-ui-element-background-red: #ffdbdc; --selected-ui-element-background-red: #ffcdce; --subtle-border-and-separator-red: #fdbdbe; --ui-element-border-and-focus-red: #f4a9aa; --hovered-ui-element-border-red: #eb8e90; --solid-background-red: #e5484d; --hovered-solid-background-red: #dc3e42; --low-contrast-text-red: #ce2c31; --high-contrast-text-red: #641723; --app-background-ruby: #fffcfd; --subtle-background-ruby: #fff7f8; --ui-element-background-ruby: #feeaed; --hovered-ui-element-background-ruby: #ffdce1; --selected-ui-element-background-ruby: #ffced6; --subtle-border-and-separator-ruby: #f8bfc8; --ui-element-border-and-focus-ruby: #efacb8; --hovered-ui-element-border-ruby: #e592a3; --solid-background-ruby: #e54666; --hovered-solid-background-ruby: #dc3b5d; --low-contrast-text-ruby: #ca244d; --high-contrast-text-ruby: #64172b; --app-background-crimson: #fffcfd; --subtle-background-crimson: #fef7f9; --ui-element-background-crimson: #ffe9f0; --hovered-ui-element-background-crimson: #fedce7; --selected-ui-element-background-crimson: #facedd; --subtle-border-and-separator-crimson: #f3bed1; --ui-element-border-and-focus-crimson: #eaacc3; --hovered-ui-element-border-crimson: #e093b2; --solid-background-crimson: #e93d82; --hovered-solid-background-crimson: #df3478; --low-contrast-text-crimson: #cb1d63; --high-contrast-text-crimson: #621639; --app-background-pink: #fffcfe; --subtle-background-pink: #fef7fb; --ui-element-background-pink: #fee9f5; --hovered-ui-element-background-pink: #fbdcef; --selected-ui-element-background-pink: #f6cee7; --subtle-border-and-separator-pink: #efbfdd; --ui-element-border-and-focus-pink: #e7acd0; --hovered-ui-element-border-pink: #dd93c2; --solid-background-pink: #d6409f; --hovered-solid-background-pink: #cf3897; --low-contrast-text-pink: #c2298a; --high-contrast-text-pink: #651249; --app-background-grape: #fefcff; --subtle-background-grape: #fdf7fd; --ui-element-background-grape: #fbebfb; --hovered-ui-element-background-grape: #f7def8; --selected-ui-element-background-grape: #f2d1f3; --subtle-border-and-separator-grape: #e9c2ec; --ui-element-border-and-focus-grape: #deade3; --hovered-ui-element-border-grape: #cf91d8; --solid-background-grape: #ab4aba; --hovered-solid-background-grape: #a144af; --low-contrast-text-grape: #953ea3; --high-contrast-text-grape: #53195d; --app-background-purple: #fefcfe; --subtle-background-purple: #fbf7fe; --ui-element-background-purple: #f7edfe; --hovered-ui-element-background-purple: #f2e2fc; --selected-ui-element-background-purple: #ead5f9; --subtle-border-and-separator-purple: #e0c4f4; --ui-element-border-and-focus-purple: #d1afec; --hovered-ui-element-border-purple: #be93e4; --solid-background-purple: #8e4ec6; --hovered-solid-background-purple: #8347b9; --low-contrast-text-purple: #8145b5; --high-contrast-text-purple: #402060; --app-background-violet: #fdfcfe; --subtle-background-violet: #faf8ff; --ui-element-background-violet: #f4f0fe; --hovered-ui-element-background-violet: #ebe4ff; --selected-ui-element-background-violet: #e1d9ff; --subtle-border-and-separator-violet: #d4cafe; --ui-element-border-and-focus-violet: #c2b5f5; --hovered-ui-element-border-violet: #aa99ec; --solid-background-violet: #6e56cf; --hovered-solid-background-violet: #654dc4; --low-contrast-text-violet: #6550b9; --high-contrast-text-violet: #2f265f; --app-background-iris: #fdfdff; --subtle-background-iris: #f8f8ff; --ui-element-background-iris: #f0f1fe; --hovered-ui-element-background-iris: #e6e7ff; --selected-ui-element-background-iris: #dadcff; --subtle-border-and-separator-iris: #cbcdff; --ui-element-border-and-focus-iris: #b8baf8; --hovered-ui-element-border-iris: #9b9ef0; --solid-background-iris: #5b5bd6; --hovered-solid-background-iris: #5151cd; --low-contrast-text-iris: #5753c6; --high-contrast-text-iris: #272962; --app-background-indigo: #fdfdfe; --subtle-background-indigo: #f7f9ff; --ui-element-background-indigo: #edf2fe; --hovered-ui-element-background-indigo: #e1e9ff; --selected-ui-element-background-indigo: #d2deff; --subtle-border-and-separator-indigo: #c1d0ff; --ui-element-border-and-focus-indigo: #abbdf9; --hovered-ui-element-border-indigo: #8da4ef; --solid-background-indigo: #3e63dd; --hovered-solid-background-indigo: #3358d4; --low-contrast-text-indigo: #3a5bc7; --high-contrast-text-indigo: #1f2d5c; --app-background-blue: #fbfdff; --subtle-background-blue: #f4faff; --ui-element-background-blue: #e6f4fe; --hovered-ui-element-background-blue: #d5efff; --selected-ui-element-background-blue: #c2e5ff; --subtle-border-and-separator-blue: #acd8fc; --ui-element-border-and-focus-blue: #8ec8f6; --hovered-ui-element-border-blue: #5eb1ef; --solid-background-blue: #0090ff; --hovered-solid-background-blue: #0588f0; --low-contrast-text-blue: #0d74ce; --high-contrast-text-blue: #113264; --app-background-cyan: #fafdfe; --subtle-background-cyan: #f2fafb; --ui-element-background-cyan: #def7f9; --hovered-ui-element-background-cyan: #caf1f6; --selected-ui-element-background-cyan: #b5e9f0; --subtle-border-and-separator-cyan: #9ddde7; --ui-element-border-and-focus-cyan: #7dcedc; --hovered-ui-element-border-cyan: #3db9cf; --solid-background-cyan: #00a2c7; --hovered-solid-background-cyan: #0797b9; --low-contrast-text-cyan: #107d98; --high-contrast-text-cyan: #0d3c48; --app-background-teal: #fafefd; --subtle-background-teal: #f3fbf9; --ui-element-background-teal: #e0f8f3; --hovered-ui-element-background-teal: #ccf3ea; --selected-ui-element-background-teal: #b8eae0; --subtle-border-and-separator-teal: #a1ded2; --ui-element-border-and-focus-teal: #83cdc1; --hovered-ui-element-border-teal: #53b9ab; --solid-background-teal: #12a594; --hovered-solid-background-teal: #0d9b8a; --low-contrast-text-teal: #008573; --high-contrast-text-teal: #0d3d38; --app-background-jade: #fbfefd; --subtle-background-jade: #f4fbf7; --ui-element-background-jade: #e6f7ed; --hovered-ui-element-background-jade: #d6f1e3; --selected-ui-element-background-jade: #c3e9d7; --subtle-border-and-separator-jade: #acdec8; --ui-element-border-and-focus-jade: #8bceb6; --hovered-ui-element-border-jade: #56ba9f; --solid-background-jade: #29a383; --hovered-solid-background-jade: #26997b; --low-contrast-text-jade: #208368; --high-contrast-text-jade: #1d3b31; --app-background-green: #fbfefc; --subtle-background-green: #f4fbf6; --ui-element-background-green: #e6f6eb; --hovered-ui-element-background-green: #d6f1df; --selected-ui-element-background-green: #c4e8d1; --subtle-border-and-separator-green: #adddc0; --ui-element-border-and-focus-green: #8eceaa; --hovered-ui-element-border-green: #5bb98b; --solid-background-green: #30a46c; --hovered-solid-background-green: #2b9a66; --low-contrast-text-green: #218358; --high-contrast-text-green: #193b2d; --app-background-grass: #fbfefb; --subtle-background-grass: #f5fbf5; --ui-element-background-grass: #e9f6e9; --hovered-ui-element-background-grass: #daf1db; --selected-ui-element-background-grass: #c9e8ca; --subtle-border-and-separator-grass: #b2ddb5; --ui-element-border-and-focus-grass: #94ce9a; --hovered-ui-element-border-grass: #65ba74; --solid-background-grass: #46a758; --hovered-solid-background-grass: #3e9b4f; --low-contrast-text-grass: #2a7e3b; --high-contrast-text-grass: #203c25; --app-background-brown: #fefdfc; --subtle-background-brown: #fcf9f6; --ui-element-background-brown: #f6eee7; --hovered-ui-element-background-brown: #f0e4d9; --selected-ui-element-background-brown: #ebdaca; --subtle-border-and-separator-brown: #e4cdb7; --ui-element-border-and-focus-brown: #dcbc9f; --hovered-ui-element-border-brown: #cea37e; --solid-background-brown: #ad7f58; --hovered-solid-background-brown: #a07553; --low-contrast-text-brown: #815e46; --high-contrast-text-brown: #3e332e; --app-background-bronze: #fdfcfc; --subtle-background-bronze: #fdf7f5; --ui-element-background-bronze: #f6edea; --hovered-ui-element-background-bronze: #efe4df; --selected-ui-element-background-bronze: #e7d9d3; --subtle-border-and-separator-bronze: #dfcdc5; --ui-element-border-and-focus-bronze: #d3bcb3; --hovered-ui-element-border-bronze: #c2a499; --solid-background-bronze: #a18072; --hovered-solid-background-bronze: #957468; --low-contrast-text-bronze: #7d5e54; --high-contrast-text-bronze: #43302b; --app-background-gold: #fdfdfc; --subtle-background-gold: #faf9f2; --ui-element-background-gold: #f2f0e7; --hovered-ui-element-background-gold: #eae6db; --selected-ui-element-background-gold: #e1dccf; --subtle-border-and-separator-gold: #d8d0bf; --ui-element-border-and-focus-gold: #cbc0aa; --hovered-ui-element-border-gold: #b9a88d; --solid-background-gold: #978365; --hovered-solid-background-gold: #8c7a5e; --low-contrast-text-gold: #71624b; --high-contrast-text-gold: #3b352b; --app-background-sky: #f9feff; --subtle-background-sky: #f1fafd; --ui-element-background-sky: #e1f6fd; --hovered-ui-element-background-sky: #d1f0fa; --selected-ui-element-background-sky: #bee7f5; --subtle-border-and-separator-sky: #a9daed; --ui-element-border-and-focus-sky: #8dcae3; --hovered-ui-element-border-sky: #60b3d7; --solid-background-sky: #7ce2fe; --hovered-solid-background-sky: #74daf8; --low-contrast-text-sky: #00749e; --high-contrast-text-sky: #1d3e56; --app-background-mint: #f9fefd; --subtle-background-mint: #f2fbf9; --ui-element-background-mint: #ddf9f2; --hovered-ui-element-background-mint: #c8f4e9; --selected-ui-element-background-mint: #b3ecde; --subtle-border-and-separator-mint: #9ce0d0; --ui-element-border-and-focus-mint: #7ecfbd; --hovered-ui-element-border-mint: #4cbba5; --solid-background-mint: #86ead4; --hovered-solid-background-mint: #7de0cb; --low-contrast-text-mint: #027864; --high-contrast-text-mint: #16433c; --app-background-lime: #fcfdfa; --subtle-background-lime: #f8faf3; --ui-element-background-lime: #eef6d6; --hovered-ui-element-background-lime: #e2f0bd; --selected-ui-element-background-lime: #d3e7a6; --subtle-border-and-separator-lime: #c2da91; --ui-element-border-and-focus-lime: #abc978; --hovered-ui-element-border-lime: #8db654; --solid-background-lime: #bdee63; --hovered-solid-background-lime: #b0e64c; --low-contrast-text-lime: #5c7c2f; --high-contrast-text-lime: #37401c; --app-background-yellow: #fdfdf9; --subtle-background-yellow: #fefce9; --ui-element-background-yellow: #fffab8; --hovered-ui-element-background-yellow: #fff394; --selected-ui-element-background-yellow: #ffe770; --subtle-border-and-separator-yellow: #f3d768; --ui-element-border-and-focus-yellow: #e4c767; --hovered-ui-element-border-yellow: #d5ae39; --solid-background-yellow: #ffe629; --hovered-solid-background-yellow: #ffdc00; --low-contrast-text-yellow: #9e6c00; --high-contrast-text-yellow: #473b1f; --app-background-amber: #fefdfb; --subtle-background-amber: #fefbe9; --ui-element-background-amber: #fff7c2; --hovered-ui-element-background-amber: #ffee9c; --selected-ui-element-background-amber: #fbe577; --subtle-border-and-separator-amber: #f3d673; --ui-element-border-and-focus-amber: #e9c162; --hovered-ui-element-border-amber: #e2a336; --solid-background-amber: #ffc53d; --hovered-solid-background-amber: #ffba18; --low-contrast-text-amber: #ab6400; --high-contrast-text-amber: #4f3422; --app-background-orange: #fefcfb; --subtle-background-orange: #fff7ed; --ui-element-background-orange: #ffefd6; --hovered-ui-element-background-orange: #ffdfb5; --selected-ui-element-background-orange: #ffd19a; --subtle-border-and-separator-orange: #ffc182; --ui-element-border-and-focus-orange: #f5ae73; --hovered-ui-element-border-orange: #ec9455; --solid-background-orange: #f76b15; --hovered-solid-background-orange: #ef5f00; --low-contrast-text-orange: #cc4e00; --high-contrast-text-orange: #582d1d; --mantine-color-text: var(--high-contrast-text); --mantine-color-body: var(--app-background); --mantine-color-error: var(--solid-background-red); --mantine-color-placeholder: var(--solid-background); --mantine-color-dimmed: var(--low-contrast-text); --mantine-color-default: var(--app-background); --mantine-color-default-hover: var(--ui-element-background); --mantine-color-default-border: var(--ui-element-border-and-focus); --mantine-color-primary-filled: var(--solid-background); --mantine-color-primary-filled-hover: var(--hovered-solid-background); --mantine-color-primary-light: var(--ui-element-background); --mantine-color-primary-light-hover: var(--hovered-ui-element-background); --mantine-color-primary-light-color: var(--low-contrast-text); --mantine-color-primary-outline: var(--solid-background); --mantine-color-primary-outline-hover: var(--subtle-background); --mantine-color-slate-filled: var(--solid-background-slate); --mantine-color-slate-filled-hover: var(--hovered-solid-background-slate); --mantine-color-slate-light: var(--ui-element-background-slate); --mantine-color-slate-light-hover: var(--hovered-ui-element-background-slate); --mantine-color-slate-light-color: var(--low-contrast-text-slate); --mantine-color-slate-outline: var(--solid-background-slate); --mantine-color-slate-outline-hover: var(--subtle-background-slate); --mantine-color-gray-filled: var(--solid-background-gray); --mantine-color-gray-filled-hover: var(--hovered-solid-background-gray); --mantine-color-gray-light: var(--ui-element-background-gray); --mantine-color-gray-light-hover: var(--hovered-ui-element-background-gray); --mantine-color-gray-light-color: var(--low-contrast-text-gray); --mantine-color-gray-outline: var(--solid-background-gray); --mantine-color-gray-outline-hover: var(--subtle-background-gray); --mantine-color-tomato-filled: var(--solid-background-tomato); --mantine-color-tomato-filled-hover: var(--hovered-solid-background-tomato); --mantine-color-tomato-light: var(--ui-element-background-tomato); --mantine-color-tomato-light-hover: var(--hovered-ui-element-background-tomato); --mantine-color-tomato-light-color: var(--low-contrast-text-tomato); --mantine-color-tomato-outline: var(--solid-background-tomato); --mantine-color-tomato-outline-hover: var(--subtle-background-tomato); --mantine-color-red-filled: var(--solid-background-red); --mantine-color-red-filled-hover: var(--hovered-solid-background-red); --mantine-color-red-light: var(--ui-element-background-red); --mantine-color-red-light-hover: var(--hovered-ui-element-background-red); --mantine-color-red-light-color: var(--low-contrast-text-red); --mantine-color-red-outline: var(--solid-background-red); --mantine-color-red-outline-hover: var(--subtle-background-red); --mantine-color-ruby-filled: var(--solid-background-ruby); --mantine-color-ruby-filled-hover: var(--hovered-solid-background-ruby); --mantine-color-ruby-light: var(--ui-element-background-ruby); --mantine-color-ruby-light-hover: var(--hovered-ui-element-background-ruby); --mantine-color-ruby-light-color: var(--low-contrast-text-ruby); --mantine-color-ruby-outline: var(--solid-background-ruby); --mantine-color-ruby-outline-hover: var(--subtle-background-ruby); --mantine-color-crimson-filled: var(--solid-background-crimson); --mantine-color-crimson-filled-hover: var(--hovered-solid-background-crimson); --mantine-color-crimson-light: var(--ui-element-background-crimson); --mantine-color-crimson-light-hover: var(--hovered-ui-element-background-crimson); --mantine-color-crimson-light-color: var(--low-contrast-text-crimson); --mantine-color-crimson-outline: var(--solid-background-crimson); --mantine-color-crimson-outline-hover: var(--subtle-background-crimson); --mantine-color-pink-filled: var(--solid-background-pink); --mantine-color-pink-filled-hover: var(--hovered-solid-background-pink); --mantine-color-pink-light: var(--ui-element-background-pink); --mantine-color-pink-light-hover: var(--hovered-ui-element-background-pink); --mantine-color-pink-light-color: var(--low-contrast-text-pink); --mantine-color-pink-outline: var(--solid-background-pink); --mantine-color-pink-outline-hover: var(--subtle-background-pink); --mantine-color-grape-filled: var(--solid-background-grape); --mantine-color-grape-filled-hover: var(--hovered-solid-background-grape); --mantine-color-grape-light: var(--ui-element-background-grape); --mantine-color-grape-light-hover: var(--hovered-ui-element-background-grape); --mantine-color-grape-light-color: var(--low-contrast-text-grape); --mantine-color-grape-outline: var(--solid-background-grape); --mantine-color-grape-outline-hover: var(--subtle-background-grape); --mantine-color-purple-filled: var(--solid-background-purple); --mantine-color-purple-filled-hover: var(--hovered-solid-background-purple); --mantine-color-purple-light: var(--ui-element-background-purple); --mantine-color-purple-light-hover: var(--hovered-ui-element-background-purple); --mantine-color-purple-light-color: var(--low-contrast-text-purple); --mantine-color-purple-outline: var(--solid-background-purple); --mantine-color-purple-outline-hover: var(--subtle-background-purple); --mantine-color-violet-filled: var(--solid-background-violet); --mantine-color-violet-filled-hover: var(--hovered-solid-background-violet); --mantine-color-violet-light: var(--ui-element-background-violet); --mantine-color-violet-light-hover: var(--hovered-ui-element-background-violet); --mantine-color-violet-light-color: var(--low-contrast-text-violet); --mantine-color-violet-outline: var(--solid-background-violet); --mantine-color-violet-outline-hover: var(--subtle-background-violet); --mantine-color-iris-filled: var(--solid-background-iris); --mantine-color-iris-filled-hover: var(--hovered-solid-background-iris); --mantine-color-iris-light: var(--ui-element-background-iris); --mantine-color-iris-light-hover: var(--hovered-ui-element-background-iris); --mantine-color-iris-light-color: var(--low-contrast-text-iris); --mantine-color-iris-outline: var(--solid-background-iris); --mantine-color-iris-outline-hover: var(--subtle-background-iris); --mantine-color-indigo-filled: var(--solid-background-indigo); --mantine-color-indigo-filled-hover: var(--hovered-solid-background-indigo); --mantine-color-indigo-light: var(--ui-element-background-indigo); --mantine-color-indigo-light-hover: var(--hovered-ui-element-background-indigo); --mantine-color-indigo-light-color: var(--low-contrast-text-indigo); --mantine-color-indigo-outline: var(--solid-background-indigo); --mantine-color-indigo-outline-hover: var(--subtle-background-indigo); --mantine-color-blue-filled: var(--solid-background-blue); --mantine-color-blue-filled-hover: var(--hovered-solid-background-blue); --mantine-color-blue-light: var(--ui-element-background-blue); --mantine-color-blue-light-hover: var(--hovered-ui-element-background-blue); --mantine-color-blue-light-color: var(--low-contrast-text-blue); --mantine-color-blue-outline: var(--solid-background-blue); --mantine-color-blue-outline-hover: var(--subtle-background-blue); --mantine-color-cyan-filled: var(--solid-background-cyan); --mantine-color-cyan-filled-hover: var(--hovered-solid-background-cyan); --mantine-color-cyan-light: var(--ui-element-background-cyan); --mantine-color-cyan-light-hover: var(--hovered-ui-element-background-cyan); --mantine-color-cyan-light-color: var(--low-contrast-text-cyan); --mantine-color-cyan-outline: var(--solid-background-cyan); --mantine-color-cyan-outline-hover: var(--subtle-background-cyan); --mantine-color-teal-filled: var(--solid-background-teal); --mantine-color-teal-filled-hover: var(--hovered-solid-background-teal); --mantine-color-teal-light: var(--ui-element-background-teal); --mantine-color-teal-light-hover: var(--hovered-ui-element-background-teal); --mantine-color-teal-light-color: var(--low-contrast-text-teal); --mantine-color-teal-outline: var(--solid-background-teal); --mantine-color-teal-outline-hover: var(--subtle-background-teal); --mantine-color-jade-filled: var(--solid-background-jade); --mantine-color-jade-filled-hover: var(--hovered-solid-background-jade); --mantine-color-jade-light: var(--ui-element-background-jade); --mantine-color-jade-light-hover: var(--hovered-ui-element-background-jade); --mantine-color-jade-light-color: var(--low-contrast-text-jade); --mantine-color-jade-outline: var(--solid-background-jade); --mantine-color-jade-outline-hover: var(--subtle-background-jade); --mantine-color-green-filled: var(--solid-background-green); --mantine-color-green-filled-hover: var(--hovered-solid-background-green); --mantine-color-green-light: var(--ui-element-background-green); --mantine-color-green-light-hover: var(--hovered-ui-element-background-green); --mantine-color-green-light-color: var(--low-contrast-text-green); --mantine-color-green-outline: var(--solid-background-green); --mantine-color-green-outline-hover: var(--subtle-background-green); --mantine-color-grass-filled: var(--solid-background-grass); --mantine-color-grass-filled-hover: var(--hovered-solid-background-grass); --mantine-color-grass-light: var(--ui-element-background-grass); --mantine-color-grass-light-hover: var(--hovered-ui-element-background-grass); --mantine-color-grass-light-color: var(--low-contrast-text-grass); --mantine-color-grass-outline: var(--solid-background-grass); --mantine-color-grass-outline-hover: var(--subtle-background-grass); --mantine-color-brown-filled: var(--solid-background-brown); --mantine-color-brown-filled-hover: var(--hovered-solid-background-brown); --mantine-color-brown-light: var(--ui-element-background-brown); --mantine-color-brown-light-hover: var(--hovered-ui-element-background-brown); --mantine-color-brown-light-color: var(--low-contrast-text-brown); --mantine-color-brown-outline: var(--solid-background-brown); --mantine-color-brown-outline-hover: var(--subtle-background-brown); --mantine-color-bronze-filled: var(--solid-background-bronze); --mantine-color-bronze-filled-hover: var(--hovered-solid-background-bronze); --mantine-color-bronze-light: var(--ui-element-background-bronze); --mantine-color-bronze-light-hover: var(--hovered-ui-element-background-bronze); --mantine-color-bronze-light-color: var(--low-contrast-text-bronze); --mantine-color-bronze-outline: var(--solid-background-bronze); --mantine-color-bronze-outline-hover: var(--subtle-background-bronze); --mantine-color-gold-filled: var(--solid-background-gold); --mantine-color-gold-filled-hover: var(--hovered-solid-background-gold); --mantine-color-gold-light: var(--ui-element-background-gold); --mantine-color-gold-light-hover: var(--hovered-ui-element-background-gold); --mantine-color-gold-light-color: var(--low-contrast-text-gold); --mantine-color-gold-outline: var(--solid-background-gold); --mantine-color-gold-outline-hover: var(--subtle-background-gold); --mantine-color-sky-filled: var(--solid-background-sky); --mantine-color-sky-filled-hover: var(--hovered-solid-background-sky); --mantine-color-sky-light: var(--ui-element-background-sky); --mantine-color-sky-light-hover: var(--hovered-ui-element-background-sky); --mantine-color-sky-light-color: var(--low-contrast-text-sky); --mantine-color-sky-outline: var(--solid-background-sky); --mantine-color-sky-outline-hover: var(--subtle-background-sky); --mantine-color-mint-filled: var(--solid-background-mint); --mantine-color-mint-filled-hover: var(--hovered-solid-background-mint); --mantine-color-mint-light: var(--ui-element-background-mint); --mantine-color-mint-light-hover: var(--hovered-ui-element-background-mint); --mantine-color-mint-light-color: var(--low-contrast-text-mint); --mantine-color-mint-outline: var(--solid-background-mint); --mantine-color-mint-outline-hover: var(--subtle-background-mint); --mantine-color-lime-filled: var(--solid-background-lime); --mantine-color-lime-filled-hover: var(--hovered-solid-background-lime); --mantine-color-lime-light: var(--ui-element-background-lime); --mantine-color-lime-light-hover: var(--hovered-ui-element-background-lime); --mantine-color-lime-light-color: var(--low-contrast-text-lime); --mantine-color-lime-outline: var(--solid-background-lime); --mantine-color-lime-outline-hover: var(--subtle-background-lime); --mantine-color-yellow-filled: var(--solid-background-yellow); --mantine-color-yellow-filled-hover: var(--hovered-solid-background-yellow); --mantine-color-yellow-light: var(--ui-element-background-yellow); --mantine-color-yellow-light-hover: var(--hovered-ui-element-background-yellow); --mantine-color-yellow-light-color: var(--low-contrast-text-yellow); --mantine-color-yellow-outline: var(--solid-background-yellow); --mantine-color-yellow-outline-hover: var(--subtle-background-yellow); --mantine-color-amber-filled: var(--solid-background-amber); --mantine-color-amber-filled-hover: var(--hovered-solid-background-amber); --mantine-color-amber-light: var(--ui-element-background-amber); --mantine-color-amber-light-hover: var(--hovered-ui-element-background-amber); --mantine-color-amber-light-color: var(--low-contrast-text-amber); --mantine-color-amber-outline: var(--solid-background-amber); --mantine-color-amber-outline-hover: var(--subtle-background-amber); --mantine-color-orange-filled: var(--solid-background-orange); --mantine-color-orange-filled-hover: var(--hovered-solid-background-orange); --mantine-color-orange-light: var(--ui-element-background-orange); --mantine-color-orange-light-hover: var(--hovered-ui-element-background-orange); --mantine-color-orange-light-color: var(--low-contrast-text-orange); --mantine-color-orange-outline: var(--solid-background-orange); --mantine-color-orange-outline-hover: var(--subtle-background-orange); } [data-mantine-color-scheme="dark"] { --app-background: #111111; --subtle-background: #18191b; --ui-element-background: #212225; --hovered-ui-element-background: #272a2d; --selected-ui-element-background: #2e3135; --subtle-border-and-separator: #363a3f; --ui-element-border-and-focus: #43484e; --hovered-ui-element-border: #5a6169; --solid-background: #696e77; --hovered-solid-background: #777b84; --low-contrast-text: #b0b4ba; --high-contrast-text: #ffffff; --app-background-slate: #111113; --subtle-background-slate: #18191b; --ui-element-background-slate: #212225; --hovered-ui-element-background-slate: #272a2d; --selected-ui-element-background-slate: #2e3135; --subtle-border-and-separator-slate: #363a3f; --ui-element-border-and-focus-slate: #43484e; --hovered-ui-element-border-slate: #5a6169; --solid-background-slate: #696e77; --hovered-solid-background-slate: #777b84; --low-contrast-text-slate: #b0b4ba; --high-contrast-text-slate: #edeef0; --app-background-gray: #111111; --subtle-background-gray: #191919; --ui-element-background-gray: #222222; --hovered-ui-element-background-gray: #2a2a2a; --selected-ui-element-background-gray: #313131; --subtle-border-and-separator-gray: #3a3a3a; --ui-element-border-and-focus-gray: #484848; --hovered-ui-element-border-gray: #606060; --solid-background-gray: #6e6e6e; --hovered-solid-background-gray: #7b7b7b; --low-contrast-text-gray: #b4b4b4; --high-contrast-text-gray: #eeeeee; --app-background-tomato: #181111; --subtle-background-tomato: #1f1513; --ui-element-background-tomato: #391714; --hovered-ui-element-background-tomato: #4e1511; --selected-ui-element-background-tomato: #5e1c16; --subtle-border-and-separator-tomato: #6e2920; --ui-element-border-and-focus-tomato: #853a2d; --hovered-ui-element-border-tomato: #ac4d39; --solid-background-tomato: #e54d2e; --hovered-solid-background-tomato: #ec6142; --low-contrast-text-tomato: #ff977d; --high-contrast-text-tomato: #fbd3cb; --app-background-red: #191111; --subtle-background-red: #201314; --ui-element-background-red: #3b1219; --hovered-ui-element-background-red: #500f1c; --selected-ui-element-background-red: #611623; --subtle-border-and-separator-red: #72232d; --ui-element-border-and-focus-red: #8c333a; --hovered-ui-element-border-red: #b54548; --solid-background-red: #e5484d; --hovered-solid-background-red: #ec5d5e; --low-contrast-text-red: #ff9592; --high-contrast-text-red: #ffd1d9; --app-background-ruby: #191113; --subtle-background-ruby: #1e1517; --ui-element-background-ruby: #3a141e; --hovered-ui-element-background-ruby: #4e1325; --selected-ui-element-background-ruby: #5e1a2e; --subtle-border-and-separator-ruby: #6f2539; --ui-element-border-and-focus-ruby: #883447; --hovered-ui-element-border-ruby: #b3445a; --solid-background-ruby: #e54666; --hovered-solid-background-ruby: #ec5a72; --low-contrast-text-ruby: #ff949d; --high-contrast-text-ruby: #fed2e1; --app-background-crimson: #191114; --subtle-background-crimson: #201318; --ui-element-background-crimson: #381525; --hovered-ui-element-background-crimson: #4d122f; --selected-ui-element-background-crimson: #5c1839; --subtle-border-and-separator-crimson: #6d2545; --ui-element-border-and-focus-crimson: #873356; --hovered-ui-element-border-crimson: #b0436e; --solid-background-crimson: #e93d82; --hovered-solid-background-crimson: #ee518a; --low-contrast-text-crimson: #ff92ad; --high-contrast-text-crimson: #fdd3e8; --app-background-pink: #191117; --subtle-background-pink: #21121d; --ui-element-background-pink: #37172f; --hovered-ui-element-background-pink: #4b143d; --selected-ui-element-background-pink: #591c47; --subtle-border-and-separator-pink: #692955; --ui-element-border-and-focus-pink: #833869; --hovered-ui-element-border-pink: #a84885; --solid-background-pink: #d6409f; --hovered-solid-background-pink: #de51a8; --low-contrast-text-pink: #ff8dcc; --high-contrast-text-pink: #fdd1ea; --app-background-grape: #181118; --subtle-background-grape: #201320; --ui-element-background-grape: #351a35; --hovered-ui-element-background-grape: #451d47; --selected-ui-element-background-grape: #512454; --subtle-border-and-separator-grape: #5e3061; --ui-element-border-and-focus-grape: #734079; --hovered-ui-element-border-grape: #92549c; --solid-background-grape: #ab4aba; --hovered-solid-background-grape: #b658c4; --low-contrast-text-grape: #e796f3; --high-contrast-text-grape: #f4d4f4; --app-background-purple: #18111b; --subtle-background-purple: #1e1523; --ui-element-background-purple: #301c3b; --hovered-ui-element-background-purple: #3d224e; --selected-ui-element-background-purple: #48295c; --subtle-border-and-separator-purple: #54346b; --ui-element-border-and-focus-purple: #664282; --hovered-ui-element-border-purple: #8457aa; --solid-background-purple: #8e4ec6; --hovered-solid-background-purple: #9a5cd0; --low-contrast-text-purple: #d19dff; --high-contrast-text-purple: #ecd9fa; --app-background-violet: #14121f; --subtle-background-violet: #1b1525; --ui-element-background-violet: #291f43; --hovered-ui-element-background-violet: #33255b; --selected-ui-element-background-violet: #3c2e69; --subtle-border-and-separator-violet: #473876; --ui-element-border-and-focus-violet: #56468b; --hovered-ui-element-border-violet: #6958ad; --solid-background-violet: #6e56cf; --hovered-solid-background-violet: #7d66d9; --low-contrast-text-violet: #baa7ff; --high-contrast-text-violet: #e2ddfe; --app-background-iris: #13131e; --subtle-background-iris: #171625; --ui-element-background-iris: #202248; --hovered-ui-element-background-iris: #262a65; --selected-ui-element-background-iris: #303374; --subtle-border-and-separator-iris: #3d3e82; --ui-element-border-and-focus-iris: #4a4a95; --hovered-ui-element-border-iris: #5958b1; --solid-background-iris: #5b5bd6; --hovered-solid-background-iris: #6e6ade; --low-contrast-text-iris: #b1a9ff; --high-contrast-text-iris: #e0dffe; --app-background-indigo: #11131f; --subtle-background-indigo: #141726; --ui-element-background-indigo: #182449; --hovered-ui-element-background-indigo: #1d2e62; --selected-ui-element-background-indigo: #253974; --subtle-border-and-separator-indigo: #304384; --ui-element-border-and-focus-indigo: #3a4f97; --hovered-ui-element-border-indigo: #435db1; --solid-background-indigo: #3e63dd; --hovered-solid-background-indigo: #5472e4; --low-contrast-text-indigo: #9eb1ff; --high-contrast-text-indigo: #d6e1ff; --app-background-blue: #0d1520; --subtle-background-blue: #111927; --ui-element-background-blue: #0d2847; --hovered-ui-element-background-blue: #003362; --selected-ui-element-background-blue: #004074; --subtle-border-and-separator-blue: #104d87; --ui-element-border-and-focus-blue: #205d9e; --hovered-ui-element-border-blue: #2870bd; --solid-background-blue: #0090ff; --hovered-solid-background-blue: #3b9eff; --low-contrast-text-blue: #70b8ff; --high-contrast-text-blue: #c2e6ff; --app-background-cyan: #0b161a; --subtle-background-cyan: #101b20; --ui-element-background-cyan: #082c36; --hovered-ui-element-background-cyan: #003848; --selected-ui-element-background-cyan: #004558; --subtle-border-and-separator-cyan: #045468; --ui-element-border-and-focus-cyan: #12677e; --hovered-ui-element-border-cyan: #11809c; --solid-background-cyan: #00a2c7; --hovered-solid-background-cyan: #23afd0; --low-contrast-text-cyan: #4ccce6; --high-contrast-text-cyan: #b6ecf7; --app-background-teal: #0d1514; --subtle-background-teal: #111c1b; --ui-element-background-teal: #0d2d2a; --hovered-ui-element-background-teal: #023b37; --selected-ui-element-background-teal: #084843; --subtle-border-and-separator-teal: #145750; --ui-element-border-and-focus-teal: #1c6961; --hovered-ui-element-border-teal: #207e73; --solid-background-teal: #12a594; --hovered-solid-background-teal: #0eb39e; --low-contrast-text-teal: #0bd8b6; --high-contrast-text-teal: #adf0dd; --app-background-jade: #0d1512; --subtle-background-jade: #121c18; --ui-element-background-jade: #0f2e22; --hovered-ui-element-background-jade: #0b3b2c; --selected-ui-element-background-jade: #114837; --subtle-border-and-separator-jade: #1b5745; --ui-element-border-and-focus-jade: #246854; --hovered-ui-element-border-jade: #2a7e68; --solid-background-jade: #29a383; --hovered-solid-background-jade: #27b08b; --low-contrast-text-jade: #1fd8a4; --high-contrast-text-jade: #adf0d4; --app-background-green: #0e1512; --subtle-background-green: #121b17; --ui-element-background-green: #132d21; --hovered-ui-element-background-green: #113b29; --selected-ui-element-background-green: #174933; --subtle-border-and-separator-green: #20573e; --ui-element-border-and-focus-green: #28684a; --hovered-ui-element-border-green: #2f7c57; --solid-background-green: #30a46c; --hovered-solid-background-green: #33b074; --low-contrast-text-green: #3dd68c; --high-contrast-text-green: #b1f1cb; --app-background-grass: #0e1511; --subtle-background-grass: #141a15; --ui-element-background-grass: #1b2a1e; --hovered-ui-element-background-grass: #1d3a24; --selected-ui-element-background-grass: #25482d; --subtle-border-and-separator-grass: #2d5736; --ui-element-border-and-focus-grass: #366740; --hovered-ui-element-border-grass: #3e7949; --solid-background-grass: #46a758; --hovered-solid-background-grass: #53b365; --low-contrast-text-grass: #71d083; --high-contrast-text-grass: #c2f0c2; --app-background-brown: #12110f; --subtle-background-brown: #1c1816; --ui-element-background-brown: #28211d; --hovered-ui-element-background-brown: #322922; --selected-ui-element-background-brown: #3e3128; --subtle-border-and-separator-brown: #4d3c2f; --ui-element-border-and-focus-brown: #614a39; --hovered-ui-element-border-brown: #7c5f46; --solid-background-brown: #ad7f58; --hovered-solid-background-brown: #b88c67; --low-contrast-text-brown: #dbb594; --high-contrast-text-brown: #f2e1ca; --app-background-bronze: #141110; --subtle-background-bronze: #1c1917; --ui-element-background-bronze: #262220; --hovered-ui-element-background-bronze: #302a27; --selected-ui-element-background-bronze: #3b3330; --subtle-border-and-separator-bronze: #493e3a; --ui-element-border-and-focus-bronze: #5a4c47; --hovered-ui-element-border-bronze: #6f5f58; --solid-background-bronze: #a18072; --hovered-solid-background-bronze: #ae8c7e; --low-contrast-text-bronze: #d4b3a5; --high-contrast-text-bronze: #ede0d9; --app-background-gold: #121211; --subtle-background-gold: #1b1a17; --ui-element-background-gold: #24231f; --hovered-ui-element-background-gold: #2d2b26; --selected-ui-element-background-gold: #38352e; --subtle-border-and-separator-gold: #444039; --ui-element-border-and-focus-gold: #544f46; --hovered-ui-element-border-gold: #696256; --solid-background-gold: #978365; --hovered-solid-background-gold: #a39073; --low-contrast-text-gold: #cbb99f; --high-contrast-text-gold: #e8e2d9; --app-background-sky: #0d141f; --subtle-background-sky: #111a27; --ui-element-background-sky: #112840; --hovered-ui-element-background-sky: #113555; --selected-ui-element-background-sky: #154467; --subtle-border-and-separator-sky: #1b537b; --ui-element-border-and-focus-sky: #1f6692; --hovered-ui-element-border-sky: #197cae; --solid-background-sky: #7ce2fe; --hovered-solid-background-sky: #a8eeff; --low-contrast-text-sky: #75c7f0; --high-contrast-text-sky: #c2f3ff; --app-background-mint: #0e1515; --subtle-background-mint: #0f1b1b; --ui-element-background-mint: #092c2b; --hovered-ui-element-background-mint: #003a38; --selected-ui-element-background-mint: #004744; --subtle-border-and-separator-mint: #105650; --ui-element-border-and-focus-mint: #1e685f; --hovered-ui-element-border-mint: #277f70; --solid-background-mint: #86ead4; --hovered-solid-background-mint: #a8f5e5; --low-contrast-text-mint: #58d5ba; --high-contrast-text-mint: #c4f5e1; --app-background-lime: #11130c; --subtle-background-lime: #151a10; --ui-element-background-lime: #1f2917; --hovered-ui-element-background-lime: #29371d; --selected-ui-element-background-lime: #334423; --subtle-border-and-separator-lime: #3d522a; --ui-element-border-and-focus-lime: #496231; --hovered-ui-element-border-lime: #577538; --solid-background-lime: #bdee63; --hovered-solid-background-lime: #d4ff70; --low-contrast-text-lime: #bde56c; --high-contrast-text-lime: #e3f7ba; --app-background-yellow: #14120b; --subtle-background-yellow: #1b180f; --ui-element-background-yellow: #2d2305; --hovered-ui-element-background-yellow: #362b00; --selected-ui-element-background-yellow: #433500; --subtle-border-and-separator-yellow: #524202; --ui-element-border-and-focus-yellow: #665417; --hovered-ui-element-border-yellow: #836a21; --solid-background-yellow: #ffe629; --hovered-solid-background-yellow: #ffff57; --low-contrast-text-yellow: #f5e147; --high-contrast-text-yellow: #f6eeb4; --app-background-amber: #16120c; --subtle-background-amber: #1d180f; --ui-element-background-amber: #302008; --hovered-ui-element-background-amber: #3f2700; --selected-ui-element-background-amber: #4d3000; --subtle-border-and-separator-amber: #5c3d05; --ui-element-border-and-focus-amber: #714f19; --hovered-ui-element-border-amber: #8f6424; --solid-background-amber: #ffc53d; --hovered-solid-background-amber: #ffd60a; --low-contrast-text-amber: #ffca16; --high-contrast-text-amber: #ffe7b3; --app-background-orange: #17120e; --subtle-background-orange: #1e160f; --ui-element-background-orange: #331e0b; --hovered-ui-element-background-orange: #462100; --selected-ui-element-background-orange: #562800; --subtle-border-and-separator-orange: #66350c; --ui-element-border-and-focus-orange: #7e451d; --hovered-ui-element-border-orange: #a35829; --solid-background-orange: #f76b15; --hovered-solid-background-orange: #ff801f; --low-contrast-text-orange: #ffa057; --high-contrast-text-orange: #ffe0c2; --mantine-color-text: var(--high-contrast-text); --mantine-color-body: var(--app-background); --mantine-color-error: var(--solid-background-red); --mantine-color-placeholder: var(--solid-background); --mantine-color-dimmed: var(--low-contrast-text); --mantine-color-default: var(--app-background); --mantine-color-default-hover: var(--ui-element-background); --mantine-color-default-border: var(--ui-element-border-and-focus); --mantine-color-primary-filled: var(--solid-background); --mantine-color-primary-filled-hover: var(--hovered-solid-background); --mantine-color-primary-light: var(--ui-element-background); --mantine-color-primary-light-hover: var(--hovered-ui-element-background); --mantine-color-primary-light-color: var(--low-contrast-text); --mantine-color-primary-outline: var(--solid-background); --mantine-color-primary-outline-hover: var(--subtle-background); --mantine-color-slate-filled: var(--solid-background-slate); --mantine-color-slate-filled-hover: var(--hovered-solid-background-slate); --mantine-color-slate-light: var(--ui-element-background-slate); --mantine-color-slate-light-hover: var(--hovered-ui-element-background-slate); --mantine-color-slate-light-color: var(--low-contrast-text-slate); --mantine-color-slate-outline: var(--solid-background-slate); --mantine-color-slate-outline-hover: var(--subtle-background-slate); --mantine-color-gray-filled: var(--solid-background-gray); --mantine-color-gray-filled-hover: var(--hovered-solid-background-gray); --mantine-color-gray-light: var(--ui-element-background-gray); --mantine-color-gray-light-hover: var(--hovered-ui-element-background-gray); --mantine-color-gray-light-color: var(--low-contrast-text-gray); --mantine-color-gray-outline: var(--solid-background-gray); --mantine-color-gray-outline-hover: var(--subtle-background-gray); --mantine-color-tomato-filled: var(--solid-background-tomato); --mantine-color-tomato-filled-hover: var(--hovered-solid-background-tomato); --mantine-color-tomato-light: var(--ui-element-background-tomato); --mantine-color-tomato-light-hover: var(--hovered-ui-element-background-tomato); --mantine-color-tomato-light-color: var(--low-contrast-text-tomato); --mantine-color-tomato-outline: var(--solid-background-tomato); --mantine-color-tomato-outline-hover: var(--subtle-background-tomato); --mantine-color-red-filled: var(--solid-background-red); --mantine-color-red-filled-hover: var(--hovered-solid-background-red); --mantine-color-red-light: var(--ui-element-background-red); --mantine-color-red-light-hover: var(--hovered-ui-element-background-red); --mantine-color-red-light-color: var(--low-contrast-text-red); --mantine-color-red-outline: var(--solid-background-red); --mantine-color-red-outline-hover: var(--subtle-background-red); --mantine-color-ruby-filled: var(--solid-background-ruby); --mantine-color-ruby-filled-hover: var(--hovered-solid-background-ruby); --mantine-color-ruby-light: var(--ui-element-background-ruby); --mantine-color-ruby-light-hover: var(--hovered-ui-element-background-ruby); --mantine-color-ruby-light-color: var(--low-contrast-text-ruby); --mantine-color-ruby-outline: var(--solid-background-ruby); --mantine-color-ruby-outline-hover: var(--subtle-background-ruby); --mantine-color-crimson-filled: var(--solid-background-crimson); --mantine-color-crimson-filled-hover: var(--hovered-solid-background-crimson); --mantine-color-crimson-light: var(--ui-element-background-crimson); --mantine-color-crimson-light-hover: var(--hovered-ui-element-background-crimson); --mantine-color-crimson-light-color: var(--low-contrast-text-crimson); --mantine-color-crimson-outline: var(--solid-background-crimson); --mantine-color-crimson-outline-hover: var(--subtle-background-crimson); --mantine-color-pink-filled: var(--solid-background-pink); --mantine-color-pink-filled-hover: var(--hovered-solid-background-pink); --mantine-color-pink-light: var(--ui-element-background-pink); --mantine-color-pink-light-hover: var(--hovered-ui-element-background-pink); --mantine-color-pink-light-color: var(--low-contrast-text-pink); --mantine-color-pink-outline: var(--solid-background-pink); --mantine-color-pink-outline-hover: var(--subtle-background-pink); --mantine-color-grape-filled: var(--solid-background-grape); --mantine-color-grape-filled-hover: var(--hovered-solid-background-grape); --mantine-color-grape-light: var(--ui-element-background-grape); --mantine-color-grape-light-hover: var(--hovered-ui-element-background-grape); --mantine-color-grape-light-color: var(--low-contrast-text-grape); --mantine-color-grape-outline: var(--solid-background-grape); --mantine-color-grape-outline-hover: var(--subtle-background-grape); --mantine-color-purple-filled: var(--solid-background-purple); --mantine-color-purple-filled-hover: var(--hovered-solid-background-purple); --mantine-color-purple-light: var(--ui-element-background-purple); --mantine-color-purple-light-hover: var(--hovered-ui-element-background-purple); --mantine-color-purple-light-color: var(--low-contrast-text-purple); --mantine-color-purple-outline: var(--solid-background-purple); --mantine-color-purple-outline-hover: var(--subtle-background-purple); --mantine-color-violet-filled: var(--solid-background-violet); --mantine-color-violet-filled-hover: var(--hovered-solid-background-violet); --mantine-color-violet-light: var(--ui-element-background-violet); --mantine-color-violet-light-hover: var(--hovered-ui-element-background-violet); --mantine-color-violet-light-color: var(--low-contrast-text-violet); --mantine-color-violet-outline: var(--solid-background-violet); --mantine-color-violet-outline-hover: var(--subtle-background-violet); --mantine-color-iris-filled: var(--solid-background-iris); --mantine-color-iris-filled-hover: var(--hovered-solid-background-iris); --mantine-color-iris-light: var(--ui-element-background-iris); --mantine-color-iris-light-hover: var(--hovered-ui-element-background-iris); --mantine-color-iris-light-color: var(--low-contrast-text-iris); --mantine-color-iris-outline: var(--solid-background-iris); --mantine-color-iris-outline-hover: var(--subtle-background-iris); --mantine-color-indigo-filled: var(--solid-background-indigo); --mantine-color-indigo-filled-hover: var(--hovered-solid-background-indigo); --mantine-color-indigo-light: var(--ui-element-background-indigo); --mantine-color-indigo-light-hover: var(--hovered-ui-element-background-indigo); --mantine-color-indigo-light-color: var(--low-contrast-text-indigo); --mantine-color-indigo-outline: var(--solid-background-indigo); --mantine-color-indigo-outline-hover: var(--subtle-background-indigo); --mantine-color-blue-filled: var(--solid-background-blue); --mantine-color-blue-filled-hover: var(--hovered-solid-background-blue); --mantine-color-blue-light: var(--ui-element-background-blue); --mantine-color-blue-light-hover: var(--hovered-ui-element-background-blue); --mantine-color-blue-light-color: var(--low-contrast-text-blue); --mantine-color-blue-outline: var(--solid-background-blue); --mantine-color-blue-outline-hover: var(--subtle-background-blue); --mantine-color-cyan-filled: var(--solid-background-cyan); --mantine-color-cyan-filled-hover: var(--hovered-solid-background-cyan); --mantine-color-cyan-light: var(--ui-element-background-cyan); --mantine-color-cyan-light-hover: var(--hovered-ui-element-background-cyan); --mantine-color-cyan-light-color: var(--low-contrast-text-cyan); --mantine-color-cyan-outline: var(--solid-background-cyan); --mantine-color-cyan-outline-hover: var(--subtle-background-cyan); --mantine-color-teal-filled: var(--solid-background-teal); --mantine-color-teal-filled-hover: var(--hovered-solid-background-teal); --mantine-color-teal-light: var(--ui-element-background-teal); --mantine-color-teal-light-hover: var(--hovered-ui-element-background-teal); --mantine-color-teal-light-color: var(--low-contrast-text-teal); --mantine-color-teal-outline: var(--solid-background-teal); --mantine-color-teal-outline-hover: var(--subtle-background-teal); --mantine-color-jade-filled: var(--solid-background-jade); --mantine-color-jade-filled-hover: var(--hovered-solid-background-jade); --mantine-color-jade-light: var(--ui-element-background-jade); --mantine-color-jade-light-hover: var(--hovered-ui-element-background-jade); --mantine-color-jade-light-color: var(--low-contrast-text-jade); --mantine-color-jade-outline: var(--solid-background-jade); --mantine-color-jade-outline-hover: var(--subtle-background-jade); --mantine-color-green-filled: var(--solid-background-green); --mantine-color-green-filled-hover: var(--hovered-solid-background-green); --mantine-color-green-light: var(--ui-element-background-green); --mantine-color-green-light-hover: var(--hovered-ui-element-background-green); --mantine-color-green-light-color: var(--low-contrast-text-green); --mantine-color-green-outline: var(--solid-background-green); --mantine-color-green-outline-hover: var(--subtle-background-green); --mantine-color-grass-filled: var(--solid-background-grass); --mantine-color-grass-filled-hover: var(--hovered-solid-background-grass); --mantine-color-grass-light: var(--ui-element-background-grass); --mantine-color-grass-light-hover: var(--hovered-ui-element-background-grass); --mantine-color-grass-light-color: var(--low-contrast-text-grass); --mantine-color-grass-outline: var(--solid-background-grass); --mantine-color-grass-outline-hover: var(--subtle-background-grass); --mantine-color-brown-filled: var(--solid-background-brown); --mantine-color-brown-filled-hover: var(--hovered-solid-background-brown); --mantine-color-brown-light: var(--ui-element-background-brown); --mantine-color-brown-light-hover: var(--hovered-ui-element-background-brown); --mantine-color-brown-light-color: var(--low-contrast-text-brown); --mantine-color-brown-outline: var(--solid-background-brown); --mantine-color-brown-outline-hover: var(--subtle-background-brown); --mantine-color-bronze-filled: var(--solid-background-bronze); --mantine-color-bronze-filled-hover: var(--hovered-solid-background-bronze); --mantine-color-bronze-light: var(--ui-element-background-bronze); --mantine-color-bronze-light-hover: var(--hovered-ui-element-background-bronze); --mantine-color-bronze-light-color: var(--low-contrast-text-bronze); --mantine-color-bronze-outline: var(--solid-background-bronze); --mantine-color-bronze-outline-hover: var(--subtle-background-bronze); --mantine-color-gold-filled: var(--solid-background-gold); --mantine-color-gold-filled-hover: var(--hovered-solid-background-gold); --mantine-color-gold-light: var(--ui-element-background-gold); --mantine-color-gold-light-hover: var(--hovered-ui-element-background-gold); --mantine-color-gold-light-color: var(--low-contrast-text-gold); --mantine-color-gold-outline: var(--solid-background-gold); --mantine-color-gold-outline-hover: var(--subtle-background-gold); --mantine-color-sky-filled: var(--solid-background-sky); --mantine-color-sky-filled-hover: var(--hovered-solid-background-sky); --mantine-color-sky-light: var(--ui-element-background-sky); --mantine-color-sky-light-hover: var(--hovered-ui-element-background-sky); --mantine-color-sky-light-color: var(--low-contrast-text-sky); --mantine-color-sky-outline: var(--solid-background-sky); --mantine-color-sky-outline-hover: var(--subtle-background-sky); --mantine-color-mint-filled: var(--solid-background-mint); --mantine-color-mint-filled-hover: var(--hovered-solid-background-mint); --mantine-color-mint-light: var(--ui-element-background-mint); --mantine-color-mint-light-hover: var(--hovered-ui-element-background-mint); --mantine-color-mint-light-color: var(--low-contrast-text-mint); --mantine-color-mint-outline: var(--solid-background-mint); --mantine-color-mint-outline-hover: var(--subtle-background-mint); --mantine-color-lime-filled: var(--solid-background-lime); --mantine-color-lime-filled-hover: var(--hovered-solid-background-lime); --mantine-color-lime-light: var(--ui-element-background-lime); --mantine-color-lime-light-hover: var(--hovered-ui-element-background-lime); --mantine-color-lime-light-color: var(--low-contrast-text-lime); --mantine-color-lime-outline: var(--solid-background-lime); --mantine-color-lime-outline-hover: var(--subtle-background-lime); --mantine-color-yellow-filled: var(--solid-background-yellow); --mantine-color-yellow-filled-hover: var(--hovered-solid-background-yellow); --mantine-color-yellow-light: var(--ui-element-background-yellow); --mantine-color-yellow-light-hover: var(--hovered-ui-element-background-yellow); --mantine-color-yellow-light-color: var(--low-contrast-text-yellow); --mantine-color-yellow-outline: var(--solid-background-yellow); --mantine-color-yellow-outline-hover: var(--subtle-background-yellow); --mantine-color-amber-filled: var(--solid-background-amber); --mantine-color-amber-filled-hover: var(--hovered-solid-background-amber); --mantine-color-amber-light: var(--ui-element-background-amber); --mantine-color-amber-light-hover: var(--hovered-ui-element-background-amber); --mantine-color-amber-light-color: var(--low-contrast-text-amber); --mantine-color-amber-outline: var(--solid-background-amber); --mantine-color-amber-outline-hover: var(--subtle-background-amber); --mantine-color-orange-filled: var(--solid-background-orange); --mantine-color-orange-filled-hover: var(--hovered-solid-background-orange); --mantine-color-orange-light: var(--ui-element-background-orange); --mantine-color-orange-light-hover: var(--hovered-ui-element-background-orange); --mantine-color-orange-light-color: var(--low-contrast-text-orange); --mantine-color-orange-outline: var(--solid-background-orange); --mantine-color-orange-outline-hover: var(--subtle-background-orange); }