[data-rk] { --rk-blurs-modalOverlay: blur(4px); --rk-fonts-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; --rk-radii-actionButton: 10px; --rk-radii-connectButton: 8px; --rk-radii-menuButton: 8px; --rk-radii-modal: 16px; --rk-radii-modalMobile: 18px; --rk-colors-accentColor: #E4FF3F; --rk-colors-accentColorForeground: #ECEAE7; --rk-colors-actionButtonBorder: rgba(255, 255, 255, 0.04); --rk-colors-actionButtonBorderMobile: rgba(255, 255, 255, 0.08); --rk-colors-actionButtonSecondaryBackground: rgba(255, 255, 255, 0.08); --rk-colors-closeButton: rgba(224, 232, 255, 0.6); --rk-colors-closeButtonBackground: rgba(255, 255, 255, 0.08); --rk-colors-connectButtonBackground: #1A1B1F; --rk-colors-connectButtonBackgroundError: #FF494A; --rk-colors-connectButtonInnerBackground: linear-gradient(0deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.15)); --rk-colors-connectButtonText: #FFF; --rk-colors-connectButtonTextError: #FFF; --rk-colors-connectionIndicator: #30E000; --rk-colors-downloadBottomCardBackground: linear-gradient(126deg, rgba(0, 0, 0, 0) 9.49%, rgba(120, 120, 120, 0.2) 71.04%), #1A1B1F; --rk-colors-downloadTopCardBackground: linear-gradient(126deg, rgba(120, 120, 120, 0.2) 9.49%, rgba(0, 0, 0, 0) 71.04%), #1A1B1F; --rk-colors-error: #FF494A; --rk-colors-generalBorder: rgba(255, 255, 255, 0.08); --rk-colors-generalBorderDim: rgba(255, 255, 255, 0.04); --rk-colors-menuItemBackground: rgba(224, 232, 255, 0.1); --rk-colors-modalBackdrop: rgba(0, 0, 0, 0.5); --rk-colors-modalBackground: #1A1B1F; --rk-colors-modalBorder: rgba(255, 255, 255, 0.08); --rk-colors-modalText: #FFF; --rk-colors-modalTextDim: rgba(224, 232, 255, 0.3); --rk-colors-modalTextSecondary: rgba(255, 255, 255, 0.6); --rk-colors-profileAction: rgba(224, 232, 255, 0.1); --rk-colors-profileActionHover: rgba(224, 232, 255, 0.2); --rk-colors-profileForeground: rgba(224, 232, 255, 0.05); --rk-colors-selectedOptionBorder: rgba(224, 232, 255, 0.1); --rk-colors-standby: #FFD641; --rk-shadows-connectButton: 0px 4px 12px rgba(0, 0, 0, 0.1); --rk-shadows-dialog: 0px 8px 32px rgba(0, 0, 0, 0.32); --rk-shadows-profileDetailsAction: 0px 2px 6px rgba(37, 41, 46, 0.04); --rk-shadows-selectedOption: 0px 2px 6px rgba(0, 0, 0, 0.24); --rk-shadows-selectedWallet: 0px 2px 6px rgba(0, 0, 0, 0.24); --rk-shadows-walletLogo: 0px 2px 16px rgba(0, 0, 0, 0.16); }
:root, :host { --mantine-font-family: Roobert; --mantine-font-family-headings: Roobert; --mantine-primary-color-filled: var(--mantine-color-etherfuse-yellow-filled); --mantine-primary-color-filled-hover: var(--mantine-color-etherfuse-yellow-filled-hover); --mantine-primary-color-light: var(--mantine-color-etherfuse-yellow-light); --mantine-primary-color-light-hover: var(--mantine-color-etherfuse-yellow-light-hover); --mantine-primary-color-light-color: var(--mantine-color-etherfuse-yellow-light-color); --mantine-primary-color-0: var(--mantine-color-etherfuse-yellow-0); --mantine-primary-color-1: var(--mantine-color-etherfuse-yellow-1); --mantine-primary-color-2: var(--mantine-color-etherfuse-yellow-2); --mantine-primary-color-3: var(--mantine-color-etherfuse-yellow-3); --mantine-primary-color-4: var(--mantine-color-etherfuse-yellow-4); --mantine-primary-color-5: var(--mantine-color-etherfuse-yellow-5); --mantine-primary-color-6: var(--mantine-color-etherfuse-yellow-6); --mantine-primary-color-7: var(--mantine-color-etherfuse-yellow-7); --mantine-primary-color-8: var(--mantine-color-etherfuse-yellow-8); --mantine-primary-color-9: var(--mantine-color-etherfuse-yellow-9); --mantine-color-etherfuse-yellow-0: #FBFFE2; --mantine-color-etherfuse-yellow-1: #F6FFC5; --mantine-color-etherfuse-yellow-2: #EFFF8C; --mantine-color-etherfuse-yellow-3: #E8FF5C; --mantine-color-etherfuse-yellow-4: #E4FF3F; --mantine-color-etherfuse-yellow-5: #dfff18; --mantine-color-etherfuse-yellow-6: #dcff00; --mantine-color-etherfuse-yellow-7: #c2e300; --mantine-color-etherfuse-yellow-8: #899926; --mantine-color-etherfuse-yellow-9: #444D13; --mantine-color-etherfuse-grey-0: #f5f5f5; --mantine-color-etherfuse-grey-1: #e7e7e7; --mantine-color-etherfuse-grey-2: #cdcdcd; --mantine-color-etherfuse-grey-3: #b2b2b2; --mantine-color-etherfuse-grey-4: #9a9a9a; --mantine-color-etherfuse-grey-5: #8b8b8b; --mantine-color-etherfuse-grey-6: #848484; --mantine-color-etherfuse-grey-7: #717171; --mantine-color-etherfuse-grey-8: #656565; --mantine-color-etherfuse-grey-9: #575757; }
:root[data-mantine-color-scheme="dark"], :host([data-mantine-color-scheme="dark"]) { --mantine-color-anchor: var(--mantine-color-etherfuse-yellow-4); --mantine-color-dark-filled: var(--mantine-color-dark-5); --mantine-color-dark-filled-hover: var(--mantine-color-dark-6); --mantine-color-dark-light: rgba(105, 105, 105, 0.15); --mantine-color-dark-light-hover: rgba(105, 105, 105, 0.2); --mantine-color-dark-light-color: var(--mantine-color-dark-0); --mantine-color-dark-outline: var(--mantine-color-dark-1); --mantine-color-dark-outline-hover: rgba(184, 184, 184, 0.05); --mantine-color-gray-filled: var(--mantine-color-gray-5); --mantine-color-gray-filled-hover: var(--mantine-color-gray-6); --mantine-color-gray-light: rgba(222, 226, 230, 0.15); --mantine-color-gray-light-hover: rgba(222, 226, 230, 0.2); --mantine-color-gray-light-color: var(--mantine-color-gray-0); --mantine-color-gray-outline: var(--mantine-color-gray-1); --mantine-color-gray-outline-hover: rgba(241, 243, 245, 0.05); --mantine-color-red-filled: var(--mantine-color-red-5); --mantine-color-red-filled-hover: var(--mantine-color-red-6); --mantine-color-red-light: rgba(255, 168, 168, 0.15); --mantine-color-red-light-hover: rgba(255, 168, 168, 0.2); --mantine-color-red-light-color: var(--mantine-color-red-0); --mantine-color-red-outline: var(--mantine-color-red-1); --mantine-color-red-outline-hover: rgba(255, 227, 227, 0.05); --mantine-color-pink-filled: var(--mantine-color-pink-5); --mantine-color-pink-filled-hover: var(--mantine-color-pink-6); --mantine-color-pink-light: rgba(250, 162, 193, 0.15); --mantine-color-pink-light-hover: rgba(250, 162, 193, 0.2); --mantine-color-pink-light-color: var(--mantine-color-pink-0); --mantine-color-pink-outline: var(--mantine-color-pink-1); --mantine-color-pink-outline-hover: rgba(255, 222, 235, 0.05); --mantine-color-grape-filled: var(--mantine-color-grape-5); --mantine-color-grape-filled-hover: var(--mantine-color-grape-6); --mantine-color-grape-light: rgba(229, 153, 247, 0.15); --mantine-color-grape-light-hover: rgba(229, 153, 247, 0.2); --mantine-color-grape-light-color: var(--mantine-color-grape-0); --mantine-color-grape-outline: var(--mantine-color-grape-1); --mantine-color-grape-outline-hover: rgba(243, 217, 250, 0.05); --mantine-color-violet-filled: var(--mantine-color-violet-5); --mantine-color-violet-filled-hover: var(--mantine-color-violet-6); --mantine-color-violet-light: rgba(177, 151, 252, 0.15); --mantine-color-violet-light-hover: rgba(177, 151, 252, 0.2); --mantine-color-violet-light-color: var(--mantine-color-violet-0); --mantine-color-violet-outline: var(--mantine-color-violet-1); --mantine-color-violet-outline-hover: rgba(229, 219, 255, 0.05); --mantine-color-indigo-filled: var(--mantine-color-indigo-5); --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-6); --mantine-color-indigo-light: rgba(145, 167, 255, 0.15); --mantine-color-indigo-light-hover: rgba(145, 167, 255, 0.2); --mantine-color-indigo-light-color: var(--mantine-color-indigo-0); --mantine-color-indigo-outline: var(--mantine-color-indigo-1); --mantine-color-indigo-outline-hover: rgba(219, 228, 255, 0.05); --mantine-color-blue-filled: var(--mantine-color-blue-5); --mantine-color-blue-filled-hover: var(--mantine-color-blue-6); --mantine-color-blue-light: rgba(116, 192, 252, 0.15); --mantine-color-blue-light-hover: rgba(116, 192, 252, 0.2); --mantine-color-blue-light-color: var(--mantine-color-blue-0); --mantine-color-blue-outline: var(--mantine-color-blue-1); --mantine-color-blue-outline-hover: rgba(208, 235, 255, 0.05); --mantine-color-cyan-filled: var(--mantine-color-cyan-5); --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-6); --mantine-color-cyan-light: rgba(102, 217, 232, 0.15); --mantine-color-cyan-light-hover: rgba(102, 217, 232, 0.2); --mantine-color-cyan-light-color: var(--mantine-color-cyan-0); --mantine-color-cyan-outline: var(--mantine-color-cyan-1); --mantine-color-cyan-outline-hover: rgba(197, 246, 250, 0.05); --mantine-color-teal-filled: var(--mantine-color-teal-5); --mantine-color-teal-filled-hover: var(--mantine-color-teal-6); --mantine-color-teal-light: rgba(99, 230, 190, 0.15); --mantine-color-teal-light-hover: rgba(99, 230, 190, 0.2); --mantine-color-teal-light-color: var(--mantine-color-teal-0); --mantine-color-teal-outline: var(--mantine-color-teal-1); --mantine-color-teal-outline-hover: rgba(195, 250, 232, 0.05); --mantine-color-green-filled: var(--mantine-color-green-5); --mantine-color-green-filled-hover: var(--mantine-color-green-6); --mantine-color-green-light: rgba(140, 233, 154, 0.15); --mantine-color-green-light-hover: rgba(140, 233, 154, 0.2); --mantine-color-green-light-color: var(--mantine-color-green-0); --mantine-color-green-outline: var(--mantine-color-green-1); --mantine-color-green-outline-hover: rgba(211, 249, 216, 0.05); --mantine-color-lime-filled: var(--mantine-color-lime-5); --mantine-color-lime-filled-hover: var(--mantine-color-lime-6); --mantine-color-lime-light: rgba(192, 235, 117, 0.15); --mantine-color-lime-light-hover: rgba(192, 235, 117, 0.2); --mantine-color-lime-light-color: var(--mantine-color-lime-0); --mantine-color-lime-outline: var(--mantine-color-lime-1); --mantine-color-lime-outline-hover: rgba(233, 250, 200, 0.05); --mantine-color-yellow-filled: var(--mantine-color-yellow-5); --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-6); --mantine-color-yellow-light: rgba(255, 224, 102, 0.15); --mantine-color-yellow-light-hover: rgba(255, 224, 102, 0.2); --mantine-color-yellow-light-color: var(--mantine-color-yellow-0); --mantine-color-yellow-outline: var(--mantine-color-yellow-1); --mantine-color-yellow-outline-hover: rgba(255, 243, 191, 0.05); --mantine-color-orange-filled: var(--mantine-color-orange-5); --mantine-color-orange-filled-hover: var(--mantine-color-orange-6); --mantine-color-orange-light: rgba(255, 192, 120, 0.15); --mantine-color-orange-light-hover: rgba(255, 192, 120, 0.2); --mantine-color-orange-light-color: var(--mantine-color-orange-0); --mantine-color-orange-outline: var(--mantine-color-orange-1); --mantine-color-orange-outline-hover: rgba(255, 232, 204, 0.05); --mantine-color-etherfuse-yellow-text: var(--mantine-color-etherfuse-yellow-4); --mantine-color-etherfuse-yellow-filled: var(--mantine-color-etherfuse-yellow-5); --mantine-color-etherfuse-yellow-filled-hover: var(--mantine-color-etherfuse-yellow-6); --mantine-color-etherfuse-yellow-light: rgba(232, 255, 92, 0.15); --mantine-color-etherfuse-yellow-light-hover: rgba(232, 255, 92, 0.2); --mantine-color-etherfuse-yellow-light-color: var(--mantine-color-etherfuse-yellow-0); --mantine-color-etherfuse-yellow-outline: var(--mantine-color-etherfuse-yellow-1); --mantine-color-etherfuse-yellow-outline-hover: rgba(246, 255, 197, 0.05); --mantine-color-etherfuse-grey-text: var(--mantine-color-etherfuse-grey-4); --mantine-color-etherfuse-grey-filled: var(--mantine-color-etherfuse-grey-5); --mantine-color-etherfuse-grey-filled-hover: var(--mantine-color-etherfuse-grey-6); --mantine-color-etherfuse-grey-light: rgba(178, 178, 178, 0.15); --mantine-color-etherfuse-grey-light-hover: rgba(178, 178, 178, 0.2); --mantine-color-etherfuse-grey-light-color: var(--mantine-color-etherfuse-grey-0); --mantine-color-etherfuse-grey-outline: var(--mantine-color-etherfuse-grey-1); --mantine-color-etherfuse-grey-outline-hover: rgba(231, 231, 231, 0.05); --app-body: #141414; --app-surface: #1D1D1D; --app-sunken: rgba(20, 20, 20, 0.5); --app-text: #ECEAE7; --app-subtle: rgba(236, 234, 231, 0.7); --app-dimmed: #808080; --app-text-hover: #ECEAE7; --app-accent: #C2D936; --app-accent-strong: #E4FF3F; --app-primary: #E4FF3F; --app-primary-hover: #C2D936; --app-primary-contrast: #000000; --app-accent-surface: #242517; --app-hover: rgba(36, 37, 23, 0.3); --app-track: #262626; --app-default-border: rgba(194, 217, 54, 0.3); --app-default-border-subtle: rgba(194, 217, 54, 0.2); --app-disabled: #808080; --app-placeholder: rgba(128, 128, 128, 0.5); --app-success: #4ade80; --app-success-border: rgba(74, 222, 128, 0.4); --app-success-hover: #86efac; --app-danger: #f87171; --app-danger-border: rgba(248, 113, 113, 0.4); --app-danger-hover: #fca5a5; --app-info: #60a5fa; --app-info-border: rgba(96, 165, 250, 0.4); --app-info-hover: #93c5fd; --app-warning: #fb923c; --app-warning-border: rgba(251, 146, 60, 0.4); --app-warning-hover: #fdba74; --app-neutral-border: rgba(128, 128, 128, 0.4); --app-input-border: rgba(194, 217, 54, 0.4); --app-doc-bg: #2a2a2a; --app-progress-submitted: rgba(228, 255, 63, 0.4); --app-progress-stripe: rgba(0, 0, 0, 0.4); --app-toggle-off: rgba(128, 128, 128, 0.4); }
:root[data-mantine-color-scheme="light"], :host([data-mantine-color-scheme="light"]) { --mantine-color-anchor: var(--mantine-color-etherfuse-yellow-5); --mantine-color-dark-filled: var(--mantine-color-dark-5); --mantine-color-dark-filled-hover: var(--mantine-color-dark-6); --mantine-color-dark-light: rgba(59, 59, 59, 0.1); --mantine-color-dark-light-hover: rgba(59, 59, 59, 0.12); --mantine-color-dark-light-color: var(--mantine-color-dark-5); --mantine-color-dark-outline: var(--mantine-color-dark-5); --mantine-color-dark-outline-hover: rgba(59, 59, 59, 0.05); --mantine-color-gray-filled: var(--mantine-color-gray-5); --mantine-color-gray-filled-hover: var(--mantine-color-gray-6); --mantine-color-gray-light: rgba(173, 181, 189, 0.1); --mantine-color-gray-light-hover: rgba(173, 181, 189, 0.12); --mantine-color-gray-light-color: var(--mantine-color-gray-5); --mantine-color-gray-outline: var(--mantine-color-gray-5); --mantine-color-gray-outline-hover: rgba(173, 181, 189, 0.05); --mantine-color-red-filled: var(--mantine-color-red-5); --mantine-color-red-filled-hover: var(--mantine-color-red-6); --mantine-color-red-light: rgba(255, 107, 107, 0.1); --mantine-color-red-light-hover: rgba(255, 107, 107, 0.12); --mantine-color-red-light-color: var(--mantine-color-red-5); --mantine-color-red-outline: var(--mantine-color-red-5); --mantine-color-red-outline-hover: rgba(255, 107, 107, 0.05); --mantine-color-pink-filled: var(--mantine-color-pink-5); --mantine-color-pink-filled-hover: var(--mantine-color-pink-6); --mantine-color-pink-light: rgba(240, 101, 149, 0.1); --mantine-color-pink-light-hover: rgba(240, 101, 149, 0.12); --mantine-color-pink-light-color: var(--mantine-color-pink-5); --mantine-color-pink-outline: var(--mantine-color-pink-5); --mantine-color-pink-outline-hover: rgba(240, 101, 149, 0.05); --mantine-color-grape-filled: var(--mantine-color-grape-5); --mantine-color-grape-filled-hover: var(--mantine-color-grape-6); --mantine-color-grape-light: rgba(204, 93, 232, 0.1); --mantine-color-grape-light-hover: rgba(204, 93, 232, 0.12); --mantine-color-grape-light-color: var(--mantine-color-grape-5); --mantine-color-grape-outline: var(--mantine-color-grape-5); --mantine-color-grape-outline-hover: rgba(204, 93, 232, 0.05); --mantine-color-violet-filled: var(--mantine-color-violet-5); --mantine-color-violet-filled-hover: var(--mantine-color-violet-6); --mantine-color-violet-light: rgba(132, 94, 247, 0.1); --mantine-color-violet-light-hover: rgba(132, 94, 247, 0.12); --mantine-color-violet-light-color: var(--mantine-color-violet-5); --mantine-color-violet-outline: var(--mantine-color-violet-5); --mantine-color-violet-outline-hover: rgba(132, 94, 247, 0.05); --mantine-color-indigo-filled: var(--mantine-color-indigo-5); --mantine-color-indigo-filled-hover: var(--mantine-color-indigo-6); --mantine-color-indigo-light: rgba(92, 124, 250, 0.1); --mantine-color-indigo-light-hover: rgba(92, 124, 250, 0.12); --mantine-color-indigo-light-color: var(--mantine-color-indigo-5); --mantine-color-indigo-outline: var(--mantine-color-indigo-5); --mantine-color-indigo-outline-hover: rgba(92, 124, 250, 0.05); --mantine-color-blue-filled: var(--mantine-color-blue-5); --mantine-color-blue-filled-hover: var(--mantine-color-blue-6); --mantine-color-blue-light: rgba(51, 154, 240, 0.1); --mantine-color-blue-light-hover: rgba(51, 154, 240, 0.12); --mantine-color-blue-light-color: var(--mantine-color-blue-5); --mantine-color-blue-outline: var(--mantine-color-blue-5); --mantine-color-blue-outline-hover: rgba(51, 154, 240, 0.05); --mantine-color-cyan-filled: var(--mantine-color-cyan-5); --mantine-color-cyan-filled-hover: var(--mantine-color-cyan-6); --mantine-color-cyan-light: rgba(34, 184, 207, 0.1); --mantine-color-cyan-light-hover: rgba(34, 184, 207, 0.12); --mantine-color-cyan-light-color: var(--mantine-color-cyan-5); --mantine-color-cyan-outline: var(--mantine-color-cyan-5); --mantine-color-cyan-outline-hover: rgba(34, 184, 207, 0.05); --mantine-color-teal-filled: var(--mantine-color-teal-5); --mantine-color-teal-filled-hover: var(--mantine-color-teal-6); --mantine-color-teal-light: rgba(32, 201, 151, 0.1); --mantine-color-teal-light-hover: rgba(32, 201, 151, 0.12); --mantine-color-teal-light-color: var(--mantine-color-teal-5); --mantine-color-teal-outline: var(--mantine-color-teal-5); --mantine-color-teal-outline-hover: rgba(32, 201, 151, 0.05); --mantine-color-green-filled: var(--mantine-color-green-5); --mantine-color-green-filled-hover: var(--mantine-color-green-6); --mantine-color-green-light: rgba(81, 207, 102, 0.1); --mantine-color-green-light-hover: rgba(81, 207, 102, 0.12); --mantine-color-green-light-color: var(--mantine-color-green-5); --mantine-color-green-outline: var(--mantine-color-green-5); --mantine-color-green-outline-hover: rgba(81, 207, 102, 0.05); --mantine-color-lime-filled: var(--mantine-color-lime-5); --mantine-color-lime-filled-hover: var(--mantine-color-lime-6); --mantine-color-lime-light: rgba(148, 216, 45, 0.1); --mantine-color-lime-light-hover: rgba(148, 216, 45, 0.12); --mantine-color-lime-light-color: var(--mantine-color-lime-5); --mantine-color-lime-outline: var(--mantine-color-lime-5); --mantine-color-lime-outline-hover: rgba(148, 216, 45, 0.05); --mantine-color-yellow-filled: var(--mantine-color-yellow-5); --mantine-color-yellow-filled-hover: var(--mantine-color-yellow-6); --mantine-color-yellow-light: rgba(252, 196, 25, 0.1); --mantine-color-yellow-light-hover: rgba(252, 196, 25, 0.12); --mantine-color-yellow-light-color: var(--mantine-color-yellow-5); --mantine-color-yellow-outline: var(--mantine-color-yellow-5); --mantine-color-yellow-outline-hover: rgba(252, 196, 25, 0.05); --mantine-color-orange-filled: var(--mantine-color-orange-5); --mantine-color-orange-filled-hover: var(--mantine-color-orange-6); --mantine-color-orange-light: rgba(255, 146, 43, 0.1); --mantine-color-orange-light-hover: rgba(255, 146, 43, 0.12); --mantine-color-orange-light-color: var(--mantine-color-orange-5); --mantine-color-orange-outline: var(--mantine-color-orange-5); --mantine-color-orange-outline-hover: rgba(255, 146, 43, 0.05); --mantine-color-etherfuse-yellow-text: var(--mantine-color-etherfuse-yellow-filled); --mantine-color-etherfuse-yellow-filled: var(--mantine-color-etherfuse-yellow-5); --mantine-color-etherfuse-yellow-filled-hover: var(--mantine-color-etherfuse-yellow-6); --mantine-color-etherfuse-yellow-light: rgba(223, 255, 24, 0.1); --mantine-color-etherfuse-yellow-light-hover: rgba(223, 255, 24, 0.12); --mantine-color-etherfuse-yellow-light-color: var(--mantine-color-etherfuse-yellow-5); --mantine-color-etherfuse-yellow-outline: var(--mantine-color-etherfuse-yellow-5); --mantine-color-etherfuse-yellow-outline-hover: rgba(223, 255, 24, 0.05); --mantine-color-etherfuse-grey-text: var(--mantine-color-etherfuse-grey-filled); --mantine-color-etherfuse-grey-filled: var(--mantine-color-etherfuse-grey-5); --mantine-color-etherfuse-grey-filled-hover: var(--mantine-color-etherfuse-grey-6); --mantine-color-etherfuse-grey-light: rgba(139, 139, 139, 0.1); --mantine-color-etherfuse-grey-light-hover: rgba(139, 139, 139, 0.12); --mantine-color-etherfuse-grey-light-color: var(--mantine-color-etherfuse-grey-5); --mantine-color-etherfuse-grey-outline: var(--mantine-color-etherfuse-grey-5); --mantine-color-etherfuse-grey-outline-hover: rgba(139, 139, 139, 0.05); --app-body: #ffffff; --app-surface: #ffffff; --app-sunken: #f8fafc; --app-text: #0f172a; --app-subtle: #475569; --app-dimmed: #64748b; --app-text-hover: #334155; --app-accent: #475569; --app-accent-strong: #0f172a; --app-primary: #4F46E5; --app-primary-hover: #4338CA; --app-primary-contrast: #ffffff; --app-accent-surface: #f1f5f9; --app-hover: #f1f5f9; --app-track: #e2e8f0; --app-default-border: #e2e8f0; --app-default-border-subtle: #e2e8f0; --app-disabled: #cbd5e1; --app-placeholder: #94a3b8; --app-success: #059669; --app-success-border: #6ee7b7; --app-success-hover: #047857; --app-danger: #dc2626; --app-danger-border: #fca5a5; --app-danger-hover: #b91c1c; --app-info: #2563eb; --app-info-border: #93c5fd; --app-info-hover: #1d4ed8; --app-warning: #d97706; --app-warning-border: #fcd34d; --app-warning-hover: #b45309; --app-neutral-border: #cbd5e1; --app-input-border: #cbd5e1; --app-doc-bg: #f1f5f9; --app-progress-submitted: rgba(15, 23, 42, 0.2); --app-progress-stripe: rgba(15, 23, 42, 0.5); --app-toggle-off: rgba(148, 163, 184, 0.5); }
@media (max-width: 35.9937em) {
  .mantine-visible-from-xs { display: none !important; }
}
@media (min-width: 36em) {
  .mantine-hidden-from-xs { display: none !important; }
}
@media (max-width: 47.9937em) {
  .mantine-visible-from-sm { display: none !important; }
}
@media (min-width: 48em) {
  .mantine-hidden-from-sm { display: none !important; }
}
@media (max-width: 61.9937em) {
  .mantine-visible-from-md { display: none !important; }
}
@media (min-width: 62em) {
  .mantine-hidden-from-md { display: none !important; }
}
@media (max-width: 74.9938em) {
  .mantine-visible-from-lg { display: none !important; }
}
@media (min-width: 75em) {
  .mantine-hidden-from-lg { display: none !important; }
}
@media (max-width: 87.9938em) {
  .mantine-visible-from-xl { display: none !important; }
}
@media (min-width: 88em) {
  .mantine-hidden-from-xl { display: none !important; }
}