:root,
.__fb-light-mode:root,
.__fb-light-mode {
    --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-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-dark-mode-gray-100: #1c1c1c;
    --fds-gray-00: #f5f6f7;
    --fds-gray-05: #f2f3f5;
    --fds-gray-10: #ebedf0;
    --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-gray-100: #1c1e21;
    --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-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;
    --accent: hsl(214, 89%, 52%);
    --always-white: #ffffff;
    --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-light-overlay: rgba(255, 255, 255, 0.4);
    --always-gray-40: #65676b;
    --always-gray-75: #bcc0c4;
    --always-gray-95: #f0f2f5;
    --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;
    --text-badge-info-background: hsl(214, 89%, 52%);
    --text-badge-success-background: #31a24c;
    --text-badge-attention-background: hsl(40, 89%, 52%);
    --text-badge-critical-background: #e41e3f;
    --blue-link: #216fdb;
    --border-focused: #65676b;
    --card-background: #ffffff;
    --card-background-flat: #f7f8fa;
    --comment-background: #f0f2f5;
    --comment-footer-background: #f6f9fa;
    --dataviz-primary-1: rgb(0, 174, 143);
    --dataviz-blue-primary: #1d85fc;
    --dataviz-blue-secondary: #043b72;
    --dataviz-orange: #d06c14;
    --disabled-button-background: #e4e6eb;
    --disabled-button-text: #bcc0c4;
    --disabled-icon: #bcc0c4;
    --disabled-text: #bcc0c4;
    --divider: #ced0d4;
    --divider-on-color: #ced0d4;
    --event-date: #f3425f;
    --fb-wordmark: #0866ff;
    --fb-logo: #0866ff;
    --filter-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-always-white: invert(100%);
    --filter-disabled-icon: invert(80%) sepia(6%) saturate(200%) saturate(120%) hue-rotate(173deg) brightness(98%) contrast(89%);
    --filter-placeholder-icon: invert(59%) sepia(11%) saturate(200%) saturate(135%) hue-rotate(176deg) brightness(96%) contrast(94%);
    --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-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%);
    --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-positive: invert(37%) sepia(61%) saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(115%) hue-rotate(91deg) brightness(97%) contrast(105%);
    --filter-primary-deemphasized-button-icon: invert(28%) sepia(100%) saturate(6042%) hue-rotate(202deg) brightness(96%) contrast(101%);
    --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%);
    --focus-ring-blue: #1877f2;
    --glimmer-base-opaque: #979a9f;
    --glimmer-high-contrast-base-opaque: #65686c;
    --glimmer-opacity-high-contrast-max: 1;
    --glimmer-opacity-high-contrast-min: 0.08;
    --glimmer-opacity-max: 1;
    --glimmer-opacity-min: 0.25;
    --glimmer-spinner-icon: #65676b;
    --hero-banner-background: #ffffff;
    --hosted-view-selected-state: rgba(45, 136, 255, 0.1);
    --highlight-bg: #e7f3ff;
    --hover-overlay: rgba(0, 0, 0, 0.05);
    --inverse-text: var(--always-white);
    --list-cell-chevron: #65676b;
    --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);
    --messenger-card-background: #ffffff;
    --messenger-card-box-shadow: 0px 1px 2px 0px #0000001a;
    --mwp-header-background-color: var(--messenger-card-background);
    --mwp-header-button-color: var(--accent);
    --mwp-message-row-background: var(--messenger-card-background);
    --messenger-reply-background: #f0f2f5;
    --overlay-alpha-80: rgba(244, 244, 244, 0.8);
    --overlay-on-media: rgba(0, 0, 0, 0.6);
    --nav-bar-background: #ffffff;
    --popover-card-background: var(--card-background);
    --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));
    --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;
    --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;
    --positive: #31a24c;
    --positive-background: #deefe1;
    --press-overlay: rgba(0, 0, 0, 0.1);
    --primary-button-background: #1b74e4;
    --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-text: #050505;
    --primary-text-on-media: #ffffff;
    --primary-web-focus-indicator: #d24294;
    --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;
    --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;
    --rating-star-active: #eb660d;
    --scroll-thumb: #bcc0c4;
    --scroll-shadow:
        0 1px 2px rgba(0, 0, 0, 0.1), 0 -1px rgba(0, 0, 0, 0.1) inset;
    --secondary-button-background: #e4e6eb;
    --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-text: #65676b;
    --secondary-text-on-media: rgba(255, 255, 255, 0.9);
    --section-header-text: #4b4c4f;
    --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;
    --text-highlight: rgba(24, 119, 242, 0.2);
    --input-background: #ffffff;
    --input-background-hover: var(--input-background);
    --input-background-warn-hover: hsla(var(--warning-h),
            var(--warning-s),
            var(--warning-l),
            0.05);
    --input-background-error-hover: hsla(var(--negative-h),
            var(--negative-s),
            var(--negative-l),
            0.05);
    --input-background-active: hsla(var(--accent-h),
            var(--accent-s),
            var(--accent-l),
            0.05);
    --input-background-warn-active: hsla(var(--warning-h),
            var(--warning-s),
            var(--warning-l),
            0.05);
    --input-background-error-active: hsla(var(--negative-h),
            var(--negative-s),
            var(--negative-l),
            0.05);
    --input-background-disabled: #f0f2f5;
    --input-border-color: #ced0d4;
    --input-border-color-hover: var(--placeholder-text);
    --input-label-color-highlighted: hsl(214, 89%, 52%);
    --input-label-color-inside: var(--secondary-text);
    --input-label-color-error: var(--negative);
    --input-label-color-disabled: var(--disabled-text);
    --text-input-outside-label: #000000;
    --toast-background: #ffffff;
    --toast-text: #1c2b33;
    --toast-text-link: #216fdb;
    --toast-border-color: transparent;
    --toast-border-style: none;
    --toast-border-width: 0px;
    --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);
    --popover-border-color: transparent;
    --wash: #e4e6eb;
    --web-wash: #f0f2f5;
    --warning: hsl(40, 89%, 52%);
    --chat-bubble-emphasis-ring-after: black;
    --chat-bubble-emphasis-ring-before: white;
    --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);
    --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);
    --radio-border-color: var(--primary-icon);
    --radio-border-color-disabled: var(--disabled-button-background);
    --radio-border-color-selected: var(--accent);
    --radio-checked-icon-color: var(--accent);
    --radio-checked-icon-color-disabled: var(--disabled-button-background);
    --dialog-anchor-vertical-padding: 56px;
    --header-height: 56px;
    --global-panel-width: 0px;
    --global-panel-width-expanded: 0px;
    --alert-banner-corner-radius: 8px;
    --button-corner-radius: 6px;
    --button-corner-radius-medium: 10px;
    --button-corner-radius-large: 12px;
    --button-height-large: 40px;
    --button-height-medium: 36px;
    --button-padding-horizontal-large: 16px;
    --button-padding-horizontal-medium: 16px;
    --button-padding-icon-only: 16px;
    --button-icon-padding-large: 16px;
    --button-icon-padding-medium: 16px;
    --button-inner-icon-spacing-large: 3px;
    --button-inner-icon-spacing-medium: 3px;
    --blueprint-button-height-medium: 40px;
    --blueprint-button-height-large: 48px;
    --card-corner-radius: 8px;
    --card-box-shadow:
        0 12px 28px 0 var(--shadow-2), 0 2px 4px 0 var(--shadow-1);
    --card-padding-horizontal: 10px;
    --card-padding-vertical: 20px;
    --chip-corner-radius: 6px;
    --comment-bubble: 18px;
    --dialog-corner-radius: 8px;
    --glimmer-corner-radius: 8px;
    --image-corner-radius: 4px;
    --infochip-medium-radius: 12px;
    --input-corner-radius: 6px;
    --input-border-width: 1px;
    --nav-list-cell-corner-radius: 8px;
    --list-cell-corner-radius: 8px;
    --list-cell-min-height: 52px;
    --list-cell-padding-vertical: 20px;
    --list-cell-padding-vertical-with-addon: 14px;
    --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-padding-horizontal: 8px;
    --menu-item-base-overlay-radius: 4px;
    --menu-item-base-padding-vertical: 12px;
    --menu-item-base-with-icon-padding-horizontal: var(--menu-item-base-padding-horizontal);
    --separator-menu-item-margin-horizontal: 16px;
    --separator-menu-item-margin-vertical: 4px;
    --nav-list-cell-min-height: 0px;
    --nav-list-cell-padding-vertical: 16px;
    --nav-list-cell-padding-vertical-with-addon: 16px;
    --nux-card-body-padding-end: 24px;
    --page-footer-padding-vertical: 16px;
    --popover-border-style: none;
    --popover-border-width: 0px;
    --section-header-addOnEnd-margin-horizontal: 8px;
    --section-header-addOnStart-margin-horizontal: 12px;
    --section-header-addOnEnd-button-padding-horizontal: 0px;
    --section-header-addOnEnd-button-padding-vertical: 0px;
    --section-header-padding-vertical: 16px;
    --section-header-subtitle-margin-vertical: 14px;
    --section-header-subtitle-with-addOnEnd-margin-vertical: 6px;
    --tab-height: 60px;
    --tab-icon-padding-end: 0px;
    --tab-text-icon-gap: 4px;
    --tab-underline-color: transparent;
    --tab-underline-height: 3px;
    --text-badge-corner-radius: 4px;
    --text-badge-padding-horizontal: 6px;
    --text-badge-padding-vertical: 6px;
    --text-input-multi-padding-between-text-scrollbar: 20px;
    --text-input-multi-padding-scrollbar: 16px;
    --text-input-caption-margin-top: 10px;
    --text-input-padding-vertical: 12px;
    --toast-addon-padding-horizontal: 6px;
    --toast-addon-padding-vertical: 6px;
    --toast-container-max-width: 100%;
    --toast-container-min-width: 288px;
    --toast-container-padding-horizontal: 10px;
    --toast-container-padding-vertical: 16px;
    --toast-corner-radius: 8px;
    --toaster-view-max-width: 328px;
    --tooltip-corner-radius: 8px;
    --typeahead-list-outer-padding-vertical: 2px;
    --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-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-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-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-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-fade-in: cubic-bezier(0, 0, 1, 1);
    --fds-animation-fade-out: cubic-bezier(0, 0, 1, 1);
    --fds-duration-extra-extra-short-in: 0.1s;
    --fds-duration-extra-extra-short-out: 0.1s;
    --fds-duration-extra-short-in: 0.2s;
    --fds-duration-extra-short-out: 0.15s;
    --fds-duration-short-in: 0.28s;
    --fds-duration-short-out: 0.2s;
    --fds-duration-medium-in: 0.4s;
    --fds-duration-medium-out: 0.35s;
    --fds-duration-long-in: 0.5s;
    --fds-duration-long-out: 0.35s;
    --fds-duration-extra-long-in: 1s;
    --fds-duration-extra-long-out: 1s;
    --fds-duration-none: 0ms;
    --fds-fast: 0.2s;
    --fds-slow: 0.4s;
    --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;
    --font-family-system-fds:
        system-ui, -apple-system, BlinkMacSystemFont, Segoe UI Historic,
        Segoe UI, Helvetica, Arial, sans-serif;
    --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;
    --messenger-card-min-width: 300px;
    --messenger-card-max-width: 480px;
    --messenger-application-max-width: 2560px;
    --messenger-sidebar-collapsed-width: 44px;
    --messenger-sidebar-expanded-width: 240px;
    --messenger-card-corner-radius: 8px;
    --messenger-card-spacing: 16px;
    --chat-bubble-padding-vertical: 8px;
    --chat-bubble-padding-horizontal: 12px;
    --chat-bubble-border-radius: 18px;
    --dialog-size-medium-width: 100%;
    --dialog-size-small-width: 100%;
    --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;
    --glimmer-animation-direction: alternate;
    --glimmer-animation-duration: 1s;
    --glimmer-animation-timing-function: steps(10, end);
    --radio-checked-icon-size-large: 12px;
    --radio-checked-icon-size-medium: 12px;
    --radio-border-width: 2px;
    --radio-size-large: 24px;
    --radio-size-medium: 20px;
    --blue-primary: rgb(0, 136, 244);
    --blue-secondary: rgb(4, 59, 114);
    --blue-tertiary: rgb(235, 245, 255);
    --chartreuse-primary: rgb(106, 147, 22);
    --chartreuse-secondary: rgb(50, 65, 19);
    --chartreuse-tertiary: rgb(226, 255, 152);
    --cyan-primary: rgb(0, 142, 213);
    --cyan-secondary: rgb(15, 63, 93);
    --cyan-tertiary: rgb(231, 245, 255);
    --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);
    --fuschia-primary: rgb(250, 45, 138);
    --fuschia-secondary: rgb(118, 14, 62);
    --fuschia-tertiary: rgb(255, 241, 246);
    --green-primary: rgb(43, 154, 53);
    --green-secondary: rgb(26, 68, 27);
    --green-tertiary: rgb(227, 250, 224);
    --magenta-primary: rgb(215, 77, 204);
    --magenta-secondary: rgb(96, 36, 91);
    --magenta-tertiary: rgb(255, 239, 254);
    --orange-primary: rgb(208, 108, 20);
    --orange-secondary: rgb(94, 49, 14);
    --orange-tertiary: rgb(255, 241, 239);
    --purple-primary: rgb(125, 116, 255);
    --purple-secondary: rgb(55, 50, 121);
    --purple-tertiary: rgb(245, 241, 255);
    --red-primary: rgb(251, 60, 68);
    --red-secondary: rgb(118, 22, 27);
    --red-tertiary: rgb(255, 241, 239);
    --teal-primary: rgb(0, 152, 124);
    --teal-secondary: rgb(10, 68, 56);
    --teal-tertiary: rgb(227, 247, 241);
    --yellow-primary: rgb(161, 132, 0);
    --yellow-secondary: rgb(72, 59, 12);
    --yellow-tertiary: rgb(255, 246, 161);
}

:root,
.__fb-light-mode:root,
.__fb-light-mode {
    --accent: #0866ff;
    --blue-link: #0064d1;
    --fb-wordmark: #0866ff;
    --filter-accent: invert(19%) sepia(70%) saturate(5671%) hue-rotate(203deg) brightness(96%) contrast(101%);
    --filter-primary-accent: invert(27%) sepia(95%) saturate(3116%) hue-rotate(212deg) brightness(99%) contrast(105%);
    --focus-ring-blue: #0866ff;
    --hosted-view-selected-state: #ebf5ff;
    --input-label-color-highlighted: #0064d1;
    --primary-button-background: #0866ff;
    --primary-deemphasized-button-background: #ebf5ff;
    --primary-deemphasized-button-text: #0064d1;
    --progress-ring-blue-background: #0866ff33;
    --progress-ring-blue-foreground: #0866ff;
    --text-highlight: #0866ff33;
    --toggle-active-background: #ebf5ff;
    --toggle-active-icon: #0064d1;
    --toggle-active-text: #0064d1;
}

:root,
.__fb-light-mode:root,
.__fb-light-mode {
    --action-tile-radius: 16px;
    --attachment-footer-background: #f8f9fb;
    --background-deemphasized: #f2f4f7;
    --base-cherry: #fb3c44;
    --base-grape: #7d74ff;
    --base-lemon: #f9cf00;
    --base-lime: #3fbb46;
    --base-pink: #fa61ba;
    --base-teal: #14b898;
    --blue-link: #0064d1;
    --border-ui-emphasis: #e2e5e9;
    --bottom-sheet-corner-radius: 20px;
    --button-corner-radius: 8px;
    --card-background: #ffffff;
    --card-background-flat: #f8f9fb;
    --card-corner-radius: 12px;
    --card-large-corner-radius: 16px;
    --card-small-corner-radius: 12px;
    --comment-background: #f0f2f5;
    --comment-bubble: 16px;
    --comment-threading-lines: #e2e5e9;
    --dialog-corner-radius: 12px;
    --disabled-button-background: #e2e5e9;
    --disabled-icon: #b0b3b8;
    --disabled-text: #b0b3b8;
    --divider: #d0d3d7;
    --divider-on-color: #5c5e62;
    --event-date: #dd2334;
    --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-glimmer-in: cubic-bezier(0.5, 0, 0.5, 1);
    --fds-animation-glimmer-out: cubic-bezier(0.5, 0, 0.5, 1);
    --fds-animation-linear-in: cubic-bezier(0, 0, 1, 1);
    --fds-animation-linear-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-duration-extra-extra-short-in: 0.1s;
    --fds-duration-extra-extra-short-out: 0.1s;
    --fds-duration-extra-long-in: 1s;
    --fds-duration-extra-long-out: 1s;
    --fds-duration-extra-short-in: 0.2s;
    --fds-duration-extra-short-out: 0.15s;
    --fds-duration-long-in: 0.5s;
    --fds-duration-long-out: 0.35s;
    --fds-duration-medium-in: 0.4s;
    --fds-duration-medium-out: 0.35s;
    --fds-duration-none: 0ms;
    --fds-duration-short-in: 0.28s;
    --fds-duration-short-out: 0.2s;
    --fds-fast: 0.2s;
    --fds-slow: 0.4s;
    --glimmer-base-opaque: #979a9f;
    --glimmer-high-contrast-base-opaque: #65686c;
    --glimmer-opacity-high-contrast-max: 1;
    --glimmer-opacity-high-contrast-min: 0.25;
    --glimmer-opacity-max: 1;
    --glimmer-opacity-min: 0.25;
    --hosted-view-selected-state: #ebf5ff;
    --infochip-large-radius: 8px;
    --infochip-medium-radius: 4px;
    --infochip-small-radius: 4px;
    --input-border-width: 1px;
    --input-corner-radius: 12px;
    --last-active-state-background: #f2fcf0;
    --last-active-state-text: #1e5e21;
    --link-on-media: #ffffff;
    --list-cell-corner-radius: 8px;
    --list-cell-min-height: 44px;
    --listcell-inset-radius: 16px;
    --media-corner-radius: 12px;
    --media-hovered: rgba(70, 72, 75, 0.15);
    --media-inner-border: rgba(0, 0, 0, 0.1);
    --media-large-corner-radius: 16px;
    --media-pressed: rgba(70, 72, 75, 0.35);
    --media-small-corner-radius: 12px;
    --nav-bar-background: #ffffff;
    --negative: #dd2334;
    --negative-background: #ffe3de;
    --new-notification-background: #e7f3ff;
    --non-media-pressed: rgba(70, 72, 75, 0.15);
    --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
    --notification-badge: #dd2334;
    --overlay-on-media: rgba(0, 0, 0, 0.8);
    --placeholder-icon: #65686c;
    --placeholder-image: #979a9f;
    --placeholder-text: #65686c;
    --placeholder-text-on-media: rgba(255, 255, 255, 0.8);
    --popover-background: #ffffff;
    --positive: #24832c;
    --positive-deemphasized: #f2fcf0;
    --primary-button-background: #0866ff;
    --primary-button-background-on-color: #ffffff;
    --primary-button-background-on-media: #ffffff;
    --primary-button-icon: #ffffff;
    --primary-button-icon-on-color: #000000;
    --primary-button-icon-on-media: #080809;
    --primary-button-text: #ffffff;
    --primary-button-text-on-media: #080809;
    --primary-deemphasized-button-background: #ebf5ff;
    --primary-deemphasized-button-icon: #0064d1;
    --primary-deemphasized-button-text: #0064d1;
    --primary-icon: #080809;
    --primary-icon-on-media: #ffffff;
    --primary-text: #080809;
    --primary-text-on-color: #ffffff;
    --primary-text-on-media: #ffffff;
    --progress-ring-blue-background: rgba(8, 102, 255, 0.2);
    --progress-ring-blue-foreground: #0866ff;
    --progress-ring-disabled-background: rgba(176, 179, 184, 0.2);
    --progress-ring-disabled-foreground: #b0b3b8;
    --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;
    --radio-border-width: 2px;
    --radio-checked-icon-size-large: 12px;
    --radio-checked-icon-size-medium: 12px;
    --radio-size-large: 24px;
    --radio-size-medium: 20px;
    --rating-star-active: #e0761a;
    --rating-star-active-on-color: #ffffff;
    --rating-star-active-on-media: #ffffff;
    --reaction-anger: #dd2334;
    --reaction-haha: #887000;
    --reaction-like: #0866ff;
    --reaction-love: #dd2334;
    --reaction-sorry: #887000;
    --reaction-support: #887000;
    --reaction-wow: #887000;
    --reshare-radius: 16px;
    --secondary-button-background: #e2e5e9;
    --secondary-button-background-floating: #ffffff;
    --secondary-button-background-on-color: rgba(255, 255, 255, 0.15);
    --secondary-button-background-on-dark: rgba(28, 28, 29, 0.6);
    --secondary-button-background-on-media: rgba(28, 28, 29, 0.6);
    --secondary-button-icon-on-media: #ffffff;
    --secondary-button-pressed: rgba(0, 0, 0, 0.05);
    --secondary-button-stroke: rgba(0, 0, 0, 0);
    --secondary-button-text: #080809;
    --secondary-icon: #65686c;
    --secondary-icon-on-color: rgba(255, 255, 255, 0.9);
    --secondary-icon-on-media: rgba(255, 255, 255, 0.8);
    --secondary-text: #65686c;
    --secondary-text-on-color: rgba(255, 255, 255, 0.9);
    --secondary-text-on-media: rgba(255, 255, 255, 0.8);
    --story-seen: #84878b;
    --story-unseen: #0866ff;
    --surface-background: #ffffff;
    --switch-unchecked-background-color: #8f9297;
    --text-badge-corner-radius: 4px;
    --text-badge-padding-horizontal: 6px;
    --text-badge-padding-vertical: 6px;
    --text-highlight: rgba(8, 102, 255, 0.2);
    --text-input-active-text: #0064d1;
    --text-input-caption-margin-top: 10px;
    --text-input-multi-padding-between-text-scrollbar: 20px;
    --text-input-multi-padding-scrollbar: 16px;
    --text-input-padding-vertical: 12px;
    --toast-addon-padding-horizontal: 6px;
    --toast-addon-padding-vertical: 6px;
    --toast-container-padding-horizontal: 10px;
    --toast-container-padding-vertical: 16px;
    --toast-corner-radius: 8px;
    --toggle-active-background: #ebf5ff;
    --toggle-active-icon: #0064d1;
    --toggle-active-text: #0064d1;
    --tooltip-background: rgba(255, 255, 255, 0.8);
    --tooltip-corner-radius: 12px;
    --warning: #af8f00;
    --wash: #c9ccd1;
    --web-wash: #f2f4f7;
}

:root,
.__fb-light-mode:root,
.__fb-light-mode {
    --action-tile-radius: 16px;
    --attachment-footer-background: #f8f9fb;
    --background-deemphasized: #f2f4f7;
    --base-cherry: #fb3c44;
    --base-grape: #7d74ff;
    --base-lemon: #f9cf00;
    --base-lime: #3fbb46;
    --base-pink: #fa61ba;
    --base-teal: #14b898;
    --blue-link: #0064d1;
    --border-ui-emphasis: #e2e5e9;
    --bottom-sheet-corner-radius: 20px;
    --button-corner-radius: 8px;
    --card-background: #ffffff;
    --card-background-flat: #f8f9fb;
    --card-corner-radius: 12px;
    --card-large-corner-radius: 16px;
    --card-small-corner-radius: 12px;
    --comment-background: #f0f2f5;
    --comment-bubble: 16px;
    --comment-threading-lines: #e2e5e9;
    --dialog-corner-radius: 12px;
    --disabled-button-background: #e2e5e9;
    --disabled-icon: #b0b3b8;
    --disabled-text: #b0b3b8;
    --divider: #d0d3d7;
    --divider-on-color: #5c5e62;
    --event-date: #dd2334;
    --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-glimmer-in: cubic-bezier(0.5, 0, 0.5, 1);
    --fds-animation-glimmer-out: cubic-bezier(0.5, 0, 0.5, 1);
    --fds-animation-linear-in: cubic-bezier(0, 0, 1, 1);
    --fds-animation-linear-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-duration-extra-extra-short-in: 0.1s;
    --fds-duration-extra-extra-short-out: 0.1s;
    --fds-duration-extra-long-in: 1s;
    --fds-duration-extra-long-out: 1s;
    --fds-duration-extra-short-in: 0.2s;
    --fds-duration-extra-short-out: 0.15s;
    --fds-duration-long-in: 0.5s;
    --fds-duration-long-out: 0.35s;
    --fds-duration-medium-in: 0.4s;
    --fds-duration-medium-out: 0.35s;
    --fds-duration-none: 0ms;
    --fds-duration-short-in: 0.28s;
    --fds-duration-short-out: 0.2s;
    --fds-fast: 0.2s;
    --fds-slow: 0.4s;
    --glimmer-base-opaque: #979a9f;
    --glimmer-high-contrast-base-opaque: #65686c;
    --glimmer-opacity-high-contrast-max: 1;
    --glimmer-opacity-high-contrast-min: 0.08;
    --glimmer-opacity-max: 0.5;
    --glimmer-opacity-min: 0.15;
    --hosted-view-selected-state: #ebf5ff;
    --infochip-large-radius: 8px;
    --infochip-medium-radius: 12px;
    --infochip-small-radius: 4px;
    --input-border-width: 1px;
    --input-corner-radius: 12px;
    --last-active-state-background: #f2fcf0;
    --last-active-state-text: #1e5e21;
    --link-on-media: #ffffff;
    --list-cell-corner-radius: 8px;
    --list-cell-min-height: 44px;
    --listcell-inset-radius: 16px;
    --media-corner-radius: 0px;
    --media-hovered: rgba(70, 72, 75, 0.15);
    --media-inner-border: rgba(0, 0, 0, 0.1);
    --media-large-corner-radius: 0px;
    --media-pressed: rgba(70, 72, 75, 0.35);
    --media-small-corner-radius: 0px;
    --nav-bar-background: #ffffff;
    --negative: #dd2334;
    --negative-background: #ffe3de;
    --new-notification-background: #e7f3ff;
    --non-media-pressed: rgba(70, 72, 75, 0.15);
    --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
    --notification-badge: #dd2334;
    --overlay-on-media: rgba(0, 0, 0, 0.8);
    --placeholder-icon: #65686c;
    --placeholder-image: #979a9f;
    --placeholder-text: #65686c;
    --placeholder-text-on-media: rgba(255, 255, 255, 0.8);
    --popover-background: #ffffff;
    --positive: #24832c;
    --positive-deemphasized: #f2fcf0;
    --primary-button-background: #0866ff;
    --primary-button-background-on-color: #ffffff;
    --primary-button-background-on-media: #ffffff;
    --primary-button-icon: #ffffff;
    --primary-button-icon-on-color: #000000;
    --primary-button-icon-on-media: #080809;
    --primary-button-text: #ffffff;
    --primary-button-text-on-media: #080809;
    --primary-deemphasized-button-background: #ebf5ff;
    --primary-deemphasized-button-icon: #0064d1;
    --primary-deemphasized-button-text: #0064d1;
    --primary-icon: #080809;
    --primary-icon-on-media: #ffffff;
    --primary-text: #080809;
    --primary-text-on-color: #ffffff;
    --primary-text-on-media: #ffffff;
    --progress-ring-blue-background: rgba(8, 102, 255, 0.2);
    --progress-ring-blue-foreground: #0866ff;
    --progress-ring-disabled-background: rgba(176, 179, 184, 0.2);
    --progress-ring-disabled-foreground: #b0b3b8;
    --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;
    --radio-border-width: 2px;
    --radio-checked-icon-size-large: 12px;
    --radio-checked-icon-size-medium: 12px;
    --radio-size-large: 24px;
    --radio-size-medium: 20px;
    --rating-star-active: #e0761a;
    --rating-star-active-on-color: #ffffff;
    --rating-star-active-on-media: #ffffff;
    --reaction-anger: #dd2334;
    --reaction-haha: #887000;
    --reaction-like: #0866ff;
    --reaction-love: #dd2334;
    --reaction-sorry: #887000;
    --reaction-support: #887000;
    --reaction-wow: #887000;
    --reshare-radius: 16px;
    --secondary-button-background: #e2e5e9;
    --secondary-button-background-floating: #ffffff;
    --secondary-button-background-on-color: rgba(255, 255, 255, 0.15);
    --secondary-button-background-on-dark: rgba(28, 28, 29, 0.6);
    --secondary-button-background-on-media: rgba(28, 28, 29, 0.6);
    --secondary-button-icon-on-media: #ffffff;
    --secondary-button-pressed: rgba(0, 0, 0, 0.05);
    --secondary-button-stroke: rgba(0, 0, 0, 0);
    --secondary-button-text: #080809;
    --secondary-icon: #65686c;
    --secondary-icon-on-color: rgba(255, 255, 255, 0.9);
    --secondary-icon-on-media: rgba(255, 255, 255, 0.8);
    --secondary-text: #65686c;
    --secondary-text-on-color: rgba(255, 255, 255, 0.9);
    --secondary-text-on-media: rgba(255, 255, 255, 0.8);
    --story-seen: #84878b;
    --story-unseen: #0866ff;
    --surface-background: #ffffff;
    --switch-unchecked-background-color: #8f9297;
    --text-badge-corner-radius: 4px;
    --text-badge-padding-horizontal: 6px;
    --text-badge-padding-vertical: 6px;
    --text-highlight: rgba(8, 102, 255, 0.2);
    --text-input-active-text: #0064d1;
    --text-input-caption-margin-top: 10px;
    --text-input-multi-padding-between-text-scrollbar: 20px;
    --text-input-multi-padding-scrollbar: 16px;
    --text-input-padding-vertical: 12px;
    --toast-addon-padding-horizontal: 6px;
    --toast-addon-padding-vertical: 6px;
    --toast-container-padding-horizontal: 10px;
    --toast-container-padding-vertical: 16px;
    --toast-corner-radius: 8px;
    --toggle-active-background: #ebf5ff;
    --toggle-active-icon: #0064d1;
    --toggle-active-text: #0064d1;
    --tooltip-background: rgba(255, 255, 255, 0.8);
    --tooltip-corner-radius: 12px;
    --warning: #af8f00;
    --wash: #c9ccd1;
    --web-wash: #f2f4f7;
}

:root,
.__fb-light-mode:root,
.__fb-light-mode {
    --action-tile-radius: 16px;
    --attachment-footer-background: #f8f9fb;
    --background-deemphasized: #f2f4f7;
    --base-cherry: #fb3c44;
    --base-grape: #7d74ff;
    --base-lemon: #f9cf00;
    --base-lime: #3fbb46;
    --base-pink: #fa61ba;
    --base-teal: #14b898;
    --blue-link: #0064d1;
    --border-ui-emphasis: #e2e5e9;
    --bottom-sheet-corner-radius: 20px;
    --button-corner-radius: 8px;
    --card-background: #ffffff;
    --card-background-flat: #f8f9fb;
    --card-corner-radius: 12px;
    --card-large-corner-radius: 16px;
    --card-small-corner-radius: 12px;
    --comment-background: #f0f2f5;
    --comment-bubble: 16px;
    --comment-threading-lines: #e2e5e9;
    --dialog-corner-radius: 12px;
    --disabled-button-background: #e2e5e9;
    --disabled-icon: #b0b3b8;
    --disabled-text: #b0b3b8;
    --divider: #d0d3d7;
    --divider-on-color: #5c5e62;
    --event-date: #dd2334;
    --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-glimmer-in: cubic-bezier(0.5, 0, 0.5, 1);
    --fds-animation-glimmer-out: cubic-bezier(0.5, 0, 0.5, 1);
    --fds-animation-linear-in: cubic-bezier(0, 0, 1, 1);
    --fds-animation-linear-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-duration-extra-extra-short-in: 0.1s;
    --fds-duration-extra-extra-short-out: 0.1s;
    --fds-duration-extra-long-in: 1s;
    --fds-duration-extra-long-out: 1s;
    --fds-duration-extra-short-in: 0.2s;
    --fds-duration-extra-short-out: 0.15s;
    --fds-duration-long-in: 0.5s;
    --fds-duration-long-out: 0.35s;
    --fds-duration-medium-in: 0.4s;
    --fds-duration-medium-out: 0.35s;
    --fds-duration-none: 0ms;
    --fds-duration-short-in: 0.28s;
    --fds-duration-short-out: 0.2s;
    --fds-fast: 0.2s;
    --fds-slow: 0.4s;
    --glimmer-base-opaque: #979a9f;
    --glimmer-high-contrast-base-opaque: #65686c;
    --glimmer-opacity-high-contrast-max: 1;
    --glimmer-opacity-high-contrast-min: 0.08;
    --glimmer-opacity-max: 0.5;
    --glimmer-opacity-min: 0.15;
    --hosted-view-selected-state: #ebf5ff;
    --infochip-large-radius: 8px;
    --infochip-medium-radius: 4px;
    --infochip-small-radius: 4px;
    --input-border-width: 1px;
    --input-corner-radius: 12px;
    --last-active-state-background: #f2fcf0;
    --last-active-state-text: #1e5e21;
    --link-on-media: #ffffff;
    --list-cell-corner-radius: 8px;
    --list-cell-min-height: 44px;
    --listcell-inset-radius: 16px;
    --media-corner-radius: 12px;
    --media-hovered: rgba(70, 72, 75, 0.15);
    --media-inner-border: rgba(0, 0, 0, 0.1);
    --media-large-corner-radius: 16px;
    --media-pressed: rgba(70, 72, 75, 0.35);
    --media-small-corner-radius: 12px;
    --nav-bar-background: #ffffff;
    --negative: #dd2334;
    --negative-background: #ffe3de;
    --new-notification-background: #e7f3ff;
    --non-media-pressed: rgba(70, 72, 75, 0.15);
    --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
    --notification-badge: #dd2334;
    --overlay-on-media: rgba(0, 0, 0, 0.8);
    --placeholder-icon: #65686c;
    --placeholder-image: #979a9f;
    --placeholder-text: #65686c;
    --placeholder-text-on-media: rgba(255, 255, 255, 0.8);
    --popover-background: #ffffff;
    --positive: #24832c;
    --positive-deemphasized: #f2fcf0;
    --primary-button-background: #0866ff;
    --primary-button-background-on-color: #ffffff;
    --primary-button-background-on-media: #ffffff;
    --primary-button-icon: #ffffff;
    --primary-button-icon-on-color: #000000;
    --primary-button-icon-on-media: #080809;
    --primary-button-text: #ffffff;
    --primary-button-text-on-media: #080809;
    --primary-deemphasized-button-background: #ebf5ff;
    --primary-deemphasized-button-icon: #0064d1;
    --primary-deemphasized-button-text: #0064d1;
    --primary-icon: #080809;
    --primary-icon-on-media: #ffffff;
    --primary-text: #080809;
    --primary-text-on-color: #ffffff;
    --primary-text-on-media: #ffffff;
    --progress-ring-blue-background: rgba(8, 102, 255, 0.2);
    --progress-ring-blue-foreground: #0866ff;
    --progress-ring-disabled-background: rgba(176, 179, 184, 0.2);
    --progress-ring-disabled-foreground: #b0b3b8;
    --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;
    --radio-border-width: 2px;
    --radio-checked-icon-size-large: 12px;
    --radio-checked-icon-size-medium: 12px;
    --radio-size-large: 24px;
    --radio-size-medium: 20px;
    --rating-star-active: #e0761a;
    --rating-star-active-on-color: #ffffff;
    --rating-star-active-on-media: #ffffff;
    --reaction-anger: #dd2334;
    --reaction-haha: #887000;
    --reaction-like: #0866ff;
    --reaction-love: #dd2334;
    --reaction-sorry: #887000;
    --reaction-support: #887000;
    --reaction-wow: #887000;
    --reshare-radius: 16px;
    --secondary-button-background: #e2e5e9;
    --secondary-button-background-floating: #ffffff;
    --secondary-button-background-on-color: rgba(255, 255, 255, 0.15);
    --secondary-button-background-on-dark: rgba(28, 28, 29, 0.6);
    --secondary-button-background-on-media: rgba(28, 28, 29, 0.6);
    --secondary-button-icon-on-media: #ffffff;
    --secondary-button-pressed: rgba(0, 0, 0, 0.05);
    --secondary-button-stroke: rgba(0, 0, 0, 0);
    --secondary-button-text: #080809;
    --secondary-icon: #65686c;
    --secondary-icon-on-color: rgba(255, 255, 255, 0.9);
    --secondary-icon-on-media: rgba(255, 255, 255, 0.8);
    --secondary-text: #65686c;
    --secondary-text-on-color: rgba(255, 255, 255, 0.9);
    --secondary-text-on-media: rgba(255, 255, 255, 0.8);
    --story-seen: #84878b;
    --story-unseen: #0866ff;
    --surface-background: #ffffff;
    --switch-unchecked-background-color: #8f9297;
    --text-badge-corner-radius: 4px;
    --text-badge-padding-horizontal: 6px;
    --text-badge-padding-vertical: 6px;
    --text-highlight: rgba(8, 102, 255, 0.2);
    --text-input-active-text: #0064d1;
    --text-input-caption-margin-top: 10px;
    --text-input-multi-padding-between-text-scrollbar: 20px;
    --text-input-multi-padding-scrollbar: 16px;
    --text-input-padding-vertical: 12px;
    --toast-addon-padding-horizontal: 6px;
    --toast-addon-padding-vertical: 6px;
    --toast-container-padding-horizontal: 10px;
    --toast-container-padding-vertical: 16px;
    --toast-corner-radius: 8px;
    --toggle-active-background: #ebf5ff;
    --toggle-active-icon: #0064d1;
    --toggle-active-text: #0064d1;
    --tooltip-background: rgba(255, 255, 255, 0.8);
    --tooltip-corner-radius: 12px;
    --warning: #af8f00;
    --wash: #c9ccd1;
    --web-wash: #f2f4f7;
}

.__fb-dark-mode {
    --fds-black: black;
    --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: black;
    --fds-blue-30: black;
    --fds-blue-40: black;
    --fds-blue-60: black;
    --fds-blue-70: black;
    --fds-blue-80: black;
    --fds-button-text: black;
    --fds-comment-background: black;
    --fds-dark-mode-gray-35: black;
    --fds-dark-mode-gray-50: black;
    --fds-dark-mode-gray-70: black;
    --fds-dark-mode-gray-80: black;
    --fds-dark-mode-gray-90: black;
    --fds-dark-mode-gray-100: black;
    --fds-gray-00: black;
    --fds-gray-05: black;
    --fds-gray-10: black;
    --fds-gray-20: black;
    --fds-gray-25: black;
    --fds-gray-30: black;
    --fds-gray-45: black;
    --fds-gray-70: black;
    --fds-gray-80: black;
    --fds-gray-90: black;
    --fds-gray-100: black;
    --fds-green-55: black;
    --fds-green-65: black;
    --fds-highlight: black;
    --fds-highlight-cell-background: black;
    --fds-primary-icon: white;
    --fds-primary-text: white;
    --fds-red-55: black;
    --fds-soft: cubic-bezier(0.08, 0.52, 0.52, 1);
    --fds-spectrum-aluminum-tint-70: black;
    --fds-spectrum-blue-gray-tint-70: black;
    --fds-spectrum-cherry: black;
    --fds-spectrum-cherry-tint-70: black;
    --fds-spectrum-grape-tint-70: black;
    --fds-spectrum-grape-tint-90: black;
    --fds-spectrum-lemon-dark-1: black;
    --fds-spectrum-lemon-tint-70: black;
    --fds-spectrum-lime: black;
    --fds-spectrum-lime-tint-70: black;
    --fds-spectrum-orange-tint-70: black;
    --fds-spectrum-orange-tint-90: black;
    --fds-spectrum-seafoam-tint-70: black;
    --fds-spectrum-slate-dark-2: black;
    --fds-spectrum-slate-tint-70: black;
    --fds-spectrum-teal: black;
    --fds-spectrum-teal-dark-1: black;
    --fds-spectrum-teal-dark-2: black;
    --fds-spectrum-teal-tint-70: black;
    --fds-spectrum-teal-tint-90: black;
    --fds-spectrum-tomato: black;
    --fds-spectrum-tomato-tint-30: black;
    --fds-spectrum-tomato-tint-90: black;
    --fds-strong: cubic-bezier(0.12, 0.8, 0.32, 1);
    --fds-unified-blue-35: black;
    --fds-unified-gray-20: black;
    --fds-white: black;
    --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: black;
    --accent: hsl(214, 100%, 59%);
    --always-white: white;
    --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-light-overlay: rgba(255, 255, 255, 0.4);
    --always-gray-40: #65676b;
    --always-gray-75: #bcc0c4;
    --always-gray-95: #f0f2f5;
    --attachment-footer-background: rgba(255, 255, 255, 0.1);
    --background-deemphasized: rgba(255, 255, 255, 0.1);
    --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;
    --text-badge-info-background: hsl(214, 100%, 59%);
    --text-badge-success-background: #31a24c;
    --text-badge-attention-background: hsl(40, 89%, 52%);
    --text-badge-critical-background: #e41e3f;
    --blue-link: #4599ff;
    --border-focused: #8a8d91;
    --card-background: #242526;
    --card-background-flat: #323436;
    --comment-background: #3a3b3c;
    --comment-footer-background: #4e4f50;
    --dataviz-primary-1: rgb(0, 174, 143);
    --dataviz-blue-primary: #1d85fc;
    --dataviz-blue-secondary: #ebf5ff;
    --dataviz-orange: #d06c14;
    --disabled-button-background: rgba(255, 255, 255, 0.2);
    --disabled-button-text: rgba(255, 255, 255, 0.3);
    --disabled-icon: rgba(255, 255, 255, 0.3);
    --disabled-text: rgba(255, 255, 255, 0.3);
    --divider: #3e4042;
    --divider-on-color: #3e4042;
    --event-date: #f3425f;
    --fb-wordmark: #ffffff;
    --fb-logo: #0866ff;
    --filter-accent: invert(40%) sepia(52%) saturate(200%) saturate(200%) saturate(200%) saturate(189%) hue-rotate(191deg) brightness(103%) contrast(102%);
    --filter-always-white: invert(100%);
    --filter-disabled-icon: invert(100%) opacity(30%);
    --filter-placeholder-icon: invert(59%) sepia(11%) saturate(200%) saturate(135%) hue-rotate(176deg) brightness(96%) contrast(94%);
    --filter-primary-accent: invert(40%) sepia(52%) saturate(200%) saturate(200%) saturate(200%) saturate(189%) hue-rotate(191deg) brightness(103%) contrast(102%);
    --filter-primary-icon: invert(89%) sepia(6%) hue-rotate(185deg);
    --filter-secondary-button-icon-on-media: invert(100%);
    --filter-secondary-icon: invert(62%) sepia(98%) saturate(12%) hue-rotate(175deg) brightness(90%) contrast(96%);
    --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%);
    --filter-blue-link-icon: invert(73%) sepia(29%) saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(103.25%) hue-rotate(189deg) brightness(101%) contrast(101%);
    --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-deemphasized-button-icon: brightness(0) saturate(100%) invert(63%) sepia(20%) saturate(1290%) hue-rotate(185deg) brightness(107%) contrast(101%);
    --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%);
    --focus-ring-blue: #1877f2;
    --glimmer-base-opaque: #ffffff;
    --glimmer-high-contrast-base-opaque: #ffffff;
    --glimmer-opacity-high-contrast-max: 0.48;
    --glimmer-opacity-high-contrast-min: 0.1;
    --glimmer-opacity-max: 1;
    --glimmer-opacity-min: 0.25;
    --glimmer-spinner-icon: white;
    --hero-banner-background: #e85d07;
    --hosted-view-selected-state: rgba(45, 136, 255, 0.1);
    --highlight-bg: rgba(24, 119, 242, 0.31);
    --hover-overlay: rgba(255, 255, 255, 0.1);
    --inverse-text: var(--always-white);
    --list-cell-chevron: #b0b3b8;
    --media-hover: rgba(68, 73, 80, 0.15);
    --media-inner-border: rgba(255, 255, 255, 0.05);
    --media-outer-border: #33363a;
    --media-pressed: rgba(68, 73, 80, 0.35);
    --messenger-card-background: #242526;
    --messenger-card-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.3);
    --mwp-header-background-color: var(--messenger-card-background);
    --mwp-header-button-color: var(--accent);
    --mwp-message-row-background: var(--messenger-card-background);
    --messenger-reply-background: #18191a;
    --overlay-alpha-80: rgba(11, 11, 11, 0.8);
    --overlay-on-media: rgba(0, 0, 0, 0.6);
    --nav-bar-background: #242526;
    --popover-card-background: var(--card-background);
    --nav-bar-background-gradient: linear-gradient(to top,
            #242526,
            rgba(36, 37, 38, 0.9),
            rgba(36, 37, 38, 0.7),
            rgba(36, 37, 38, 0.4),
            rgba(36, 37, 38, 0));
    --nav-bar-background-gradient-wash: linear-gradient(to top,
            #18191a,
            rgba(24, 25, 26, 0.9),
            rgba(24, 25, 26, 0.7),
            rgba(24, 25, 26, 0.4),
            rgba(24, 25, 26, 0));
    --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;
    --placeholder-icon: #8a8d91;
    --placeholder-image: rgb(164, 167, 171);
    --placeholder-text: #8a8d91;
    --placeholder-text-on-media: rgba(255, 255, 255, 0.5);
    --popover-background: #3e4042;
    --positive: #31a24c;
    --positive-background: #1f3520;
    --press-overlay: rgba(255, 255, 255, 0.2);
    --primary-button-background: #2374e1;
    --primary-button-icon: #ffffff;
    --primary-button-pressed: #77a7ff;
    --primary-button-text: #ffffff;
    --primary-deemphasized-button-background: rgba(45, 136, 255, 0.2);
    --primary-deemphasized-button-pressed: rgba(24, 119, 242, 0.2);
    --primary-deemphasized-button-pressed-overlay: rgba(25, 110, 255, 0.15);
    --primary-deemphasized-button-text: #2d88ff;
    --primary-icon: #e4e6eb;
    --primary-text: #e4e6eb;
    --primary-text-on-media: white;
    --primary-web-focus-indicator: #d24294;
    --progress-ring-neutral-background: rgba(255, 255, 255, 0.2);
    --progress-ring-neutral-foreground: #ffffff;
    --progress-ring-on-media-background: rgba(255, 255, 255, 0.2);
    --progress-ring-on-media-foreground: #ffffff;
    --progress-ring-blue-background: rgba(45, 136, 255, 0.2);
    --progress-ring-blue-foreground: hsl(214, 100%, 59%);
    --progress-ring-disabled-background: rgba(122, 125, 130, 0.2);
    --progress-ring-disabled-foreground: #7a7d82;
    --rating-star-active: #ff9831;
    --scroll-thumb: rgba(255, 255, 255, 0.3);
    --scroll-shadow:
        0 1px 2px rgba(0, 0, 0, 0.1), 0 -1px rgba(255, 255, 255, 0.05) inset;
    --secondary-button-background: rgba(255, 255, 255, 0.1);
    --secondary-button-background-floating: #4b4c4f;
    --secondary-button-background-on-dark: rgba(255, 255, 255, 0.4);
    --secondary-button-pressed: rgba(0, 0, 0, 0.05);
    --secondary-button-stroke: transparent;
    --secondary-button-text: #e4e6eb;
    --secondary-icon: #b0b3b8;
    --secondary-text: #b0b3b8;
    --secondary-text-on-media: rgba(255, 255, 255, 0.9);
    --section-header-text: #bcc0c4;
    --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.05);
    --shadow-on-media: 0px 0px 1px rgba(0, 0, 0, 0.62);
    --shadow-persistent: 0px 0px 12px rgba(28, 43, 51, 0.6);
    --shadow-primary: 0px 0px 12px rgba(28, 43, 51, 0.1);
    --shadow-responsive: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
    --surface-background: #242526;
    --switch-active: hsl(214, 100%, 59%);
    --switch-inactive: #3e4042;
    --switch-unchecked-background-color: #6f7276;
    --text-highlight: rgba(24, 119, 242, 0.45);
    --input-background: #242526;
    --input-background-hover: var(--input-background);
    --input-background-warn-hover: hsla(var(--warning-h),
            var(--warning-s),
            var(--warning-l),
            0.05);
    --input-background-error-hover: hsla(var(--negative-h),
            var(--negative-s),
            var(--negative-l),
            0.05);
    --input-background-active: hsla(var(--accent-h),
            var(--accent-s),
            var(--accent-l),
            0.05);
    --input-background-warn-active: hsla(var(--warning-h),
            var(--warning-s),
            var(--warning-l),
            0.05);
    --input-background-error-active: hsla(var(--negative-h),
            var(--negative-s),
            var(--negative-l),
            0.05);
    --input-background-disabled: #18191a;
    --input-border-color: #3e4042;
    --input-border-color-hover: var(--placeholder-text);
    --input-label-color-highlighted: hsl(214, 100%, 59%);
    --input-label-color-inside: var(--secondary-text);
    --input-label-color-error: var(--negative);
    --input-label-color-disabled: var(--disabled-text);
    --text-input-outside-label: #ffffff;
    --toast-background: #242526;
    --toast-text: #ffffff;
    --toast-text-link: #4599ff;
    --toast-border-color: transparent;
    --toast-border-style: none;
    --toast-border-width: 0px;
    --toggle-active-background: rgb(45, 136, 255);
    --toggle-active-icon: #ffffff;
    --toggle-active-text: #ffffff;
    --toggle-button-active-background: #e6f2ff;
    --tooltip-background: rgba(11, 11, 11, 0.8);
    --tooltip-box-shadow: 0 2px 4px 0 var(--shadow-5);
    --popover-border-color: transparent;
    --wash: #3e4042;
    --web-wash: #18191a;
    --warning: hsl(40, 89%, 52%);
    --chat-bubble-emphasis-ring-after: white;
    --chat-bubble-emphasis-ring-before: black;
    --chat-text-blockquote-color-background-line: rgba(255, 255, 255, 0.19);
    --chat-text-blockquote-color-text-primary-media: rgba(255,
            255,
            255,
            0.7);
    --chat-incoming-message-bubble-background-color: #303030;
    --chat-outgoing-message-bubble-background-color: var(--accent);
    --chat-replied-message-background-color: rgba(255, 255, 255, 0.12);
    --radio-border-color: var(--primary-icon);
    --radio-border-color-disabled: var(--disabled-button-background);
    --radio-border-color-selected: var(--accent);
    --radio-checked-icon-color: var(--accent);
    --radio-checked-icon-color-disabled: var(--disabled-button-background);
    --dialog-anchor-vertical-padding: 56px;
    --header-height: 56px;
    --global-panel-width: 0px;
    --global-panel-width-expanded: 0px;
    --alert-banner-corner-radius: 8px;
    --button-corner-radius: 6px;
    --button-corner-radius-medium: 10px;
    --button-corner-radius-large: 12px;
    --button-height-large: 40px;
    --button-height-medium: 36px;
    --button-padding-horizontal-large: 16px;
    --button-padding-horizontal-medium: 16px;
    --button-padding-icon-only: 16px;
    --button-icon-padding-large: 16px;
    --button-icon-padding-medium: 16px;
    --button-inner-icon-spacing-large: 3px;
    --button-inner-icon-spacing-medium: 3px;
    --blueprint-button-height-medium: 40px;
    --blueprint-button-height-large: 48px;
    --card-corner-radius: 8px;
    --card-box-shadow:
        0 12px 28px 0 var(--shadow-2), 0 2px 4px 0 var(--shadow-1);
    --card-padding-horizontal: 10px;
    --card-padding-vertical: 20px;
    --chip-corner-radius: 6px;
    --comment-bubble: 18px;
    --dialog-corner-radius: 8px;
    --glimmer-corner-radius: 8px;
    --image-corner-radius: 4px;
    --infochip-medium-radius: 12px;
    --input-corner-radius: 6px;
    --input-border-width: 1px;
    --nav-list-cell-corner-radius: 8px;
    --list-cell-corner-radius: 8px;
    --list-cell-min-height: 52px;
    --list-cell-padding-vertical: 20px;
    --list-cell-padding-vertical-with-addon: 14px;
    --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-padding-horizontal: 8px;
    --menu-item-base-overlay-radius: 4px;
    --menu-item-base-padding-vertical: 12px;
    --menu-item-base-with-icon-padding-horizontal: var(--menu-item-base-padding-horizontal);
    --separator-menu-item-margin-horizontal: 16px;
    --separator-menu-item-margin-vertical: 4px;
    --nav-list-cell-min-height: 0px;
    --nav-list-cell-padding-vertical: 16px;
    --nav-list-cell-padding-vertical-with-addon: 16px;
    --nux-card-body-padding-end: 24px;
    --page-footer-padding-vertical: 16px;
    --popover-border-style: none;
    --popover-border-width: 0px;
    --section-header-addOnEnd-margin-horizontal: 8px;
    --section-header-addOnStart-margin-horizontal: 12px;
    --section-header-addOnEnd-button-padding-horizontal: 0px;
    --section-header-addOnEnd-button-padding-vertical: 0px;
    --section-header-padding-vertical: 16px;
    --section-header-subtitle-margin-vertical: 14px;
    --section-header-subtitle-with-addOnEnd-margin-vertical: 6px;
    --tab-height: 60px;
    --tab-icon-padding-end: 0px;
    --tab-text-icon-gap: 4px;
    --tab-underline-color: transparent;
    --tab-underline-height: 3px;
    --text-badge-corner-radius: 4px;
    --text-badge-padding-horizontal: 6px;
    --text-badge-padding-vertical: 6px;
    --text-input-multi-padding-between-text-scrollbar: 20px;
    --text-input-multi-padding-scrollbar: 16px;
    --text-input-caption-margin-top: 10px;
    --text-input-padding-vertical: 12px;
    --toast-addon-padding-horizontal: 6px;
    --toast-addon-padding-vertical: 6px;
    --toast-container-max-width: 100%;
    --toast-container-min-width: 288px;
    --toast-container-padding-horizontal: 10px;
    --toast-container-padding-vertical: 16px;
    --toast-corner-radius: 8px;
    --toaster-view-max-width: 328px;
    --tooltip-corner-radius: 8px;
    --typeahead-list-outer-padding-vertical: 2px;
    --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-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-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-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-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-fade-in: cubic-bezier(0, 0, 1, 1);
    --fds-animation-fade-out: cubic-bezier(0, 0, 1, 1);
    --fds-duration-extra-extra-short-in: 0.1s;
    --fds-duration-extra-extra-short-out: 0.1s;
    --fds-duration-extra-short-in: 0.2s;
    --fds-duration-extra-short-out: 0.15s;
    --fds-duration-short-in: 0.28s;
    --fds-duration-short-out: 0.2s;
    --fds-duration-medium-in: 0.4s;
    --fds-duration-medium-out: 0.35s;
    --fds-duration-long-in: 0.5s;
    --fds-duration-long-out: 0.35s;
    --fds-duration-extra-long-in: 1s;
    --fds-duration-extra-long-out: 1s;
    --fds-duration-none: 0ms;
    --fds-fast: 0.2s;
    --fds-slow: 0.4s;
    --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;
    --font-family-system-fds:
        system-ui, -apple-system, BlinkMacSystemFont, Segoe UI Historic,
        Segoe UI, Helvetica, Arial, sans-serif;
    --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;
    --messenger-card-min-width: 300px;
    --messenger-card-max-width: 480px;
    --messenger-application-max-width: 2560px;
    --messenger-sidebar-collapsed-width: 44px;
    --messenger-sidebar-expanded-width: 240px;
    --messenger-card-corner-radius: 8px;
    --messenger-card-spacing: 16px;
    --chat-bubble-padding-vertical: 8px;
    --chat-bubble-padding-horizontal: 12px;
    --chat-bubble-border-radius: 18px;
    --dialog-size-medium-width: 100%;
    --dialog-size-small-width: 100%;
    --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;
    --glimmer-animation-direction: alternate;
    --glimmer-animation-duration: 1s;
    --glimmer-animation-timing-function: steps(10, end);
    --radio-checked-icon-size-large: 12px;
    --radio-checked-icon-size-medium: 12px;
    --radio-border-width: 2px;
    --radio-size-large: 24px;
    --radio-size-medium: 20px;
    --blue-primary: rgb(0, 136, 244);
    --blue-secondary: rgb(235, 245, 255);
    --blue-tertiary: rgb(4, 59, 114);
    --chartreuse-primary: rgb(106, 147, 22);
    --chartreuse-secondary: rgb(226, 255, 152);
    --chartreuse-tertiary: rgb(50, 65, 19);
    --cyan-primary: rgb(0, 142, 213);
    --cyan-secondary: rgb(231, 245, 255);
    --cyan-tertiary: rgb(15, 63, 93);
    --dataviz-primary-2: rgb(156, 219, 255);
    --dataviz-primary-3: rgb(73, 156, 255);
    --dataviz-secondary-1: rgb(92, 87, 210);
    --dataviz-secondary-2: rgb(142, 129, 255);
    --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(232, 234, 238);
    --fuschia-primary: rgb(250, 45, 138);
    --fuschia-secondary: rgb(255, 241, 246);
    --fuschia-tertiary: rgb(118, 14, 62);
    --green-primary: rgb(43, 154, 53);
    --green-secondary: rgb(227, 250, 224);
    --green-tertiary: rgb(26, 68, 27);
    --magenta-primary: rgb(215, 77, 204);
    --magenta-secondary: rgb(255, 239, 254);
    --magenta-tertiary: rgb(96, 36, 91);
    --orange-primary: rgb(208, 108, 20);
    --orange-secondary: rgb(255, 241, 239);
    --orange-tertiary: rgb(94, 49, 14);
    --purple-primary: rgb(125, 116, 255);
    --purple-secondary: rgb(245, 241, 255);
    --purple-tertiary: rgb(55, 50, 121);
    --red-primary: rgb(251, 60, 68);
    --red-secondary: rgb(255, 241, 239);
    --red-tertiary: rgb(118, 22, 27);
    --teal-primary: rgb(0, 152, 124);
    --teal-secondary: rgb(227, 247, 241);
    --teal-tertiary: rgb(10, 68, 56);
    --yellow-primary: rgb(161, 132, 0);
    --yellow-secondary: rgb(255, 246, 161);
    --yellow-tertiary: rgb(72, 59, 12);
}

@media (prefers-color-scheme: dark) {
    :root {
        --fds-black: black;
        --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: black;
        --fds-blue-30: black;
        --fds-blue-40: black;
        --fds-blue-60: black;
        --fds-blue-70: black;
        --fds-blue-80: black;
        --fds-button-text: black;
        --fds-comment-background: black;
        --fds-dark-mode-gray-35: black;
        --fds-dark-mode-gray-50: black;
        --fds-dark-mode-gray-70: black;
        --fds-dark-mode-gray-80: black;
        --fds-dark-mode-gray-90: black;
        --fds-dark-mode-gray-100: black;
        --fds-gray-00: black;
        --fds-gray-05: black;
        --fds-gray-10: black;
        --fds-gray-20: black;
        --fds-gray-25: black;
        --fds-gray-30: black;
        --fds-gray-45: black;
        --fds-gray-70: black;
        --fds-gray-80: black;
        --fds-gray-90: black;
        --fds-gray-100: black;
        --fds-green-55: black;
        --fds-green-65: black;
        --fds-highlight: black;
        --fds-highlight-cell-background: black;
        --fds-primary-icon: white;
        --fds-primary-text: white;
        --fds-red-55: black;
        --fds-soft: cubic-bezier(0.08, 0.52, 0.52, 1);
        --fds-spectrum-aluminum-tint-70: black;
        --fds-spectrum-blue-gray-tint-70: black;
        --fds-spectrum-cherry: black;
        --fds-spectrum-cherry-tint-70: black;
        --fds-spectrum-grape-tint-70: black;
        --fds-spectrum-grape-tint-90: black;
        --fds-spectrum-lemon-dark-1: black;
        --fds-spectrum-lemon-tint-70: black;
        --fds-spectrum-lime: black;
        --fds-spectrum-lime-tint-70: black;
        --fds-spectrum-orange-tint-70: black;
        --fds-spectrum-orange-tint-90: black;
        --fds-spectrum-seafoam-tint-70: black;
        --fds-spectrum-slate-dark-2: black;
        --fds-spectrum-slate-tint-70: black;
        --fds-spectrum-teal: black;
        --fds-spectrum-teal-dark-1: black;
        --fds-spectrum-teal-dark-2: black;
        --fds-spectrum-teal-tint-70: black;
        --fds-spectrum-teal-tint-90: black;
        --fds-spectrum-tomato: black;
        --fds-spectrum-tomato-tint-30: black;
        --fds-spectrum-tomato-tint-90: black;
        --fds-strong: cubic-bezier(0.12, 0.8, 0.32, 1);
        --fds-unified-blue-35: black;
        --fds-unified-gray-20: black;
        --fds-white: black;
        --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: black;
        --accent: hsl(214, 100%, 59%);
        --always-white: white;
        --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-light-overlay: rgba(255, 255, 255, 0.4);
        --always-gray-40: #65676b;
        --always-gray-75: #bcc0c4;
        --always-gray-95: #f0f2f5;
        --attachment-footer-background: rgba(255, 255, 255, 0.1);
        --background-deemphasized: rgba(255, 255, 255, 0.1);
        --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;
        --text-badge-info-background: hsl(214, 100%, 59%);
        --text-badge-success-background: #31a24c;
        --text-badge-attention-background: hsl(40, 89%, 52%);
        --text-badge-critical-background: #e41e3f;
        --blue-link: #4599ff;
        --border-focused: #8a8d91;
        --card-background: #242526;
        --card-background-flat: #323436;
        --comment-background: #3a3b3c;
        --comment-footer-background: #4e4f50;
        --dataviz-primary-1: rgb(0, 174, 143);
        --dataviz-blue-primary: #1d85fc;
        --dataviz-blue-secondary: #ebf5ff;
        --dataviz-orange: #d06c14;
        --disabled-button-background: rgba(255, 255, 255, 0.2);
        --disabled-button-text: rgba(255, 255, 255, 0.3);
        --disabled-icon: rgba(255, 255, 255, 0.3);
        --disabled-text: rgba(255, 255, 255, 0.3);
        --divider: #3e4042;
        --divider-on-color: #3e4042;
        --event-date: #f3425f;
        --fb-wordmark: #ffffff;
        --fb-logo: #0866ff;
        --filter-accent: invert(40%) sepia(52%) saturate(200%) saturate(200%) saturate(200%) saturate(189%) hue-rotate(191deg) brightness(103%) contrast(102%);
        --filter-always-white: invert(100%);
        --filter-disabled-icon: invert(100%) opacity(30%);
        --filter-placeholder-icon: invert(59%) sepia(11%) saturate(200%) saturate(135%) hue-rotate(176deg) brightness(96%) contrast(94%);
        --filter-primary-accent: invert(40%) sepia(52%) saturate(200%) saturate(200%) saturate(200%) saturate(189%) hue-rotate(191deg) brightness(103%) contrast(102%);
        --filter-primary-icon: invert(89%) sepia(6%) hue-rotate(185deg);
        --filter-secondary-button-icon-on-media: invert(100%);
        --filter-secondary-icon: invert(62%) sepia(98%) saturate(12%) hue-rotate(175deg) brightness(90%) contrast(96%);
        --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%);
        --filter-blue-link-icon: invert(73%) sepia(29%) saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(200%) saturate(103.25%) hue-rotate(189deg) brightness(101%) contrast(101%);
        --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-deemphasized-button-icon: brightness(0) saturate(100%) invert(63%) sepia(20%) saturate(1290%) hue-rotate(185deg) brightness(107%) contrast(101%);
        --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%);
        --focus-ring-blue: #1877f2;
        --glimmer-base-opaque: #ffffff;
        --glimmer-high-contrast-base-opaque: #ffffff;
        --glimmer-opacity-high-contrast-max: 0.48;
        --glimmer-opacity-high-contrast-min: 0.1;
        --glimmer-opacity-max: 1;
        --glimmer-opacity-min: 0.25;
        --glimmer-spinner-icon: white;
        --hero-banner-background: #e85d07;
        --hosted-view-selected-state: rgba(45, 136, 255, 0.1);
        --highlight-bg: rgba(24, 119, 242, 0.31);
        --hover-overlay: rgba(255, 255, 255, 0.1);
        --inverse-text: var(--always-white);
        --list-cell-chevron: #b0b3b8;
        --media-hover: rgba(68, 73, 80, 0.15);
        --media-inner-border: rgba(255, 255, 255, 0.05);
        --media-outer-border: #33363a;
        --media-pressed: rgba(68, 73, 80, 0.35);
        --messenger-card-background: #242526;
        --messenger-card-box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.3);
        --mwp-header-background-color: var(--messenger-card-background);
        --mwp-header-button-color: var(--accent);
        --mwp-message-row-background: var(--messenger-card-background);
        --messenger-reply-background: #18191a;
        --overlay-alpha-80: rgba(11, 11, 11, 0.8);
        --overlay-on-media: rgba(0, 0, 0, 0.6);
        --nav-bar-background: #242526;
        --popover-card-background: var(--card-background);
        --nav-bar-background-gradient: linear-gradient(to top,
                #242526,
                rgba(36, 37, 38, 0.9),
                rgba(36, 37, 38, 0.7),
                rgba(36, 37, 38, 0.4),
                rgba(36, 37, 38, 0));
        --nav-bar-background-gradient-wash: linear-gradient(to top,
                #18191a,
                rgba(24, 25, 26, 0.9),
                rgba(24, 25, 26, 0.7),
                rgba(24, 25, 26, 0.4),
                rgba(24, 25, 26, 0));
        --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;
        --placeholder-icon: #8a8d91;
        --placeholder-image: rgb(164, 167, 171);
        --placeholder-text: #8a8d91;
        --placeholder-text-on-media: rgba(255, 255, 255, 0.5);
        --popover-background: #3e4042;
        --positive: #31a24c;
        --positive-background: #1f3520;
        --press-overlay: rgba(255, 255, 255, 0.2);
        --primary-button-background: #2374e1;
        --primary-button-icon: #ffffff;
        --primary-button-pressed: #77a7ff;
        --primary-button-text: #ffffff;
        --primary-deemphasized-button-background: rgba(45, 136, 255, 0.2);
        --primary-deemphasized-button-pressed: rgba(24, 119, 242, 0.2);
        --primary-deemphasized-button-pressed-overlay: rgba(25,
                110,
                255,
                0.15);
        --primary-deemphasized-button-text: #2d88ff;
        --primary-icon: #e4e6eb;
        --primary-text: #e4e6eb;
        --primary-text-on-media: white;
        --primary-web-focus-indicator: #d24294;
        --progress-ring-neutral-background: rgba(255, 255, 255, 0.2);
        --progress-ring-neutral-foreground: #ffffff;
        --progress-ring-on-media-background: rgba(255, 255, 255, 0.2);
        --progress-ring-on-media-foreground: #ffffff;
        --progress-ring-blue-background: rgba(45, 136, 255, 0.2);
        --progress-ring-blue-foreground: hsl(214, 100%, 59%);
        --progress-ring-disabled-background: rgba(122, 125, 130, 0.2);
        --progress-ring-disabled-foreground: #7a7d82;
        --rating-star-active: #ff9831;
        --scroll-thumb: rgba(255, 255, 255, 0.3);
        --scroll-shadow:
            0 1px 2px rgba(0, 0, 0, 0.1), 0 -1px rgba(255, 255, 255, 0.05) inset;
        --secondary-button-background: rgba(255, 255, 255, 0.1);
        --secondary-button-background-floating: #4b4c4f;
        --secondary-button-background-on-dark: rgba(255, 255, 255, 0.4);
        --secondary-button-pressed: rgba(0, 0, 0, 0.05);
        --secondary-button-stroke: transparent;
        --secondary-button-text: #e4e6eb;
        --secondary-icon: #b0b3b8;
        --secondary-text: #b0b3b8;
        --secondary-text-on-media: rgba(255, 255, 255, 0.9);
        --section-header-text: #bcc0c4;
        --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.05);
        --shadow-on-media: 0px 0px 1px rgba(0, 0, 0, 0.62);
        --shadow-persistent: 0px 0px 12px rgba(28, 43, 51, 0.6);
        --shadow-primary: 0px 0px 12px rgba(28, 43, 51, 0.1);
        --shadow-responsive: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
        --surface-background: #242526;
        --switch-active: hsl(214, 100%, 59%);
        --switch-inactive: #3e4042;
        --switch-unchecked-background-color: #6f7276;
        --text-highlight: rgba(24, 119, 242, 0.45);
        --input-background: #242526;
        --input-background-hover: var(--input-background);
        --input-background-warn-hover: hsla(var(--warning-h),
                var(--warning-s),
                var(--warning-l),
                0.05);
        --input-background-error-hover: hsla(var(--negative-h),
                var(--negative-s),
                var(--negative-l),
                0.05);
        --input-background-active: hsla(var(--accent-h),
                var(--accent-s),
                var(--accent-l),
                0.05);
        --input-background-warn-active: hsla(var(--warning-h),
                var(--warning-s),
                var(--warning-l),
                0.05);
        --input-background-error-active: hsla(var(--negative-h),
                var(--negative-s),
                var(--negative-l),
                0.05);
        --input-background-disabled: #18191a;
        --input-border-color: #3e4042;
        --input-border-color-hover: var(--placeholder-text);
        --input-label-color-highlighted: hsl(214, 100%, 59%);
        --input-label-color-inside: var(--secondary-text);
        --input-label-color-error: var(--negative);
        --input-label-color-disabled: var(--disabled-text);
        --text-input-outside-label: #ffffff;
        --toast-background: #242526;
        --toast-text: #ffffff;
        --toast-text-link: #4599ff;
        --toast-border-color: transparent;
        --toast-border-style: none;
        --toast-border-width: 0px;
        --toggle-active-background: rgb(45, 136, 255);
        --toggle-active-icon: #ffffff;
        --toggle-active-text: #ffffff;
        --toggle-button-active-background: #e6f2ff;
        --tooltip-background: rgba(11, 11, 11, 0.8);
        --tooltip-box-shadow: 0 2px 4px 0 var(--shadow-5);
        --popover-border-color: transparent;
        --wash: #3e4042;
        --web-wash: #18191a;
        --warning: hsl(40, 89%, 52%);
        --chat-bubble-emphasis-ring-after: white;
        --chat-bubble-emphasis-ring-before: black;
        --chat-text-blockquote-color-background-line: rgba(255,
                255,
                255,
                0.19);
        --chat-text-blockquote-color-text-primary-media: rgba(255,
                255,
                255,
                0.7);
        --chat-incoming-message-bubble-background-color: #303030;
        --chat-outgoing-message-bubble-background-color: var(--accent);
        --chat-replied-message-background-color: rgba(255, 255, 255, 0.12);
        --radio-border-color: var(--primary-icon);
        --radio-border-color-disabled: var(--disabled-button-background);
        --radio-border-color-selected: var(--accent);
        --radio-checked-icon-color: var(--accent);
        --radio-checked-icon-color-disabled: var(--disabled-button-background);
        --dialog-anchor-vertical-padding: 56px;
        --header-height: 56px;
        --global-panel-width: 0px;
        --global-panel-width-expanded: 0px;
        --alert-banner-corner-radius: 8px;
        --button-corner-radius: 6px;
        --button-corner-radius-medium: 10px;
        --button-corner-radius-large: 12px;
        --button-height-large: 40px;
        --button-height-medium: 36px;
        --button-padding-horizontal-large: 16px;
        --button-padding-horizontal-medium: 16px;
        --button-padding-icon-only: 16px;
        --button-icon-padding-large: 16px;
        --button-icon-padding-medium: 16px;
        --button-inner-icon-spacing-large: 3px;
        --button-inner-icon-spacing-medium: 3px;
        --blueprint-button-height-medium: 40px;
        --blueprint-button-height-large: 48px;
        --card-corner-radius: 8px;
        --card-box-shadow:
            0 12px 28px 0 var(--shadow-2), 0 2px 4px 0 var(--shadow-1);
        --card-padding-horizontal: 10px;
        --card-padding-vertical: 20px;
        --chip-corner-radius: 6px;
        --comment-bubble: 18px;
        --dialog-corner-radius: 8px;
        --glimmer-corner-radius: 8px;
        --image-corner-radius: 4px;
        --infochip-medium-radius: 12px;
        --input-corner-radius: 6px;
        --input-border-width: 1px;
        --nav-list-cell-corner-radius: 8px;
        --list-cell-corner-radius: 8px;
        --list-cell-min-height: 52px;
        --list-cell-padding-vertical: 20px;
        --list-cell-padding-vertical-with-addon: 14px;
        --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-padding-horizontal: 8px;
        --menu-item-base-overlay-radius: 4px;
        --menu-item-base-padding-vertical: 12px;
        --menu-item-base-with-icon-padding-horizontal: var(--menu-item-base-padding-horizontal);
        --separator-menu-item-margin-horizontal: 16px;
        --separator-menu-item-margin-vertical: 4px;
        --nav-list-cell-min-height: 0px;
        --nav-list-cell-padding-vertical: 16px;
        --nav-list-cell-padding-vertical-with-addon: 16px;
        --nux-card-body-padding-end: 24px;
        --page-footer-padding-vertical: 16px;
        --popover-border-style: none;
        --popover-border-width: 0px;
        --section-header-addOnEnd-margin-horizontal: 8px;
        --section-header-addOnStart-margin-horizontal: 12px;
        --section-header-addOnEnd-button-padding-horizontal: 0px;
        --section-header-addOnEnd-button-padding-vertical: 0px;
        --section-header-padding-vertical: 16px;
        --section-header-subtitle-margin-vertical: 14px;
        --section-header-subtitle-with-addOnEnd-margin-vertical: 6px;
        --tab-height: 60px;
        --tab-icon-padding-end: 0px;
        --tab-text-icon-gap: 4px;
        --tab-underline-color: transparent;
        --tab-underline-height: 3px;
        --text-badge-corner-radius: 4px;
        --text-badge-padding-horizontal: 6px;
        --text-badge-padding-vertical: 6px;
        --text-input-multi-padding-between-text-scrollbar: 20px;
        --text-input-multi-padding-scrollbar: 16px;
        --text-input-caption-margin-top: 10px;
        --text-input-padding-vertical: 12px;
        --toast-addon-padding-horizontal: 6px;
        --toast-addon-padding-vertical: 6px;
        --toast-container-max-width: 100%;
        --toast-container-min-width: 288px;
        --toast-container-padding-horizontal: 10px;
        --toast-container-padding-vertical: 16px;
        --toast-corner-radius: 8px;
        --toaster-view-max-width: 328px;
        --tooltip-corner-radius: 8px;
        --typeahead-list-outer-padding-vertical: 2px;
        --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-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-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-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-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-fade-in: cubic-bezier(0, 0, 1, 1);
        --fds-animation-fade-out: cubic-bezier(0, 0, 1, 1);
        --fds-duration-extra-extra-short-in: 0.1s;
        --fds-duration-extra-extra-short-out: 0.1s;
        --fds-duration-extra-short-in: 0.2s;
        --fds-duration-extra-short-out: 0.15s;
        --fds-duration-short-in: 0.28s;
        --fds-duration-short-out: 0.2s;
        --fds-duration-medium-in: 0.4s;
        --fds-duration-medium-out: 0.35s;
        --fds-duration-long-in: 0.5s;
        --fds-duration-long-out: 0.35s;
        --fds-duration-extra-long-in: 1s;
        --fds-duration-extra-long-out: 1s;
        --fds-duration-none: 0ms;
        --fds-fast: 0.2s;
        --fds-slow: 0.4s;
        --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;
        --font-family-system-fds:
            system-ui, -apple-system, BlinkMacSystemFont, Segoe UI Historic,
            Segoe UI, Helvetica, Arial, sans-serif;
        --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;
        --messenger-card-min-width: 300px;
        --messenger-card-max-width: 480px;
        --messenger-application-max-width: 2560px;
        --messenger-sidebar-collapsed-width: 44px;
        --messenger-sidebar-expanded-width: 240px;
        --messenger-card-corner-radius: 8px;
        --messenger-card-spacing: 16px;
        --chat-bubble-padding-vertical: 8px;
        --chat-bubble-padding-horizontal: 12px;
        --chat-bubble-border-radius: 18px;
        --dialog-size-medium-width: 100%;
        --dialog-size-small-width: 100%;
        --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;
        --glimmer-animation-direction: alternate;
        --glimmer-animation-duration: 1s;
        --glimmer-animation-timing-function: steps(10, end);
        --radio-checked-icon-size-large: 12px;
        --radio-checked-icon-size-medium: 12px;
        --radio-border-width: 2px;
        --radio-size-large: 24px;
        --radio-size-medium: 20px;
        --blue-primary: rgb(0, 136, 244);
        --blue-secondary: rgb(235, 245, 255);
        --blue-tertiary: rgb(4, 59, 114);
        --chartreuse-primary: rgb(106, 147, 22);
        --chartreuse-secondary: rgb(226, 255, 152);
        --chartreuse-tertiary: rgb(50, 65, 19);
        --cyan-primary: rgb(0, 142, 213);
        --cyan-secondary: rgb(231, 245, 255);
        --cyan-tertiary: rgb(15, 63, 93);
        --dataviz-primary-2: rgb(156, 219, 255);
        --dataviz-primary-3: rgb(73, 156, 255);
        --dataviz-secondary-1: rgb(92, 87, 210);
        --dataviz-secondary-2: rgb(142, 129, 255);
        --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(232, 234, 238);
        --fuschia-primary: rgb(250, 45, 138);
        --fuschia-secondary: rgb(255, 241, 246);
        --fuschia-tertiary: rgb(118, 14, 62);
        --green-primary: rgb(43, 154, 53);
        --green-secondary: rgb(227, 250, 224);
        --green-tertiary: rgb(26, 68, 27);
        --magenta-primary: rgb(215, 77, 204);
        --magenta-secondary: rgb(255, 239, 254);
        --magenta-tertiary: rgb(96, 36, 91);
        --orange-primary: rgb(208, 108, 20);
        --orange-secondary: rgb(255, 241, 239);
        --orange-tertiary: rgb(94, 49, 14);
        --purple-primary: rgb(125, 116, 255);
        --purple-secondary: rgb(245, 241, 255);
        --purple-tertiary: rgb(55, 50, 121);
        --red-primary: rgb(251, 60, 68);
        --red-secondary: rgb(255, 241, 239);
        --red-tertiary: rgb(118, 22, 27);
        --teal-primary: rgb(0, 152, 124);
        --teal-secondary: rgb(227, 247, 241);
        --teal-tertiary: rgb(10, 68, 56);
        --yellow-primary: rgb(161, 132, 0);
        --yellow-secondary: rgb(255, 246, 161);
        --yellow-tertiary: rgb(72, 59, 12);
    }
}

.__fb-dark-mode {
    --accent: #0866ff;
    --blue-link: #5aa7ff;
    --filter-accent: invert(74%) sepia(14%) saturate(7129%) hue-rotate(185deg) brightness(102%) contrast(101%);
    --filter-primary-accent: invert(27%) sepia(95%) saturate(3116%) hue-rotate(212deg) brightness(99%) contrast(105%);
    --focus-ring-blue: #1d85fc;
    --hosted-view-selected-state: #1d85fc19;
    --input-label-color-highlighted: #3e93f8;
    --primary-button-background: #0866ff;
    --primary-deemphasized-button-background: #1d85fc33;
    --primary-deemphasized-button-text: #75b6ff;
    --progress-ring-blue-background: #0866ff33;
    --progress-ring-blue-foreground: #0866ff;
    --text-highlight: #1d85fc72;
    --toggle-active-background: #1d85fc;
}

@media (prefers-color-scheme: dark) {
    :root {
        --accent: #0866ff;
        --blue-link: #5aa7ff;
        --filter-accent: invert(74%) sepia(14%) saturate(7129%) hue-rotate(185deg) brightness(102%) contrast(101%);
        --filter-primary-accent: invert(27%) sepia(95%) saturate(3116%) hue-rotate(212deg) brightness(99%) contrast(105%);
        --focus-ring-blue: #1d85fc;
        --hosted-view-selected-state: #1d85fc19;
        --input-label-color-highlighted: #3e93f8;
        --primary-button-background: #0866ff;
        --primary-deemphasized-button-background: #1d85fc33;
        --primary-deemphasized-button-text: #75b6ff;
        --progress-ring-blue-background: #0866ff33;
        --progress-ring-blue-foreground: #0866ff;
        --text-highlight: #1d85fc72;
        --toggle-active-background: #1d85fc;
    }
}

.__fb-dark-mode {
    --action-tile-radius: 16px;
    --attachment-footer-background: rgba(255, 255, 255, 0.1);
    --background-deemphasized: rgba(255, 255, 255, 0.1);
    --base-cherry: #fb3c44;
    --base-grape: #7d74ff;
    --base-lemon: #f9cf00;
    --base-lime: #3fbb46;
    --base-pink: #fa61ba;
    --base-teal: #14b898;
    --blue-link: #5aa7ff;
    --border-ui-emphasis: rgba(255, 255, 255, 0.05);
    --bottom-sheet-corner-radius: 20px;
    --button-corner-radius: 8px;
    --card-background: #252728;
    --card-background-flat: #333334;
    --card-corner-radius: 12px;
    --card-large-corner-radius: 16px;
    --card-small-corner-radius: 12px;
    --comment-background: #333334;
    --comment-bubble: 16px;
    --comment-threading-lines: #46484b;
    --dialog-corner-radius: 12px;
    --disabled-button-background: rgba(255, 255, 255, 0.1);
    --disabled-icon: #6f7276;
    --disabled-text: #6f7276;
    --divider: #65686c;
    --divider-on-color: #5c5e62;
    --event-date: #dd2334;
    --fb-logo: #0866ff;
    --fb-wordmark: #ffffff;
    --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-glimmer-in: cubic-bezier(0.5, 0, 0.5, 1);
    --fds-animation-glimmer-out: cubic-bezier(0.5, 0, 0.5, 1);
    --fds-animation-linear-in: cubic-bezier(0, 0, 1, 1);
    --fds-animation-linear-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-duration-extra-extra-short-in: 0.1s;
    --fds-duration-extra-extra-short-out: 0.1s;
    --fds-duration-extra-long-in: 1s;
    --fds-duration-extra-long-out: 1s;
    --fds-duration-extra-short-in: 0.2s;
    --fds-duration-extra-short-out: 0.15s;
    --fds-duration-long-in: 0.5s;
    --fds-duration-long-out: 0.35s;
    --fds-duration-medium-in: 0.4s;
    --fds-duration-medium-out: 0.35s;
    --fds-duration-none: 0ms;
    --fds-duration-short-in: 0.28s;
    --fds-duration-short-out: 0.2s;
    --fds-fast: 0.2s;
    --fds-slow: 0.4s;
    --glimmer-base-opaque: #ffffff;
    --glimmer-high-contrast-base-opaque: #ffffff;
    --glimmer-opacity-high-contrast-max: 1;
    --glimmer-opacity-high-contrast-min: 0.25;
    --glimmer-opacity-max: 1;
    --glimmer-opacity-min: 0.25;
    --hosted-view-selected-state: rgba(29, 133, 252, 0.1);
    --infochip-large-radius: 8px;
    --infochip-medium-radius: 4px;
    --infochip-small-radius: 4px;
    --input-border-width: 1px;
    --input-corner-radius: 12px;
    --last-active-state-background: #152b14;
    --last-active-state-text: #90e78a;
    --link-on-media: #ffffff;
    --list-cell-corner-radius: 8px;
    --list-cell-min-height: 44px;
    --listcell-inset-radius: 16px;
    --media-corner-radius: 12px;
    --media-hovered: rgba(255, 255, 255, 0.15);
    --media-inner-border: rgba(255, 255, 255, 0.05);
    --media-large-corner-radius: 16px;
    --media-pressed: rgba(255, 255, 255, 0.3);
    --media-small-corner-radius: 12px;
    --nav-bar-background: #252728;
    --negative: #ff7c74;
    --negative-background: rgba(185, 24, 40, 0.2);
    --new-notification-background: rgba(45, 136, 255, 0.1);
    --non-media-pressed: rgba(255, 255, 255, 0.2);
    --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
    --notification-badge: #dd2334;
    --overlay-on-media: rgba(0, 0, 0, 0.8);
    --placeholder-icon: #b0b3b8;
    --placeholder-image: #979a9f;
    --placeholder-text: #b0b3b8;
    --placeholder-text-on-media: rgba(255, 255, 255, 0.8);
    --popover-background: #3b3c3e;
    --positive: #3fbb46;
    --positive-deemphasized: #121f10;
    --primary-button-background: #0866ff;
    --primary-button-background-on-color: #ffffff;
    --primary-button-background-on-media: #ffffff;
    --primary-button-icon: #ffffff;
    --primary-button-icon-on-color: #000000;
    --primary-button-icon-on-media: #080809;
    --primary-button-text: #ffffff;
    --primary-button-text-on-media: #080809;
    --primary-deemphasized-button-background: rgba(29, 133, 252, 0.2);
    --primary-deemphasized-button-icon: #75b6ff;
    --primary-deemphasized-button-text: #75b6ff;
    --primary-icon: #f2f4f7;
    --primary-icon-on-media: #ffffff;
    --primary-text: #f2f4f7;
    --primary-text-on-color: #ffffff;
    --primary-text-on-media: #ffffff;
    --progress-ring-blue-background: rgba(8, 102, 255, 0.2);
    --progress-ring-blue-foreground: #0866ff;
    --progress-ring-disabled-background: rgba(111, 114, 118, 0.2);
    --progress-ring-disabled-foreground: #6f7276;
    --progress-ring-neutral-background: rgba(255, 255, 255, 0.2);
    --progress-ring-neutral-foreground: #ffffff;
    --progress-ring-on-media-background: rgba(255, 255, 255, 0.2);
    --progress-ring-on-media-foreground: #ffffff;
    --radio-border-width: 2px;
    --radio-checked-icon-size-large: 12px;
    --radio-checked-icon-size-medium: 12px;
    --radio-size-large: 24px;
    --radio-size-medium: 20px;
    --rating-star-active: #ff9a42;
    --rating-star-active-on-color: #ffffff;
    --rating-star-active-on-media: #ffffff;
    --reaction-anger: #ff5757;
    --reaction-haha: #f9cf00;
    --reaction-like: #3e93f8;
    --reaction-love: #ff5757;
    --reaction-sorry: #f9cf00;
    --reaction-support: #f9cf00;
    --reaction-wow: #f9cf00;
    --reshare-radius: 16px;
    --secondary-button-background: rgba(255, 255, 255, 0.1);
    --secondary-button-background-floating: #46484b;
    --secondary-button-background-on-color: rgba(255, 255, 255, 0.15);
    --secondary-button-background-on-dark: rgba(28, 28, 29, 0.6);
    --secondary-button-background-on-media: rgba(28, 28, 29, 0.6);
    --secondary-button-icon-on-media: #ffffff;
    --secondary-button-pressed: rgba(255, 255, 255, 0.2);
    --secondary-button-stroke: rgba(0, 0, 0, 0);
    --secondary-button-text: #f2f4f7;
    --secondary-icon: #b0b3b8;
    --secondary-icon-on-color: rgba(255, 255, 255, 0.9);
    --secondary-icon-on-media: rgba(255, 255, 255, 0.8);
    --secondary-text: #b0b3b8;
    --secondary-text-on-color: rgba(255, 255, 255, 0.9);
    --secondary-text-on-media: rgba(255, 255, 255, 0.8);
    --story-seen: #84878b;
    --story-unseen: #0866ff;
    --surface-background: #252728;
    --switch-unchecked-background-color: #6f7276;
    --text-badge-corner-radius: 4px;
    --text-badge-padding-horizontal: 6px;
    --text-badge-padding-vertical: 6px;
    --text-highlight: rgba(29, 133, 252, 0.45);
    --text-input-active-text: #3e93f8;
    --text-input-caption-margin-top: 10px;
    --text-input-multi-padding-between-text-scrollbar: 20px;
    --text-input-multi-padding-scrollbar: 16px;
    --text-input-padding-vertical: 12px;
    --toast-addon-padding-horizontal: 6px;
    --toast-addon-padding-vertical: 6px;
    --toast-container-padding-horizontal: 10px;
    --toast-container-padding-vertical: 16px;
    --toast-corner-radius: 8px;
    --toggle-active-background: #1d85fc;
    --toggle-active-icon: #ffffff;
    --toggle-active-text: #ffffff;
    --tooltip-background: rgba(0, 0, 0, 0.8);
    --tooltip-corner-radius: 12px;
    --warning: #af8f00;
    --wash: #101011;
    --web-wash: #1c1c1d;
}

@media (prefers-color-scheme: dark) {
    :root {
        --action-tile-radius: 16px;
        --attachment-footer-background: rgba(255, 255, 255, 0.1);
        --background-deemphasized: rgba(255, 255, 255, 0.1);
        --base-cherry: #fb3c44;
        --base-grape: #7d74ff;
        --base-lemon: #f9cf00;
        --base-lime: #3fbb46;
        --base-pink: #fa61ba;
        --base-teal: #14b898;
        --blue-link: #5aa7ff;
        --border-ui-emphasis: rgba(255, 255, 255, 0.05);
        --bottom-sheet-corner-radius: 20px;
        --button-corner-radius: 8px;
        --card-background: #252728;
        --card-background-flat: #333334;
        --card-corner-radius: 12px;
        --card-large-corner-radius: 16px;
        --card-small-corner-radius: 12px;
        --comment-background: #333334;
        --comment-bubble: 16px;
        --comment-threading-lines: #46484b;
        --dialog-corner-radius: 12px;
        --disabled-button-background: rgba(255, 255, 255, 0.1);
        --disabled-icon: #6f7276;
        --disabled-text: #6f7276;
        --divider: #65686c;
        --divider-on-color: #5c5e62;
        --event-date: #dd2334;
        --fb-logo: #0866ff;
        --fb-wordmark: #ffffff;
        --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-glimmer-in: cubic-bezier(0.5, 0, 0.5, 1);
        --fds-animation-glimmer-out: cubic-bezier(0.5, 0, 0.5, 1);
        --fds-animation-linear-in: cubic-bezier(0, 0, 1, 1);
        --fds-animation-linear-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-duration-extra-extra-short-in: 0.1s;
        --fds-duration-extra-extra-short-out: 0.1s;
        --fds-duration-extra-long-in: 1s;
        --fds-duration-extra-long-out: 1s;
        --fds-duration-extra-short-in: 0.2s;
        --fds-duration-extra-short-out: 0.15s;
        --fds-duration-long-in: 0.5s;
        --fds-duration-long-out: 0.35s;
        --fds-duration-medium-in: 0.4s;
        --fds-duration-medium-out: 0.35s;
        --fds-duration-none: 0ms;
        --fds-duration-short-in: 0.28s;
        --fds-duration-short-out: 0.2s;
        --fds-fast: 0.2s;
        --fds-slow: 0.4s;
        --glimmer-base-opaque: #ffffff;
        --glimmer-high-contrast-base-opaque: #ffffff;
        --glimmer-opacity-high-contrast-max: 1;
        --glimmer-opacity-high-contrast-min: 0.25;
        --glimmer-opacity-max: 1;
        --glimmer-opacity-min: 0.25;
        --hosted-view-selected-state: rgba(29, 133, 252, 0.1);
        --infochip-large-radius: 8px;
        --infochip-medium-radius: 4px;
        --infochip-small-radius: 4px;
        --input-border-width: 1px;
        --input-corner-radius: 12px;
        --last-active-state-background: #152b14;
        --last-active-state-text: #90e78a;
        --link-on-media: #ffffff;
        --list-cell-corner-radius: 8px;
        --list-cell-min-height: 44px;
        --listcell-inset-radius: 16px;
        --media-corner-radius: 12px;
        --media-hovered: rgba(255, 255, 255, 0.15);
        --media-inner-border: rgba(255, 255, 255, 0.05);
        --media-large-corner-radius: 16px;
        --media-pressed: rgba(255, 255, 255, 0.3);
        --media-small-corner-radius: 12px;
        --nav-bar-background: #252728;
        --negative: #ff7c74;
        --negative-background: rgba(185, 24, 40, 0.2);
        --new-notification-background: rgba(45, 136, 255, 0.1);
        --non-media-pressed: rgba(255, 255, 255, 0.2);
        --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
        --notification-badge: #dd2334;
        --overlay-on-media: rgba(0, 0, 0, 0.8);
        --placeholder-icon: #b0b3b8;
        --placeholder-image: #979a9f;
        --placeholder-text: #b0b3b8;
        --placeholder-text-on-media: rgba(255, 255, 255, 0.8);
        --popover-background: #3b3c3e;
        --positive: #3fbb46;
        --positive-deemphasized: #121f10;
        --primary-button-background: #0866ff;
        --primary-button-background-on-color: #ffffff;
        --primary-button-background-on-media: #ffffff;
        --primary-button-icon: #ffffff;
        --primary-button-icon-on-color: #000000;
        --primary-button-icon-on-media: #080809;
        --primary-button-text: #ffffff;
        --primary-button-text-on-media: #080809;
        --primary-deemphasized-button-background: rgba(29, 133, 252, 0.2);
        --primary-deemphasized-button-icon: #75b6ff;
        --primary-deemphasized-button-text: #75b6ff;
        --primary-icon: #f2f4f7;
        --primary-icon-on-media: #ffffff;
        --primary-text: #f2f4f7;
        --primary-text-on-color: #ffffff;
        --primary-text-on-media: #ffffff;
        --progress-ring-blue-background: rgba(8, 102, 255, 0.2);
        --progress-ring-blue-foreground: #0866ff;
        --progress-ring-disabled-background: rgba(111, 114, 118, 0.2);
        --progress-ring-disabled-foreground: #6f7276;
        --progress-ring-neutral-background: rgba(255, 255, 255, 0.2);
        --progress-ring-neutral-foreground: #ffffff;
        --progress-ring-on-media-background: rgba(255, 255, 255, 0.2);
        --progress-ring-on-media-foreground: #ffffff;
        --radio-border-width: 2px;
        --radio-checked-icon-size-large: 12px;
        --radio-checked-icon-size-medium: 12px;
        --radio-size-large: 24px;
        --radio-size-medium: 20px;
        --rating-star-active: #ff9a42;
        --rating-star-active-on-color: #ffffff;
        --rating-star-active-on-media: #ffffff;
        --reaction-anger: #ff5757;
        --reaction-haha: #f9cf00;
        --reaction-like: #3e93f8;
        --reaction-love: #ff5757;
        --reaction-sorry: #f9cf00;
        --reaction-support: #f9cf00;
        --reaction-wow: #f9cf00;
        --reshare-radius: 16px;
        --secondary-button-background: rgba(255, 255, 255, 0.1);
        --secondary-button-background-floating: #46484b;
        --secondary-button-background-on-color: rgba(255, 255, 255, 0.15);
        --secondary-button-background-on-dark: rgba(28, 28, 29, 0.6);
        --secondary-button-background-on-media: rgba(28, 28, 29, 0.6);
        --secondary-button-icon-on-media: #ffffff;
        --secondary-button-pressed: rgba(255, 255, 255, 0.2);
        --secondary-button-stroke: rgba(0, 0, 0, 0);
        --secondary-button-text: #f2f4f7;
        --secondary-icon: #b0b3b8;
        --secondary-icon-on-color: rgba(255, 255, 255, 0.9);
        --secondary-icon-on-media: rgba(255, 255, 255, 0.8);
        --secondary-text: #b0b3b8;
        --secondary-text-on-color: rgba(255, 255, 255, 0.9);
        --secondary-text-on-media: rgba(255, 255, 255, 0.8);
        --story-seen: #84878b;
        --story-unseen: #0866ff;
        --surface-background: #252728;
        --switch-unchecked-background-color: #6f7276;
        --text-badge-corner-radius: 4px;
        --text-badge-padding-horizontal: 6px;
        --text-badge-padding-vertical: 6px;
        --text-highlight: rgba(29, 133, 252, 0.45);
        --text-input-active-text: #3e93f8;
        --text-input-caption-margin-top: 10px;
        --text-input-multi-padding-between-text-scrollbar: 20px;
        --text-input-multi-padding-scrollbar: 16px;
        --text-input-padding-vertical: 12px;
        --toast-addon-padding-horizontal: 6px;
        --toast-addon-padding-vertical: 6px;
        --toast-container-padding-horizontal: 10px;
        --toast-container-padding-vertical: 16px;
        --toast-corner-radius: 8px;
        --toggle-active-background: #1d85fc;
        --toggle-active-icon: #ffffff;
        --toggle-active-text: #ffffff;
        --tooltip-background: rgba(0, 0, 0, 0.8);
        --tooltip-corner-radius: 12px;
        --warning: #af8f00;
        --wash: #101011;
        --web-wash: #1c1c1d;
    }
}


.__fb-dark-mode {
    --action-tile-radius: 16px;
    --attachment-footer-background: rgba(255, 255, 255, 0.1);
    --background-deemphasized: rgba(255, 255, 255, 0.1);
    --base-cherry: #fb3c44;
    --base-grape: #7d74ff;
    --base-lemon: #f9cf00;
    --base-lime: #3fbb46;
    --base-pink: #fa61ba;
    --base-teal: #14b898;
    --blue-link: #5aa7ff;
    --border-ui-emphasis: rgba(255, 255, 255, 0.05);
    --bottom-sheet-corner-radius: 20px;
    --button-corner-radius: 8px;
    --card-background: #252728;
    --card-background-flat: #333334;
    --card-corner-radius: 12px;
    --card-large-corner-radius: 16px;
    --card-small-corner-radius: 12px;
    --comment-background: #333334;
    --comment-bubble: 16px;
    --comment-threading-lines: #46484b;
    --dialog-corner-radius: 12px;
    --disabled-button-background: rgba(255, 255, 255, 0.1);
    --disabled-icon: #6f7276;
    --disabled-text: #6f7276;
    --divider: #65686c;
    --divider-on-color: #5c5e62;
    --event-date: #dd2334;
    --fb-logo: #0866ff;
    --fb-wordmark: #ffffff;
    --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-glimmer-in: cubic-bezier(0.5, 0, 0.5, 1);
    --fds-animation-glimmer-out: cubic-bezier(0.5, 0, 0.5, 1);
    --fds-animation-linear-in: cubic-bezier(0, 0, 1, 1);
    --fds-animation-linear-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-duration-extra-extra-short-in: 0.1s;
    --fds-duration-extra-extra-short-out: 0.1s;
    --fds-duration-extra-long-in: 1s;
    --fds-duration-extra-long-out: 1s;
    --fds-duration-extra-short-in: 0.2s;
    --fds-duration-extra-short-out: 0.15s;
    --fds-duration-long-in: 0.5s;
    --fds-duration-long-out: 0.35s;
    --fds-duration-medium-in: 0.4s;
    --fds-duration-medium-out: 0.35s;
    --fds-duration-none: 0ms;
    --fds-duration-short-in: 0.28s;
    --fds-duration-short-out: 0.2s;
    --fds-fast: 0.2s;
    --fds-slow: 0.4s;
    --glimmer-base-opaque: #ffffff;
    --glimmer-high-contrast-base-opaque: #ffffff;
    --glimmer-opacity-high-contrast-max: 0.48;
    --glimmer-opacity-high-contrast-min: 0.1;
    --glimmer-opacity-max: 0.58;
    --glimmer-opacity-min: 0.15;
    --hosted-view-selected-state: rgba(29, 133, 252, 0.1);
    --infochip-large-radius: 8px;
    --infochip-medium-radius: 12px;
    --infochip-small-radius: 4px;
    --input-border-width: 1px;
    --input-corner-radius: 12px;
    --last-active-state-background: #152b14;
    --last-active-state-text: #90e78a;
    --link-on-media: #ffffff;
    --list-cell-corner-radius: 8px;
    --list-cell-min-height: 44px;
    --listcell-inset-radius: 16px;
    --media-corner-radius: 0px;
    --media-hovered: rgba(255, 255, 255, 0.15);
    --media-inner-border: rgba(255, 255, 255, 0.05);
    --media-large-corner-radius: 0px;
    --media-pressed: rgba(255, 255, 255, 0.3);
    --media-small-corner-radius: 0px;
    --nav-bar-background: #252728;
    --negative: #ff7c74;
    --negative-background: rgba(185, 24, 40, 0.2);
    --new-notification-background: rgba(45, 136, 255, 0.1);
    --non-media-pressed: rgba(255, 255, 255, 0.2);
    --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
    --notification-badge: #dd2334;
    --overlay-on-media: rgba(0, 0, 0, 0.8);
    --placeholder-icon: #b0b3b8;
    --placeholder-image: #979a9f;
    --placeholder-text: #b0b3b8;
    --placeholder-text-on-media: rgba(255, 255, 255, 0.8);
    --popover-background: #3b3c3e;
    --positive: #3fbb46;
    --positive-deemphasized: #121f10;
    --primary-button-background: #0866ff;
    --primary-button-background-on-color: #ffffff;
    --primary-button-background-on-media: #ffffff;
    --primary-button-icon: #ffffff;
    --primary-button-icon-on-color: #000000;
    --primary-button-icon-on-media: #080809;
    --primary-button-text: #ffffff;
    --primary-button-text-on-media: #080809;
    --primary-deemphasized-button-background: rgba(29, 133, 252, 0.2);
    --primary-deemphasized-button-icon: #75b6ff;
    --primary-deemphasized-button-text: #75b6ff;
    --primary-icon: #e2e5e9;
    --primary-icon-on-media: #ffffff;
    --primary-text: #e2e5e9;
    --primary-text-on-color: #ffffff;
    --primary-text-on-media: #ffffff;
    --progress-ring-blue-background: rgba(8, 102, 255, 0.2);
    --progress-ring-blue-foreground: #0866ff;
    --progress-ring-disabled-background: rgba(111, 114, 118, 0.2);
    --progress-ring-disabled-foreground: #6f7276;
    --progress-ring-neutral-background: rgba(255, 255, 255, 0.2);
    --progress-ring-neutral-foreground: #ffffff;
    --progress-ring-on-media-background: rgba(255, 255, 255, 0.2);
    --progress-ring-on-media-foreground: #ffffff;
    --radio-border-width: 2px;
    --radio-checked-icon-size-large: 12px;
    --radio-checked-icon-size-medium: 12px;
    --radio-size-large: 24px;
    --radio-size-medium: 20px;
    --rating-star-active: #ff9a42;
    --rating-star-active-on-color: #ffffff;
    --rating-star-active-on-media: #ffffff;
    --reaction-anger: #ff5757;
    --reaction-haha: #f9cf00;
    --reaction-like: #3e93f8;
    --reaction-love: #ff5757;
    --reaction-sorry: #f9cf00;
    --reaction-support: #f9cf00;
    --reaction-wow: #f9cf00;
    --reshare-radius: 16px;
    --secondary-button-background: rgba(255, 255, 255, 0.1);
    --secondary-button-background-floating: #46484b;
    --secondary-button-background-on-color: rgba(255, 255, 255, 0.15);
    --secondary-button-background-on-dark: rgba(28, 28, 29, 0.6);
    --secondary-button-background-on-media: rgba(28, 28, 29, 0.6);
    --secondary-button-icon-on-media: #ffffff;
    --secondary-button-pressed: rgba(255, 255, 255, 0.2);
    --secondary-button-stroke: rgba(0, 0, 0, 0);
    --secondary-button-text: #e8eaee;
    --secondary-icon: #b0b3b8;
    --secondary-icon-on-color: rgba(255, 255, 255, 0.9);
    --secondary-icon-on-media: rgba(255, 255, 255, 0.8);
    --secondary-text: #b0b3b8;
    --secondary-text-on-color: rgba(255, 255, 255, 0.9);
    --secondary-text-on-media: rgba(255, 255, 255, 0.8);
    --story-seen: #84878b;
    --story-unseen: #0866ff;
    --surface-background: #252728;
    --switch-unchecked-background-color: #6f7276;
    --text-badge-corner-radius: 4px;
    --text-badge-padding-horizontal: 6px;
    --text-badge-padding-vertical: 6px;
    --text-highlight: rgba(29, 133, 252, 0.45);
    --text-input-active-text: #3e93f8;
    --text-input-caption-margin-top: 10px;
    --text-input-multi-padding-between-text-scrollbar: 20px;
    --text-input-multi-padding-scrollbar: 16px;
    --text-input-padding-vertical: 12px;
    --toast-addon-padding-horizontal: 6px;
    --toast-addon-padding-vertical: 6px;
    --toast-container-padding-horizontal: 10px;
    --toast-container-padding-vertical: 16px;
    --toast-corner-radius: 8px;
    --toggle-active-background: #1d85fc;
    --toggle-active-icon: #ffffff;
    --toggle-active-text: #ffffff;
    --tooltip-background: rgba(0, 0, 0, 0.8);
    --tooltip-corner-radius: 12px;
    --warning: #af8f00;
    --wash: #1c1c1d;
    --web-wash: #1c1c1d;
}

@media (prefers-color-scheme: dark) {
    :root {
        --action-tile-radius: 16px;
        --attachment-footer-background: rgba(255, 255, 255, 0.1);
        --background-deemphasized: rgba(255, 255, 255, 0.1);
        --base-cherry: #fb3c44;
        --base-grape: #7d74ff;
        --base-lemon: #f9cf00;
        --base-lime: #3fbb46;
        --base-pink: #fa61ba;
        --base-teal: #14b898;
        --blue-link: #5aa7ff;
        --border-ui-emphasis: rgba(255, 255, 255, 0.05);
        --bottom-sheet-corner-radius: 20px;
        --button-corner-radius: 8px;
        --card-background: #252728;
        --card-background-flat: #333334;
        --card-corner-radius: 12px;
        --card-large-corner-radius: 16px;
        --card-small-corner-radius: 12px;
        --comment-background: #333334;
        --comment-bubble: 16px;
        --comment-threading-lines: #46484b;
        --dialog-corner-radius: 12px;
        --disabled-button-background: rgba(255, 255, 255, 0.1);
        --disabled-icon: #6f7276;
        --disabled-text: #6f7276;
        --divider: #65686c;
        --divider-on-color: #5c5e62;
        --event-date: #dd2334;
        --fb-logo: #0866ff;
        --fb-wordmark: #ffffff;
        --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-glimmer-in: cubic-bezier(0.5, 0, 0.5, 1);
        --fds-animation-glimmer-out: cubic-bezier(0.5, 0, 0.5, 1);
        --fds-animation-linear-in: cubic-bezier(0, 0, 1, 1);
        --fds-animation-linear-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-duration-extra-extra-short-in: 0.1s;
        --fds-duration-extra-extra-short-out: 0.1s;
        --fds-duration-extra-long-in: 1s;
        --fds-duration-extra-long-out: 1s;
        --fds-duration-extra-short-in: 0.2s;
        --fds-duration-extra-short-out: 0.15s;
        --fds-duration-long-in: 0.5s;
        --fds-duration-long-out: 0.35s;
        --fds-duration-medium-in: 0.4s;
        --fds-duration-medium-out: 0.35s;
        --fds-duration-none: 0ms;
        --fds-duration-short-in: 0.28s;
        --fds-duration-short-out: 0.2s;
        --fds-fast: 0.2s;
        --fds-slow: 0.4s;
        --glimmer-base-opaque: #ffffff;
        --glimmer-high-contrast-base-opaque: #ffffff;
        --glimmer-opacity-high-contrast-max: 0.48;
        --glimmer-opacity-high-contrast-min: 0.1;
        --glimmer-opacity-max: 0.58;
        --glimmer-opacity-min: 0.15;
        --hosted-view-selected-state: rgba(29, 133, 252, 0.1);
        --infochip-large-radius: 8px;
        --infochip-medium-radius: 12px;
        --infochip-small-radius: 4px;
        --input-border-width: 1px;
        --input-corner-radius: 12px;
        --last-active-state-background: #152b14;
        --last-active-state-text: #90e78a;
        --link-on-media: #ffffff;
        --list-cell-corner-radius: 8px;
        --list-cell-min-height: 44px;
        --listcell-inset-radius: 16px;
        --media-corner-radius: 0px;
        --media-hovered: rgba(255, 255, 255, 0.15);
        --media-inner-border: rgba(255, 255, 255, 0.05);
        --media-large-corner-radius: 0px;
        --media-pressed: rgba(255, 255, 255, 0.3);
        --media-small-corner-radius: 0px;
        --nav-bar-background: #252728;
        --negative: #ff7c74;
        --negative-background: rgba(185, 24, 40, 0.2);
        --new-notification-background: rgba(45, 136, 255, 0.1);
        --non-media-pressed: rgba(255, 255, 255, 0.2);
        --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
        --notification-badge: #dd2334;
        --overlay-on-media: rgba(0, 0, 0, 0.8);
        --placeholder-icon: #b0b3b8;
        --placeholder-image: #979a9f;
        --placeholder-text: #b0b3b8;
        --placeholder-text-on-media: rgba(255, 255, 255, 0.8);
        --popover-background: #3b3c3e;
        --positive: #3fbb46;
        --positive-deemphasized: #121f10;
        --primary-button-background: #0866ff;
        --primary-button-background-on-color: #ffffff;
        --primary-button-background-on-media: #ffffff;
        --primary-button-icon: #ffffff;
        --primary-button-icon-on-color: #000000;
        --primary-button-icon-on-media: #080809;
        --primary-button-text: #ffffff;
        --primary-button-text-on-media: #080809;
        --primary-deemphasized-button-background: rgba(29, 133, 252, 0.2);
        --primary-deemphasized-button-icon: #75b6ff;
        --primary-deemphasized-button-text: #75b6ff;
        --primary-icon: #e2e5e9;
        --primary-icon-on-media: #ffffff;
        --primary-text: #e2e5e9;
        --primary-text-on-color: #ffffff;
        --primary-text-on-media: #ffffff;
        --progress-ring-blue-background: rgba(8, 102, 255, 0.2);
        --progress-ring-blue-foreground: #0866ff;
        --progress-ring-disabled-background: rgba(111, 114, 118, 0.2);
        --progress-ring-disabled-foreground: #6f7276;
        --progress-ring-neutral-background: rgba(255, 255, 255, 0.2);
        --progress-ring-neutral-foreground: #ffffff;
        --progress-ring-on-media-background: rgba(255, 255, 255, 0.2);
        --progress-ring-on-media-foreground: #ffffff;
        --radio-border-width: 2px;
        --radio-checked-icon-size-large: 12px;
        --radio-checked-icon-size-medium: 12px;
        --radio-size-large: 24px;
        --radio-size-medium: 20px;
        --rating-star-active: #ff9a42;
        --rating-star-active-on-color: #ffffff;
        --rating-star-active-on-media: #ffffff;
        --reaction-anger: #ff5757;
        --reaction-haha: #f9cf00;
        --reaction-like: #3e93f8;
        --reaction-love: #ff5757;
        --reaction-sorry: #f9cf00;
        --reaction-support: #f9cf00;
        --reaction-wow: #f9cf00;
        --reshare-radius: 16px;
        --secondary-button-background: rgba(255, 255, 255, 0.1);
        --secondary-button-background-floating: #46484b;
        --secondary-button-background-on-color: rgba(255, 255, 255, 0.15);
        --secondary-button-background-on-dark: rgba(28, 28, 29, 0.6);
        --secondary-button-background-on-media: rgba(28, 28, 29, 0.6);
        --secondary-button-icon-on-media: #ffffff;
        --secondary-button-pressed: rgba(255, 255, 255, 0.2);
        --secondary-button-stroke: rgba(0, 0, 0, 0);
        --secondary-button-text: #e8eaee;
        --secondary-icon: #b0b3b8;
        --secondary-icon-on-color: rgba(255, 255, 255, 0.9);
        --secondary-icon-on-media: rgba(255, 255, 255, 0.8);
        --secondary-text: #b0b3b8;
        --secondary-text-on-color: rgba(255, 255, 255, 0.9);
        --secondary-text-on-media: rgba(255, 255, 255, 0.8);
        --story-seen: #84878b;
        --story-unseen: #0866ff;
        --surface-background: #252728;
        --switch-unchecked-background-color: #6f7276;
        --text-badge-corner-radius: 4px;
        --text-badge-padding-horizontal: 6px;
        --text-badge-padding-vertical: 6px;
        --text-highlight: rgba(29, 133, 252, 0.45);
        --text-input-active-text: #3e93f8;
        --text-input-caption-margin-top: 10px;
        --text-input-multi-padding-between-text-scrollbar: 20px;
        --text-input-multi-padding-scrollbar: 16px;
        --text-input-padding-vertical: 12px;
        --toast-addon-padding-horizontal: 6px;
        --toast-addon-padding-vertical: 6px;
        --toast-container-padding-horizontal: 10px;
        --toast-container-padding-vertical: 16px;
        --toast-corner-radius: 8px;
        --toggle-active-background: #1d85fc;
        --toggle-active-icon: #ffffff;
        --toggle-active-text: #ffffff;
        --tooltip-background: rgba(0, 0, 0, 0.8);
        --tooltip-corner-radius: 12px;
        --warning: #af8f00;
        --wash: #1c1c1d;
        --web-wash: #1c1c1d;
    }
}


.__fb-dark-mode {
    --action-tile-radius: 16px;
    --attachment-footer-background: rgba(255, 255, 255, 0.1);
    --background-deemphasized: rgba(255, 255, 255, 0.1);
    --base-cherry: #fb3c44;
    --base-grape: #7d74ff;
    --base-lemon: #f9cf00;
    --base-lime: #3fbb46;
    --base-pink: #fa61ba;
    --base-teal: #14b898;
    --blue-link: #5aa7ff;
    --border-ui-emphasis: rgba(255, 255, 255, 0.05);
    --bottom-sheet-corner-radius: 20px;
    --button-corner-radius: 8px;
    --card-background: #252728;
    --card-background-flat: #333334;
    --card-corner-radius: 12px;
    --card-large-corner-radius: 16px;
    --card-small-corner-radius: 12px;
    --comment-background: #333334;
    --comment-bubble: 16px;
    --comment-threading-lines: #46484b;
    --dialog-corner-radius: 12px;
    --disabled-button-background: rgba(255, 255, 255, 0.1);
    --disabled-icon: #6f7276;
    --disabled-text: #6f7276;
    --divider: #65686c;
    --divider-on-color: #5c5e62;
    --event-date: #dd2334;
    --fb-logo: #0866ff;
    --fb-wordmark: #ffffff;
    --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-glimmer-in: cubic-bezier(0.5, 0, 0.5, 1);
    --fds-animation-glimmer-out: cubic-bezier(0.5, 0, 0.5, 1);
    --fds-animation-linear-in: cubic-bezier(0, 0, 1, 1);
    --fds-animation-linear-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-duration-extra-extra-short-in: 0.1s;
    --fds-duration-extra-extra-short-out: 0.1s;
    --fds-duration-extra-long-in: 1s;
    --fds-duration-extra-long-out: 1s;
    --fds-duration-extra-short-in: 0.2s;
    --fds-duration-extra-short-out: 0.15s;
    --fds-duration-long-in: 0.5s;
    --fds-duration-long-out: 0.35s;
    --fds-duration-medium-in: 0.4s;
    --fds-duration-medium-out: 0.35s;
    --fds-duration-none: 0ms;
    --fds-duration-short-in: 0.28s;
    --fds-duration-short-out: 0.2s;
    --fds-fast: 0.2s;
    --fds-slow: 0.4s;
    --glimmer-base-opaque: #ffffff;
    --glimmer-high-contrast-base-opaque: #ffffff;
    --glimmer-opacity-high-contrast-max: 0.48;
    --glimmer-opacity-high-contrast-min: 0.1;
    --glimmer-opacity-max: 0.58;
    --glimmer-opacity-min: 0.15;
    --hosted-view-selected-state: rgba(29, 133, 252, 0.1);
    --infochip-large-radius: 8px;
    --infochip-medium-radius: 4px;
    --infochip-small-radius: 4px;
    --input-border-width: 1px;
    --input-corner-radius: 12px;
    --last-active-state-background: #152b14;
    --last-active-state-text: #90e78a;
    --link-on-media: #ffffff;
    --list-cell-corner-radius: 8px;
    --list-cell-min-height: 44px;
    --listcell-inset-radius: 16px;
    --media-corner-radius: 12px;
    --media-hovered: rgba(255, 255, 255, 0.15);
    --media-inner-border: rgba(255, 255, 255, 0.05);
    --media-large-corner-radius: 16px;
    --media-pressed: rgba(255, 255, 255, 0.3);
    --media-small-corner-radius: 12px;
    --nav-bar-background: #252728;
    --negative: #ff7c74;
    --negative-background: rgba(185, 24, 40, 0.2);
    --new-notification-background: rgba(45, 136, 255, 0.1);
    --non-media-pressed: rgba(255, 255, 255, 0.2);
    --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
    --notification-badge: #dd2334;
    --overlay-on-media: rgba(0, 0, 0, 0.8);
    --placeholder-icon: #b0b3b8;
    --placeholder-image: #979a9f;
    --placeholder-text: #b0b3b8;
    --placeholder-text-on-media: rgba(255, 255, 255, 0.8);
    --popover-background: #3b3c3e;
    --positive: #3fbb46;
    --positive-deemphasized: #121f10;
    --primary-button-background: #0866ff;
    --primary-button-background-on-color: #ffffff;
    --primary-button-background-on-media: #ffffff;
    --primary-button-icon: #ffffff;
    --primary-button-icon-on-color: #000000;
    --primary-button-icon-on-media: #080809;
    --primary-button-text: #ffffff;
    --primary-button-text-on-media: #080809;
    --primary-deemphasized-button-background: rgba(29, 133, 252, 0.2);
    --primary-deemphasized-button-icon: #75b6ff;
    --primary-deemphasized-button-text: #75b6ff;
    --primary-icon: #e2e5e9;
    --primary-icon-on-media: #ffffff;
    --primary-text: #e2e5e9;
    --primary-text-on-color: #ffffff;
    --primary-text-on-media: #ffffff;
    --progress-ring-blue-background: rgba(8, 102, 255, 0.2);
    --progress-ring-blue-foreground: #0866ff;
    --progress-ring-disabled-background: rgba(111, 114, 118, 0.2);
    --progress-ring-disabled-foreground: #6f7276;
    --progress-ring-neutral-background: rgba(255, 255, 255, 0.2);
    --progress-ring-neutral-foreground: #ffffff;
    --progress-ring-on-media-background: rgba(255, 255, 255, 0.2);
    --progress-ring-on-media-foreground: #ffffff;
    --radio-border-width: 2px;
    --radio-checked-icon-size-large: 12px;
    --radio-checked-icon-size-medium: 12px;
    --radio-size-large: 24px;
    --radio-size-medium: 20px;
    --rating-star-active: #ff9a42;
    --rating-star-active-on-color: #ffffff;
    --rating-star-active-on-media: #ffffff;
    --reaction-anger: #ff5757;
    --reaction-haha: #f9cf00;
    --reaction-like: #3e93f8;
    --reaction-love: #ff5757;
    --reaction-sorry: #f9cf00;
    --reaction-support: #f9cf00;
    --reaction-wow: #f9cf00;
    --reshare-radius: 16px;
    --secondary-button-background: rgba(255, 255, 255, 0.1);
    --secondary-button-background-floating: #46484b;
    --secondary-button-background-on-color: rgba(255, 255, 255, 0.15);
    --secondary-button-background-on-dark: rgba(28, 28, 29, 0.6);
    --secondary-button-background-on-media: rgba(28, 28, 29, 0.6);
    --secondary-button-icon-on-media: #ffffff;
    --secondary-button-pressed: rgba(255, 255, 255, 0.2);
    --secondary-button-stroke: rgba(0, 0, 0, 0);
    --secondary-button-text: #e8eaee;
    --secondary-icon: #b0b3b8;
    --secondary-icon-on-color: rgba(255, 255, 255, 0.9);
    --secondary-icon-on-media: rgba(255, 255, 255, 0.8);
    --secondary-text: #b0b3b8;
    --secondary-text-on-color: rgba(255, 255, 255, 0.9);
    --secondary-text-on-media: rgba(255, 255, 255, 0.8);
    --story-seen: #84878b;
    --story-unseen: #0866ff;
    --surface-background: #252728;
    --switch-unchecked-background-color: #6f7276;
    --text-badge-corner-radius: 4px;
    --text-badge-padding-horizontal: 6px;
    --text-badge-padding-vertical: 6px;
    --text-highlight: rgba(29, 133, 252, 0.45);
    --text-input-active-text: #3e93f8;
    --text-input-caption-margin-top: 10px;
    --text-input-multi-padding-between-text-scrollbar: 20px;
    --text-input-multi-padding-scrollbar: 16px;
    --text-input-padding-vertical: 12px;
    --toast-addon-padding-horizontal: 6px;
    --toast-addon-padding-vertical: 6px;
    --toast-container-padding-horizontal: 10px;
    --toast-container-padding-vertical: 16px;
    --toast-corner-radius: 8px;
    --toggle-active-background: #1d85fc;
    --toggle-active-icon: #ffffff;
    --toggle-active-text: #ffffff;
    --tooltip-background: rgba(0, 0, 0, 0.8);
    --tooltip-corner-radius: 12px;
    --warning: #af8f00;
    --wash: #1c1c1d;
    --web-wash: #1c1c1d;
}

@media (prefers-color-scheme: dark) {
    :root {
        --action-tile-radius: 16px;
        --attachment-footer-background: rgba(255, 255, 255, 0.1);
        --background-deemphasized: rgba(255, 255, 255, 0.1);
        --base-cherry: #fb3c44;
        --base-grape: #7d74ff;
        --base-lemon: #f9cf00;
        --base-lime: #3fbb46;
        --base-pink: #fa61ba;
        --base-teal: #14b898;
        --blue-link: #5aa7ff;
        --border-ui-emphasis: rgba(255, 255, 255, 0.05);
        --bottom-sheet-corner-radius: 20px;
        --button-corner-radius: 8px;
        --card-background: #252728;
        --card-background-flat: #333334;
        --card-corner-radius: 12px;
        --card-large-corner-radius: 16px;
        --card-small-corner-radius: 12px;
        --comment-background: #333334;
        --comment-bubble: 16px;
        --comment-threading-lines: #46484b;
        --dialog-corner-radius: 12px;
        --disabled-button-background: rgba(255, 255, 255, 0.1);
        --disabled-icon: #6f7276;
        --disabled-text: #6f7276;
        --divider: #65686c;
        --divider-on-color: #5c5e62;
        --event-date: #dd2334;
        --fb-logo: #0866ff;
        --fb-wordmark: #ffffff;
        --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-glimmer-in: cubic-bezier(0.5, 0, 0.5, 1);
        --fds-animation-glimmer-out: cubic-bezier(0.5, 0, 0.5, 1);
        --fds-animation-linear-in: cubic-bezier(0, 0, 1, 1);
        --fds-animation-linear-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-duration-extra-extra-short-in: 0.1s;
        --fds-duration-extra-extra-short-out: 0.1s;
        --fds-duration-extra-long-in: 1s;
        --fds-duration-extra-long-out: 1s;
        --fds-duration-extra-short-in: 0.2s;
        --fds-duration-extra-short-out: 0.15s;
        --fds-duration-long-in: 0.5s;
        --fds-duration-long-out: 0.35s;
        --fds-duration-medium-in: 0.4s;
        --fds-duration-medium-out: 0.35s;
        --fds-duration-none: 0ms;
        --fds-duration-short-in: 0.28s;
        --fds-duration-short-out: 0.2s;
        --fds-fast: 0.2s;
        --fds-slow: 0.4s;
        --glimmer-base-opaque: #ffffff;
        --glimmer-high-contrast-base-opaque: #ffffff;
        --glimmer-opacity-high-contrast-max: 0.48;
        --glimmer-opacity-high-contrast-min: 0.1;
        --glimmer-opacity-max: 0.58;
        --glimmer-opacity-min: 0.15;
        --hosted-view-selected-state: rgba(29, 133, 252, 0.1);
        --infochip-large-radius: 8px;
        --infochip-medium-radius: 4px;
        --infochip-small-radius: 4px;
        --input-border-width: 1px;
        --input-corner-radius: 12px;
        --last-active-state-background: #152b14;
        --last-active-state-text: #90e78a;
        --link-on-media: #ffffff;
        --list-cell-corner-radius: 8px;
        --list-cell-min-height: 44px;
        --listcell-inset-radius: 16px;
        --media-corner-radius: 12px;
        --media-hovered: rgba(255, 255, 255, 0.15);
        --media-inner-border: rgba(255, 255, 255, 0.05);
        --media-large-corner-radius: 16px;
        --media-pressed: rgba(255, 255, 255, 0.3);
        --media-small-corner-radius: 12px;
        --nav-bar-background: #252728;
        --negative: #ff7c74;
        --negative-background: rgba(185, 24, 40, 0.2);
        --new-notification-background: rgba(45, 136, 255, 0.1);
        --non-media-pressed: rgba(255, 255, 255, 0.2);
        --non-media-pressed-on-dark: rgba(255, 255, 255, 0.3);
        --notification-badge: #dd2334;
        --overlay-on-media: rgba(0, 0, 0, 0.8);
        --placeholder-icon: #b0b3b8;
        --placeholder-image: #979a9f;
        --placeholder-text: #b0b3b8;
        --placeholder-text-on-media: rgba(255, 255, 255, 0.8);
        --popover-background: #3b3c3e;
        --positive: #3fbb46;
        --positive-deemphasized: #121f10;
        --primary-button-background: #0866ff;
        --primary-button-background-on-color: #ffffff;
        --primary-button-background-on-media: #ffffff;
        --primary-button-icon: #ffffff;
        --primary-button-icon-on-color: #000000;
        --primary-button-icon-on-media: #080809;
        --primary-button-text: #ffffff;
        --primary-button-text-on-media: #080809;
        --primary-deemphasized-button-background: rgba(29, 133, 252, 0.2);
        --primary-deemphasized-button-icon: #75b6ff;
        --primary-deemphasized-button-text: #75b6ff;
        --primary-icon: #e2e5e9;
        --primary-icon-on-media: #ffffff;
        --primary-text: #e2e5e9;
        --primary-text-on-color: #ffffff;
        --primary-text-on-media: #ffffff;
        --progress-ring-blue-background: rgba(8, 102, 255, 0.2);
        --progress-ring-blue-foreground: #0866ff;
        --progress-ring-disabled-background: rgba(111, 114, 118, 0.2);
        --progress-ring-disabled-foreground: #6f7276;
        --progress-ring-neutral-background: rgba(255, 255, 255, 0.2);
        --progress-ring-neutral-foreground: #ffffff;
        --progress-ring-on-media-background: rgba(255, 255, 255, 0.2);
        --progress-ring-on-media-foreground: #ffffff;
        --radio-border-width: 2px;
        --radio-checked-icon-size-large: 12px;
        --radio-checked-icon-size-medium: 12px;
        --radio-size-large: 24px;
        --radio-size-medium: 20px;
        --rating-star-active: #ff9a42;
        --rating-star-active-on-color: #ffffff;
        --rating-star-active-on-media: #ffffff;
        --reaction-anger: #ff5757;
        --reaction-haha: #f9cf00;
        --reaction-like: #3e93f8;
        --reaction-love: #ff5757;
        --reaction-sorry: #f9cf00;
        --reaction-support: #f9cf00;
        --reaction-wow: #f9cf00;
        --reshare-radius: 16px;
        --secondary-button-background: rgba(255, 255, 255, 0.1);
        --secondary-button-background-floating: #46484b;
        --secondary-button-background-on-color: rgba(255, 255, 255, 0.15);
        --secondary-button-background-on-dark: rgba(28, 28, 29, 0.6);
        --secondary-button-background-on-media: rgba(28, 28, 29, 0.6);
        --secondary-button-icon-on-media: #ffffff;
        --secondary-button-pressed: rgba(255, 255, 255, 0.2);
        --secondary-button-stroke: rgba(0, 0, 0, 0);
        --secondary-button-text: #e8eaee;
        --secondary-icon: #b0b3b8;
        --secondary-icon-on-color: rgba(255, 255, 255, 0.9);
        --secondary-icon-on-media: rgba(255, 255, 255, 0.8);
        --secondary-text: #b0b3b8;
        --secondary-text-on-color: rgba(255, 255, 255, 0.9);
        --secondary-text-on-media: rgba(255, 255, 255, 0.8);
        --story-seen: #84878b;
        --story-unseen: #0866ff;
        --surface-background: #252728;
        --switch-unchecked-background-color: #6f7276;
        --text-badge-corner-radius: 4px;
        --text-badge-padding-horizontal: 6px;
        --text-badge-padding-vertical: 6px;
        --text-highlight: rgba(29, 133, 252, 0.45);
        --text-input-active-text: #3e93f8;
        --text-input-caption-margin-top: 10px;
        --text-input-multi-padding-between-text-scrollbar: 20px;
        --text-input-multi-padding-scrollbar: 16px;
        --text-input-padding-vertical: 12px;
        --toast-addon-padding-horizontal: 6px;
        --toast-addon-padding-vertical: 6px;
        --toast-container-padding-horizontal: 10px;
        --toast-container-padding-vertical: 16px;
        --toast-corner-radius: 8px;
        --toggle-active-background: #1d85fc;
        --toggle-active-icon: #ffffff;
        --toggle-active-text: #ffffff;
        --tooltip-background: rgba(0, 0, 0, 0.8);
        --tooltip-corner-radius: 12px;
        --warning: #af8f00;
        --wash: #1c1c1d;
        --web-wash: #1c1c1d;
    }
}