:root,
.__fb-light-mode:root,
.__fb-light-mode {
  --accent: #0099ff;
  --alert-banner-corner-radius: 8px;
  --always-black: black;
  --always-dark-gradient: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  --always-dark-overlay: rgba(0, 0, 0, 0.4);
  --always-gray-40: #65676b;
  --always-gray-75: #bcc0c4;
  --always-gray-95: #f0f2f5;
  --always-light-overlay: rgba(255, 255, 255, 0.4);
  --always-white: #ffffff;
  --attachment-footer-background: #f0f2f5;
  --background-deemphasized: #f0f2f5;
  --badge-background-color-blue: var(--accent);
  --badge-background-color-dark-gray: var(--secondary-icon);
  --badge-background-color-gray: var(--disabled-icon);
  --badge-background-color-green: var(--positive);
  --badge-background-color-light-blue: var(--highlight-bg);
  --badge-background-color-red: var(--notification-badge);
  --badge-background-color-yellow: var(--base-lemon);
  --base-blue: #1877f2;
  --base-cherry: #f3425f;
  --base-grape: #9360f7;
  --base-lemon: #f7b928;
  --base-lime: #45bd62;
  --base-pink: #ff66bf;
  --base-seafoam: #54c7ec;
  --base-teal: #2abba7;
  --base-tomato: #fb724b;
  --blue-link: #216fdb;
  --blue-primary: rgb(0, 136, 244);
  --blue-secondary: rgb(4, 59, 114);
  --blue-tertiary: rgb(235, 245, 255);
  --blueprint-button-height-large: 48px;
  --blueprint-button-height-medium: 40px;
  --body-emphasized-font-family: Placeholder Font;
  --body-emphasized-font-size: 0.9375rem;
  --body-emphasized-font-weight: 600;
  --body-emphasized-line-height: 1.3333;
  --body-font-family: Placeholder Font;
  --body-font-size: 0.9375rem;
  --body-font-weight: 400;
  --body-line-height: 1.3333;
  --border-focused: #65676b;
  --button-corner-radius: 6px;
  --button-corner-radius-large: 12px;
  --button-corner-radius-medium: 10px;
  --button-height-large: 40px;
  --button-height-medium: 36px;
  --button-icon-padding-large: 16px;
  --button-icon-padding-medium: 16px;
  --button-inner-icon-spacing-large: 3px;
  --button-inner-icon-spacing-medium: 3px;
  --button-padding-horizontal-large: 16px;
  --button-padding-horizontal-medium: 16px;
  --button-padding-icon-only: 16px;
  --card-background: #ffffff;
  --card-background-flat: #f7f8fa;
  --card-box-shadow: 0 12px 28px 0 var(--shadow-2), 0 2px 4px 0 var(--shadow-1);
  --card-corner-radius: 12px;
  --card-padding-horizontal: 10px;
  --card-padding-vertical: 20px;
  --chartreuse-primary: rgb(106, 147, 22);
  --chartreuse-secondary: rgb(50, 65, 19);
  --chartreuse-tertiary: rgb(226, 255, 152);
  --chat-bubble-border-radius: 18px;
  --chat-bubble-emphasis-ring-after: black;
  --chat-bubble-emphasis-ring-before: white;
  --chat-bubble-padding-horizontal: 12px;
  --chat-bubble-padding-vertical: 8px;
  --chat-incoming-message-bubble-background-color: #f0f0f0;
  --chat-outgoing-message-bubble-background-color: var(--accent);
  --chat-replied-message-background-color: rgba(0, 0, 0, 0.03);
  --chat-text-blockquote-color-background-line: rgba(0, 0, 0, 0.12);
  --chat-text-blockquote-color-text-primary-media: rgba(255, 255, 255, 0.7);
  --chip-corner-radius: 6px;
  --circle-button-green-background-color: #31cc46;
  --circle-button-normal-background-color: rgba(0, 0, 0, 0.04);
  --circle-button-overlay-raised-background-color: #ffffff;
  --circle-button-overlay-raised-shadow-color: rgba(0, 0, 0, 0.12);
  --circle-button-red-background-color: #e91d16;
  --comment-background: rgba(134, 142, 153, 0.1);
  --comment-bubble: 18px;
  --comment-footer-background: #f6f9fa;
  --cyan-primary: rgb(0, 142, 213);
  --cyan-secondary: rgb(15, 63, 93);
  --cyan-tertiary: rgb(231, 245, 255);
  --dataviz-primary-1: rgb(0, 174, 143);
  --dataviz-primary-2: rgb(156, 219, 255);
  --dataviz-primary-3: rgb(73, 156, 255);
  --dataviz-secondary-1: rgb(83, 78, 191);
  --dataviz-secondary-2: rgb(103, 96, 228);
  --dataviz-secondary-3: rgb(119, 45, 88);
  --dataviz-supplementary-1: rgb(253, 91, 67);
  --dataviz-supplementary-2: rgb(161, 132, 0);
  --dataviz-supplementary-3: rgb(36, 131, 44);
  --dataviz-supplementary-4: rgb(51, 51, 52);
  --dialog-anchor-horizontal-padding: 8px;
  --dialog-anchor-vertical-padding: 0px;
  --dialog-border-radius: 12px;
  --dialog-box-shadow: 0 12px 28px 0 var(--shadow-2),
    0 2px 4px 0 var(--shadow-1), inset 0 0 0 1px var(--shadow-inset);
  --dialog-corner-radius: 8px;
  --dialog-size-medium-width: 100%;
  --dialog-size-small-width: 100%;
  --disabled-button-background: #e4e6eb;
  --disabled-button-text: #bcc0c4;
  --disabled-icon: #bcc0c4;
  --disabled-text: #bcc0c4;
  --divider: #ced0d4;
  --event-date: #f3425f;
  --fb-logo: #0866ff;
  --fb-wordmark: #0866ff;
  --fds-animation-enter-exit-in: cubic-bezier(0.14, 1, 0.34, 1);
  --fds-animation-enter-exit-out: cubic-bezier(0.45, 0.1, 0.2, 1);
  --fds-animation-expand-collapse-in: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-expand-collapse-out: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-fade-in: cubic-bezier(0, 0, 1, 1);
  --fds-animation-fade-out: cubic-bezier(0, 0, 1, 1);
  --fds-animation-move-in: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-move-out: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-passive-move-in: cubic-bezier(0.5, 0, 0.1, 1);
  --fds-animation-passive-move-out: cubic-bezier(0.5, 0, 0.1, 1);
  --fds-animation-quick-move-in: cubic-bezier(0.1, 0.9, 0.2, 1);
  --fds-animation-quick-move-out: cubic-bezier(0.1, 0.9, 0.2, 1);
  --fds-animation-swap-shuffle-in: cubic-bezier(0.14, 1, 0.34, 1);
  --fds-animation-swap-shuffle-out: cubic-bezier(0.45, 0.1, 0.2, 1);
  --fds-black: #000000;
  --fds-black-alpha-05: rgba(0, 0, 0, 0.05);
  --fds-black-alpha-10: rgba(0, 0, 0, 0.1);
  --fds-black-alpha-15: rgba(0, 0, 0, 0.15);
  --fds-black-alpha-20: rgba(0, 0, 0, 0.2);
  --fds-black-alpha-30: rgba(0, 0, 0, 0.3);
  --fds-black-alpha-40: rgba(0, 0, 0, 0.4);
  --fds-black-alpha-50: rgba(0, 0, 0, 0.5);
  --fds-black-alpha-60: rgba(0, 0, 0, 0.6);
  --fds-black-alpha-80: rgba(0, 0, 0, 0.8);
  --fds-blue-05: #ecf3ff;
  --fds-blue-30: #aac9ff;
  --fds-blue-40: #77a7ff;
  --fds-blue-60: #1877f2;
  --fds-blue-70: #2851a3;
  --fds-blue-80: #1d3c78;
  --fds-button-text: #444950;
  --fds-comment-background: #f2f3f5;
  --fds-dark-mode-gray-100: #1c1c1c;
  --fds-dark-mode-gray-35: #cccccc;
  --fds-dark-mode-gray-50: #828282;
  --fds-dark-mode-gray-70: #4a4a4a;
  --fds-dark-mode-gray-80: #373737;
  --fds-dark-mode-gray-90: #282828;
  --fds-duration-extra-extra-short-in: 100ms;
  --fds-duration-extra-extra-short-out: 100ms;
  --fds-duration-extra-long-in: 1000ms;
  --fds-duration-extra-long-out: 1000ms;
  --fds-duration-extra-short-in: 200ms;
  --fds-duration-extra-short-out: 150ms;
  --fds-duration-long-in: 500ms;
  --fds-duration-long-out: 350ms;
  --fds-duration-medium-in: 400ms;
  --fds-duration-medium-out: 350ms;
  --fds-duration-none: 0ms;
  --fds-duration-short-in: 280ms;
  --fds-duration-short-out: 200ms;
  --fds-fast: 200ms;
  --fds-gray-00: #f5f6f7;
  --fds-gray-05: #f2f3f5;
  --fds-gray-10: #ebedf0;
  --fds-gray-100: #1c1e21;
  --fds-gray-20: #dadde1;
  --fds-gray-25: #ccd0d5;
  --fds-gray-30: #bec3c9;
  --fds-gray-45: #8d949e;
  --fds-gray-70: #606770;
  --fds-gray-80: #444950;
  --fds-gray-90: #303338;
  --fds-green-55: #00a400;
  --fds-green-65: #51ce70;
  --fds-highlight: #3578e5;
  --fds-highlight-cell-background: #ecf3ff;
  --fds-primary-icon: #1c1e21;
  --fds-primary-text: #1c1e21;
  --fds-red-55: #fa383e;
  --fds-slow: 400ms;
  --fds-soft: cubic-bezier(0.08, 0.52, 0.52, 1);
  --fds-spectrum-aluminum-tint-70: #e4f0f6;
  --fds-spectrum-blue-gray-tint-70: #cfd1d5;
  --fds-spectrum-cherry: #f35369;
  --fds-spectrum-cherry-tint-70: #fbccd2;
  --fds-spectrum-grape-tint-70: #ddd5f0;
  --fds-spectrum-grape-tint-90: #f4f1fa;
  --fds-spectrum-lemon-dark-1: #f5c33b;
  --fds-spectrum-lemon-tint-70: #fef2d1;
  --fds-spectrum-lime: #a3ce71;
  --fds-spectrum-lime-tint-70: #e4f0d5;
  --fds-spectrum-orange-tint-70: #fcdec5;
  --fds-spectrum-orange-tint-90: #fef4ec;
  --fds-spectrum-seafoam-tint-70: #caeef9;
  --fds-spectrum-slate-dark-2: #89a1ac;
  --fds-spectrum-slate-tint-70: #eaeff2;
  --fds-spectrum-teal: #6bcebb;
  --fds-spectrum-teal-dark-1: #4dbba6;
  --fds-spectrum-teal-dark-2: #31a38d;
  --fds-spectrum-teal-tint-70: #d2f0ea;
  --fds-spectrum-teal-tint-90: #f0faf8;
  --fds-spectrum-tomato: #fb724b;
  --fds-spectrum-tomato-tint-30: #f38e7b;
  --fds-spectrum-tomato-tint-90: #fdefed;
  --fds-strong: cubic-bezier(0.12, 0.8, 0.32, 1);
  --fds-unified-blue-35: #1455b0;
  --fds-unified-gray-20: #323436;
  --fds-white: #ffffff;
  --fds-white-alpha-05: rgba(255, 255, 255, 0.05);
  --fds-white-alpha-10: rgba(255, 255, 255, 0.1);
  --fds-white-alpha-20: rgba(255, 255, 255, 0.2);
  --fds-white-alpha-30: rgba(255, 255, 255, 0.3);
  --fds-white-alpha-40: rgba(255, 255, 255, 0.4);
  --fds-white-alpha-50: rgba(255, 255, 255, 0.5);
  --fds-white-alpha-60: rgba(255, 255, 255, 0.6);
  --fds-white-alpha-80: rgba(255, 255, 255, 0.8);
  --fds-yellow-20: #ffba00;
  --filter-accent: invert(50%) sepia(94%) saturate(3979%) hue-rotate(183deg)
    brightness(104%) contrast(103%);
  --filter-always-white: invert(100%);
  --filter-blue-link-icon: invert(30%) sepia(98%) saturate(200%) saturate(200%)
    saturate(200%) saturate(166.5%) hue-rotate(192deg) brightness(91%)
    contrast(101%);
  --filter-disabled-icon: invert(80%) sepia(6%) saturate(200%) saturate(120%)
    hue-rotate(173deg) brightness(98%) contrast(89%);
  --filter-negative: invert(25%) sepia(33%) saturate(200%) saturate(200%)
    saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(110%)
    hue-rotate(345deg) brightness(132%) contrast(96%);
  --filter-placeholder-icon: invert(59%) sepia(11%) saturate(200%)
    saturate(135%) hue-rotate(176deg) brightness(96%) contrast(94%);
  --filter-positive: invert(37%) sepia(61%) saturate(200%) saturate(200%)
    saturate(200%) saturate(200%) saturate(115%) hue-rotate(91deg)
    brightness(97%) contrast(105%);
  --filter-primary-accent: invert(39%) sepia(57%) saturate(200%) saturate(200%)
    saturate(200%) saturate(200%) saturate(200%) saturate(147.75%)
    hue-rotate(202deg) brightness(97%) contrast(96%);
  --filter-primary-deemphasized-button-icon: invert(28%) sepia(100%)
    saturate(6042%) hue-rotate(202deg) brightness(96%) contrast(101%);
  --filter-primary-icon: invert(8%) sepia(10%) saturate(200%) saturate(200%)
    saturate(166%) hue-rotate(177deg) brightness(104%) contrast(91%);
  --filter-secondary-button-icon-on-media: invert(100%);
  --filter-secondary-icon: invert(39%) sepia(21%) saturate(200%)
    saturate(109.5%) hue-rotate(174deg) brightness(94%) contrast(86%);
  --filter-warning-icon: invert(77%) sepia(29%) saturate(200%) saturate(200%)
    saturate(200%) saturate(200%) saturate(200%) saturate(128%)
    hue-rotate(359deg) brightness(102%) contrast(107%);
  --focus-ring-blue: #1877f2;
  --focus-ring-outline-forced-colors: 2px auto transparent !important;
  --focus-ring-outline-link: 2px auto var(--focus-ring-blue);
  --focus-ring-shadow-default: 0 0 0 2px var(--always-white),
    0 0 0 4px var(--focus-ring-blue);
  --focus-ring-shadow-inset: 0 0 0 2px var(--focus-ring-blue) inset,
    0 0 0 4px var(--always-white) inset;
  --font-family-apple: system-ui, -apple-system, BlinkMacSystemFont,
    ".SFNSText-Regular", sans-serif;
  --font-family-code: ui-monospace, Menlo, Consolas, Monaco, monospace;
  --font-family-default: Helvetica, Arial, sans-serif;
  --font-family-segoe: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  --fuschia-primary: rgb(250, 45, 138);
  --fuschia-secondary: rgb(118, 14, 62);
  --fuschia-tertiary: rgb(255, 241, 246);
  --glimmer-animation-direction: alternate;
  --glimmer-animation-duration: 1000ms;
  --glimmer-animation-timing-function: steps(10, end);
  --glimmer-corner-radius: 8px;
  --glimmer-opacity-max: 1;
  --glimmer-opacity-min: 0.25;
  --glimmer-spinner-icon: #65676b;
  --global-panel-width: 0px;
  --global-panel-width-expanded: 0px;
  --green-primary: rgb(43, 154, 53);
  --green-secondary: rgb(26, 68, 27);
  --green-tertiary: rgb(227, 250, 224);
  --header-height: 0px;
  --headline1-font-family: Optimistic Display Bold, system-ui, sans-serif;
  --headline1-font-size: 1.75rem;
  --headline1-font-weight: 700;
  --headline1-line-height: 1.2143;
  --headline2-font-family: Optimistic Display Bold, system-ui, sans-serif;
  --headline2-font-size: 1.5rem;
  --headline2-font-weight: 700;
  --headline2-line-height: 1.25;
  --headline3-font-family: Optimistic Display Bold, system-ui, sans-serif;
  --headline3-font-size: 1.0625rem;
  --headline3-font-weight: 700;
  --headline3-line-height: 1.2941;
  --hero-banner-background: #ffffff;
  --highlight-bg: #e7f3ff;
  --hosted-view-selected-state: rgba(0, 0, 0, 0.04);
  --hover-overlay: rgba(0, 0, 0, 0.05);
  --icon-accent-color: #0070f6;
  --icon-destructive-color: #e91d16;
  --icon-inactive-color: rgba(134, 142, 153, 0.75);
  --icon-nux-color: rgba(0, 0, 0, 0.2);
  --icon-primary-color: #000000;
  --icon-secondary-color: rgba(0, 0, 0, 0.44);
  --icon-selected-color: rgba(0, 0, 0, 0.44);
  --icon-tertiary-color: rgba(0, 0, 0, 0.2);
  --icon-white-color: #ffffff;
  --image-corner-radius: 4px;
  --infochip-medium-radius: 12px;
  --input-background: #ffffff;
  --input-background-active: hsla(
    var(--accent-h),
    var(--accent-s),
    var(--accent-l),
    0.05
  );
  --input-background-disabled: #f0f2f5;
  --input-background-error-active: hsla(
    var(--negative-h),
    var(--negative-s),
    var(--negative-l),
    0.05
  );
  --input-background-error-hover: hsla(
    var(--negative-h),
    var(--negative-s),
    var(--negative-l),
    0.05
  );
  --input-background-hover: var(--input-background);
  --input-background-warn-active: hsla(
    var(--warning-h),
    var(--warning-s),
    var(--warning-l),
    0.05
  );
  --input-background-warn-hover: hsla(
    var(--warning-h),
    var(--warning-s),
    var(--warning-l),
    0.05
  );
  --input-border-color: #ced0d4;
  --input-border-color-hover: var(--placeholder-text);
  --input-border-width: 1px;
  --input-corner-radius: 6px;
  --input-label-color-disabled: var(--disabled-text);
  --input-label-color-error: var(--negative);
  --input-label-color-highlighted: hsl(214, 89%, 52%);
  --input-label-color-inside: var(--secondary-text);
  --inverse-text: var(--always-white);
  --list-cell-chevron: #65676b;
  --list-cell-corner-radius: 8px;
  --list-cell-min-height: 52px;
  --list-cell-padding-vertical: 20px;
  --list-cell-padding-vertical-with-addon: 14px;
  --magenta-primary: rgb(215, 77, 204);
  --magenta-secondary: rgb(96, 36, 91);
  --magenta-tertiary: rgb(255, 239, 254);
  --mds-green: #31cc46;
  --media-hover: rgba(68, 73, 80, 0.15);
  --media-inner-border: rgba(0, 0, 0, 0.1);
  --media-outer-border: #ffffff;
  --media-pressed: rgba(68, 73, 80, 0.35);
  --menu-base-list-item-padding-horizontal: 8px;
  --menu-base-list-item-padding-vertical: 12px;
  --menu-base-size-full-margin-end: 48px;
  --menu-item-base-margin-horizontal: 8px;
  --menu-item-base-margin-vertical: 0px;
  --menu-item-base-overlay-radius: 4px;
  --menu-item-base-padding-horizontal: 8px;
  --menu-item-base-padding-vertical: 12px;
  --menu-item-base-with-icon-padding-horizontal: var(
    --menu-item-base-padding-horizontal
  );
  --messenger-application-max-width: 2560px;
  --messenger-card-background: #ffffff;
  --messenger-card-box-shadow: 0px 0px 8px rgba(52, 72, 84, 0.05);
  --messenger-card-corner-radius: 12px;
  --messenger-card-max-width: 480px;
  --messenger-card-min-width: 300px;
  --messenger-card-spacing: 16px;
  --messenger-reply-background: #f0f2f5;
  --messenger-sidebar-collapsed-width: 44px;
  --messenger-sidebar-expanded-width: 240px;
  --meta-emphasized-font-family: Placeholder Font;
  --meta-emphasized-font-size: 0.8125rem;
  --meta-emphasized-font-weight: 600;
  --meta-emphasized-line-height: 1.3846;
  --meta-font-family: Placeholder Font;
  --meta-font-size: 0.8125rem;
  --meta-font-weight: 400;
  --meta-line-height: 1.3846;
  --mwp-header-background-color: var(--messenger-card-background);
  --mwp-header-button-color: var(--accent);
  --mwp-message-row-background: var(--messenger-card-background);
  --nav-bar-background: #f5f5f5;
  --nav-bar-background-gradient: linear-gradient(
    to top,
    #ffffff,
    rgba(255, 255, 255.9),
    rgba(255, 255, 255, 0.7),
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0)
  );
  --nav-bar-background-gradient-wash: linear-gradient(
    to top,
    #f0f2f5,
    rgba(240, 242, 245.9),
    rgba(240, 242, 245, 0.7),
    rgba(240, 242, 245, 0.4),
    rgba(240, 242, 245, 0)
  );
  --nav-list-cell-corner-radius: 8px;
  --nav-list-cell-min-height: 0px;
  --nav-list-cell-padding-vertical: 16px;
  --nav-list-cell-padding-vertical-with-addon: 16px;
  --negative: hsl(350, 87%, 55%);
  --negative-background: hsl(350, 87%, 55%, 20%);
  --new-notification-background: #e7f3ff;
  --non-media-pressed: rgba(68, 73, 80, 0.15);
  --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
  --notification-badge: #e41e3f;
  --nux-card-body-padding-end: 24px;
  --orange-primary: rgb(208, 108, 20);
  --orange-secondary: rgb(94, 49, 14);
  --orange-tertiary: rgb(255, 241, 239);
  --overlay-alpha-80: rgba(244, 244, 244, 0.8);
  --overlay-on-media: rgba(0, 0, 0, 0.6);
  --page-footer-padding-vertical: 16px;
  --placeholder-icon: #65676b;
  --placeholder-image: rgb(164, 167, 171);
  --placeholder-text: #65676b;
  --placeholder-text-on-media: rgba(255, 255, 255, 0.5);
  --popover-background: #ffffff;
  --popover-border-color: transparent;
  --popover-border-style: none;
  --popover-border-width: 0px;
  --popover-card-background: var(--card-background);
  --positive: #5ad539;
  --positive-background: #deefe1;
  --press-overlay: rgba(0, 0, 0, 0.1);
  --pressable-background-color-hover: rgba(0, 0, 0, 0.04);
  --pressable-background-color-selected: rgba(0, 0, 0, 0.06);
  --primary-button-background: #0099ff;
  --primary-button-icon: #ffffff;
  --primary-button-pressed: #77a7ff;
  --primary-button-text: #ffffff;
  --primary-deemphasized-button-background: #e7f3ff;
  --primary-deemphasized-button-pressed: rgba(0, 0, 0, 0.05);
  --primary-deemphasized-button-pressed-overlay: rgba(25, 110, 255, 0.15);
  --primary-deemphasized-button-text: #1877f2;
  --primary-icon: #050505;
  --primary-label-font-family: Optimistic Display Medium, system-ui, sans-serif;
  --primary-label-font-size: 1.0625rem;
  --primary-label-font-weight: 500;
  --primary-label-line-height: 1.2941;
  --primary-text: #050505;
  --primary-text-on-media: #ffffff;
  --primary-web-focus-indicator: #d24294;
  --progress-ring-blue-background: rgba(24, 119, 242, 0.2);
  --progress-ring-blue-foreground: hsl(214, 89%, 52%);
  --progress-ring-disabled-background: rgba(190, 195, 201, 0.2);
  --progress-ring-disabled-foreground: #bec3c9;
  --progress-ring-neutral-background: rgba(0, 0, 0, 0.2);
  --progress-ring-neutral-foreground: #000000;
  --progress-ring-on-media-background: rgba(255, 255, 255, 0.2);
  --progress-ring-on-media-foreground: #ffffff;
  --purple-primary: rgb(125, 116, 255);
  --purple-secondary: rgb(55, 50, 121);
  --purple-tertiary: rgb(245, 241, 255);
  --qp-card-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  --radio-border-color: var(--primary-icon);
  --radio-border-color-disabled: var(--disabled-button-background);
  --radio-border-color-selected: #000000;
  --radio-border-width: 2px;
  --radio-checked-icon-color: #000000;
  --radio-checked-icon-color-disabled: var(--disabled-button-background);
  --radio-checked-icon-size-large: 12px;
  --radio-checked-icon-size-medium: 12px;
  --radio-size-large: 24px;
  --radio-size-medium: 20px;
  --rating-star-active: #eb660d;
  --red-primary: rgb(251, 60, 68);
  --red-secondary: rgb(118, 22, 27);
  --red-tertiary: rgb(255, 241, 239);
  --scroll-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 -1px rgba(0, 0, 0, 0.1) inset;
  --scroll-thumb: #bcc0c4;
  --scrollbar-thumb-color: rgba(0, 0, 0, 0.2);
  --scrollbar-track-color: transparent;
  --secondary-button-background: rgba(0, 0, 0, 0.04);
  --secondary-button-background-floating: #ffffff;
  --secondary-button-background-on-dark: rgba(0, 0, 0, 0.4);
  --secondary-button-pressed: rgba(0, 0, 0, 0.05);
  --secondary-button-stroke: transparent;
  --secondary-button-text: #050505;
  --secondary-icon: #65676b;
  --secondary-label-font-family: Placeholder Font;
  --secondary-label-font-size: 0.9375rem;
  --secondary-label-font-weight: 500;
  --secondary-label-line-height: 1.3333;
  --secondary-text: #65676b;
  --secondary-text-on-media: rgba(255, 255, 255, 0.9);
  --section-header-addOnEnd-button-padding-horizontal: 0px;
  --section-header-addOnEnd-button-padding-vertical: 0px;
  --section-header-addOnEnd-margin-horizontal: 8px;
  --section-header-addOnStart-margin-horizontal: 12px;
  --section-header-padding-vertical: 16px;
  --section-header-subtitle-margin-vertical: 14px;
  --section-header-subtitle-with-addOnEnd-margin-vertical: 6px;
  --section-header-text: #4b4c4f;
  --separator-menu-item-margin-horizontal: 16px;
  --separator-menu-item-margin-vertical: 4px;
  --shadow-1: rgba(0, 0, 0, 0.1);
  --shadow-2: rgba(0, 0, 0, 0.2);
  --shadow-5: rgba(0, 0, 0, 0.5);
  --shadow-8: rgba(0, 0, 0, 0.8);
  --shadow-base: 0 1px 2px var(--shadow-2);
  --shadow-elevated: 0 8px 20px 0 rgba(0, 0, 0, 0.2),
    0 2px 4px 0 rgba(0, 0, 0, 0.1);
  --shadow-emphasis: 0 2px 12px var(--shadow-2);
  --shadow-inset: rgba(255, 255, 255, 0.5);
  --shadow-on-media: 0px 0px 1px rgba(0, 0, 0, 0.62);
  --shadow-persistent: 0px 0px 12px rgba(52, 72, 84, 0.05);
  --shadow-primary: 0px 5px 12px rgba(52, 72, 84, 0.2);
  --shadow-responsive: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
  --surface-background: #ffffff;
  --switch-active: hsl(214, 89%, 52%);
  --switch-inactive: #ced0d4;
  --switch-unchecked-background-color: #8f9297;
  --tab-height: 60px;
  --tab-icon-padding-end: 0px;
  --tab-text-icon-gap: 4px;
  --tab-underline-color: transparent;
  --tab-underline-height: 3px;
  --teal-primary: rgb(0, 152, 124);
  --teal-secondary: rgb(10, 68, 56);
  --teal-tertiary: rgb(227, 247, 241);
  --tertiary-label-font-family: Placeholder Font;
  --tertiary-label-font-size: 0.6875rem;
  --tertiary-label-font-weight: 500;
  --tertiary-label-line-height: 1.4545;
  --text-badge-attention-background: hsl(40, 89%, 52%);
  --text-badge-corner-radius: 4px;
  --text-badge-critical-background: #e41e3f;
  --text-badge-info-background: hsl(214, 89%, 52%);
  --text-badge-padding-horizontal: 6px;
  --text-badge-padding-vertical: 6px;
  --text-badge-success-background: #31a24c;
  --text-highlight: rgba(24, 119, 242, 0.2);
  --text-input-caption-margin-top: 10px;
  --text-input-field-font-family: Placeholder Font;
  --text-input-field-font-size: 1rem;
  --text-input-field-font-stretch: initial;
  --text-input-field-font-weight: 500;
  --text-input-field-line-height: 1.2941;
  --text-input-label-font-family: Placeholder Font;
  --text-input-label-font-size: 17px;
  --text-input-label-font-size-scale-multiplier: 0.75;
  --text-input-label-font-stretch: initial;
  --text-input-label-font-weight: 400;
  --text-input-label-line-height: 1.2941;
  --text-input-multi-padding-between-text-scrollbar: 20px;
  --text-input-multi-padding-scrollbar: 16px;
  --text-input-outside-label: #000000;
  --text-input-padding-vertical: 12px;
  --toast-addon-padding-horizontal: 6px;
  --toast-addon-padding-vertical: 6px;
  --toast-background: #ffffff;
  --toast-border-color: transparent;
  --toast-border-style: none;
  --toast-border-width: 0px;
  --toast-container-max-width: 100%;
  --toast-container-min-width: 288px;
  --toast-container-padding-horizontal: 10px;
  --toast-container-padding-vertical: 16px;
  --toast-corner-radius: 8px;
  --toast-text: #1c2b33;
  --toast-text-link: #216fdb;
  --toaster-view-max-width: 328px;
  --toggle-active-background: #e7f3ff;
  --toggle-active-icon: rgb(24, 119, 242);
  --toggle-active-text: rgb(24, 119, 242);
  --toggle-button-active-background: #e7f3ff;
  --tooltip-background: rgba(244, 244, 244, 0.8);
  --tooltip-box-shadow: 0 2px 4px 0 var(--shadow-5);
  --tooltip-corner-radius: 8px;
  --typeahead-list-outer-padding-vertical: 2px;
  --warning: hsl(40, 89%, 52%);
  --wash: #e4e6eb;
  --web-wash: #f5f5f5;
  --yellow-primary: rgb(161, 132, 0);
  --yellow-secondary: rgb(72, 59, 12);
  --yellow-tertiary: rgb(255, 246, 161);
}
@media (prefers-color-scheme: dark) {
  :root {
    --accent: #0099ff;
    --alert-banner-corner-radius: 8px;
    --always-black: black;
    --always-dark-gradient: linear-gradient(
      rgba(0, 0, 0, 0),
      rgba(0, 0, 0, 0.6)
    );
    --always-dark-overlay: rgba(0, 0, 0, 0.4);
    --always-gray-40: #65676b;
    --always-gray-75: #bcc0c4;
    --always-gray-95: #f0f2f5;
    --always-light-overlay: rgba(255, 255, 255, 0.4);
    --always-white: #ffffff;
    --attachment-footer-background: #f0f2f5;
    --background-deemphasized: #f0f2f5;
    --badge-background-color-blue: var(--accent);
    --badge-background-color-dark-gray: var(--secondary-icon);
    --badge-background-color-gray: var(--disabled-icon);
    --badge-background-color-green: var(--positive);
    --badge-background-color-light-blue: var(--highlight-bg);
    --badge-background-color-red: var(--notification-badge);
    --badge-background-color-yellow: var(--base-lemon);
    --base-blue: #1877f2;
    --base-cherry: #f3425f;
    --base-grape: #9360f7;
    --base-lemon: #f7b928;
    --base-lime: #45bd62;
    --base-pink: #ff66bf;
    --base-seafoam: #54c7ec;
    --base-teal: #2abba7;
    --base-tomato: #fb724b;
    --blue-link: #216fdb;
    --blue-primary: rgb(0, 136, 244);
    --blue-secondary: rgb(4, 59, 114);
    --blue-tertiary: rgb(235, 245, 255);
    --blueprint-button-height-large: 48px;
    --blueprint-button-height-medium: 40px;
    --body-emphasized-font-family: Placeholder Font;
    --body-emphasized-font-size: 0.9375rem;
    --body-emphasized-font-weight: 600;
    --body-emphasized-line-height: 1.3333;
    --body-font-family: Placeholder Font;
    --body-font-size: 0.9375rem;
    --body-font-weight: 400;
    --body-line-height: 1.3333;
    --border-focused: #65676b;
    --button-corner-radius: 6px;
    --button-corner-radius-large: 12px;
    --button-corner-radius-medium: 10px;
    --button-height-large: 40px;
    --button-height-medium: 36px;
    --button-icon-padding-large: 16px;
    --button-icon-padding-medium: 16px;
    --button-inner-icon-spacing-large: 3px;
    --button-inner-icon-spacing-medium: 3px;
    --button-padding-horizontal-large: 16px;
    --button-padding-horizontal-medium: 16px;
    --button-padding-icon-only: 16px;
    --card-background: #ffffff;
    --card-background-flat: #f7f8fa;
    --card-box-shadow: 0 12px 28px 0 var(--shadow-2),
      0 2px 4px 0 var(--shadow-1);
    --card-corner-radius: 12px;
    --card-padding-horizontal: 10px;
    --card-padding-vertical: 20px;
    --chartreuse-primary: rgb(106, 147, 22);
    --chartreuse-secondary: rgb(50, 65, 19);
    --chartreuse-tertiary: rgb(226, 255, 152);
    --chat-bubble-border-radius: 18px;
    --chat-bubble-emphasis-ring-after: black;
    --chat-bubble-emphasis-ring-before: white;
    --chat-bubble-padding-horizontal: 12px;
    --chat-bubble-padding-vertical: 8px;
    --chat-incoming-message-bubble-background-color: #f0f0f0;
    --chat-outgoing-message-bubble-background-color: var(--accent);
    --chat-replied-message-background-color: rgba(0, 0, 0, 0.03);
    --chat-text-blockquote-color-background-line: rgba(0, 0, 0, 0.12);
    --chat-text-blockquote-color-text-primary-media: rgba(255, 255, 255, 0.7);
    --chip-corner-radius: 6px;
    --circle-button-green-background-color: #31cc46;
    --circle-button-normal-background-color: rgba(0, 0, 0, 0.04);
    --circle-button-overlay-raised-background-color: #ffffff;
    --circle-button-overlay-raised-shadow-color: rgba(0, 0, 0, 0.12);
    --circle-button-red-background-color: #e91d16;
    --comment-background: rgba(134, 142, 153, 0.1);
    --comment-bubble: 18px;
    --comment-footer-background: #f6f9fa;
    --cyan-primary: rgb(0, 142, 213);
    --cyan-secondary: rgb(15, 63, 93);
    --cyan-tertiary: rgb(231, 245, 255);
    --dataviz-primary-1: rgb(0, 174, 143);
    --dataviz-primary-2: rgb(156, 219, 255);
    --dataviz-primary-3: rgb(73, 156, 255);
    --dataviz-secondary-1: rgb(83, 78, 191);
    --dataviz-secondary-2: rgb(103, 96, 228);
    --dataviz-secondary-3: rgb(119, 45, 88);
    --dataviz-supplementary-1: rgb(253, 91, 67);
    --dataviz-supplementary-2: rgb(161, 132, 0);
    --dataviz-supplementary-3: rgb(36, 131, 44);
    --dataviz-supplementary-4: rgb(51, 51, 52);
    --dialog-anchor-horizontal-padding: 8px;
    --dialog-anchor-vertical-padding: 0px;
    --dialog-border-radius: 12px;
    --dialog-box-shadow: 0 12px 28px 0 var(--shadow-2),
      0 2px 4px 0 var(--shadow-1), inset 0 0 0 1px var(--shadow-inset);
    --dialog-corner-radius: 8px;
    --dialog-size-medium-width: 100%;
    --dialog-size-small-width: 100%;
    --disabled-button-background: #e4e6eb;
    --disabled-button-text: #bcc0c4;
    --disabled-icon: #bcc0c4;
    --disabled-text: #bcc0c4;
    --divider: #ced0d4;
    --event-date: #f3425f;
    --fb-logo: #0866ff;
    --fb-wordmark: #0866ff;
    --fds-animation-enter-exit-in: cubic-bezier(0.14, 1, 0.34, 1);
    --fds-animation-enter-exit-out: cubic-bezier(0.45, 0.1, 0.2, 1);
    --fds-animation-expand-collapse-in: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-expand-collapse-out: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-fade-in: cubic-bezier(0, 0, 1, 1);
    --fds-animation-fade-out: cubic-bezier(0, 0, 1, 1);
    --fds-animation-move-in: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-move-out: cubic-bezier(0.17, 0.17, 0, 1);
    --fds-animation-passive-move-in: cubic-bezier(0.5, 0, 0.1, 1);
    --fds-animation-passive-move-out: cubic-bezier(0.5, 0, 0.1, 1);
    --fds-animation-quick-move-in: cubic-bezier(0.1, 0.9, 0.2, 1);
    --fds-animation-quick-move-out: cubic-bezier(0.1, 0.9, 0.2, 1);
    --fds-animation-swap-shuffle-in: cubic-bezier(0.14, 1, 0.34, 1);
    --fds-animation-swap-shuffle-out: cubic-bezier(0.45, 0.1, 0.2, 1);
    --fds-black: #000000;
    --fds-black-alpha-05: rgba(0, 0, 0, 0.05);
    --fds-black-alpha-10: rgba(0, 0, 0, 0.1);
    --fds-black-alpha-15: rgba(0, 0, 0, 0.15);
    --fds-black-alpha-20: rgba(0, 0, 0, 0.2);
    --fds-black-alpha-30: rgba(0, 0, 0, 0.3);
    --fds-black-alpha-40: rgba(0, 0, 0, 0.4);
    --fds-black-alpha-50: rgba(0, 0, 0, 0.5);
    --fds-black-alpha-60: rgba(0, 0, 0, 0.6);
    --fds-black-alpha-80: rgba(0, 0, 0, 0.8);
    --fds-blue-05: #ecf3ff;
    --fds-blue-30: #aac9ff;
    --fds-blue-40: #77a7ff;
    --fds-blue-60: #1877f2;
    --fds-blue-70: #2851a3;
    --fds-blue-80: #1d3c78;
    --fds-button-text: #444950;
    --fds-comment-background: #f2f3f5;
    --fds-dark-mode-gray-100: #1c1c1c;
    --fds-dark-mode-gray-35: #cccccc;
    --fds-dark-mode-gray-50: #828282;
    --fds-dark-mode-gray-70: #4a4a4a;
    --fds-dark-mode-gray-80: #373737;
    --fds-dark-mode-gray-90: #282828;
    --fds-duration-extra-extra-short-in: 100ms;
    --fds-duration-extra-extra-short-out: 100ms;
    --fds-duration-extra-long-in: 1000ms;
    --fds-duration-extra-long-out: 1000ms;
    --fds-duration-extra-short-in: 200ms;
    --fds-duration-extra-short-out: 150ms;
    --fds-duration-long-in: 500ms;
    --fds-duration-long-out: 350ms;
    --fds-duration-medium-in: 400ms;
    --fds-duration-medium-out: 350ms;
    --fds-duration-none: 0ms;
    --fds-duration-short-in: 280ms;
    --fds-duration-short-out: 200ms;
    --fds-fast: 200ms;
    --fds-gray-00: #f5f6f7;
    --fds-gray-05: #f2f3f5;
    --fds-gray-10: #ebedf0;
    --fds-gray-100: #1c1e21;
    --fds-gray-20: #dadde1;
    --fds-gray-25: #ccd0d5;
    --fds-gray-30: #bec3c9;
    --fds-gray-45: #8d949e;
    --fds-gray-70: #606770;
    --fds-gray-80: #444950;
    --fds-gray-90: #303338;
    --fds-green-55: #00a400;
    --fds-green-65: #51ce70;
    --fds-highlight: #3578e5;
    --fds-highlight-cell-background: #ecf3ff;
    --fds-primary-icon: #1c1e21;
    --fds-primary-text: #1c1e21;
    --fds-red-55: #fa383e;
    --fds-slow: 400ms;
    --fds-soft: cubic-bezier(0.08, 0.52, 0.52, 1);
    --fds-spectrum-aluminum-tint-70: #e4f0f6;
    --fds-spectrum-blue-gray-tint-70: #cfd1d5;
    --fds-spectrum-cherry: #f35369;
    --fds-spectrum-cherry-tint-70: #fbccd2;
    --fds-spectrum-grape-tint-70: #ddd5f0;
    --fds-spectrum-grape-tint-90: #f4f1fa;
    --fds-spectrum-lemon-dark-1: #f5c33b;
    --fds-spectrum-lemon-tint-70: #fef2d1;
    --fds-spectrum-lime: #a3ce71;
    --fds-spectrum-lime-tint-70: #e4f0d5;
    --fds-spectrum-orange-tint-70: #fcdec5;
    --fds-spectrum-orange-tint-90: #fef4ec;
    --fds-spectrum-seafoam-tint-70: #caeef9;
    --fds-spectrum-slate-dark-2: #89a1ac;
    --fds-spectrum-slate-tint-70: #eaeff2;
    --fds-spectrum-teal: #6bcebb;
    --fds-spectrum-teal-dark-1: #4dbba6;
    --fds-spectrum-teal-dark-2: #31a38d;
    --fds-spectrum-teal-tint-70: #d2f0ea;
    --fds-spectrum-teal-tint-90: #f0faf8;
    --fds-spectrum-tomato: #fb724b;
    --fds-spectrum-tomato-tint-30: #f38e7b;
    --fds-spectrum-tomato-tint-90: #fdefed;
    --fds-strong: cubic-bezier(0.12, 0.8, 0.32, 1);
    --fds-unified-blue-35: #1455b0;
    --fds-unified-gray-20: #323436;
    --fds-white: #ffffff;
    --fds-white-alpha-05: rgba(255, 255, 255, 0.05);
    --fds-white-alpha-10: rgba(255, 255, 255, 0.1);
    --fds-white-alpha-20: rgba(255, 255, 255, 0.2);
    --fds-white-alpha-30: rgba(255, 255, 255, 0.3);
    --fds-white-alpha-40: rgba(255, 255, 255, 0.4);
    --fds-white-alpha-50: rgba(255, 255, 255, 0.5);
    --fds-white-alpha-60: rgba(255, 255, 255, 0.6);
    --fds-white-alpha-80: rgba(255, 255, 255, 0.8);
    --fds-yellow-20: #ffba00;
    --filter-accent: invert(50%) sepia(94%) saturate(3979%) hue-rotate(183deg)
      brightness(104%) contrast(103%);
    --filter-always-white: invert(100%);
    --filter-blue-link-icon: invert(30%) sepia(98%) saturate(200%)
      saturate(200%) saturate(200%) saturate(166.5%) hue-rotate(192deg)
      brightness(91%) contrast(101%);
    --filter-disabled-icon: invert(80%) sepia(6%) saturate(200%) saturate(120%)
      hue-rotate(173deg) brightness(98%) contrast(89%);
    --filter-negative: invert(25%) sepia(33%) saturate(200%) saturate(200%)
      saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(110%)
      hue-rotate(345deg) brightness(132%) contrast(96%);
    --filter-placeholder-icon: invert(59%) sepia(11%) saturate(200%)
      saturate(135%) hue-rotate(176deg) brightness(96%) contrast(94%);
    --filter-positive: invert(37%) sepia(61%) saturate(200%) saturate(200%)
      saturate(200%) saturate(200%) saturate(115%) hue-rotate(91deg)
      brightness(97%) contrast(105%);
    --filter-primary-accent: invert(39%) sepia(57%) saturate(200%)
      saturate(200%) saturate(200%) saturate(200%) saturate(200%)
      saturate(147.75%) hue-rotate(202deg) brightness(97%) contrast(96%);
    --filter-primary-deemphasized-button-icon: invert(28%) sepia(100%)
      saturate(6042%) hue-rotate(202deg) brightness(96%) contrast(101%);
    --filter-primary-icon: invert(8%) sepia(10%) saturate(200%) saturate(200%)
      saturate(166%) hue-rotate(177deg) brightness(104%) contrast(91%);
    --filter-secondary-button-icon-on-media: invert(100%);
    --filter-secondary-icon: invert(39%) sepia(21%) saturate(200%)
      saturate(109.5%) hue-rotate(174deg) brightness(94%) contrast(86%);
    --filter-warning-icon: invert(77%) sepia(29%) saturate(200%) saturate(200%)
      saturate(200%) saturate(200%) saturate(200%) saturate(128%)
      hue-rotate(359deg) brightness(102%) contrast(107%);
    --focus-ring-blue: #1877f2;
    --focus-ring-outline-forced-colors: 2px auto transparent !important;
    --focus-ring-outline-link: 2px auto var(--focus-ring-blue);
    --focus-ring-shadow-default: 0 0 0 2px var(--always-white),
      0 0 0 4px var(--focus-ring-blue);
    --focus-ring-shadow-inset: 0 0 0 2px var(--focus-ring-blue) inset,
      0 0 0 4px var(--always-white) inset;
    --font-family-apple: system-ui, -apple-system, BlinkMacSystemFont,
      ".SFNSText-Regular", sans-serif;
    --font-family-code: ui-monospace, Menlo, Consolas, Monaco, monospace;
    --font-family-default: Helvetica, Arial, sans-serif;
    --font-family-segoe: Segoe UI Historic, Segoe UI, Helvetica, Arial,
      sans-serif;
    --fuschia-primary: rgb(250, 45, 138);
    --fuschia-secondary: rgb(118, 14, 62);
    --fuschia-tertiary: rgb(255, 241, 246);
    --glimmer-animation-direction: alternate;
    --glimmer-animation-duration: 1000ms;
    --glimmer-animation-timing-function: steps(10, end);
    --glimmer-corner-radius: 8px;
    --glimmer-opacity-max: 1;
    --glimmer-opacity-min: 0.25;
    --glimmer-spinner-icon: #65676b;
    --global-panel-width: 0px;
    --global-panel-width-expanded: 0px;
    --green-primary: rgb(43, 154, 53);
    --green-secondary: rgb(26, 68, 27);
    --green-tertiary: rgb(227, 250, 224);
    --header-height: 0px;
    --headline1-font-family: Optimistic Display Bold, system-ui, sans-serif;
    --headline1-font-size: 1.75rem;
    --headline1-font-weight: 700;
    --headline1-line-height: 1.2143;
    --headline2-font-family: Optimistic Display Bold, system-ui, sans-serif;
    --headline2-font-size: 1.5rem;
    --headline2-font-weight: 700;
    --headline2-line-height: 1.25;
    --headline3-font-family: Optimistic Display Bold, system-ui, sans-serif;
    --headline3-font-size: 1.0625rem;
    --headline3-font-weight: 700;
    --headline3-line-height: 1.2941;
    --hero-banner-background: #ffffff;
    --highlight-bg: #e7f3ff;
    --hosted-view-selected-state: rgba(0, 0, 0, 0.04);
    --hover-overlay: rgba(0, 0, 0, 0.05);
    --icon-accent-color: #0070f6;
    --icon-destructive-color: #e91d16;
    --icon-inactive-color: rgba(134, 142, 153, 0.75);
    --icon-nux-color: rgba(0, 0, 0, 0.2);
    --icon-primary-color: #000000;
    --icon-secondary-color: rgba(0, 0, 0, 0.44);
    --icon-selected-color: rgba(0, 0, 0, 0.44);
    --icon-tertiary-color: rgba(0, 0, 0, 0.2);
    --icon-white-color: #ffffff;
    --image-corner-radius: 4px;
    --infochip-medium-radius: 12px;
    --input-background: #ffffff;
    --input-background-active: hsla(
      var(--accent-h),
      var(--accent-s),
      var(--accent-l),
      0.05
    );
    --input-background-disabled: #f0f2f5;
    --input-background-error-active: hsla(
      var(--negative-h),
      var(--negative-s),
      var(--negative-l),
      0.05
    );
    --input-background-error-hover: hsla(
      var(--negative-h),
      var(--negative-s),
      var(--negative-l),
      0.05
    );
    --input-background-hover: var(--input-background);
    --input-background-warn-active: hsla(
      var(--warning-h),
      var(--warning-s),
      var(--warning-l),
      0.05
    );
    --input-background-warn-hover: hsla(
      var(--warning-h),
      var(--warning-s),
      var(--warning-l),
      0.05
    );
    --input-border-color: #ced0d4;
    --input-border-color-hover: var(--placeholder-text);
    --input-border-width: 1px;
    --input-corner-radius: 6px;
    --input-label-color-disabled: var(--disabled-text);
    --input-label-color-error: var(--negative);
    --input-label-color-highlighted: hsl(214, 89%, 52%);
    --input-label-color-inside: var(--secondary-text);
    --inverse-text: var(--always-white);
    --list-cell-chevron: #65676b;
    --list-cell-corner-radius: 8px;
    --list-cell-min-height: 52px;
    --list-cell-padding-vertical: 20px;
    --list-cell-padding-vertical-with-addon: 14px;
    --magenta-primary: rgb(215, 77, 204);
    --magenta-secondary: rgb(96, 36, 91);
    --magenta-tertiary: rgb(255, 239, 254);
    --mds-green: #31cc46;
    --media-hover: rgba(68, 73, 80, 0.15);
    --media-inner-border: rgba(0, 0, 0, 0.1);
    --media-outer-border: #ffffff;
    --media-pressed: rgba(68, 73, 80, 0.35);
    --menu-base-list-item-padding-horizontal: 8px;
    --menu-base-list-item-padding-vertical: 12px;
    --menu-base-size-full-margin-end: 48px;
    --menu-item-base-margin-horizontal: 8px;
    --menu-item-base-margin-vertical: 0px;
    --menu-item-base-overlay-radius: 4px;
    --menu-item-base-padding-horizontal: 8px;
    --menu-item-base-padding-vertical: 12px;
    --menu-item-base-with-icon-padding-horizontal: var(
      --menu-item-base-padding-horizontal
    );
    --messenger-application-max-width: 2560px;
    --messenger-card-background: #ffffff;
    --messenger-card-box-shadow: 0px 0px 8px rgba(52, 72, 84, 0.05);
    --messenger-card-corner-radius: 12px;
    --messenger-card-max-width: 480px;
    --messenger-card-min-width: 300px;
    --messenger-card-spacing: 16px;
    --messenger-reply-background: #f0f2f5;
    --messenger-sidebar-collapsed-width: 44px;
    --messenger-sidebar-expanded-width: 240px;
    --meta-emphasized-font-family: Placeholder Font;
    --meta-emphasized-font-size: 0.8125rem;
    --meta-emphasized-font-weight: 600;
    --meta-emphasized-line-height: 1.3846;
    --meta-font-family: Placeholder Font;
    --meta-font-size: 0.8125rem;
    --meta-font-weight: 400;
    --meta-line-height: 1.3846;
    --mwp-header-background-color: var(--messenger-card-background);
    --mwp-header-button-color: var(--accent);
    --mwp-message-row-background: var(--messenger-card-background);
    --nav-bar-background: #f5f5f5;
    --nav-bar-background-gradient: linear-gradient(
      to top,
      #ffffff,
      rgba(255, 255, 255.9),
      rgba(255, 255, 255, 0.7),
      rgba(255, 255, 255, 0.4),
      rgba(255, 255, 255, 0)
    );
    --nav-bar-background-gradient-wash: linear-gradient(
      to top,
      #f0f2f5,
      rgba(240, 242, 245.9),
      rgba(240, 242, 245, 0.7),
      rgba(240, 242, 245, 0.4),
      rgba(240, 242, 245, 0)
    );
    --nav-list-cell-corner-radius: 8px;
    --nav-list-cell-min-height: 0px;
    --nav-list-cell-padding-vertical: 16px;
    --nav-list-cell-padding-vertical-with-addon: 16px;
    --negative: hsl(350, 87%, 55%);
    --negative-background: hsl(350, 87%, 55%, 20%);
    --new-notification-background: #e7f3ff;
    --non-media-pressed: rgba(68, 73, 80, 0.15);
    --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
    --notification-badge: #e41e3f;
    --nux-card-body-padding-end: 24px;
    --orange-primary: rgb(208, 108, 20);
    --orange-secondary: rgb(94, 49, 14);
    --orange-tertiary: rgb(255, 241, 239);
    --overlay-alpha-80: rgba(244, 244, 244, 0.8);
    --overlay-on-media: rgba(0, 0, 0, 0.6);
    --page-footer-padding-vertical: 16px;
    --placeholder-icon: #65676b;
    --placeholder-image: rgb(164, 167, 171);
    --placeholder-text: #65676b;
    --placeholder-text-on-media: rgba(255, 255, 255, 0.5);
    --popover-background: #ffffff;
    --popover-border-color: transparent;
    --popover-border-style: none;
    --popover-border-width: 0px;
    --popover-card-background: var(--card-background);
    --positive: #5ad539;
    --positive-background: #deefe1;
    --press-overlay: rgba(0, 0, 0, 0.1);
    --pressable-background-color-hover: rgba(0, 0, 0, 0.04);
    --pressable-background-color-selected: rgba(0, 0, 0, 0.06);
    --primary-button-background: #0099ff;
    --primary-button-icon: #ffffff;
    --primary-button-pressed: #77a7ff;
    --primary-button-text: #ffffff;
    --primary-deemphasized-button-background: #e7f3ff;
    --primary-deemphasized-button-pressed: rgba(0, 0, 0, 0.05);
    --primary-deemphasized-button-pressed-overlay: rgba(25, 110, 255, 0.15);
    --primary-deemphasized-button-text: #1877f2;
    --primary-icon: #050505;
    --primary-label-font-family: Optimistic Display Medium, system-ui,
      sans-serif;
    --primary-label-font-size: 1.0625rem;
    --primary-label-font-weight: 500;
    --primary-label-line-height: 1.2941;
    --primary-text: #050505;
    --primary-text-on-media: #ffffff;
    --primary-web-focus-indicator: #d24294;
    --progress-ring-blue-background: rgba(24, 119, 242, 0.2);
    --progress-ring-blue-foreground: hsl(214, 89%, 52%);
    --progress-ring-disabled-background: rgba(190, 195, 201, 0.2);
    --progress-ring-disabled-foreground: #bec3c9;
    --progress-ring-neutral-background: rgba(0, 0, 0, 0.2);
    --progress-ring-neutral-foreground: #000000;
    --progress-ring-on-media-background: rgba(255, 255, 255, 0.2);
    --progress-ring-on-media-foreground: #ffffff;
    --purple-primary: rgb(125, 116, 255);
    --purple-secondary: rgb(55, 50, 121);
    --purple-tertiary: rgb(245, 241, 255);
    --qp-card-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    --radio-border-color: var(--primary-icon);
    --radio-border-color-disabled: var(--disabled-button-background);
    --radio-border-color-selected: #000000;
    --radio-border-width: 2px;
    --radio-checked-icon-color: #000000;
    --radio-checked-icon-color-disabled: var(--disabled-button-background);
    --radio-checked-icon-size-large: 12px;
    --radio-checked-icon-size-medium: 12px;
    --radio-size-large: 24px;
    --radio-size-medium: 20px;
    --rating-star-active: #eb660d;
    --red-primary: rgb(251, 60, 68);
    --red-secondary: rgb(118, 22, 27);
    --red-tertiary: rgb(255, 241, 239);
    --scroll-shadow: 0 1px 2px rgba(0, 0, 0, 0.1),
      0 -1px rgba(0, 0, 0, 0.1) inset;
    --scroll-thumb: #bcc0c4;
    --scrollbar-thumb-color: rgba(0, 0, 0, 0.2);
    --scrollbar-track-color: transparent;
    --secondary-button-background: rgba(0, 0, 0, 0.04);
    --secondary-button-background-floating: #ffffff;
    --secondary-button-background-on-dark: rgba(0, 0, 0, 0.4);
    --secondary-button-pressed: rgba(0, 0, 0, 0.05);
    --secondary-button-stroke: transparent;
    --secondary-button-text: #050505;
    --secondary-icon: #65676b;
    --secondary-label-font-family: Placeholder Font;
    --secondary-label-font-size: 0.9375rem;
    --secondary-label-font-weight: 500;
    --secondary-label-line-height: 1.3333;
    --secondary-text: #65676b;
    --secondary-text-on-media: rgba(255, 255, 255, 0.9);
    --section-header-addOnEnd-button-padding-horizontal: 0px;
    --section-header-addOnEnd-button-padding-vertical: 0px;
    --section-header-addOnEnd-margin-horizontal: 8px;
    --section-header-addOnStart-margin-horizontal: 12px;
    --section-header-padding-vertical: 16px;
    --section-header-subtitle-margin-vertical: 14px;
    --section-header-subtitle-with-addOnEnd-margin-vertical: 6px;
    --section-header-text: #4b4c4f;
    --separator-menu-item-margin-horizontal: 16px;
    --separator-menu-item-margin-vertical: 4px;
    --shadow-1: rgba(0, 0, 0, 0.1);
    --shadow-2: rgba(0, 0, 0, 0.2);
    --shadow-5: rgba(0, 0, 0, 0.5);
    --shadow-8: rgba(0, 0, 0, 0.8);
    --shadow-base: 0 1px 2px var(--shadow-2);
    --shadow-elevated: 0 8px 20px 0 rgba(0, 0, 0, 0.2),
      0 2px 4px 0 rgba(0, 0, 0, 0.1);
    --shadow-emphasis: 0 2px 12px var(--shadow-2);
    --shadow-inset: rgba(255, 255, 255, 0.5);
    --shadow-on-media: 0px 0px 1px rgba(0, 0, 0, 0.62);
    --shadow-persistent: 0px 0px 12px rgba(52, 72, 84, 0.05);
    --shadow-primary: 0px 5px 12px rgba(52, 72, 84, 0.2);
    --shadow-responsive: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
    --surface-background: #ffffff;
    --switch-active: hsl(214, 89%, 52%);
    --switch-inactive: #ced0d4;
    --switch-unchecked-background-color: #8f9297;
    --tab-height: 60px;
    --tab-icon-padding-end: 0px;
    --tab-text-icon-gap: 4px;
    --tab-underline-color: transparent;
    --tab-underline-height: 3px;
    --teal-primary: rgb(0, 152, 124);
    --teal-secondary: rgb(10, 68, 56);
    --teal-tertiary: rgb(227, 247, 241);
    --tertiary-label-font-family: Placeholder Font;
    --tertiary-label-font-size: 0.6875rem;
    --tertiary-label-font-weight: 500;
    --tertiary-label-line-height: 1.4545;
    --text-badge-attention-background: hsl(40, 89%, 52%);
    --text-badge-corner-radius: 4px;
    --text-badge-critical-background: #e41e3f;
    --text-badge-info-background: hsl(214, 89%, 52%);
    --text-badge-padding-horizontal: 6px;
    --text-badge-padding-vertical: 6px;
    --text-badge-success-background: #31a24c;
    --text-highlight: rgba(24, 119, 242, 0.2);
    --text-input-caption-margin-top: 10px;
    --text-input-field-font-family: Placeholder Font;
    --text-input-field-font-size: 1rem;
    --text-input-field-font-stretch: initial;
    --text-input-field-font-weight: 500;
    --text-input-field-line-height: 1.2941;
    --text-input-label-font-family: Placeholder Font;
    --text-input-label-font-size: 17px;
    --text-input-label-font-size-scale-multiplier: 0.75;
    --text-input-label-font-stretch: initial;
    --text-input-label-font-weight: 400;
    --text-input-label-line-height: 1.2941;
    --text-input-multi-padding-between-text-scrollbar: 20px;
    --text-input-multi-padding-scrollbar: 16px;
    --text-input-outside-label: #000000;
    --text-input-padding-vertical: 12px;
    --toast-addon-padding-horizontal: 6px;
    --toast-addon-padding-vertical: 6px;
    --toast-background: #ffffff;
    --toast-border-color: transparent;
    --toast-border-style: none;
    --toast-border-width: 0px;
    --toast-container-max-width: 100%;
    --toast-container-min-width: 288px;
    --toast-container-padding-horizontal: 10px;
    --toast-container-padding-vertical: 16px;
    --toast-corner-radius: 8px;
    --toast-text: #1c2b33;
    --toast-text-link: #216fdb;
    --toaster-view-max-width: 328px;
    --toggle-active-background: #e7f3ff;
    --toggle-active-icon: rgb(24, 119, 242);
    --toggle-active-text: rgb(24, 119, 242);
    --toggle-button-active-background: #e7f3ff;
    --tooltip-background: rgba(244, 244, 244, 0.8);
    --tooltip-box-shadow: 0 2px 4px 0 var(--shadow-5);
    --tooltip-corner-radius: 8px;
    --typeahead-list-outer-padding-vertical: 2px;
    --warning: hsl(40, 89%, 52%);
    --wash: #e4e6eb;
    --web-wash: #f5f5f5;
    --yellow-primary: rgb(161, 132, 0);
    --yellow-secondary: rgb(72, 59, 12);
    --yellow-tertiary: rgb(255, 246, 161);
  }
}
.__fb-dark-mode {
  --accent: #0099ff;
  --alert-banner-corner-radius: 8px;
  --always-black: black;
  --always-dark-gradient: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
  --always-dark-overlay: rgba(0, 0, 0, 0.4);
  --always-gray-40: #65676b;
  --always-gray-75: #bcc0c4;
  --always-gray-95: #f0f2f5;
  --always-light-overlay: rgba(255, 255, 255, 0.4);
  --always-white: #ffffff;
  --attachment-footer-background: #f0f2f5;
  --background-deemphasized: #f0f2f5;
  --badge-background-color-blue: var(--accent);
  --badge-background-color-dark-gray: var(--secondary-icon);
  --badge-background-color-gray: var(--disabled-icon);
  --badge-background-color-green: var(--positive);
  --badge-background-color-light-blue: var(--highlight-bg);
  --badge-background-color-red: var(--notification-badge);
  --badge-background-color-yellow: var(--base-lemon);
  --base-blue: #1877f2;
  --base-cherry: #f3425f;
  --base-grape: #9360f7;
  --base-lemon: #f7b928;
  --base-lime: #45bd62;
  --base-pink: #ff66bf;
  --base-seafoam: #54c7ec;
  --base-teal: #2abba7;
  --base-tomato: #fb724b;
  --blue-link: #216fdb;
  --blue-primary: rgb(0, 136, 244);
  --blue-secondary: rgb(4, 59, 114);
  --blue-tertiary: rgb(235, 245, 255);
  --blueprint-button-height-large: 48px;
  --blueprint-button-height-medium: 40px;
  --body-emphasized-font-family: Placeholder Font;
  --body-emphasized-font-size: 0.9375rem;
  --body-emphasized-font-weight: 600;
  --body-emphasized-line-height: 1.3333;
  --body-font-family: Placeholder Font;
  --body-font-size: 0.9375rem;
  --body-font-weight: 400;
  --body-line-height: 1.3333;
  --border-focused: #65676b;
  --button-corner-radius: 6px;
  --button-corner-radius-large: 12px;
  --button-corner-radius-medium: 10px;
  --button-height-large: 40px;
  --button-height-medium: 36px;
  --button-icon-padding-large: 16px;
  --button-icon-padding-medium: 16px;
  --button-inner-icon-spacing-large: 3px;
  --button-inner-icon-spacing-medium: 3px;
  --button-padding-horizontal-large: 16px;
  --button-padding-horizontal-medium: 16px;
  --button-padding-icon-only: 16px;
  --card-background: #ffffff;
  --card-background-flat: #f7f8fa;
  --card-box-shadow: 0 12px 28px 0 var(--shadow-2), 0 2px 4px 0 var(--shadow-1);
  --card-corner-radius: 12px;
  --card-padding-horizontal: 10px;
  --card-padding-vertical: 20px;
  --chartreuse-primary: rgb(106, 147, 22);
  --chartreuse-secondary: rgb(50, 65, 19);
  --chartreuse-tertiary: rgb(226, 255, 152);
  --chat-bubble-border-radius: 18px;
  --chat-bubble-emphasis-ring-after: black;
  --chat-bubble-emphasis-ring-before: white;
  --chat-bubble-padding-horizontal: 12px;
  --chat-bubble-padding-vertical: 8px;
  --chat-incoming-message-bubble-background-color: #f0f0f0;
  --chat-outgoing-message-bubble-background-color: var(--accent);
  --chat-replied-message-background-color: rgba(0, 0, 0, 0.03);
  --chat-text-blockquote-color-background-line: rgba(0, 0, 0, 0.12);
  --chat-text-blockquote-color-text-primary-media: rgba(255, 255, 255, 0.7);
  --chip-corner-radius: 6px;
  --circle-button-green-background-color: #31cc46;
  --circle-button-normal-background-color: rgba(0, 0, 0, 0.04);
  --circle-button-overlay-raised-background-color: #ffffff;
  --circle-button-overlay-raised-shadow-color: rgba(0, 0, 0, 0.12);
  --circle-button-red-background-color: #e91d16;
  --comment-background: rgba(134, 142, 153, 0.1);
  --comment-bubble: 18px;
  --comment-footer-background: #f6f9fa;
  --cyan-primary: rgb(0, 142, 213);
  --cyan-secondary: rgb(15, 63, 93);
  --cyan-tertiary: rgb(231, 245, 255);
  --dataviz-primary-1: rgb(0, 174, 143);
  --dataviz-primary-2: rgb(156, 219, 255);
  --dataviz-primary-3: rgb(73, 156, 255);
  --dataviz-secondary-1: rgb(83, 78, 191);
  --dataviz-secondary-2: rgb(103, 96, 228);
  --dataviz-secondary-3: rgb(119, 45, 88);
  --dataviz-supplementary-1: rgb(253, 91, 67);
  --dataviz-supplementary-2: rgb(161, 132, 0);
  --dataviz-supplementary-3: rgb(36, 131, 44);
  --dataviz-supplementary-4: rgb(51, 51, 52);
  --dialog-anchor-horizontal-padding: 8px;
  --dialog-anchor-vertical-padding: 0px;
  --dialog-border-radius: 12px;
  --dialog-box-shadow: 0 12px 28px 0 var(--shadow-2),
    0 2px 4px 0 var(--shadow-1), inset 0 0 0 1px var(--shadow-inset);
  --dialog-corner-radius: 8px;
  --dialog-size-medium-width: 100%;
  --dialog-size-small-width: 100%;
  --disabled-button-background: #e4e6eb;
  --disabled-button-text: #bcc0c4;
  --disabled-icon: #bcc0c4;
  --disabled-text: #bcc0c4;
  --divider: #ced0d4;
  --event-date: #f3425f;
  --fb-logo: #0866ff;
  --fb-wordmark: #0866ff;
  --fds-animation-enter-exit-in: cubic-bezier(0.14, 1, 0.34, 1);
  --fds-animation-enter-exit-out: cubic-bezier(0.45, 0.1, 0.2, 1);
  --fds-animation-expand-collapse-in: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-expand-collapse-out: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-fade-in: cubic-bezier(0, 0, 1, 1);
  --fds-animation-fade-out: cubic-bezier(0, 0, 1, 1);
  --fds-animation-move-in: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-move-out: cubic-bezier(0.17, 0.17, 0, 1);
  --fds-animation-passive-move-in: cubic-bezier(0.5, 0, 0.1, 1);
  --fds-animation-passive-move-out: cubic-bezier(0.5, 0, 0.1, 1);
  --fds-animation-quick-move-in: cubic-bezier(0.1, 0.9, 0.2, 1);
  --fds-animation-quick-move-out: cubic-bezier(0.1, 0.9, 0.2, 1);
  --fds-animation-swap-shuffle-in: cubic-bezier(0.14, 1, 0.34, 1);
  --fds-animation-swap-shuffle-out: cubic-bezier(0.45, 0.1, 0.2, 1);
  --fds-black: #000000;
  --fds-black-alpha-05: rgba(0, 0, 0, 0.05);
  --fds-black-alpha-10: rgba(0, 0, 0, 0.1);
  --fds-black-alpha-15: rgba(0, 0, 0, 0.15);
  --fds-black-alpha-20: rgba(0, 0, 0, 0.2);
  --fds-black-alpha-30: rgba(0, 0, 0, 0.3);
  --fds-black-alpha-40: rgba(0, 0, 0, 0.4);
  --fds-black-alpha-50: rgba(0, 0, 0, 0.5);
  --fds-black-alpha-60: rgba(0, 0, 0, 0.6);
  --fds-black-alpha-80: rgba(0, 0, 0, 0.8);
  --fds-blue-05: #ecf3ff;
  --fds-blue-30: #aac9ff;
  --fds-blue-40: #77a7ff;
  --fds-blue-60: #1877f2;
  --fds-blue-70: #2851a3;
  --fds-blue-80: #1d3c78;
  --fds-button-text: #444950;
  --fds-comment-background: #f2f3f5;
  --fds-dark-mode-gray-100: #1c1c1c;
  --fds-dark-mode-gray-35: #cccccc;
  --fds-dark-mode-gray-50: #828282;
  --fds-dark-mode-gray-70: #4a4a4a;
  --fds-dark-mode-gray-80: #373737;
  --fds-dark-mode-gray-90: #282828;
  --fds-duration-extra-extra-short-in: 100ms;
  --fds-duration-extra-extra-short-out: 100ms;
  --fds-duration-extra-long-in: 1000ms;
  --fds-duration-extra-long-out: 1000ms;
  --fds-duration-extra-short-in: 200ms;
  --fds-duration-extra-short-out: 150ms;
  --fds-duration-long-in: 500ms;
  --fds-duration-long-out: 350ms;
  --fds-duration-medium-in: 400ms;
  --fds-duration-medium-out: 350ms;
  --fds-duration-none: 0ms;
  --fds-duration-short-in: 280ms;
  --fds-duration-short-out: 200ms;
  --fds-fast: 200ms;
  --fds-gray-00: #f5f6f7;
  --fds-gray-05: #f2f3f5;
  --fds-gray-10: #ebedf0;
  --fds-gray-100: #1c1e21;
  --fds-gray-20: #dadde1;
  --fds-gray-25: #ccd0d5;
  --fds-gray-30: #bec3c9;
  --fds-gray-45: #8d949e;
  --fds-gray-70: #606770;
  --fds-gray-80: #444950;
  --fds-gray-90: #303338;
  --fds-green-55: #00a400;
  --fds-green-65: #51ce70;
  --fds-highlight: #3578e5;
  --fds-highlight-cell-background: #ecf3ff;
  --fds-primary-icon: #1c1e21;
  --fds-primary-text: #1c1e21;
  --fds-red-55: #fa383e;
  --fds-slow: 400ms;
  --fds-soft: cubic-bezier(0.08, 0.52, 0.52, 1);
  --fds-spectrum-aluminum-tint-70: #e4f0f6;
  --fds-spectrum-blue-gray-tint-70: #cfd1d5;
  --fds-spectrum-cherry: #f35369;
  --fds-spectrum-cherry-tint-70: #fbccd2;
  --fds-spectrum-grape-tint-70: #ddd5f0;
  --fds-spectrum-grape-tint-90: #f4f1fa;
  --fds-spectrum-lemon-dark-1: #f5c33b;
  --fds-spectrum-lemon-tint-70: #fef2d1;
  --fds-spectrum-lime: #a3ce71;
  --fds-spectrum-lime-tint-70: #e4f0d5;
  --fds-spectrum-orange-tint-70: #fcdec5;
  --fds-spectrum-orange-tint-90: #fef4ec;
  --fds-spectrum-seafoam-tint-70: #caeef9;
  --fds-spectrum-slate-dark-2: #89a1ac;
  --fds-spectrum-slate-tint-70: #eaeff2;
  --fds-spectrum-teal: #6bcebb;
  --fds-spectrum-teal-dark-1: #4dbba6;
  --fds-spectrum-teal-dark-2: #31a38d;
  --fds-spectrum-teal-tint-70: #d2f0ea;
  --fds-spectrum-teal-tint-90: #f0faf8;
  --fds-spectrum-tomato: #fb724b;
  --fds-spectrum-tomato-tint-30: #f38e7b;
  --fds-spectrum-tomato-tint-90: #fdefed;
  --fds-strong: cubic-bezier(0.12, 0.8, 0.32, 1);
  --fds-unified-blue-35: #1455b0;
  --fds-unified-gray-20: #323436;
  --fds-white: #ffffff;
  --fds-white-alpha-05: rgba(255, 255, 255, 0.05);
  --fds-white-alpha-10: rgba(255, 255, 255, 0.1);
  --fds-white-alpha-20: rgba(255, 255, 255, 0.2);
  --fds-white-alpha-30: rgba(255, 255, 255, 0.3);
  --fds-white-alpha-40: rgba(255, 255, 255, 0.4);
  --fds-white-alpha-50: rgba(255, 255, 255, 0.5);
  --fds-white-alpha-60: rgba(255, 255, 255, 0.6);
  --fds-white-alpha-80: rgba(255, 255, 255, 0.8);
  --fds-yellow-20: #ffba00;
  --filter-accent: invert(50%) sepia(94%) saturate(3979%) hue-rotate(183deg)
    brightness(104%) contrast(103%);
  --filter-always-white: invert(100%);
  --filter-blue-link-icon: invert(30%) sepia(98%) saturate(200%) saturate(200%)
    saturate(200%) saturate(166.5%) hue-rotate(192deg) brightness(91%)
    contrast(101%);
  --filter-disabled-icon: invert(80%) sepia(6%) saturate(200%) saturate(120%)
    hue-rotate(173deg) brightness(98%) contrast(89%);
  --filter-negative: invert(25%) sepia(33%) saturate(200%) saturate(200%)
    saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(110%)
    hue-rotate(345deg) brightness(132%) contrast(96%);
  --filter-placeholder-icon: invert(59%) sepia(11%) saturate(200%)
    saturate(135%) hue-rotate(176deg) brightness(96%) contrast(94%);
  --filter-positive: invert(37%) sepia(61%) saturate(200%) saturate(200%)
    saturate(200%) saturate(200%) saturate(115%) hue-rotate(91deg)
    brightness(97%) contrast(105%);
  --filter-primary-accent: invert(39%) sepia(57%) saturate(200%) saturate(200%)
    saturate(200%) saturate(200%) saturate(200%) saturate(147.75%)
    hue-rotate(202deg) brightness(97%) contrast(96%);
  --filter-primary-deemphasized-button-icon: invert(28%) sepia(100%)
    saturate(6042%) hue-rotate(202deg) brightness(96%) contrast(101%);
  --filter-primary-icon: invert(8%) sepia(10%) saturate(200%) saturate(200%)
    saturate(166%) hue-rotate(177deg) brightness(104%) contrast(91%);
  --filter-secondary-button-icon-on-media: invert(100%);
  --filter-secondary-icon: invert(39%) sepia(21%) saturate(200%)
    saturate(109.5%) hue-rotate(174deg) brightness(94%) contrast(86%);
  --filter-warning-icon: invert(77%) sepia(29%) saturate(200%) saturate(200%)
    saturate(200%) saturate(200%) saturate(200%) saturate(128%)
    hue-rotate(359deg) brightness(102%) contrast(107%);
  --focus-ring-blue: #1877f2;
  --focus-ring-outline-forced-colors: 2px auto transparent !important;
  --focus-ring-outline-link: 2px auto var(--focus-ring-blue);
  --focus-ring-shadow-default: 0 0 0 2px var(--always-white),
    0 0 0 4px var(--focus-ring-blue);
  --focus-ring-shadow-inset: 0 0 0 2px var(--focus-ring-blue) inset,
    0 0 0 4px var(--always-white) inset;
  --font-family-apple: system-ui, -apple-system, BlinkMacSystemFont,
    ".SFNSText-Regular", sans-serif;
  --font-family-code: ui-monospace, Menlo, Consolas, Monaco, monospace;
  --font-family-default: Helvetica, Arial, sans-serif;
  --font-family-segoe: Segoe UI Historic, Segoe UI, Helvetica, Arial, sans-serif;
  --fuschia-primary: rgb(250, 45, 138);
  --fuschia-secondary: rgb(118, 14, 62);
  --fuschia-tertiary: rgb(255, 241, 246);
  --glimmer-animation-direction: alternate;
  --glimmer-animation-duration: 1000ms;
  --glimmer-animation-timing-function: steps(10, end);
  --glimmer-corner-radius: 8px;
  --glimmer-opacity-max: 1;
  --glimmer-opacity-min: 0.25;
  --glimmer-spinner-icon: #65676b;
  --global-panel-width: 0px;
  --global-panel-width-expanded: 0px;
  --green-primary: rgb(43, 154, 53);
  --green-secondary: rgb(26, 68, 27);
  --green-tertiary: rgb(227, 250, 224);
  --header-height: 0px;
  --headline1-font-family: Optimistic Display Bold, system-ui, sans-serif;
  --headline1-font-size: 1.75rem;
  --headline1-font-weight: 700;
  --headline1-line-height: 1.2143;
  --headline2-font-family: Optimistic Display Bold, system-ui, sans-serif;
  --headline2-font-size: 1.5rem;
  --headline2-font-weight: 700;
  --headline2-line-height: 1.25;
  --headline3-font-family: Optimistic Display Bold, system-ui, sans-serif;
  --headline3-font-size: 1.0625rem;
  --headline3-font-weight: 700;
  --headline3-line-height: 1.2941;
  --hero-banner-background: #ffffff;
  --highlight-bg: #e7f3ff;
  --hosted-view-selected-state: rgba(0, 0, 0, 0.04);
  --hover-overlay: rgba(0, 0, 0, 0.05);
  --icon-accent-color: #0070f6;
  --icon-destructive-color: #e91d16;
  --icon-inactive-color: rgba(134, 142, 153, 0.75);
  --icon-nux-color: rgba(0, 0, 0, 0.2);
  --icon-primary-color: #000000;
  --icon-secondary-color: rgba(0, 0, 0, 0.44);
  --icon-selected-color: rgba(0, 0, 0, 0.44);
  --icon-tertiary-color: rgba(0, 0, 0, 0.2);
  --icon-white-color: #ffffff;
  --image-corner-radius: 4px;
  --infochip-medium-radius: 12px;
  --input-background: #ffffff;
  --input-background-active: hsla(
    var(--accent-h),
    var(--accent-s),
    var(--accent-l),
    0.05
  );
  --input-background-disabled: #f0f2f5;
  --input-background-error-active: hsla(
    var(--negative-h),
    var(--negative-s),
    var(--negative-l),
    0.05
  );
  --input-background-error-hover: hsla(
    var(--negative-h),
    var(--negative-s),
    var(--negative-l),
    0.05
  );
  --input-background-hover: var(--input-background);
  --input-background-warn-active: hsla(
    var(--warning-h),
    var(--warning-s),
    var(--warning-l),
    0.05
  );
  --input-background-warn-hover: hsla(
    var(--warning-h),
    var(--warning-s),
    var(--warning-l),
    0.05
  );
  --input-border-color: #ced0d4;
  --input-border-color-hover: var(--placeholder-text);
  --input-border-width: 1px;
  --input-corner-radius: 6px;
  --input-label-color-disabled: var(--disabled-text);
  --input-label-color-error: var(--negative);
  --input-label-color-highlighted: hsl(214, 89%, 52%);
  --input-label-color-inside: var(--secondary-text);
  --inverse-text: var(--always-white);
  --list-cell-chevron: #65676b;
  --list-cell-corner-radius: 8px;
  --list-cell-min-height: 52px;
  --list-cell-padding-vertical: 20px;
  --list-cell-padding-vertical-with-addon: 14px;
  --magenta-primary: rgb(215, 77, 204);
  --magenta-secondary: rgb(96, 36, 91);
  --magenta-tertiary: rgb(255, 239, 254);
  --mds-green: #31cc46;
  --media-hover: rgba(68, 73, 80, 0.15);
  --media-inner-border: rgba(0, 0, 0, 0.1);
  --media-outer-border: #ffffff;
  --media-pressed: rgba(68, 73, 80, 0.35);
  --menu-base-list-item-padding-horizontal: 8px;
  --menu-base-list-item-padding-vertical: 12px;
  --menu-base-size-full-margin-end: 48px;
  --menu-item-base-margin-horizontal: 8px;
  --menu-item-base-margin-vertical: 0px;
  --menu-item-base-overlay-radius: 4px;
  --menu-item-base-padding-horizontal: 8px;
  --menu-item-base-padding-vertical: 12px;
  --menu-item-base-with-icon-padding-horizontal: var(
    --menu-item-base-padding-horizontal
  );
  --messenger-application-max-width: 2560px;
  --messenger-card-background: #ffffff;
  --messenger-card-box-shadow: 0px 0px 8px rgba(52, 72, 84, 0.05);
  --messenger-card-corner-radius: 12px;
  --messenger-card-max-width: 480px;
  --messenger-card-min-width: 300px;
  --messenger-card-spacing: 16px;
  --messenger-reply-background: #f0f2f5;
  --messenger-sidebar-collapsed-width: 44px;
  --messenger-sidebar-expanded-width: 240px;
  --meta-emphasized-font-family: Placeholder Font;
  --meta-emphasized-font-size: 0.8125rem;
  --meta-emphasized-font-weight: 600;
  --meta-emphasized-line-height: 1.3846;
  --meta-font-family: Placeholder Font;
  --meta-font-size: 0.8125rem;
  --meta-font-weight: 400;
  --meta-line-height: 1.3846;
  --mwp-header-background-color: var(--messenger-card-background);
  --mwp-header-button-color: var(--accent);
  --mwp-message-row-background: var(--messenger-card-background);
  --nav-bar-background: #f5f5f5;
  --nav-bar-background-gradient: linear-gradient(
    to top,
    #ffffff,
    rgba(255, 255, 255.9),
    rgba(255, 255, 255, 0.7),
    rgba(255, 255, 255, 0.4),
    rgba(255, 255, 255, 0)
  );
  --nav-bar-background-gradient-wash: linear-gradient(
    to top,
    #f0f2f5,
    rgba(240, 242, 245.9),
    rgba(240, 242, 245, 0.7),
    rgba(240, 242, 245, 0.4),
    rgba(240, 242, 245, 0)
  );
  --nav-list-cell-corner-radius: 8px;
  --nav-list-cell-min-height: 0px;
  --nav-list-cell-padding-vertical: 16px;
  --nav-list-cell-padding-vertical-with-addon: 16px;
  --negative: hsl(350, 87%, 55%);
  --negative-background: hsl(350, 87%, 55%, 20%);
  --new-notification-background: #e7f3ff;
  --non-media-pressed: rgba(68, 73, 80, 0.15);
  --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
  --notification-badge: #e41e3f;
  --nux-card-body-padding-end: 24px;
  --orange-primary: rgb(208, 108, 20);
  --orange-secondary: rgb(94, 49, 14);
  --orange-tertiary: rgb(255, 241, 239);
  --overlay-alpha-80: rgba(244, 244, 244, 0.8);
  --overlay-on-media: rgba(0, 0, 0, 0.6);
  --page-footer-padding-vertical: 16px;
  --placeholder-icon: #65676b;
  --placeholder-image: rgb(164, 167, 171);
  --placeholder-text: #65676b;
  --placeholder-text-on-media: rgba(255, 255, 255, 0.5);
  --popover-background: #ffffff;
  --popover-border-color: transparent;
  --popover-border-style: none;
  --popover-border-width: 0px;
  --popover-card-background: var(--card-background);
  --positive: #5ad539;
  --positive-background: #deefe1;
  --press-overlay: rgba(0, 0, 0, 0.1);
  --pressable-background-color-hover: rgba(0, 0, 0, 0.04);
  --pressable-background-color-selected: rgba(0, 0, 0, 0.06);
  --primary-button-background: #0099ff;
  --primary-button-icon: #ffffff;
  --primary-button-pressed: #77a7ff;
  --primary-button-text: #ffffff;
  --primary-deemphasized-button-background: #e7f3ff;
  --primary-deemphasized-button-pressed: rgba(0, 0, 0, 0.05);
  --primary-deemphasized-button-pressed-overlay: rgba(25, 110, 255, 0.15);
  --primary-deemphasized-button-text: #1877f2;
  --primary-icon: #050505;
  --primary-label-font-family: Optimistic Display Medium, system-ui, sans-serif;
  --primary-label-font-size: 1.0625rem;
  --primary-label-font-weight: 500;
  --primary-label-line-height: 1.2941;
  --primary-text: #050505;
  --primary-text-on-media: #ffffff;
  --primary-web-focus-indicator: #d24294;
  --progress-ring-blue-background: rgba(24, 119, 242, 0.2);
  --progress-ring-blue-foreground: hsl(214, 89%, 52%);
  --progress-ring-disabled-background: rgba(190, 195, 201, 0.2);
  --progress-ring-disabled-foreground: #bec3c9;
  --progress-ring-neutral-background: rgba(0, 0, 0, 0.2);
  --progress-ring-neutral-foreground: #000000;
  --progress-ring-on-media-background: rgba(255, 255, 255, 0.2);
  --progress-ring-on-media-foreground: #ffffff;
  --purple-primary: rgb(125, 116, 255);
  --purple-secondary: rgb(55, 50, 121);
  --purple-tertiary: rgb(245, 241, 255);
  --qp-card-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  --radio-border-color: var(--primary-icon);
  --radio-border-color-disabled: var(--disabled-button-background);
  --radio-border-color-selected: #000000;
  --radio-border-width: 2px;
  --radio-checked-icon-color: #000000;
  --radio-checked-icon-color-disabled: var(--disabled-button-background);
  --radio-checked-icon-size-large: 12px;
  --radio-checked-icon-size-medium: 12px;
  --radio-size-large: 24px;
  --radio-size-medium: 20px;
  --rating-star-active: #eb660d;
  --red-primary: rgb(251, 60, 68);
  --red-secondary: rgb(118, 22, 27);
  --red-tertiary: rgb(255, 241, 239);
  --scroll-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 -1px rgba(0, 0, 0, 0.1) inset;
  --scroll-thumb: #bcc0c4;
  --scrollbar-thumb-color: rgba(0, 0, 0, 0.2);
  --scrollbar-track-color: transparent;
  --secondary-button-background: rgba(0, 0, 0, 0.04);
  --secondary-button-background-floating: #ffffff;
  --secondary-button-background-on-dark: rgba(0, 0, 0, 0.4);
  --secondary-button-pressed: rgba(0, 0, 0, 0.05);
  --secondary-button-stroke: transparent;
  --secondary-button-text: #050505;
  --secondary-icon: #65676b;
  --secondary-label-font-family: Placeholder Font;
  --secondary-label-font-size: 0.9375rem;
  --secondary-label-font-weight: 500;
  --secondary-label-line-height: 1.3333;
  --secondary-text: #65676b;
  --secondary-text-on-media: rgba(255, 255, 255, 0.9);
  --section-header-addOnEnd-button-padding-horizontal: 0px;
  --section-header-addOnEnd-button-padding-vertical: 0px;
  --section-header-addOnEnd-margin-horizontal: 8px;
  --section-header-addOnStart-margin-horizontal: 12px;
  --section-header-padding-vertical: 16px;
  --section-header-subtitle-margin-vertical: 14px;
  --section-header-subtitle-with-addOnEnd-margin-vertical: 6px;
  --section-header-text: #4b4c4f;
  --separator-menu-item-margin-horizontal: 16px;
  --separator-menu-item-margin-vertical: 4px;
  --shadow-1: rgba(0, 0, 0, 0.1);
  --shadow-2: rgba(0, 0, 0, 0.2);
  --shadow-5: rgba(0, 0, 0, 0.5);
  --shadow-8: rgba(0, 0, 0, 0.8);
  --shadow-base: 0 1px 2px var(--shadow-2);
  --shadow-elevated: 0 8px 20px 0 rgba(0, 0, 0, 0.2),
    0 2px 4px 0 rgba(0, 0, 0, 0.1);
  --shadow-emphasis: 0 2px 12px var(--shadow-2);
  --shadow-inset: rgba(255, 255, 255, 0.5);
  --shadow-on-media: 0px 0px 1px rgba(0, 0, 0, 0.62);
  --shadow-persistent: 0px 0px 12px rgba(52, 72, 84, 0.05);
  --shadow-primary: 0px 5px 12px rgba(52, 72, 84, 0.2);
  --shadow-responsive: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
  --surface-background: #ffffff;
  --switch-active: hsl(214, 89%, 52%);
  --switch-inactive: #ced0d4;
  --switch-unchecked-background-color: #8f9297;
  --tab-height: 60px;
  --tab-icon-padding-end: 0px;
  --tab-text-icon-gap: 4px;
  --tab-underline-color: transparent;
  --tab-underline-height: 3px;
  --teal-primary: rgb(0, 152, 124);
  --teal-secondary: rgb(10, 68, 56);
  --teal-tertiary: rgb(227, 247, 241);
  --tertiary-label-font-family: Placeholder Font;
  --tertiary-label-font-size: 0.6875rem;
  --tertiary-label-font-weight: 500;
  --tertiary-label-line-height: 1.4545;
  --text-badge-attention-background: hsl(40, 89%, 52%);
  --text-badge-corner-radius: 4px;
  --text-badge-critical-background: #e41e3f;
  --text-badge-info-background: hsl(214, 89%, 52%);
  --text-badge-padding-horizontal: 6px;
  --text-badge-padding-vertical: 6px;
  --text-badge-success-background: #31a24c;
  --text-highlight: rgba(24, 119, 242, 0.2);
  --text-input-caption-margin-top: 10px;
  --text-input-field-font-family: Placeholder Font;
  --text-input-field-font-size: 1rem;
  --text-input-field-font-stretch: initial;
  --text-input-field-font-weight: 500;
  --text-input-field-line-height: 1.2941;
  --text-input-label-font-family: Placeholder Font;
  --text-input-label-font-size: 17px;
  --text-input-label-font-size-scale-multiplier: 0.75;
  --text-input-label-font-stretch: initial;
  --text-input-label-font-weight: 400;
  --text-input-label-line-height: 1.2941;
  --text-input-multi-padding-between-text-scrollbar: 20px;
  --text-input-multi-padding-scrollbar: 16px;
  --text-input-outside-label: #000000;
  --text-input-padding-vertical: 12px;
  --toast-addon-padding-horizontal: 6px;
  --toast-addon-padding-vertical: 6px;
  --toast-background: #ffffff;
  --toast-border-color: transparent;
  --toast-border-style: none;
  --toast-border-width: 0px;
  --toast-container-max-width: 100%;
  --toast-container-min-width: 288px;
  --toast-container-padding-horizontal: 10px;
  --toast-container-padding-vertical: 16px;
  --toast-corner-radius: 8px;
  --toast-text: #1c2b33;
  --toast-text-link: #216fdb;
  --toaster-view-max-width: 328px;
  --toggle-active-background: #e7f3ff;
  --toggle-active-icon: rgb(24, 119, 242);
  --toggle-active-text: rgb(24, 119, 242);
  --toggle-button-active-background: #e7f3ff;
  --tooltip-background: rgba(244, 244, 244, 0.8);
  --tooltip-box-shadow: 0 2px 4px 0 var(--shadow-5);
  --tooltip-corner-radius: 8px;
  --typeahead-list-outer-padding-vertical: 2px;
  --warning: hsl(40, 89%, 52%);
  --wash: #e4e6eb;
  --web-wash: #f5f5f5;
  --yellow-primary: rgb(161, 132, 0);
  --yellow-secondary: rgb(72, 59, 12);
  --yellow-tertiary: rgb(255, 246, 161);
}